1<!DOCTYPE html> 2<html lang="fr" class="ko_Theme"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <meta name="generator" content="Infomaniak Site Creator" /> 8 <meta name="description" content="Art de la table et décoration, mes inspirations" /> 9 <meta name="keywords" content="Céramique, poterie, inspiration, artisanat d'art, collection en grès noir, grès de Saint-Amand en Puisaye, émail alimentaire, artisanal, pièces uniques" /> 10 11 <title>Collections en céramique L'Artisane</title> 12 13 <link rel="preconnect" href="https://fonts.bunny.net" crossorigin><link rel="dns-prefetch" href="https://fonts.bunny.net" crossorigin> <base href="/"> 14 15 <meta name="google-site-verification" content="9XwDgZu23ooYipTaptD4j9-Y6rMPPydqimL1V1UUnHc" /> 16 <link rel="shortcut icon" href="/data/files/lartisane_logo_versionfinale.png" /> 17 <link rel="apple-touch-icon" href="/data/files/lartisane_logo_versionfinale.png" /> 18 19
19<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
19 20<link rel="canonical" href="https://lartisane.ch/collections" /> 21 <link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> 22 <link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.css" type="text/css" rel="stylesheet" /><link href="//fonts.bunny.net/css?family=Montserrat:200,400,700&subset=latin-ext&display=swap" rel="stylesheet" type="text/css" /> 23 24 25 <!--[if lt IE 9]>
25<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/html5shiv.min.js"></script>
25<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dest/respond.min.js"></script>
25<![endif]--> 26 27
27<script src='https://sentry-hosting.infomaniak.com/js-sdk-loader/073160f6a54ed5776bc71e6f45e5b333.min.js' crossorigin='anonymous'></script>
27 28
28<script> 29 Sentry.init({ 30 dsn: `https://[email protected]/39`, 31 release: `6.16.0`, 32 initialScope: { tags: { theme: `photographer` } }, 33 tracesSampleRate: 0, 34 profileSessionSampleRate: 0, 35 sendClientReports: false, 36 // denyUrls as RegExp CONSTRUCTORS, not regex literals: this 37 // snippet is persisted into page content and round-trips 38 // through editor saves, where a regex literal's escaped 39 // slashes get destroyed (the 2WJ corruption), while a 40 // string built via new RegExp() holds no backslashes at all 41 denyUrls: [ 42 // Chrome extensions 43 new RegExp('extensions/', 'i'), 44 new RegExp('^chrome://', 'i'), 45 new RegExp('^chrome-extension://', 'i'), 46 ], 47 beforeSend(event) { 48 // Strip query strings (common PII source) 49 if (event.request?.url) { 50 event.request.url = event.request.url.split('?').at(0); 51 } 52 return event; 53 }, 54 }); 55 </script>
55 56 57 <style>:root{--ui-color-accent: #4EBDF5;--ui-color-accent-75: rgba(78,189,245,0.7);--ui-color-accent-50: rgba(78,189,245,0.5);--ui-color-accent-25: rgba(78,189,245,0.25);--ui-color-accent-light: rgba(78,189,245,0.1);--ui-color-stripes-accent:repeating-linear-gradient( 58 -45deg,#1281b9,#4EBDF5 20px,#1281b9 20px,#1281b9 50px,#4EBDF5 50px,#4EBDF5 65px);--ui-color-leftmenu:#292E3D;}</style> 59 <!--The Open Graph--> 60 <meta property="og:image" content="https://lartisane.ch/data/files/lartisane_logo_versionfinale.png" /><meta name="twitter:image" content="https://lartisane.ch/data/files/lartisane_logo_versionfinale.png"><style>.ko_Theme .topmenu a:hover, .ko_Theme .topmenu .active a {background:inherit}.ko_Theme .menuHolder li a {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;line-height: 1;color: inherit;text-shadow: none}.ko_Theme .menuHolder li {display: inline-block;padding:0}.ko_Theme .menuHolder{ flex-flow: row wrap}.ko_Theme .menuHolder,.ko_Theme #headerMenu{padding:0}.ko_Theme .logoHolder #logoReplacer h2,.ko_Theme .logoHolder a,.ko_Theme .logoHolder {line-height:1;padding:0;margin:0;height:auto}.ko_Theme .logoHolder img{max-height:auto}.ko_Theme #headerMenu .container {/*overflow:auto;*/display:flex;flex-direction: row;justify-content: space-between;align-items: center}:root{--color1:#bfb3b2;--color2:#605a59;--color1_rgb: 191,179,178;--color1_hsl: 5,9%,72%;--color1_hs: 5,9%;--color1_h: 5;--color1_s: 9%;--color1_l: 72%;--color1_25:#efecec;--color1_50:#dfd9d9;--color1_75:#cfc6c5;--color1_125:#8f8686;--color1_150:#605a59;--color1_175:#302d2d;--color2_rgb: 96,90,89;--color2_hsl: 9,4%,36%;--color2_hs: 9,4%;--color2_h: 9;--color2_s: 4%;--color2_l: 36%;--color2_25:#d7d6d6;--color2_50:#b0adac;--color2_75:#888383;--color2_125:#484443;--color2_150:#302d2d;--color2_175:#181716;--color1_bw:rgba(0,0,0,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(0,0,0,0.8);--color1_75_bw:rgba(0,0,0,0.8);--color1_125_bw:rgba(255,255,255,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(255,255,255,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(255,255,255,0.8);--color2_75_bw:rgba(255,255,255,0.8);--color2_125_bw:rgba(255,255,255,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);;--font1:"Montserrat";--font2:"Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace";--font3:Helvetica Neue,sans-serif;--color1_rgb: 191,179,178;--color1_hsl: 5,9%,72%;--color1_hs: 5,9%;--color1_h: 5;--color1_s: 9%;--color1_l: 72%;--color1_25:#efecec;--color1_50:#dfd9d9;--color1_75:#cfc6c5;--color1_125:#8f8686;--color1_150:#605a59;--color1_175:#302d2d;--color2_rgb: 96,90,89;--color2_hsl: 9,4%,36%;--color2_hs: 9,4%;--color2_h: 9;--color2_s: 4%;--color2_l: 36%;--color2_25:#d7d6d6;--color2_50:#b0adac;--color2_75:#888383;--color2_125:#484443;--color2_150:#302d2d;--color2_175:#181716;--color1_bw:rgba(0,0,0,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(0,0,0,0.8);--color1_75_bw:rgba(0,0,0,0.8);--color1_125_bw:rgba(255,255,255,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(255,255,255,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(255,255,255,0.8);--color2_75_bw:rgba(255,255,255,0.8);--color2_125_bw:rgba(255,255,255,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);}#contentArea .koColor {color:#bfb3b2;}ul.koCheckList li:before {background:#bfb3b2;}.ko_Theme #website .btn-primary {background-color:var(--color2);border-color:var(--color2);}.ko_Theme #website .btn-outline-primary {color:var(--color2);border-color:var(--color2);}.ko_Theme #website .btn-outline-primary:hover {background-color:var(--color2);color:var(--color1_bw);border-color:var(--color2);}#website .page-item.active .page-link {background-color:#bfb3b2;color:var(--color1_bw);border-color:var(--color2);}#contentArea a:not(.btn),#contentArea a.btn-link {color:var(--color2)}#website.koMenu a:not(.btn):not(.koMenuButton),#website.koMenu a.btn-link {color:var(--color2)}
60#website .keditDark .keditWhite a:not(.btn):not(.page-link),#website .keditDark .keditWhite a.btn.btn-link{color:var(--color2)}.ko_Theme body,.ko_Theme #website{background:rgb(255, 255, 255)}.ko_Theme #contentArea, .ko_Theme .koThemeDark #contentArea .whiteShadowContainer {color:var(--color2)}#contentArea h1, #contentArea h2, #contentArea h3,#contentArea h1 a, #contentArea h2 a, #contentArea h3 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h1, .koThemeDark #contentArea .whiteShadowContainer h2, .koThemeDark #contentArea .whiteShadowContainer h3{color: rgb(0, 0, 0);}#contentArea h4, #contentArea h5, #contentArea h6,#contentArea h4 a, #contentArea h5 a, #contentArea h6 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h4, .koThemeDark #contentArea .whiteShadowContainer h5, .koThemeDark #contentArea .whiteShadowContainer h6 {color: rgb(0, 0, 0);}.ko_Theme #website #footerContent {color: rgb(255, 255, 255);}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {color: rgb(0, 31, 63);}.ko_Theme #website, .ko_Theme #website p{font-family:var(--font2),sans-serif;}.ko_Theme #website a.btn, .ko_Theme #website button.btn{font-family:var(--font1),sans-serif;}.ko_Theme #website h1,.ko_Theme #website h2,.ko_Theme #website h3{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website h4,.ko_Theme #website h5,.ko_Theme #website h6{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website .topmenu{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website .logoHolder h2{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website #footerContent {font-family:var(--font2),sans-serif;}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {font-family:var(--font1),sans-serif;}.ko_Theme .menuHolder li.topmenuSocial > span{margin-top:0px;}.ko_Theme #headerContent:not(.koZeroPadding),.ko_Theme #subpageHeaderContent:not(.koZeroPadding){}.ko_Theme #headerMenu{/*overflow:auto;*//*display:flex;flex-direction: row;justify-content: space-between;align-items: center;*/background:rgb(255, 255, 255);padding:20px;margin:0px;border:0px solid rgb(176, 176, 176);border-width:0px 0px 1px 0px;border-radius:0px;box-shadow:0 .4375rem 1.8125rem 0 rgba(0,0,0,.09);position:absolute;display:block;position:fixed;z-index:65405;left:0;top:0;;}.ko_Theme .logoHolder{padding:0px;;white-space: nowrap;}.ko_Theme .logoHolder h2{font-size:24px;color:rgb(0, 0, 0);display: flex;align-items: center;min-height:40px;}@media (max-width: 768px){.ko_Theme .logoHolder h2{font-size:22px;}}.ko_Theme .logoHolder img{max-height:40px;height:40px;min-height:40px;}.ko_Theme .menuHolder { display: flex;}.ko_Theme .menuHolder li{}.ko_Theme .menuHolder li a{font-size:15px;color:rgb(84, 84, 84);padding:5px 0px 5px 0px;margin:0px 0px 0px 15px;border-radius:0px;border:solid transparent;border-width:0px 0px 1px 0px;text-transform:uppercase;transition:0.2s all;}.ko_Theme .menuHolder li.active a,.ko_Theme .menuHolder li a:hover{color:var(--color1);border-color:var(--color1);}.ko_Theme .menuHolder li.accent1 a,.ko_Theme .menuHolder li.accent1.active a{font-size:15px;color:var(--color1_75);background:rgb(255, 255, 255);padding:10px 15px 10px 15px;margin:0px 0px 0px 30px;border-radius:50px;border:1px solid var(--color1);}.ko_Theme .menuHolder li.accent1.active a,.ko_Theme .menuHolder li.accent1 a:hover{color:var(--color1);background:var(--color1_25);}.ko_Theme .menuHolder li.accent2 a,.ko_Theme .menuHolder li.accent2.active a{font-size:15px;color:var(--color2_75);background:rgb(255, 255, 255);padding:10px 15px 10px 15px;margin:0px 0px 0px 10px;border-radius:50px;border:1px solid var(--color2);}.ko_Theme .menuHolder li.accent2.active a,.ko_Theme .menuHolder li.accent2 a:hover{color:var(--color2_125);background:var(--color2_25);}.ko_Theme .menuHolder li.topmenuSocial a{color:rgb(0, 0, 0)}#contentArea:not(.lpMode) #contentAreaElement + .kedit::before{content:"";white-space:nowrap;display:block;padding-top:84px;}#contentArea:not(.lpMode) #contentAreaElement + .kedit .k_Edit,#contentArea:not(.lpMode) #contentAreaElement + .kedit .koInModuleMenu{top:84px;border-top-right-radius: 4px;}#contentArea:not(.lpMode) #contentAreaElement + .kedit span.k_EditMore{border-radius: 0 4px 4px 0;}.keditColumn .k_Edit,.keditColumn .koInModuleMenu{top:2px!important}
60.koMenuActive #headerMenu{left:100px}#header{z-index:65405!important}</style> 61</head> 62<body class="" > 63<div id="websiteLoading" onclick="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" onkeyup="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" class="isLoading isLoading-1"><div style="background:white;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%" class="d-none"></div><noscript><style>#websiteLoading{display:none!important}body{visibility:visible!important;overflow:auto!important}</style></noscript><style> body{overflow:hidden} body.body{visibility:visible;overflow:auto} #websiteLoading{visibility:visible;position:fixed;top:0;left:0;right:0;bottom:0;transition:0.5s all;z-index:100;background: linear-gradient(135deg, rgba(255,255,255,.95) 20%, rgba(255,255,255,.5), rgba(255,255,255,.95) 80%);cursor:wait} #websiteLoading.isLoading-1{background:#fff;} #websiteLoading.isLoaded{opacity:0;cursor:default;pointer-events:none} @-webkit-keyframes koLoadingRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes koLoadingRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .isLoading .spinner { -webkit-animation: koLoadingRotation 1.5s linear infinite; animation: koLoadingRotation 1.5s linear infinite; /*will-change: transform;*/ } .isLoading .spinner .path { -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke:var(--color1); } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; stroke:var(--color2); } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; stroke:var(--color1); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke:var(--color1); } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; stroke:var(--color2); } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; stroke:var(--color1); } } #websiteLoading::after { content:""; background: #fff; border-radius:100%; box-shadow: 5px 5px 50px rgba(0,0,0,0.1); position: absolute; top: 50%; left: 50%; margin: -57px 0 0 -57px; width: 114px; height: 114px; } </style><svg class="spinner" viewBox="0 0 50 50" style="z-index: 2;position: absolute;top: 50%;left: 50%;width:120px;height:120px; margin: -60px 0 0 -60px;"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="2" style="stroke: #ccc; stroke: var(--color1);stroke-linecap: round;"></circle></svg></div><div id="website" class=""><header id="header"><div id="headerMenu"><div class="container"><div class="logoHolder skiptranslate"><a href="/" class="logo"><h2><img src="data/files/lartisane_logo_versionfinale-1.png" style="border:0" id="WebsiteLogo" alt="L'Artisane Nathalie Excoffier" /></h2></a></div> 64 65 <ul class="menuHolder topmenu"> 66 <li><a href="https://lartisane.ch"><span>Accueil</span></a></li> 67 <li><a href="vie-d-atelier"><span>Vie d'atelier</span></a></li> 68 <li class="item_active active"><a href="collections"><span>Collections</span></a></li> 69 <li class="accent2"><a href="mes-creations"><span>Mes créations</span></a></li> 70 <li><a href="contact"><span>Contact</span></a></li> 71 <li class="topmenuSocial"><span><a class="koSocialInstagramHover" target="_blank" href="https://instagram.com/nathalie_excoffier"><i class="fab fa-instagram"></i></a><a class="koSocialLinkedHover" target="_blank" href="https://linkedin.com/https://www.linkedin.com/in/excoffier-nathalie-95751b266"><i class="fab fa-linkedin"></i></a></span></li> 72 </ul> 73 74</div></div></header><main class="WxEditableArea" id="contentArea"><div id="contentAreaElement" class="kelement"></div><section data-pcid="4001.2" id="kpg_894246" class="kedit"> 75 76 <div class="container"> 77 <div class="row align-items-center"> 78 <div class="col-6 col-md-3 mb-4 mb-md-0"> 79 <div class="kimgRatio1"><a href="mes-creations"><img class="img-fluid kimgfilter3 lazy" alt="" title="" data-src="data/files/20250614_104809-1.jpg"></a></div> 80 </div> 81 82 <div class="col-6 col-md-3 mb-4 mb-md-0"> 83 <div class="kimgRatio1"><a href="mes-creations"><img class="img-fluid kimgfilter3 lazy" alt="" title="" data-src="data/files/20250614_110949-1.jpg"></a></div> 84 </div> 85 86 <div class="col-12 col-md-6 col-lg-5 ms-md-auto ms-md-auto"> 87 <h2 class="keditable h1" data-aos="fade-right">Collection en grès noir</h2> 88 <div class="keditable" data-aos="fade-right">J'ai créé cette petite collection en terre noire avec le désir d'expérimenter une terre de caractère, qui, à elle seule est déjà une petite Åuvre d'art. <span style="font-size: 1.1rem; letter-spacing: -0.02em;"> </span></div> 89 <div class="koButtons mt-4" data-aos="fade-right"><a class="btn btn-primary" href="mes-creations" target="_blank">Plus d'infos</a></div> 90 </div> 91 </div> 92 </div> 93 94</section><section data-pcid="4001.2" id="kpg_471507" class="kedit"> 95 96 <div class="container"> 97 <div class="row align-items-center"> 98 <div class="col-6 col-md-3 mb-4 mb-md-0"> 99 <div class="kimgRatio1"><a href="mes-creations"><img class="img-fluid kimgfilter3 lazy" alt="" title="" data-src="data/files/20250614_104623-3.jpg"></a></div> 100 </div> 101 102 <div class="col-6 col-md-3 mb-4 mb-md-0"> 103 <div class="kimgRatio1"><a href="mes-creations"><img class="img-fluid kimgfilter3 lazy" alt="" title="" data-src="data/files/20250614_1043151.jpg"></a></div> 104 </div> 105 106 <div class="col-12 col-md-6 col-lg-5 ms-md-auto ms-md-auto"> 107 <h2 class="keditable h1" data-aos="fade-right">Collection Amand de Saint-Jean</h2> 108 <div class="keditable" data-aos="fade-right">Cette collection en grès de Saint-Amand est pensée à l'image de cette terre : simple et sans fioriture. Elle évoque l'été avec ses empreintes de carotte sauvage et son émail blanc transparent.</div> 109 <div class="koButtons mt-4" data-aos="fade-right"><a class="btn btn-primary" href="mes-creations" target="_blank">Plus d'infos</a></div> 110 </div> 111 </div> 112 </div> 113 114</section></main><footer id="footerContent"><section data-pcid="5500.4" id="kedit_4k3ymsrr2" class="kedit keditFooter1" data-padding="30-30" style=";padding-top:30px;padding-bottom:30px"> 115 116 117 <div class="text-center no-container"> 118 119 <div class="p-0 kedit" id="kpg_8730261"> 120 121 <div class="koSeparator koSeparatorBlock koSeparatorCenter" data-bg="rgb(222, 222, 222)" data-aos="fade-in" style="background: rgb(222, 222, 222) none repeat scroll 0% 0%; width: 100%; height: 2px; margin-top: 10px; margin-bottom: 10px;" data-width="100"></div> 122 123 <div class="py-4"> 124 <img class="keditFooterLogo lazy" alt="L'Artisane Nathalie Excoffier" title="" data-src="data/files/lartisane_logo_versionfinale.png"> 125 </div> 126 127 <div class="keditable mb-4 keditFooterCompany"> 128
129 <span style="color: rgb(30, 102, 169);"><strong>L'Artisane Nathalie Excoffier</strong><br>Sur la Côte 2<br>Cornol, Jura 2952<br>Suisse 130 131 </span></div> 132 133 </div> 134 135 <div class="p-0 kedit keditFooterApp" id="kpg_5835712"> 136 <div class="footerHolder" id="keditFooterModule"></div> 137 </div> 138 139 <div class="kedit p-0" id="kpg_1340223"> 140 141 <div class="my-4 keditable"> 142 143 <a href="contact">Contact</a> 144 <a href="mes-creations">Mes créations</a> 145 <a href="index.php">Accueil</a> 146 147 </div> 148 149 <div class="my-4 keditable keditFooterCopyright" style="font-size: 14px;"><span style="color: rgb(255, 255, 255);">Copyright, tous droits réservés</span></div> 150 151 </div> 152 153 </div> 154 155 156 157</section></footer></div><a id="scrollToTop" href="javascript:void(null)"><i class="fa fa-fw fa-arrow-up"></i></a>
157<script data-id="websiteLoading">document.addEventListener('DOMContentLoaded', function(){ 158 159 var c = document.getElementById('websiteLoading'); 160 if (c !== null) { 161 c.classList.remove('isLoading-1'); 162 } 163 setTimeout(function(){ 164 165 c = document.getElementById('websiteLoading'); 166 if (c !== null) { 167 document.body.classList.add('body'); 168 c.classList.add('isLoaded'); 169 setTimeout(function(){c.remove()}, 1000); 170 } 171 172 }, 3000); 173 });window.onload = function(){var c = document.getElementById('websiteLoading'); 174 if (c !== null) { 175 c.classList.add('isLoaded'); 176 } 177 document.body.classList.add('body'); 178 setTimeout(function(){var c = document.getElementById('websiteLoading');if (c !== null){c.remove()}}, 500);document.addEventListener('keyup', function(e){if((e.ctrlKey || e.metaKey)&&e.keyCode==27){window.location.href="";}});};</script>
178<script>var koSiteName="L\'Artisane Nathalie Excoffier";$(function(){$(".koLeftMenuOpener").removeClass("invisible");})</script>
178<div id="searchHolder"> 179 <form method="get" action=""> 180 <div>Recherche</div> 181 <input type="text" autocomplete="off" name="search" id="searchInput" class="form-control"> 182 <button type="submit" class="btn btn-color1"><i class="fas fa-search"></i></button> 183 <button type="reset" class="btn btn-light" onclick="$('#searchHolder').removeClass('active')"><i class="fas fa-times"></i></button> 184 </form></div><link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/magnific-popup.min.css" />
184<script defer src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/jquery.magnific-popup.min.js" onload="magnificPopupInit()"></script>
184<script>var magnificPopupInit=function(){$('a.lightbox').magnificPopup({type:'image',gallery:{enabled:true}});}</script>
184 185<!--Google Analytics (without cookies until cookie consent)-->
vendor: 63 bytes, line 185
185<script async src="https://www.googletagmanager.com/gtag/js?id=
185UA-----0A41----
vendor: 11 bytes, line 185
185"></script>
185<script>
vendor: 118 bytes, line 185
185window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
185UA-----0A41----
vendor: 47 bytes, line 185
185',{'anonymize_ip':true,client_storage:'none'});
185</script>
185 186<div class="cookie-consent"><div class="d-flex flex-column w-100"> 187 188<div class="w-100" id="cookieConsentTitle"> 189 190Ce site peut utiliser des cookies et des scripts externes. <a href="accueil">Plus d'informations</a> 191</div> 192<div class="bg-light p-3 rounded d-none" id="cookieConsentSettings"> 193 194 <div class="form-check form-switch"> 195 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckboxDisabled" checked disabled> 196 <label class="form-check-label" for="cookieConsentCheckboxDisabled">Nécessaire</label> 197 </div> 198 199 <div class="form-check form-switch"> 200 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox2"> 201 <label class="form-check-label" for="cookieConsentCheckbox2">Paramètres</label> 202 </div> 203 204 <div class="form-check form-switch"> 205 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox3"> 206 <label class="form-check-label" for="cookieConsentCheckbox3">Statistiques</label> 207 </div> 208 209 <div class="form-check form-switch"> 210 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox4"> 211 <label class="form-check-label" for="cookieConsentCheckbox4">Marketing</label> 212 </div> 213 <hr> 214 <button class="btn btn-sm btn-outline-primary" onclick="createCookieInfo(0);"><i class="fa-solid fa-check me-2"></i>Enregistrer les modifications</button> 215 216</div> 217 218 219<hr> 220 221<div class="d-none d-md-flex"> 222 223 <button class="btn btn-outline-secondary" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button> 224 <button class="btn btn-outline-secondary ms-auto me-1" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 225 <button class="btn btn-color1" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button> 226 227</div> 228 229<div class="d-block d-md-none"> 230 231 <button class="btn btn-primary d-block w-100" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button> 232 <button class="btn btn-outline-secondary d-block w-100 my-1" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button> 233 <button class="btn btn-outline-secondary d-block w-100" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 234 235</div> 236 237 238</div> 239 240 241 </div> 242
242<script> 243 244 245 function createCookieInfo(type){ 246 247 var cookieValue='0'; 248 249 if(type == 1234){ 250 251 // all types of cookies are allowed 252 253 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',true); 254 255 cookieValue+='1234'; 256 257 } else if(type == 0){ 258 259 // custom settings 260 261 cookieValue+='1'; 262 263 if($('#cookieConsentCheckbox2').prop('checked') === true) 264 cookieValue+='2'; 265 266 if($('#cookieConsentCheckbox3').prop('checked') === true) 267 cookieValue+='3'; 268 269 if($('#cookieConsentCheckbox4').prop('checked') === true) 270 cookieValue+='4'; 271 272 273 } else { 274 275 // only necessary 276 277 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',false); 278 279 cookieValue+='1'; 280 281 } 282 283 var name='cookieConsentAgree'; 284 285 var date = new Date(); 286 date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); 287 var expires = "; expires=" + date.toGMTString(); 288 document.cookie = escape(name) + "=" + escape(cookieValue) + expires + "; path=/"; 289 290 $(".cookie-consent").fadeOut(); 291 $('body').append('<scr'+'ipt async src="https://www.goo'+'gletagmanager.com/gtag/js?id=UA-----0A41----"></scr'+'ipt><scr'+'ipt>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\'js\', new Date());gtag(\'config\', \'UA-----0A41----\', { \'anonymize_ip\': true });</scr'+'ipt>'); 292 } 293 294 </script>
294 295
295<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/instantpage.min.js" type="module" defer></script>
295<script>var menuCaption = "Sélectionner une page";var timeLocale={YEAR_PLURAL: "Ann\u00e9es",YEAR_SINGULAR: "Ann\u00e9e",MONTH_PLURAL: "Mois",MONTH_SINGULAR: "Mois",WEEK_PLURAL: "Semaines",WEEK_SINGULAR: "Semaine",DAY_PLURAL: "Jours",DAY_SINGULAR: "Jour",HOUR_PLURAL: "Heures",HOUR_SINGULAR: "Heure",MINUTE_PLURAL: "Minutes",MINUTE_SINGULAR: "Minute",SECOND_PLURAL: "Secondes",SECOND_SINGULAR: "Seconde"};</script>
295<script type="text/javascript" src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.js" defer></script>
295<script>$("body").on("contextmenu",function(e){return false;});$("img").mousedown(function(e){e.preventDefault();});</script>
295<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" />
295<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
295 296 <!-- AOS (Animate on Scroll) --> 297 <link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.css" />
298<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.min.js" defer></script>
298<script>$(function(){AOS.init({offset:-10,delay:100,duration:800,easing:'ease',anchorPlacement:'top-bottom'});})</script>
298<script>$(function(e){var a = 400,s = e('#scrollToTop');s.css('right','50px');e(window).scroll(function(){e(this).scrollTop() > a ? s.addClass('active') : s.removeClass('active')}), s.on('click',function(a){s.removeClass('active');e('body,html').animate({scrollTop: 0});})})</script>
298<script type="text/javascript" id="jsMenusSetup">window.addEventListener('load',function(){ddlevelsmenu.setup("1", "topbar","0","0");});</script>
298 299</body></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.