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édiathèque Valais</title> 14 <meta name="description" content="Pour commander les publications de la Médiathèque Valais"/> 15 <meta name="keywords" content="Shop en ligne Pour commander les publications de la Médiathè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édiathèque Valais" /> 18 <meta property="og:description" content="Pour commander les publications de la Médiathè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> </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.