
<!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="ar-aa" lang="ar-aa" dir="rtl" >

<!-- Mirrored from www.cerist.dz/index.php/ar/224-manifestations-scientifiques-du-cerist-ar/2013/772-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:10:54 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>الأيام الدراسية الخامسة حول المكتبات الجامعية الجزائرية  (JEBU’13)من 29 إلى 30 ماي 2013 – CERIST - CERIST</title>
	<link href="../../../../templates/tpl_theme14/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="../../component/search/indexa2fd.html?Itemid=480&amp;catid=224&amp;id=772&amp;format=opensearch" rel="search" title="البحث 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); }#btcontentslider132 .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_rtl.css" type="text/css" />
                <link rel="stylesheet" href="../../../../templates/tpl_theme14/css/template_rtl.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: 0.0001pt; text-align: left;" align="left"><b><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: white;"><span style="color: #39497f;"><span style="color: white;">MESRS</span></span></span></span></a></b><b style="font-size: 12.1599998474121px; line-height: 15.8079996109009px;"><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">|</span></span></span></span></span></b><b><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> </span></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: white;"><span style="color: #39497f;"><span style="color: white;">DGRSDT</span></span></span></span></a></b><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><b><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> </span></span></span></b></span></span><b style="font-size: 12.1599998474121px; line-height: 15.8079996109009px;"><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">|</span></span></span><a href="../../../../index.html"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">CERIST</span></span></span></a><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> </span></span></span></span></span></b></p>
<h1 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;">مركز البحث في الإعلام العلمي و التقني </span></span></span></span></span></span></span></strong></h1>
<p> </p></div>
		</div>
	
				</div>
			</div>
					</div>
	<div id="bannerlogo1">
		<div class="inner clearfix">
					<div class="moduletable">
						

<div class="custom"  >
	<p><strong><a href="../../index.html">العربية</a>|<a href="../../../en/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-480 default current active"><a href="../../index.html" >الرئيسية</a></li><li class="item-482"><a href="../../appropos-ar-2.html" >عن المركز</a></li><li class="item-489"><a href="../../rechercheetdevelop-2.html" >البحث والتطوير</a></li><li class="item-494"><a href="../../service-ar.html" >خدمات</a></li><li class="item-495"><a href="../../scientific-production-ar.html" > الإنتاج العلمي </a></li><li class="item-880"><a href="http://webtv.cerist.dz/" target="_blank" rel="noopener noreferrer">تلفزيون الويب</a></li><li class="item-496"><a href="../../contact-ar-3.html" >اتصل بنا</a></li></ul>
<div class="search mod_search63">
	<form action="https://www.cerist.dz/index.php/ar/" method="post" class="form-inline" role="search">
		<label for="mod-search-searchword63" class="element-invisible">البحث...</label> <input name="searchword" id="mod-search-searchword63" maxlength="200"  class="inputbox search-query input-medium" type="search" size="20" placeholder="البحث..." />		<input type="hidden" name="task" value="search" />
		<input type="hidden" name="option" value="com_search" />
		<input type="hidden" name="Itemid" value="480" />
	</form>
</div>

		</div>
	</div>
	
	

		<div id="modulestop">
		<div class="inner clearfix n2">
						<div id="modulestopmod1" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable span12">
							<h3>بوابات</h3>
						<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-131{
          width: 100%;
      }
  #jmslideshow-131 img{
    width: 100%; 
    height: auto;
    max-height: 652px;
  }
