PageSourceSearch

https://www.mediatheque.ch/fr/shop-ligne-42.html

html mediatheque.ch collected 2026-10-02 06:45:21 UTC 34,053 bytes, 949 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html>
5	<head>
6
7
8	   	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
9	   	<meta name="viewport" content="width=device-width, initial-scale=1">
10	   	<link rel="canonical" href="https://www.mediatheque.ch/fr/shop-ligne-42.html"/>
11<link rel="alternate" hreflang="de-CH" href="https://www.mediathek.ch/de/shop-42.html"/>
12<link rel="alternate" hreflang="fr-CH" href="https://www.mediatheque.ch/fr/shop-ligne-42.html"/>
13	   	<title>Shop en ligne :: M&eacute;diath&egrave;que Valais</title>
14	   	<meta name="description" content="Pour commander les publications de la M&eacute;diath&egrave;que Valais"/>
15	   	<meta name="keywords" content="Shop en ligne Pour commander les publications de la M&eacute;diath&egrave;que Valais"/>
16	   	<meta property="og:image" content="https://www.mediatheque.ch/data/images/accroches/5.jpg"/>
17	   	<meta property="og:title" content="Shop en ligne :: M&eacute;diath&egrave;que Valais" />
18		<meta property="og:description" content="Pour commander les publications de la M&eacute;diath&egrave;que Valais" />
19		<meta property="og:url" content="https://www.mediatheque.ch/fr/shop-ligne-42.html" />
20		<link rel="apple-touch-icon" sizes="180x180" href="/template/image/favicon/apple-touch-icon.png">
21		<link rel="icon" type="image/png" sizes="32x32" href="/template/image/favicon/favicon-32x32.png">
22		<link rel="icon" type="image/png" sizes="16x16" href="/template/image/favicon/favicon-16x16.png">
23		<link rel="manifest" href="/template/image/favicon/site.webmanifest">
24		<link rel="mask-icon" href="/template/image/favicon/safari-pinned-tab.svg" color="#991732">
25		<link rel="shortcut icon" href="/template/image/favicon/favicon.ico">
26		<meta name="msapplication-TileColor" content="#ffffff">
27		<meta name="msapplication-config" content="/template/image/favicon/browserconfig.xml">
28		<meta name="theme-color" content="#ffffff">
29		<meta name="verify-v1" content="t/toMr9xYV53j8Aou2MpJwtDd6+3PP3hysAphdLuu+k=" />
30		<meta name="google-site-verification" content="jMkBSzyusDynLORrMCz83H9zZV-UOYRxyjevVL0RWMg" />
31		<meta name="msvalidate.01" content="8F9F977B766D77B34385DE142B9CCD01" />
32<link rel="stylesheet" type="text/css" href="/js/jquery/fancybox/fancybox.css?_v=1"/>
33<link rel="stylesheet" type="text/css" href="/style/T1.css?_v=1"/>
34<script src="/js/jquery/jquery-1.6.4.min.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 34
34
35<script src="/js/jquery/fancybox/jquery.fancybox-1.3.4.pack.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 35
35
36<script src="/js/jquery/openbox.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 36
36
37<script src="/js/functions.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 37
37
38<script src="/js/mandatory.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 38
38
39<script src="/js/adminzone.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 39
39
40<script src="/plugin/searchapi/js/searchapi.js?_v=1" type="text/javascript"></script>
vendor: 2 bytes, line 40
40
41<script src="/plugin/menu/js/menu.js?_v=1" type="text/javascript"></script>
41
42
43
44<script>
45
46</script>
46
47
48
49
50<script>
51$(document).ready(function()
52{
53	setZoom();
54	
55	//valignAll();  //->A activer si besoin du valign
56	openboxInit();
57	animeMenu('menuFondMain','0',1);
58	
59	
60	//Fonction qui ajoute du JQuery sur les listes
61	initList(true);
62	var curscrollpos = 0;
63	$(window).bind("scroll",function(event){ 
64		
65		if($("#leftPanel").css("z-index")==1003)
66			return;
67		var curzoom = 1.0;
68		if(window.sessionStorage) 
69			if(sessionStorage.getItem("curzoom") && !isNaN(sessionStorage.getItem("curzoom")))
70				curzoom = parseFloat(sessionStorage.getItem("curzoom"));
71		
72		
73		var $holder = $("#zoneTop");
74		var heightScroll = $(window).scrollTop();
75		if($(window).scrollTop() >= $holder.height() )
76		{
77			if(!$holder.hasClass("fixed"))
78			{
79				$holder.css("opacity",0).addClass("fixed").animate({ "opacity":1 }, 500);
80				/*if(heightScroll < 330)
81				$("#panel").addClass("fixed").css("top",  heightScroll );*/
82			}
83			
84			if(curscrollpos > heightScroll)//Le scroll descend
85				{
86					$holder.css("transition","all 0.2s").css("top",  (heightScroll/curzoom));
87					$holder.css("display",  "block");
88				}
89			else
90				$holder.css("display",  "none");
91			
92			//On stock la valeur du scroll
93			curscrollpos = heightScroll;
94		}	
95		else
96		{
97			if($holder.hasClass("fixed"))
98			{
99				event.stopImmediatePropagation();
100				$holder.css("opacity",0).removeClass("fixed").animate({ "opacity":1 }, 500);
101				$holder.removeClass("fixed");
102				$("#panel").removeClass("fixed").css("top", 0 );
103				$holder.css("top",  0);
104				$holder.css("display",  "block");
105			}
106		}
107		
108		//Affectation du top à l'accès direct
109		
110		var $holderAD = $("#accesDirect");
111		$holderAD.css("transition","all 0.2s").css("top",  (heightScroll/curzoom) + 234);
112
113	});
114	
115});
116
117//Fonction qui ajoute le code JQUERY sur les listes
118function initList(bFirst)
119{
120	/*if(!bFirst)  //->A activer si besoin du valign
121		valignAll($(".listCtn")); */
122	
123	//Insertion des codes pour les effets sur les listes Ex. over ou ouverture FAQ
124	//ATTENTION: pour chaque nouvelle fonction, il faudra penser à mettre une classe "donescroll"
125	
126}
127
128
129
130</script>
130
131
132
133	</head>
134
135<body class="  FR">
136
137	<div id="mainPanel">
138		<div id="zoomPanel">
139		<div id="leftPanel">
140			<div class="mainContainer">
141				<div class="services">
142					<div class="lngZoom">
143						<div class="lng"><a href="/fr/shop-ligne-42.html" class="langsiteActiv">FR</a><span class="separator">|</span>
144<a href="/de/shop-42.html" class="langsite">DE</a><span class="separator"></span>
145<span class="separator EN">|</span><a href="/fr/valais-media-library-204.html" class="langsite">EN</a></div>
146						<div id="zoomCtn">
147							<a class="zoom small" href="#">A</a>
148							<a class="zoom big" href="#">A</a>
149						</div>
150					</div>
151					<div class="searchHolder">
151<script>
152$(document).ready(function()
153{
154	var originalW = $(".mainHolder #searchCtnAPI").width();
155	
156	$(".mainHolder #searchCtnAPI").hover(function(){
157		$(this).animate({ "width": $("#cse-search-box-api").outerWidth() }, "fast");
158		$("input[type=text]",$(this)).addClass("myBorder");
159	}, function(){
160		$(this).animate({ "width":originalW }, "fast");
161		$("input[type=text]",$(this)).removeClass("myBorder");
162	});
163	
164});
165</script>
165
166<div class="wSearchAPI">
167<div id="searchCtnAPI" class="after">
168	<form id="cse-search-box-api" action="/fr/shop-ligne-42.html">
169		<input type="hidden" name="plug-searchapi-gosearch-go"/>
170		<input type="text" id="searchquery-api" name="q" value="" data-placeholder="chercher"/>
171		<span class="submit cms_icons-loupe_3"><input type="submit" value=""/></span>
172		<div class="divwrapper"></div>
173	</form>
174</div>
175</div></div>
176				</div>
177				<div class="menuHolder"><div id="menuMain"><ul id="ulmid_menu" class="menu0">
178	<li id="mid_42" class="menu0 " >
179		
180		<a href="/fr/collections-48.html" target="_self" class="menu0 " style="">Collections</a>
181		<ul id="ulmid_42" class="menu1">
182	<li id="mid_12" class="menu1 divwrapper" >
183		
184		<a href="/fr/collection-generale-51.html" target="_self" class="menu1 " style="">Collection générale</a>
185		
186		
187	</li>
188	<li id="mid_13" class="menu1 divwrapper" >
189		
190		<a href="/fr/ressources-ligne-70.html" target="_self" class="menu1 " style="">Ressources en ligne</a>
191		
192		
193	</li>
194	<li id="mid_156" class="menu1 divwrapper" >
195		
196		<a href="/fr/publications-officielles-1974.html" target="_self" class="menu1 " style="">Publications officielles</a>
197		
198		
199	</li>
200	<li id="mid_14" class="menu1 divwrapper" >
201		
202		<a href="/fr/nouveautes-propositions-achat-75.html" target="_self" class="menu1 " style="">Nouveautés/propositions d'achat</a>
203		
204		
205	</li>
206</ul>
207		
208	</li>
209	<li id="mid_15" class="menu0 " >
210		
211		<a href="/fr/patrimoine-49.html" target="_self" class="menu0 " style="">Patrimoine</a>
212		<ul id="ulmid_15" class="menu1">
213	<li id="mid_16" class="menu1 divwrapper" >
214		
215		<a href="/fr/patrimoine-imprime-3.html" target="_self" class="menu1 " style="">Patrimoine imprimé</a>
216		
217		
218	</li>
219	<li id="mid_20" class="menu1 divwrapper" >
220		
221		<a href="/fr/patrimoine-audiovisuel-83.html" target="_self" class="menu1 " style="">Patrimoine audiovisuel</a>
222		
223		
224	</li>
225	<li id="mid_19" class="menu1 divwrapper" >
226		
227		<a href="/fr/patrimoine-numerique-85.html" target="_self" class="menu1 " style="">Patrimoine numérique</a>
228		
229		
230	</li>
231	<li id="mid_43" class="menu1 divwrapper" >
232		
233		<a href="/fr/patrimoine-musical-90.html" target="_self" class="menu1 " style="">Patrimoine musical</a>
234		
235		
236	</li>
237</ul>
238		
239	</li>
240	<li id="mid_44" class="menu0 " >
241		
242		<a href="/fr/pedagogie-50.html" target="_self" class="menu0 " style="">Pédagogie</a>
243		<ul id="ulmid_44" class="menu1">
244	<li id="mid_45" class="menu1 divwrapper" >
245		
246		<a href="/fr/collections-100.html" target="_self" class="menu1 " style="">Collections</a>
247		
248		
249	</li>
250	<li id="mid_46" class="menu1 divwrapper" >
251		
252		<a href="/fr/documentation-pour-jeunesse-133.html" target="_self" class="menu1 " style="">Documentation pour la jeunesse</a>
253		
254		
255	</li>
256	<li id="mid_47" class="menu1 divwrapper" >
257		
258		<a href="/fr/expositions-didactiques-134.html" target="_self" class="menu1 " style="">Expositions didactiques</a>
259		
260		
261	</li>
262	<li id="mid_48" class="menu1 divwrapper" >
263		
264		<a href="/fr/visites-formations-pour-classes-135.html" target="_self" class="menu1 " style="">Visites et formation</a>
265		
266		
267	</li>
268	<li id="mid_49" class="menu1 divwrapper" >
269		
270		<a href="/fr/activites-pour-classes-136.html" target="_self" class="menu1 " style="">Activités pour les classes</a>
271		
272		
273	</li>
274	<li id="mid_50" class="menu1 divwrapper" >
275		
276		<a href="/fr/agenda-34/agenda-search-1.html?aAgendaSearch%5Btypeevent%5D=&aAgendaSearch%5Bidmediatheque%5D=&aAgendaSearch%5Bdomaine%5D=&aAgendaSearch%5Bpublic%5D=P%C3%A9dagogie&aAgendaSearch%5Bfromdate%5D=&aAgendaSearch%5B&aAgendaSearch%5Bkeywords%5D=&plug-agenda-searchresults-1-idparent-=chercher" target="_blank" class="menu1 " style="">Programme culturel</a>
277		
278		
279	</li>
280</ul>
281		
282	</li>
283	<li id="mid_23" class="menu0 " >
284		
285		<a href="https://www.mediatheque.ch/fr/agenda-34.html" target="_self" class="menu0 " style="">Offre culturelle</a>
286		<ul id="ulmid_23" class="menu1">
287	<li id="mid_37" class="menu1 divwrapper" >
288		
289		<a href="/fr/agenda-34.html" target="_self" class="menu1 " style="">Agenda</a>
290		
291		
292	</li>
293	<li id="mid_25" class="menu1 divwrapper" >
294		
295		<a href="/fr/rencontres-180.html" target="_self" class="menu1 " style="">Rencontres</a>
296		
297		
298	</li>
299	<li id="mid_51" class="menu1 divwrapper" >
300		
301		<a href="/fr/agenda-34/agenda-search-1.html?aAgendaSearch%5Btypeevent%5D=&aAgendaSearch%5Bidmediatheque%5D=&aAgendaSearch%5Bdomaine%5D=&aAgendaSearch%5Bpublic%5D=Famille&aAgendaSearch%5Bfromdate%5D=&aAgendaSearch%5B&aAgendaSearch%5Bkeywords%5D=&plug-agenda-searchresults-1-idparent-=chercher" target="_self" class="menu1 " style="">Offres famille – jeunes</a>
302		
303		
304	</li>
305	<li id="mid_53" class="menu1 divwrapper" >
306		
307		<a href="/fr/visite-pour-decouvrir-mediatheque-valais-102.html" target="_self" class="menu1 " style="">Visites</a>
308		
309		
310	</li>
311	<li id="mid_54" class="menu1 divwrapper" >
312		
313		<a href="/fr/expositions-virtuelles-275.html" target="_self" class="menu1 " style="">Expositions virtuelles</a>
314		
315		
316	</li>
317	<li id="mid_55" class="menu1 divwrapper" >
318		
319		<a href="/fr/conferences-replay-137.html" target="_self" class="menu1 " style="">Conférences Replay</a>
320		
321		
322	</li>
323	<li id="mid_40" class="menu1 divwrapper" >
324		
325		<a href="/fr/newsletter-41.html" target="_self" class="menu1 " style="">Newsletter</a>
326		
327		
328	</li>
329</ul>
330		
331	</li>
332	<li id="mid_104" class="menu0 " >
333		
334		<a href="#" target="_self" class="menu0 " style="">Espaces</a>
335		<ul id="ulmid_104" class="menu1">
336	<li id="mid_78" class="menu1 divwrapper" >
337		
338		<a href="/fr/lieux-229.html" target="_self" class="menu1 " style="">Lieux</a>
339		
340		
341	</li>
342	<li id="mid_119" class="menu1 divwrapper" >
343		
344		<a href="/fr/makerspace-1482.html" target="_self" class="menu1 " style="">Makerspace</a>
345		
346		
347	</li>
348	<li id="mid_163" class="menu1 divwrapper" >
349		
350		<a href="/fr/artotheque-2150.html" target="_self" class="menu1 " style="">Artothèque</a>
351		
352		
353	</li>
354	<li id="mid_52" class="menu1 divwrapper" >
355		
356		<a href="/fr/restauration-101.html" target="_self" class="menu1 " style="">Restauration</a>
357		
358		
359	</li>
360	<li id="mid_62" class="menu1 divwrapper" >
361		
362		<a href="/fr/salles-groupe-114.html" target="_self" class="menu1 " style="">Salles de groupe</a>
363		
364		
365	</li>
366</ul>
367		
368	</li>
369	<li id="mid_57" class="menu0 " >
370		
371		<a href="#" target="_self" class="menu0 menuselected parent" style="">Infos pratiques</a>
372		<ul id="ulmid_57" class="menu1">
373	<li id="mid_59" class="menu1 divwrapper" >
374		
375		<a href="/fr/inscription-111.html" target="_self" class="menu1 " style="">Inscription</a>
376		
377		
378	</li>
379	<li id="mid_60" class="menu1 divwrapper" >
380		
381		<a href="/fr/emprunt-reservation-112.html" target="_self" class="menu1 " style="">Emprunt et réservation</a>
382		
383		
384	</li>
385	<li id="mid_61" class="menu1 divwrapper" >
386		
387		<a href="/fr/informatique-113.html" target="_self" class="menu1 " style="">Informatique et web</a>
388		
389		
390	</li>
391	<li id="mid_63" class="menu1 divwrapper" >
392		
393		<a href="/fr/tarifs-115.html" target="_self" class="menu1 " style="">Tarifs</a>
394		
395		
396	</li>
397	<li id="mid_41" class="menu1 divwrapper" >
398		
399		<a href="/fr/shop-ligne-42.html" target="_self" class="menu1 menuselected" style="">Shop en ligne</a>
400		
401		
402	</li>
403</ul>
404		
405	</li>
406	<li id="mid_64" class="menu0 " >
407		
408		<a href="#" target="_self" class="menu0 " style="">A propos</a>
409		<ul id="ulmid_64" class="menu1">
410	<li id="mid_65" class="menu1 divwrapper" >
411		
412		<a href="/fr/missions-116.html" target="_self" class="menu1 " style="">Missions</a>
413		
414		
415	</li>
416	<li id="mid_66" class="menu1 divwrapper" >
417		
418		<a href="/fr/charte-mediatheque-valais-117.html" target="_self" class="menu1 " style="">Charte</a>
419		
420		
421	</li>
422	<li id="mid_158" class="menu1 divwrapper" >
423		
424		<a href="/fr/plan-directeur-2029.html" target="_self" class="menu1 " style="">Plan directeur</a>
425		
426		
427	</li>
428	<li id="mid_31" class="menu1 divwrapper" >
429		
430		<a href="/fr/news-22.html" target="_self" class="menu1 " style="">Actualités</a>
431		
432		
433	</li>
434	<li id="mid_67" class="menu1 divwrapper" >
435		
436		<a href="/fr/rapports-annuels-118.html" target="_self" class="menu1 " style="">Rapports annuels</a>
437		
438		
439	</li>
440	<li id="mid_160" class="menu1 divwrapper" >
441		
442		<a href="/fr/agenda-2030-2053.html" target="_self" class="menu1 " style="">Agenda 2030</a>
443		
444		
445	</li>
446</ul>
447		
448	</li>
449</ul></div></div>
450			</div>
451		</div>
452		
453		<div class="mainHolder">
454			
455			<div id="zoneTop">
456				<div class="mainContainer after">
457					<div class="logoCtn"><a href="/fr/homepage.html" class="logo"></a></div>
458					<div class="searchHolder"><!-- placeholder for search --></div>
459					<div id="zoomCtn">
460						<a class="zoom small" href="#">A</a>
461						<a class="zoom big" href="#">A</a>
462					</div>
463					<div class="lng"><a href="/fr/shop-ligne-42.html" class="langsiteActiv">FR</a><span class="separator">|</span>
464<a href="/de/shop-42.html" class="langsite">DE</a><span class="separator"></span>
465<span class="separator EN">|</span><a href="/fr/valais-media-library-204.html" class="langsite">EN</a></div>
466					<div class="menuZone"><span class="txtMenu">Menu</span><a id="menuIcone" class="menuIcone"><span class="line"></span></a></div>
467					<div class="menuHolder"><!-- placeholder for menu --></div>
468				</div>
469			</div>
470			<div id="sliderCtn">
471	<div class="sliderElementCtn">
472		<a href="#" target="_self" class="sliderElement current" rel="1" data-img="/data/images/slider/int/4.jpg" style='background-image:url(/data/images/slider/int/4.jpg)'>
473			<div class="slogan empty"><span></span></div>
474		</a>
475		<a href="#" target="_self" class="sliderElement " rel="2" data-img="/data/images/slider/int/1.jpg" >
476			<div class="slogan empty"><span></span></div>
477		</a>
478		<a href="#" target="_self" class="sliderElement " rel="3" data-img="/data/images/slider/int/3.jpg" >
479			<div class="slogan empty"><span></span></div>
480		</a>
481		<a href="#" target="_self" class="sliderElement " rel="4" data-img="/data/images/slider/int/2.jpg" >
482			<div class="slogan empty"><span></span></div>
483		</a>
484		<a href="#" target="_self" class="sliderElement " rel="5" data-img="/data/images/slider/int/5.jpg" >
485			<div class="slogan empty"><span></span></div>
486		</a>
487	</div>
488	<a href="#" class="arrow sliderNext cms_icons-chevron_1"></a>
489	<a href="#" class="arrow sliderPrev cms_icons-chevron_1"></a>
490	<div id="bullets"></div>
491	<div class="papierDechire">
492		<span id="down"><span class="cms_icons-chevron_2"></span></span>
493	</div>
494	
495	<div class="sloganMediatheque"><div class="mainContainer"><span>Médiathèque</span><span>Valais</span></div></div>
496	<!-- COVID -->
497	<!-- div class="sloganMediatheque"><div class="mainContainer"><a style="text-decoration:none;color:#ffffff;" href="/fr/reouverture-selon-horaires-services-ordinaires-1302.html"><span style="background: red;font-size: .8em;line-height: 1.3;">Médiathèque Valais ouverte</span><!-- span style="background: red; font-size: .42em; padding: 7px 0 5px;line-height:1.3;">Horaires adaptés et services réduits</span></a></div></div -->
498</div>	
499
500<script>
501(function(){ 
502	
503	var ctn = "#sliderCtn";
504	var configSlide = "horizontal";
505	var configBullet = false;
506	var configArrow = false;
507	
508	//Config css for animation. Use !important on .sliderElement.current to avoid transition of current element (exemple with opacity)
509	var configCurrent =  { "top":"0%", "left":"0%",    "opacity":1, "z-index":1, "display":"block" }; //keep left and right in % to avoid error between pixel and percent (safari)
510	var configPrevious = { "top":"0%", "left":"-100%", "opacity":1, "z-index":2, "display":"block" };
511	var configNext =     { "top":"0%", "left":"100%",  "opacity":1, "z-index":2, "display":"block" };
512	
513	if(configSlide == "opacity")
514	{
515		configPrevious = { "top":"0%", "left":"0%", "opacity":0, "z-index":2, "display":"block" };
516		configNext =     { "top":"0%", "left":"0%", "opacity":0, "z-index":2, "display":"block" };
517	}
518	
519	var animTime = 1000;
520	
521	var $elCtn = $(ctn + " .sliderElementCtn");
522	var iCptElement = $(".sliderElement",$elCtn).length;
523	
524	var $current = $(".current",$elCtn);
525	var iCurrent = parseInt($current.attr("rel"));
526	var inprogress = false;
527	
528	var doSlide = function(pIdx, pCurrentGoTo, pAppearingStartTo){
529		if(inprogress) return;
530		inprogress = true;
531		
532		if(pIdx>iCptElement)
533			pIdx = 1;
534		else if(pIdx<1)
535			pIdx = iCptElement;
536		
537		//Activation de la bullet
538		$("#bullets a").removeClass("active");
539		$("#bullet"+pIdx).addClass("active");
540		
541		var $appearing = $(" .sliderElement[rel="+ pIdx + "]",$elCtn);
542		var $img = $("<img />").load(function(){
543			$appearing.css("background-image", "url(" + $(this).attr("src") + ")");
544			$current.animate( pCurrentGoTo , animTime, function(){ $(this).removeClass("current").removeAttr("style"); });
545			$appearing.css(pAppearingStartTo).animate(configCurrent, animTime, function(){ $current = $(this); $current.addClass("current"); iCurrent = pIdx; inprogress=false; });
546		}).attr("src", $appearing.attr("data-img"));
547	};
548	
549	//Enlève le clic sur les href à # et donc pas de lien à suivre
550	$(ctn + " a.sliderElement[href=#]").addClass("cursor").click(function(evt){ evt.preventDefault(); });
551	
552	//On bloc les effets si il n'y qu'un seul élément
553	if(iCptElement<=1)
554	{
555		//On enlève les bullets et les flèches
556		$('#bullets').css('display','none');
557		$(ctn +' .arrow').css('display','none');
558	}
559	else
560	{
561		//Création des bullets de navigation
562		if(configBullet)
563		{
564			for(var i=1 ; i <= iCptElement; i++)
565			{
566				var isActive = (i==1)?"active":"";
567				$("<a href='#' class='"+isActive+"' id='bullet"+ i +"'></a>").click(function(ev){ ev.preventDefault(); if($(this).hasClass("active")) return; var index = parseInt($(this).attr("id").replace("bullet","")); execute(function(){ doSlide(index, configPrevious, configNext); }); }).appendTo("#bullets");
568			}
569		}
570	}
571	
572	//Gestion des flèches
573	if(configArrow)
574	{
575		$(ctn + " a.sliderNext").click(function(evt){ evt.preventDefault();  execute(function(){ doSlide((iCurrent+1), configPrevious, configNext); }); });
576		$(ctn + " a.sliderPrev").click(function(evt){ evt.preventDefault(); execute(function(){ doSlide((iCurrent-1), configNext, configPrevious); }); });
577	}
578	else
579		$(ctn +' .arrow').css('display','none');
580
581
582	
583	//Execute la fonction de callback et stop et restart interval si il y en a un car en mobile on pas pas de hover qui stop l'interval
584	var execute = function(pCallback){
585		var isinterval = (interval!=null); 
586		if(isinterval) 
587			sliderInterval();
588		
589		pCallback();
590		
591		if(isinterval) 
592			sliderInterval();
593	};
594	
595	//Ajout du défilement automatique: sliderInterval() start or stop interval depend if an interval is running
596	var interval = null;
597	var sliderInterval = function(){
598		if(interval)
599		{
600			clearInterval(interval);
601			interval = null;
602		}
603		else
604			interval = setInterval(function(){ doSlide((iCurrent+1), configPrevious, configNext); } , 6000);
605	}
606	
607	if(iCptElement>1)
608		{
609			//Ajout du swipe
610			swipe(ctn, function(){ execute(function(){ doSlide((iCurrent+1), configPrevious, configNext); }); }, function(){ execute(function(){ doSlide((iCurrent-1), configNext, configPrevious); }); });
611		
612			sliderInterval();
613			
614			//Effet pour couper le défilement au survol
615			$(ctn).hover(function(){ sliderInterval(); }, function(){ sliderInterval(); });
616		}
617	
618	
619})();
620
621//Fleche DOWN
622$('.home #down').click(function(){
623	$("html, body").animate({ scrollTop: $("#homeCtn").offset().top }, "slow");
624		return false;
625});
626</script>
626
627			 <div id="accesDirect" class="after">
628			 	<a href="https://bib.rero.ch/signin/?next=%2Fvs%2F%3F" class="comptelecteur" target="_blank"><span>Compte lecteur</span></a>
629				<a href="https://bib.rero.ch/vs/" class="catalogue" target="_blank"><span>Catalogue</span></a>
630				 <a href="https://www.mediatheque.ch/fr/ressources-ligne-70.html" class="offrenumerique"><span>Offre numérique</span></a>
631				<a href="/fr/agenda-34.html" class="culture"><span></span></a>
632				<a href="/fr/news-22.html" class="news"><span></span></a>
633				<a href="/fr/lieux-229.html" class="horaire"><span>Pratique</span></a>
634				<!-- <a href="/fr/lieux-229.html" class="acces"><span>Accès</span></a> -->
635			</div> 
636			<div id="intCtn" class=" ">
637	<div class="zoneYouAreHere">
638		<div class="mainContainer after">
639			<div><div id="youarehereCtn"><span class="header"><a href='/fr/homepage.html'>Accueil</a></span><span class="separator cms_icons-chevron_2"></span><span>Infos pratiques</span><span class="separator cms_icons-chevron_2"></span><a href="/fr/shop-ligne-42.html">Shop en ligne</a></div></div>
640			<div><div id="printsendCtn">
641	<a href="javascript:var win=window.open('/noindex/fr/shop-ligne-42.html?media=print&plugin=printsend-print-1','print', 'width=500, height=500,scrollbars=1, resizable=1');" class="cms_icons-imprimante" title="Imprimer le contenu de cette page"></a>
642	<!-- a href="/noindex/fr/shop-ligne-42.html?media=print&plugin=printsend-pdf-1" class="cms_icons-pdf_1" title="Télécharger cette page en PDF"></a>
643	<a href="/noindex/fr/shop-ligne-42/ajaxmanager-plug-printsend-fct-sendAFriendView-returnformat-html.html" target="openbox" onclick="void('openbox.ajax')" class="cms_icons-enveloppe_2" title="Recommander cette adresse à un ami"></a -->
644	
645	
646	<!-- a class="addthis_button_facebook cms_icons-facebook_2" title="Facebook"><img src="/template/image/vide.gif"></a>
647	<a class="addthis_button_twitter cms_icons-twitter_2" title="Twitter"><img src="/template/image/vide.gif"></a --> 
648</div></div></div>
649	</div>
650	<div id="txtCtn">
651		<div class="mainContainer after">
652			<div class="colGauche">
653				<div lang="Entête de la page" id="page">
654	<div id="pageContextMenu" class="zoneMenu"></div>
655	<div id="pageHeadCtn" class="headCtn">
656		<h1>Shop en ligne</h1>
657		<h2>Pour commander les publications de la Médiathèque Valais</h2>
658		<div class="img" style="background-image:url(/data/images/accroches/5.jpg);"></div>
659	</div>
660	
661</div>
662				<div lang="Zone HTML" id="pagehtmlcontent" >
663	<div id="pagehtmlcontentContextMenu"></div>	
664	<div class="htmlcontent">								
665		<p>Découvrez nos ouvrages, DVD et autres produits : </p>
666<ul>
667<li><a target="_self" title="" href="/fr/livres-182.html">Livres</a></li>
668<li><a target="_self" title="" href="/fr/dvd-177.html">DVD</a></li>
669<li><a target="_self" title="" href="/fr/cartes-postales-178.html">Cartes postales</a><br />
670</li>
671<li><a target="_self" title="" href="/fr/jeux-1606.html">Jeux</a></li>
672<li><a target="_self" title="" href="/fr/sacs-1891.html">Sacs</a><br />
673</li></ul>
674<p>&nbsp;</p>
675	</div>	
676</div>
677
678
679				
680				
681				
682				
683				
684				
685				<!-- ECRAN POUR ADMIN -->
686				
687				
688				
689				
690				
691			</div>
692			<div class="colDroite">
693				
694				<div id="cartoucheNewsCartoucheCtn" class="cartoucheCtn">
695	<h3>Actualités</h3>
696	<div class="cartoucheElementCtn after">
697			<a class="cartoucheElement" href="https://www.mediatheque.ch/fr/journee-jeux-2042.html" target="_blank">
698				<span class="img" style="background-image:url(/data/images/accroches/news/Sanstitre-1.png);"></span>
699				<span class="txt">
700					<h6>Journée jeux</h6>
701					<span class="resume">Le 10 octobre, venez jouer à la Médiathèque de Sion à...</span>
702				</span>
703				<span class="date">07.09.2026</span>			
704			</a>
705		<div class="divwrapper"></div>
706	</div>
707	
708	<a class="more cms_icons-fleche_2" href="/fr/news-22.html" style="">toutes les actualités</a>
709	<div class="archive" style="display:none">
710		Archive
711	</div>
712</div><div id="agendaCartoucheCtn" class="cartoucheCtn">
713	<h3>Agenda</h3>
714	<div class="cartoucheElementCtn after">
715			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=43643&idmediatheque=4" target="">
716				<span class="subdate"></span>
717				<span class="date">02 Octobre</span>	
718				<span class="txt">
719					<h6>Gemütliche Runde</h6>
720					<span class="resume">Für einen Jass fehlt die 4. Person...</span>
721					<span class="resume" style="">Brig</span>
722				</span>
723						
724			</a>
725			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=44484&idmediatheque=1" target="">
726				<span class="subdate"></span>
727				<span class="date">08 Octobre</span>	
728				<span class="txt">
729					<h6>Plaisir à lire</h6>
730					<span class="resume">Venez découvrir des livres faciles à...</span>
731					<span class="resume" style="">Sion</span>
732				</span>
733						
734			</a>
735			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=41092&idmediatheque=2" target="">
736				<span class="subdate"></span>
737				<span class="date">03 Octobre</span>	
738				<span class="txt">
739					<h6>Ce samedi, c'est gratuit !</h6>
740					<span class="resume">Tous les premiers samedis du mois, de...</span>
741					<span class="resume" style="">Martigny</span>
742				</span>
743						
744			</a>
745			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=44040&idmediatheque=3" target="">
746				<span class="subdate"></span>
747				<span class="date">08 Octobre</span>	
748				<span class="txt">
749					<h6>Né pour lire</h6>
750					<span class="resume">Six fois par an, les bibliothécaires...</span>
751					<span class="resume" style="">St-Maurice</span>
752				</span>
753						
754			</a>
755		<div class="divwrapper"></div>
756	</div>
757	
758	<a class="more cms_icons-fleche_2" href="/fr/agenda-34/agenda-search-1.html">agenda complet</a>
759
760</div>				
761			</div>
762		
763		</div>
764	</div>
765	<div id="zoneCartouchesForListe">
766		<div class="mainContainer after">
767			<div class="colLeft"><div id="agendaCartoucheCtn" class="cartoucheCtn">
768	<h3>Agenda</h3>
769	<div class="cartoucheElementCtn after">
770			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=43643&idmediatheque=4" target="">
771				<span class="subdate"></span>
772				<span class="date">02 Octobre</span>	
773				<span class="txt">
774					<h6>Gemütliche Runde</h6>
775					<span class="resume">Für einen Jass fehlt die 4. Person...</span>
776					<span class="resume" style="">Brig</span>
777				</span>
778						
779			</a>
780			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=44484&idmediatheque=1" target="">
781				<span class="subdate"></span>
782				<span class="date">08 Octobre</span>	
783				<span class="txt">
784					<h6>Plaisir à lire</h6>
785					<span class="resume">Venez découvrir des livres faciles à...</span>
786					<span class="resume" style="">Sion</span>
787				</span>
788						
789			</a>
790			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=41092&idmediatheque=2" target="">
791				<span class="subdate"></span>
792				<span class="date">03 Octobre</span>	
793				<span class="txt">
794					<h6>Ce samedi, c'est gratuit !</h6>
795					<span class="resume">Tous les premiers samedis du mois, de...</span>
796					<span class="resume" style="">Martigny</span>
797				</span>
798						
799			</a>
800			<a class="cartoucheElement" href="/fr/agenda-34.html?event_id=44040&idmediatheque=3" target="">
801				<span class="subdate"></span>
802				<span class="date">08 Octobre</span>	
803				<span class="txt">
804					<h6>Né pour lire</h6>
805					<span class="resume">Six fois par an, les bibliothécaires...</span>
806					<span class="resume" style="">St-Maurice</span>
807				</span>
808						
809			</a>
810		<div class="divwrapper"></div>
811	</div>
812	
813	<a class="more cms_icons-fleche_2" href="/fr/agenda-34/agenda-search-1.html">agenda complet</a>
814
815</div></div><!-- COVID: caché agenda si necessaire -->
816			<div class="colRight"><div id="cartoucheNewsCartoucheCtn" class="cartoucheCtn">
817	<h3>Actualités</h3>
818	<div class="cartoucheElementCtn after">
819			<a class="cartoucheElement" href="https://www.mediatheque.ch/fr/journee-jeux-2042.html" target="_blank">
820				<span class="img" style="background-image:url(/data/images/accroches/news/Sanstitre-1.png);"></span>
821				<span class="txt">
822					<h6>Journée jeux</h6>
823					<span class="resume">Le 10 octobre, venez jouer à la Médiathèque de Sion à...</span>
824				</span>
825				<span class="date">07.09.2026</span>			
826			</a>
827		<div class="divwrapper"></div>
828	</div>
829	
830	<a class="more cms_icons-fleche_2" href="/fr/news-22.html" style="">toutes les actualités</a>
831	<div class="archive" style="display:none">
832		Archive
833	</div>
834</div></div>
835		</div>
836	</div>
837</div>
838		</div>
839		<div id="menuFondCtn">
840			<div class="mainContainer"><div id="menuFondMain"><ul id="ulmid_menuFond" class="menu0">
841	<li id="mid_2" class="menu0 " >
842		
843		<a href="/fr/emplois-171.html" target="_self" class="menu0 " style="">Emplois</a>
844		
845		
846	</li>
847	<li id="mid_3" class="menu0 " >
848		
849		<a href="/fr/infos-medias-logos-172.html" target="_self" class="menu0 " style="">Infos médias et logos</a>
850		
851		
852	</li>
853	<li id="mid_4" class="menu0 " >
854		
855		<a href="/fr/contact-173.html" target="_self" class="menu0 " style="">Contact</a>
856		
857		
858	</li>
859	<li id="mid_5" class="menu0 " >
860		
861		<a href="/fr/homepage/mentionslegales-view-1.html" target="_self" class="menu0 " style="">Mentions légales</a>
862		
863		
864	</li>
865	<li id="mid_11" class="menu0 " >
866		
867		<a href="/fr/homepage/sitemap-view-1.html" target="_self" class="menu0 " style="">Plan du site</a>
868		
869		
870	</li>
871</ul></div></div>
872		</div>
873		<div id="footerHolder">
874			<div class="colGauche"></div><div class="colDroite"></div>
875			<div id="footerCtn">
876				<div class="mainContainer after">
877					<div>
878						<a href="/fr/homepage.html" class="logoBottom"></a>
879						<a href="https://www.boomerang.ch" target="_blank" class="powered"></a>
880					</div>
881					<div>
882						<div class="l1 after">
883							<div class="logosReseaux">
884								<!-- span><a href="{ _lienTwitter }" target="_blank" class="twitter"></a></span -->
885								<span><a href="https://www.instagram.com/mediathequevalais/" target="_blank" class="instagram"></a></span>
886								<span><a href="https://www.youtube.com/channel/UC6QGpV2zFXDolNAqH4rjpZQ" target="_blank" class="youtube"></a></span>
887								<span><a href="https://www.facebook.com/MediathequeValais" target="_blank" class="facebook"></a></span>
888							</div>
889							<div class="mediatheques">
890								<a href="/fr/brigue-230.html">Médiathèque Brigue</a>
891								<a href="/fr/martigny-257.html">Médiathèque Martigny</a>
892								<a href="/fr/sion-231.html">Médiathèque Sion</a>
893								<a href="/fr/st-maurice-258.html">Médiathèque St-Maurice</a>
894							</div>
895						</div>
896						<div class="l2 after">
897							<div class="logos">
898								<a href="https://www.vs.ch/" target="_blank" class="adminVS"></a>
899								<a href="https://www.vs.ch/culture" target="_blank" class="culture"></a>
900								<a href="https://www.bibliovalais.ch/" target="_blank" class="biblio"></a>
901								<a href="https://www.valais.ch/" target="_blank" class="valais"></a>
902							</div>
903							<div><a href="/newsletter-fr" class="newsletter">Inscription à la newsletter</a><!-- a href="{ plug_newsletter_LinkFormInscription }" class="newsletter">Inscription à la newsletter</a --></div>
904						</div>
905					</div>
906				</div>
907			</div>
908		</div>
909	</div>
910	</div>
911	
912	<div id="disclaimerCtn">
913	<div class="disclaimer">
914		<h2>Déclaration de consentement aux cookies</h2>
915		<div class="txt"><p>En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour améliorer votre expérience utilisateur et réaliser des statistiques de visites.</p>
916			                                <p>Vous pouvez personnaliser l'utilisation des cookies à l'aide du bouton ci-dessous.</p></div>
917		<a class="close ok" href="#">Tout accepter</a>
918		<a class="close ko" href="#">Tout refuser</a>
919		<a class="close" href="/fr/homepage/protectiondonnees-view-1.html">Mes préférences</a>
920		
921	</div>	
922	
922<script>
923		$(document).ready(function(){	
924			$('#disclaimerCtn .close').click(function(evt){
925
926				$('#disclaimerCtn').addClass("hide");
927				if($(this).hasClass("ok"))
928				{
929					evt.preventDefault();
930					$.post("/fr/shop-ligne-42/protectiondonnees-disclaimer-OK/ajaxmanager-plug-protectiondonnees-fct-setDisclaimer.html",function(){
931						window.location.reload();
932					});
933				}
934				else
935				{
936					if($(this).hasClass("ko"))
937					{
938						evt.preventDefault();
939						$.post("/fr/shop-ligne-42/protectiondonnees-disclaimer-KO/ajaxmanager-plug-protectiondonnees-fct-setDisclaimer.html",function(){
940							window.location.reload();
941						});
942					}
943				}
944			}); 
945		});
946	</script>
946
947</div>
948</body>
949</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.