</style>
<!--[if lte IE 8]>
<style type="text/css">#jmslideshow-131 .jmslide-item{background:none !important;}</style>
<![endif]-->
<div id="jmslideshow-131"
     class="cycle-slideshow jmslideshow"
     data-cycle-fx="fade"
     data-cycle-pause-on-hover="false"
     data-cycle-speed="500"
     data-cycle-timeout="5000"
     data-cycle-swipe="true"
            data-cycle-prev="#jmslideshow-131 .cycle-prev" 
       data-cycle-next="#jmslideshow-131 .cycle-next" 
          data-cycle-slides="> div.jmslide-item"
                >
     
                	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_dlar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_dlar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_webtvar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_webtvar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_sndlar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_sndlar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_arnar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_arnar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_biblioniv.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_biblioniv.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_webreviewar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_webreviewar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_earnar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_earnar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_istemagar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_istemagar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_ccdzar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_ccdzar.jpg"/></a>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_wissalar.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_wissalar.jpg"/></a>
	               
	      </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>أخبار</h3>
						<div id="btcontentslider132" 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:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="أول بوابة جزائرية للبيانات المرتبطة المفتوحة"
						href="../../news-ar/1438-2023-04-04-10-30-22.html"> أول بوابة جزائرية للبيانات المرتبطة المفتوحة </a><br />
															
										<div class="bt-introtext">
					هذه البوابة هي أول بوابة جزائرية مخصصة لعرض البيانات الجزائرية المرتبطة المفتوحة. بدأ المشروع في عام...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row "  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="دعوة لتقديم أوراق بحثية: عدد خاص حول التطورات المدعومة بالذكاء الاصطناعي في أنظمة استرجاع المعلومات والتوصية"
						href="../../news-ar/1660-2025-10-12-14-24-48.html"> دعوة لتقديم أوراق بحثية: عدد خاص حول التطورات... </a><br />
															
										<div class="bt-introtext">
					 
يشجع هذا العدد الخاص بشكل خاص المساهمات التي توضح كيف يمكن لنماذج الذكاء الاصطناعي الجديدة تحسين ...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="المؤتمر الدولي حول الذكاء الاصطناعي والإنسانيات الرقمية - الإعلان الأولي"
						href="../../news-ar/1661-2025-10-14-09-58-06.html"> المؤتمر الدولي حول الذكاء الاصطناعي والإنسانيات الرقمية -... </a><br />
															
										<div class="bt-introtext">
					يعلن قسم البحث في العلوم المعلوماتية والإنسانيات الرقمية بمركز البحث في الإعلام العلمي والتقني بالجز...					</div>
					
					
				</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:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title=" مسابقة توظيف"
						href="../../news-ar/1672-2025-11-13-09-38-36.html">  مسابقة توظيف </a><br />
															
										<div class="bt-introtext">
					يعلن مركز البحث في الإعلام العلمي و التقني عن فتح مسابقة توظيف بعنوان السنة المالية 2025 و ذلك في ال...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row "  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="المؤتمر الدولي الخامس للأنظمة المدمجة والموزعة (EDiS’2026)"
						href="../../news-ar/1738-edis-2026.html"> المؤتمر الدولي الخامس للأنظمة المدمجة والموزعة (EDiS’2026) </a><br />
															
										<div class="bt-introtext">
					يعلن مختبر LAPECI (مختبر البنى المتوازية، والأنظمة المدمجة، والحوسبة عالية الأداء) بجامعة وهران 1 عن...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="لتقديم خدمة إدارة أمن المعلومات (التدقيق، المراقبة المستمرة، والتدخل في حالة وقوع حوادث أمنية)."
						href="../../news-ar/1743-2026-04-20-08-27-37.html"> لتقديم خدمة إدارة أمن المعلومات (التدقيق، المراقبة المستمرة،... </a><br />
															
										<div class="bt-introtext">
					  يعلن مركز CERIST عن إطلاق استشارة لاقتناء خدمة إدارة أمن المعلومات (التدقيق، المراقبة المستمرة، وا...					</div>
					
					
				</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:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="رسالة استشارة رقم 003 - سيريست - 2026 لتوريد مواد وقطع غيار ميكانيكية لمشروع السيارة الكهربائية"
						href="../../news-ar/1750-003-2026.html"> رسالة استشارة رقم 003 - سيريست - 2026... </a><br />
															
										<div class="bt-introtext">
					في إطار مشروع بحثي لوحدة البحث في الأنظمة المدمجة بالشلف، يُعلن مركز البحث في الإعلام العلمي و التقن...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row "  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title=" رسالة استشارة رقم 004 – 2026  لتوريد وتركيب وتشغيل حلول النسخ الاحتياطي والاستعادة بموجب اتفاقية إطارية"
						href="../../news-ar/1758-004-2026.html">  رسالة استشارة رقم 004 – 2026 ... </a><br />
															
										<div class="bt-introtext">
					يعلن مركز البحث في الإعلام العلمي و التقني عن طرح رسالة استشارة لتوريد وتركيب وتشغيل حلول النسخ الاح...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title=" قائمة الناجحين في التحصل على رتبة أستاذ قسم ب بمركز البحث في الإعلام العلمي و التقني و وحداته الجهوية"
						href="../../news-ar/1759-2026-06-18-13-30-31.html">  قائمة الناجحين في التحصل على رتبة أستاذ... </a><br />
															
										<div class="bt-introtext">
					الإعلان عن قائمة الناجحين في التحصل على رتبة أستاذ قسم ب بمركز البحث في الإعلام العلمي و التقني و وح...					</div>
					
					
				</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:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="قائمة الناجحين في المسابقة على أساس الشهادة للإلتحاق بسلك مستخدمي دعم البحث رتبة مهندس دولة لدعم البحث"
						href="../../news-ar/1762-2026-06-18-14-31-38.html"> قائمة الناجحين في المسابقة على أساس الشهادة للإلتحاق... </a><br />
															
										<div class="bt-introtext">
					الإعلان عن قائمة الناجحين في المسابقة على أساس الشهادة للإلتحاق بسلك مستخدمي دعم البحث رتبة مهندس دو...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row "  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="رسالة استشارة رقم 005 –2026    لاختيار مزود خدمة إنترنت لتقديم خدمة مُدارة للحماية من هجمات حجب الخدمة الموزعة "
						href="../../news-ar/1767-5-cerist-2026-ddos.html"> رسالة استشارة رقم 005 –2026   ... </a><br />
															
										<div class="bt-introtext">
					يطرح مركز البحث في الإعلام العلمي و التقني مناقصة لاختيار مزود خدمة إنترنت لتقديم خدمة مُدارة للحماي...					</div>
					
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:33.333333333333%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title=" قائمة الناجحين في المسابقة على أساس الشهادة للإلتحاق بسلك مستخدمي دعم البحث رتبة تقني سام لدعم البحث بعنوان سنة  2025  "
						href="../../news-ar/1771-2025.html">  قائمة الناجحين في المسابقة على أساس الشهادة... </a><br />
															
										<div class="bt-introtext">
					الإعلان عن قائمة الناجحين في المسابقة على أساس الشهادة للإلتحاق بسلك مستخدمي دعم البحث رتبة تقني سام...					</div>
					
					
				</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(132);
	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="ar-AA" />
	
		
			<div class="page-header">
		<h2 itemprop="headline">
			الأيام الدراسية الخامسة حول المكتبات الجامعية الجزائرية  (JEBU’13)من 29 إلى 30 ماي 2013 – CERIST		</h2>
							</div>
					
		
	
	
		
								<div itemprop="articleBody">
		<ul style="padding: 0.75em 0px; margin: 0px 0px 0px 35px; color: #000000; font-family: Tahoma, sans-serif; font-size: 12.1599998474121px; line-height: 15.8079996109009px;">
<li style="direction: rtl; padding: 0px; margin: 0px; text-align: right;"><a style="padding: 0px; margin: 0px; color: #39497f; outline: none;" href="http://jebu13.cerist.dz/" target="_blank">- الأيام الدراسية الخامسة حول المكتبات الجامعية الجزائرية (JEBU’13)من 29 إلى 30 ماي 2013 – CERIST</a></li>
</ul>	</div>

	
							</div>

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

<div class="custom"  >
	<h2 style="text-align: right;" align="right">خدماتنا</h2>
<p style="text-align: right;"><a title="domaine-dz" href="../../nos-service-4/337-domaine-dz.html"> .dz سجل اسم المجال الخاص بك تحت  </a></p>
<p style="text-align: right;"><a title="ARN" href="../../nos-service-4/333-arn.html">أطلب أيصالك ARN بالشبكة الجزائرية للبحث </a></p>
<p style="text-align: right;"><a title="issn" href="../../nos-service-4/334-centre-national-algerien-de-l-issn.html">أطلب رقم ISSN الخاص بك</a></p>
<p style="text-align: right;"><a title="pnst" href="../../nos-service-4/335-signalez-vos-sujets-de-these-en-cours.html">سجل إشعاراتك عن مواضيع الأطروحات الحالية</a></p>
<p style="text-align: right;"><a title="manifestation " href="../../nos-service-4/336-signalez-vos-manifestations-scientifiques.html">سجل إشعاراتك حول التظاهرات العلمية </a><strong><a title="manifestation " href="../../../fr/105-nos-services/103-signalez-vos-manifestations-scientifiques.html">s</a></strong></p></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: white;">التكوين</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: white;"> </span></span></span></span></span></p>
<p><span style="color: #ffffff;"><span style="text-decoration: underline;"><a href="../../formations-ar/378-formations-qualifiantes.html" target="_parent"><span style="color: white;">التكوينات المؤهلة </span></a></span></span></p>
<p><span style="color: #ffffff;"><span style="color: white;">(الإعلام الآلي، الشبكات، تكنولوجيات الإعلام والاتصال، علوم الإعلام)</span></span></p>
<p><span style="color: white;"> </span></p>
<p><span style="color: black;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: white;"> </span></span></span></span></span></p>
<p><span style="color: #ffffff;"><a href="../../formations-ar/377-formations-diplomantes.html" target="_parent"><b><span style="text-decoration: underline;"><span style="color: white;">ا</span></span></b><span style="text-decoration: underline;"><span style="color: white;">لدورات الدراسية </span></span></a></span></p>
<p><span style="color: #ffffff;"><a href="http://formation.cerist.dz/fdsysinfo.php" target="_blank"><span style="text-decoration: underline;"><span style="color: white;">- م</span></span><span style="color: white;">ا بعد التدرج المتخصص في علوم الإعلام والاتصال- PGS/IST</span></a></span></p>
<p><span style="color: #ffffff;"><a href="http://formation.cerist.dz/fdsecinfo.php" target="_blank"><span style="color: white;">- ما بعد التدرج المتخصص في الأمن المعلوماتي- PGS/ SI</span></a></span><span style="color: black;"> </span></p>
<p> </p>
<p> <br /><br /></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;">المنتجات و البرمجيات</span></span></span></span></span></h2>
<p><a title="SYNGEB" href="../../produits-logiciels-ar/1003-syngeb.html"><span style="color: #00ccff;"><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="Al manhal" href="../../produits-logiciels-ar/1002-al-manhal.html"><span style="color: #00ccff;"><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 href="../../produits-logiciels-ar/1001-gescol.html"><span style="color: #00ccff;"><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="Miftah" href="../../produits-logiciels-ar/1000-miftaah.html"><span style="color: #00ccff;"><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="Remute" href="../../produits-logiciels-ar/999-remute.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"> وسيلة استخراج الكلمات المركبة</span></span></span></span></a></p>
<p><a title="ClasSeman" href="../../produits-logiciels-ar/998-classeman.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"> وسيلة تصنيف الدلالات </span></span></span></span></a></p>
<p><a title="ProFilter" href="../../produits-logiciels-ar/997-profilter.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"> وسيلة تصفية مدمجة في أنظمة البحث عن المعلومات</span></span></span></span></a></p>
<p><a title="DMP" href="../../produits-logiciels-ar/996-dmp.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">الملف الطبي الشخصي</span></span></span></span></a></p>
<p><a title="EL-MOUGHITH" href="../../produits-logiciels-ar/995-el-moughith.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">المغيث</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;"><span style="color: white;">وسائل الإعلام والوسائط المتعددة</span></span></span></span></span></span></span></h2>
<p><a title="RIST" href="../../medias-multimedias-ar/ristar.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;">مجلة الإعلام العلمي والتقني</span></span></span></span></span></a></p>
<p><a title="CERISTNEWS" href="../../medias-multimedias-ar/bulletins-d-information-interne-ar.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><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;"><span style="color: white;">تلفزيون الويب </span></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;"><span style="color: white;">مكتبة الفيديو</span></span></span></span></span></span></span></p>
<p><a title="Photothèque" href="../../medias-multimedias-ar/130-photo-library-ar.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;">مكتبة الصور</span></span></span></span></span></a></p>
<p><a title="CERIST en livret " href="../../medias-multimedias-ar/cerist-en-livret.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;">المركز في كتيب </span></span></span></span></span></a></p>
<p><a href="../../medias-multimedias-ar/revue-de-presse-ar.html"><span style="color: white;"><span style="color: white;">المجلة الصحفية</span></span></a></p>
<p><a href="../../medias-multimedias-ar/conseil-securite-ar.html"><span style="color: white;"><span style="color: white;">نصائح أمنية</span></span></a></p>
<p><a title="مصنف لنصوص التعاون" href="../../medias-multimedias-ar/1151-2017-03-16-13-27-57.html" target="_parent"><span style="color: white;"><span style="color: white;"> مصنف لنصوص التعاون</span></span></a></p>
<p><span style="color: black;"> </span></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;">البوابات </span></span></span></span></span></h2>
<p><a title="ARN" href="../../portails-3/308-arn.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">شبكة البحث الجزائرية</span></span></span></span></a></p>
<p><a title="PNST " href="../../portails-3/309-pnst.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">البوابة الوطنية للإشعار عن الأطروحات </span></span></span></span></a></p>
<p><a title="SNDL" href="../../portails-3/813-sndl.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">النظام الوطني للتوثيق عن بعد</span></span></span></span></a></p>
<p><a href="../../portails-3/310-nic-dz.html"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">مركز أسماء النطاقات </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;">تلفزيون الويب</span></span></span></span></a></p>
<p><a title="Wissal " href="../../portails-3/312-wissal.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">بوابة خدمات الأنترنيت (ويصال) </span></span></span></span></a></p>
<p><a title="Freesoft " href="../../portails-3/313-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-3/315-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-3/311-cerist-dl.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">المكتبة الرقمية للمركز </span></span></span></span></a></p>
<p><a title="BiblioUniv " href="../../portails-3/314-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-3/316-rbdz.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">دليل المكتبات الجزائرية </span></span></span></span></a></p>
<p><a title="CCDZ " href="../../portails-3/811-ccdz.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">الفهرس المشترك الجزائري  </span></span></span></span></a></p>
<p> </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_247 { background: #1A3867; }
#gruemenu.grue_247 ul li a, #gruemenu.grue_247 #menu-button {font-family: 'Open Sans', Arial, Helvetica, sans-serif ;}
#gruemenu.grue_247 > ul > li > a { color: #ffffff; text-transform:uppercase}
#gruemenu.grue_247 > ul > li:hover > a,
#gruemenu.grue_247 > ul > li > a:hover,
#gruemenu.grue_247 > ul > li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_247 ul ul li:hover > a,
#gruemenu.grue_247 ul ul li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_247 > ul > li.has-sub > a::after {border-top-color: #ffffff; }
#gruemenu.grue_247 > ul > li.has-sub.active > a::after,
#gruemenu.grue_247 > ul > li.has-sub:hover > a {border-top-color: #d1e3fb;}
#gruemenu.grue_247 > ul > li > ul::after { border-bottom-color: #1A3867}
#gruemenu.grue_247 ul ul ul::after {border-right-color:  #1A3867 }

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

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

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

#gruemenu.grue_247 {-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;  border-radius: 3px;}
#gruemenu.grue_247 ul li:first-child > a  { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#gruemenu.grue_247 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_247 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_247 #menu-button::after {border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#gruemenu.grue_247 #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_247').prepend('<div id="menu-button">Menu bas ar</div>');
	jQuery('.grue_247 #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_247 ">
<ul >
<li class="item-630"><a href="../../homepage-6.html" >الرئيسية</a></li><li class="item-631"><a href="../../nos-chercheurs-2.html" >دليل الباحثين</a></li><li class="item-632"><a href="../../plan-du-site-3.html" >خريطة الموقع</a></li><li class="item-633"><a href="../../weblinks-3.html" >روابط مفيدة</a></li><li class="item-634"><a href="http://mail.cerist.dz/" target="_blank" >البريد الإلكتروني</a></li><li class="item-635"><a href="../../nous-trouver-2.html" >عنواننا</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/ar/224-manifestations-scientifiques-du-cerist-ar/2013/772-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:10:54 GMT -->
</html>