1 2<!DOCTYPE html> 3<html lang="fr-FR"> 4<head> 5 6 <!-- Page-hiding snippet (recommended) --> 7 <style> 8 .async-hide { 9 opacity: 0 !important 10 } 11 </style> 12
12<script> 13 (function (a, s, y, n, c, h, i, d, e) { 14 s.className += ' ' + y; h.start = 1 * new Date; 15 h.end = i = function () { s.className = s.className.replace(RegExp(' ?' + y), '') }; 16 (a[n] = a[n] || []).hide = h; setTimeout(function () { i(); h.end = null }, c); h.timeout = c; 17 })(window, document.documentElement, 'async-hide', 'dataLayer', 4000, 18 { 'GTM-NQQW2BS': true });</script>
18 19 <!-- Modified Analytics tracking code with Optimize plugin --> 20
20<script>
vendor: 468 bytes, lines 20-28
20 21 (function (i, s, o, g, r, a, m) { 22 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { 23 (i[r].q = i[r].q || []).push(arguments) 24 }, i[r].l = 1 * new Date(); a = s.createElement(o), 25 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 26 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 27 28 ga('create', '
28UA-12482551-28
vendor: 13 bytes, line 28
28', 'auto');
28// Update tracker settings 29 ga('require', 'GTM-NQQW2BS'); 30 </script>
30 31 32 33 <title>Demande de contact : CoolLibri</title> 34 <meta name="description" content="Contactez votre imprimerie de livre personalisé par mail et téléphone et obtenez une réponse sur mesure à toutes vos questions" /> 35 <link rel="canonical" href="/Infos/Contact" />
vendor: 77 bytes, lines 35-38
35 36 <script src='https://www.google.com/recaptcha/api.js'></script> 37 38
38<meta charset="utf-8" content="utf-8" http-equiv="encoding"> 39 <meta name="author" content="Messages.fr"> 40 41 <link rel="apple-touch-icon" sizes="180x180" href="/content/favicon/apple-touch-icon.png"> 42 <link rel="icon" type="image/png" sizes="32x32" href="/content/favicon/favicon-32x32.png"> 43 <link rel="icon" type="image/png" sizes="16x16" href="/content/favicon/favicon-16x16.png"> 44 <link rel="manifest" href="/content/favicon/manifest.json"> 45 <link rel="mask-icon" href="/content/favicon/safari-pinned-tab.svg" color="#5bbad5"> 46 <meta name="theme-color" content="#ffffff"> 47 48 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 49 <link href='https://fonts.googleapis.com/css?family=Roboto:500,300,700,400italic,400' rel='stylesheet' type='text/css'> 50 <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600' rel='stylesheet' type='text/css'> 51 <link href='/Content/css/bootstrap/bootstrap.min.css' rel='stylesheet' type='text/css'> 52 53 <link href="/content/css/AllMyCss?v=SZhv4ZtP4gzChUHkEUeaZpU2xrlh7kT33vAv3JmBcOI1" rel="stylesheet"/> 54 55
55<script src="/bundles/jquery?v=fk_F6Qt3r-gbLvti3NKJtDRocNtFlm7WpDj8daOpRzs1"></script>
55 56 57
57<script src="/bundles/livredemande?v=1ikUR2cVxEWwZOdNxOhI0rH7P7A4t2h613KcvlG3bW01"></script>
57 58 59
59<script src="/bundles/panier?v=kMQ3RRZ02CB1wk7_EXsJOaBusrSXKcVVovoSYC3mjkg1"></script>
59 60 61 62 <!-- Google Tag Manager --> 63
63<script>
vendor: 495 bytes, lines 63-71
63 64 (function (w, d, s, l, i) { 65 w[l] = w[l] || []; w[l].push({ 66 'gtm.start': 67 new Date().getTime(), event: 'gtm.js' 68 }); var f = d.getElementsByTagName(s)[0], 69 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 70 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 71 })(window, document, 'script', 'dataLayer', '
71GTM-5VWGN62
vendor: 15 bytes, lines 71-73
71'); 72 73
73window.dataLayer = window.dataLayer || []; 74 function gtag() { dataLayer.push(arguments); } 75 76 gtag('consent', 'default', { 77 'ad_storage': 'granted', 78 'analytics_storage': 'granted', 79 'ad_user_data': 'granted', 80 'analytics_storage': 'granted', 81 'ad_personalization': 'granted' 82 }); 83 84 </script>
84 85 <!-- End Google Tag Manager --> 86
86<script src="/scripts/js.cookie.min.js"></script>
86 87 88 <!-- Hotjar Tracking Code for Coollibri FR --> 89
89<script>
vendor: 175 bytes, lines 89-92
89 90 (function (h, o, t, j, a, r) { 91 h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; 92 h._hjSettings = { hjid:
92531204
vendor: 333 bytes, lines 92-98
92, hjsv: 6 }; 93 a = o.getElementsByTagName('head')[0]; 94 r = o.createElement('script'); r.async = 1; 95 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 96 a.appendChild(r); 97 })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); 98
98</script>
98 99 100</head> 101<body> 102 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 102-104
102 103 <noscript> 104 <iframe src="https://www.googletagmanager.com/ns.html?id=
104GTM-5VWGN62
vendor: 94 bytes, lines 104-106
104" height="0" width="0" style="display:none;visibility:hidden"></iframe> 105 </noscript> 106
106<!-- End Google Tag Manager (noscript) --> 107 108 109 110 <div id="div-cookies" style="display:none;" onclick="ShowWindowCookie()"> 111 <svg class="icon-cookies" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sliders" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M0 416c0-17.7 14.3-32 32-32l54.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 448c-17.7 0-32-14.3-32-32zm192 0c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM384 256c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zm-32-80c32.8 0 61 19.7 73.3 48l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l246.7 0c12.3-28.3 40.5-48 73.3-48zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32zm73.3 0L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 128C14.3 128 0 113.7 0 96S14.3 64 32 64l86.7 0C131 35.7 159.2 16 192 16s61 19.7 73.3 48z"></path></svg> 112 </div> 113 114 <div id="cookieChoiceInfo" style="display:none;"> 115 <img src="/Content/images/cookies.png"> 116 <div id="close-button" onclick="CloseWindowCookie()"><svg style="height: 1em;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="x" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><path fill="currentColor" d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z"></path></svg></div> 117 <div id="cookie-title"> 118 Gestion des cookies 119 </div> 120 <div id="div-cookie-boutons"> 121 <div class="cookie-accept"> 122 En acceptant nos cookies, vous optimisez votre expérience sur notre site. 123 </div> 124 <button id="button-accept" class="my-custom-btn green" opacity="1.0" onclick="AccepterTous()">Accepter les cookies</button> 125 <button class="my-custom-btn gray" opacity="1.0" onclick="OpenCookieText()">Paramètres des cookies</button> 126 <div onclick="DeclinerTous()" id="no-cookies">Continuer sans accepter</div> 127 </div> 128 <div id="div-cookie-text" style="display:none;"> 129 <div class="cookie-accept"> 130 Sur cette site, nous utilisons des cookies pour analyser notre audience, maintenir une interaction avec vous, et vous fournir périodiquement des contenus de qualité ainsi que des annonces.Vous pouvez choisir ici ceux que vous souhaitez activer. 131 </div> 132 <div class="cookier-title-parameter" onclick="CloseWindowCookie()">Enregistrer mes choix</div> 133 <div id="choice-cookie"> 134 <table class="table-cookie"> 135 <tr> 136 <td> 137 <div class="cursor" style="text-align: left; padding-left: 10px;"> 138 <span> 139 <svg class="icon-cookie" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg> 140 </span> 141 Stockage publicité 142 </div> 143 <div class="explanation">Permet le stockage (comme les cookies) lié à la publicité.</div> 144 </td> 145 <td valign="middle"> 146 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies1" name="chkCookies1" /></div> 147 </td> 148 </tr> 149 <tr> 150 <td> 151 <div class="cursor" style="text-align: left; padding-left: 10px;">
152 <span> 153 <svg class="icon-cookie" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg> 154 </span> 155 Stockage analyse 156 </div> 157 <div class="explanation">Permet le stockage (comme les cookies) lié à l`analyse (par exemple, la durée des visites)..</div> 158 </td> 159 <td valign="middle"> 160 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies2" name="chkCookies2" /></div> 161 </td> 162 </tr> 163 <tr> 164 <td> 165 <div class="cursor" style="text-align: left; padding-left: 10px;"> 166 <span> 167 <svg class="icon-cookie" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg> 168 </span> 169 Publicité Google 170 </div> 171 <div class="explanation">Définit le consentement pour envoyer à Google des données utilisateur liées à la publicité..</div> 172 </td> 173 <td valign="middle"> 174 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies3" name="chkCookies3" /></div> 175 </td> 176 </tr> 177 <tr> 178 <td> 179 <div class="cursor" style="text-align: left; padding-left: 10px;"> 180 <span> 181 <svg class="icon-cookie" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg> 182 </span> 183 Publicité personnalisée 184 </div> 185 <div class="explanation">Définit le consentement pour la publicité personnalisée..</div> 186 </td> 187 <td valign="middle"> 188 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies4" name="chkCookies4" /></div> 189 </td> 190 </tr> 191 </table> 192 </div> 193 194 <button class="my-custom-btn gray" opacity="1.0" onclick="CloseCookieText()">Retour</button> 195 <button class="popup-modal-dismiss my-custom-btn green" opacity="1.0" onclick="AccepterTous()">Tout Accepter</button> 196 </div> 197 </div> 198
199 <input type="hidden" id="hid-info-active" value="0" /> 200 <div id="loading-modal" class="mfp-hide popup-transparent"> 201 <div class="loading"> 202 <div class="spinner"></div> 203 <div id="loading-text" style="display:none;" class="spinner-text"></div> 204 </div> 205 </div> 206 207 <div id="loading-modal-product" class="white-popup-block mfp-hide popup-transparent"> 208 <div class="loading"> 209 <div class="spinner-product"></div> 210 </div> 211 </div> 212 213 <div id="video-modal" class="white-popup-block mfp-hide" style="max-width:900px !important;"> 214 <div class="div-btn-fermer-isbn"> 215 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 216 </div> 217 <div class="row" data-gutter="12"> 218 <div class="col-md-12 text-center"> 219 <iframe style="width:100%;" height="630" src="https://www.youtube.com/embed/gBovpD-GYgQ" frameborder="0" allowfullscreen></iframe> 220 </div> 221 </div> 222 </div> 223 224 <div class="global-wrapper clearfix" id="global-wrapper"> 225 226 227 228 229<div class="navbar-before mobile-hidden"> 230 <div class="container" style="padding-left:0 !important;padding-right:0 !important;"> 231 <div class="row"> 232 <div class="col-md-12"> 233 <div style="float: left; font-size: 12px; padding-left: 0 !important; padding-right: 0 !important;margin-top:2px;"> 234 <div style="float:left;"> 235 <b>  <img src="/content/images/tel.png" />  <span style="color:white;">05 31 61 60 42</span></b> <span style="color:white;">| <a style="color:white;" href="/Infos/Contact">par mail</a></span> <span style="">lun. au ven. de 8h30 à 18h</span> 236 </div> 237 <div style="float: left; margin: 2px 0 0 5px;"> 238 <span style="cursor: pointer; color: white;" onmouseover="OpenCloseCallCenter()" onmouseout="OpenCloseCallCenter()">Horaires préférentiels</span> 239 <div class="div-call-center"> 240 <div class="div-hour-call" style="color:#3a3939;font-size:12px;font-weight:bold;margin-bottom:10px;">Affluence des appels</div> 241 <img src="/content/images/Affluence.png" /> 242 <div style="color:#3a3939;font-size:10px;margin-top:11px;"> 243 Nous vous conseillons de nous contacter sur les périodes dâaffluence faible ou bien directement par mail. 244 </div> 245 </div> 246 </div> 247 <div class="avis-header"> 248 <a href="/avis-opinion-coollibri"><div class="avis-header-score"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i>4,4<span>/5</span></div></a> 249 <a href="/avis-opinion-coollibri" class="avis-header-total">27â¯112 avis vérifiés</a> 250 </div> 251 </div> 252 <div style="float:right;padding-left:0 !important;padding-right:0 !important;padding-top:2px;"> 253 <ul class="nav navbar-nav navbar-right navbar-right-no-mar"> 254 <li><a href="/devis-sur-mesure">Sur Mesure |</a></li> 255 <li><a href="/coollibri-pro">Accès PRO |</a></li> 256 257<li><a href="/MonCompte"><i class="fa fa-user"></i> Mon compte</a></li> 258 </ul> 259 </div> 260 </div> 261 </div> 262 </div> 263</div> 264 265 266 267
268<script type="text/javascript"> 269 270 $(function () { 271 $('#telephone-inscription').mask('#'); 272 }); 273 274 function Inscription() 275 { 276 var password = document.getElementById("password-inscription") 277 var passwordConfirm = document.getElementById("re-password-inscription"); 278 279 if (password.value == passwordConfirm.value) { 280 281 if ($("#email-inscription").val() != "" && 282 $("#password-inscription").val() != "" && 283 $("#prenom-inscription").val() != "" && 284 $("#nom-inscription").val() != "" && 285 $("#re-password-inscription").val() != "") { 286 $.ajax({ 287 url: "/MonCompte/Inscription?returnUrl=", 288 type: "post", 289 dataType: "json", 290 data: $('#formInscription').serialize(), 291 beforeSend: function (XMLHttpRequest) { 292 $("#btnSubmit").prop('disabled', true); 293 }, 294 error: function (XMLHttpRequest, textStatus, errorThrown) { 295 $("#btnSubmit").prop('disabled', false); 296 alert(errorThrown); 297 }, 298 success: function (data, textStatus, XMLHttpRequest) { 299 300 if (data.Status == 0) { 301 $("#btnSubmit").prop('disabled', false); 302 $("#msg-login-inscription").html(data.Msg); 303 } 304 else if (data.Status == 1) { 305 306 if (window.fbq) { 307 fbq('track', "CompleteRegistration"); 308 } 309 310 sendinblue.identify(data.Email, { 311 'FIRSTNAME': data.FirstName, 312 'LASTNAME': data.LastName, 313 'id': data.UserId 314 }); 315 316 if ($("#hidReturnUrl").val() != "/imprimer-un-livre") 317 location.href = $("#hidReturnUrl").val(); 318 else 319 PostPageProduit(true); 320 321 322 323 //document.location.href = "/MonCompte/MesProjets?Inscription=true"; 324 } 325 } 326 }); 327 } 328 } 329 330 return false; 331 } 332 333 function check(input) { 334 if (input.value != document.getElementById('password-inscription').value) { 335 input.setCustomValidity('Les deux mots de passe doivent correspondre.'); 336 } else { 337 input.setCustomValidity(''); 338 } 339 } 340 341</script>
341 342 343 344<div class="mfp-with-anim mfp-hide mfp-dialog clearfix" id="nav-account-dialog"> 345 <div class="div-btn-fermer-isbn"> 346 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 347 </div> 348 <p class="widget-title">Je crée mon compte</p> 349 <p>Vous devez créer un compte pour pouvoir passer commande.</p> 350 <hr /> 351 <form id="formInscription" onSubmit="return Inscription()"> 352 <div class="row"> 353 <div class="col-md-6"> 354 <div class="form-group"> 355 <label>Nom</label> 356 <input class="form-control" type="text" name="nom-inscription" id="nom-inscription" required autofocus /> 357 </div> 358 </div> 359 <div class="col-md-6"> 360 <div class="form-group"> 361 <label>Prénom</label> 362 <input class="form-control" type="text" name="prenom-inscription" id="prenom-inscription" required autofocus /> 363 </div> 364 </div> 365 </div> 366 <div class="form-group"> 367 <label>E-mail</label> 368 <input class="form-control" type="email" name="email-inscription" id="email-inscription" required autofocus /> 369 </div> 370 <div class="form-group"> 371 <label>Téléphone</label> 372 <input class="form-control" type="text" name="telephone-inscription" id="telephone-inscription" required autofocus /> 373 </div> 374 <div class="row"> 375 <div class="col-md-6"> 376 <div class="form-group"> 377 <label>Mot de passe</label> 378 <input class="form-control" type="password" name="password-inscription" id="password-inscription" required autofocus /> 379 </div> 380 </div> 381 <div class="col-md-6"> 382 <div class="form-group"> 383 <label>Confirmer votre mot de passe</label> 384 <input class="form-control" type="password" oninput="check(this)" id="re-password-inscription" required autofocus /> 385 </div> 386 </div> 387 </div> 388 <div class="checkbox" style="margin-top:10px;"> 389 <label> 390 <input class="i-check" type="checkbox" name="check-email" id="check-email" autofocus /> 391 <span style="font-size:13px;color: #333;">Jâaccepte de recevoir occasionnellement les mails promotionnels</span> 392 </label> 393 </div> 394 <div class="checkbox checkbox-inscription" style="margin-top:10px;"> 395 <label> 396 <input class="i-check" type="checkbox" required autofocus /> 397 <a style="font-size:13px;" target="_blank" rel="nofollow" href="/Infos/CGV">Jâai lu et jâaccepte les CGV</a> <span style="font-size:13px;color:#333;">et la</span> 398 <a style="font-size:13px;" target="_blank" rel="nofollow" href="/politique-de-confidentialite">politique de confidentialité</a> 399 </label> 400 </div> 401 <div id="msg-login-inscription" class="div-msg-login"></div> 402 <input style="margin-top:10px;" class="btn-inscription-popup" type="submit" id="btnSubmit" value="Je Valide" /> 403 </form> 404</div> 405 406 407 408 409
410<script type="text/javascript"> 411 412 function MotPasseOublie() { 413 if ($("#email-motpasseoublie").val() != "") { 414 $.ajax({ 415 url: "/MonCompte/MotPasseOublie?Email=" + $("#email-motpasseoublie").val(), 416 type: "post", 417 dataType: "json", 418 beforeSend: function (XMLHttpRequest) { 419 $("#email-motpasseoublie").val(""); 420 }, 421 error: function (XMLHttpRequest, textStatus, errorThrown) { 422 alert(errorThrown); 423 }, 424 success: function (data, textStatus, XMLHttpRequest) { 425 426 if (!data.HasError) { 427 $("#email-motpasseoublie").val(""); 428 } 429 430 $("#msg-mot-oublie").html(data.msg); 431 } 432 }); 433 } 434 435 return false; 436 } 437 438</script>
438 439 440<div class="mfp-with-anim mfp-hide mfp-dialog clearfix" id="nav-pwd-dialog"> 441 <div class="div-btn-fermer-isbn"> 442 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 443 </div> 444 <p class="widget-title">Mot de passe oublié</p> 445 <p>Indiquez-nous votre adresse mail afin que nous puissions vous renvoyer vos identifiants.</p> 446 <hr /> 447 <form id="formMotPasseOublie" onSubmit="return MotPasseOublie()"> 448 <div class="form-group"> 449 <label>Mon adresse email</label> 450 <input class="form-control" type="email" name="email-motpasseoublie" id="email-motpasseoublie" required autofocus /> 451 </div> 452 <input class="btn btn-primary" type="submit" value="Je Valide" /> 453 <div class="gap gap-small"></div> 454 <div id="msg-mot-oublie" class="font-orange"></div> 455 <div class="gap gap-small"></div> 456 </form> 457</div> 458 459 460
461<script type="text/javascript"> 462 463 function SearchRedirect() { 464 if ($("#txt-search").val() != "") { 465 window.location.href = "https://www.coollibri.com/bibliotheque-en-ligne?Search=" + $("#txt-search").val(); 466 } 467 } 468 469 function SearchRedirectMobile() { 470 if ($("#txt-search-2").val() != "") { 471 window.location.href = "https://www.coollibri.com/bibliotheque-en-ligne?Search=" + $("#txt-search-2").val(); 472 } 473 } 474 475 $(document).ready(function () { 476 $("#txt-search").keyup(function (event) { 477 if (event.keyCode == 13) { 478 SearchRedirect(); 479 } 480 }); 481 $("#txt-search-2").keyup(function (event) { 482 if (event.keyCode == 13) { 483 SearchRedirectMobile(); 484 } 485 }); 486 }); 487 488</script>
488 489 490<!-- Load Facebook SDK for JavaScript --> 491<div id="fb-root"></div>
492<script> 493(function(d, s, id) { 494 var js, fjs = d.getElementsByTagName(s)[0]; 495 if (d.getElementById(id)) return; 496 js = d.createElement(s); js.id = id; 497 js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.8"; 498 fjs.parentNode.insertBefore(js, fjs); 499}(document, 'script', 'facebook-jssdk'));</script>
499 500 501 502 <nav class="navbar-inverse navbar-main yamm"> 503 <div class="container" style="padding-left:0 !important;padding-right:0 !important;"> 504 <div class="row"> 505 <div class="col-md-12 nav-header"> 506 507 <div class="navbar-header"> 508 509 <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#main-nav-collapse" area_expanded="false" style="z-index:999999;"> 510 <span class="sr-only"> </span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 511 </button> 512 <div class="navbar-brand"> 513 <a href="/Infos/qui-sommes-nous" style="float:left;"> 514 <img class="img-logo-france" style="z-index:9999999 !important;margin-top:6px;" title="Impression de votre livre en France" alt="Imprimer un livre en France" src="/content/images/fabrique-en-france-coollibri.png" /> 515 </a> 516 <a href="/"> 517 <img class="img-logo-site" style="z-index:9999999 !important;" title="CoolLibri impression de livre" alt="CoolLibri impression de livre" src="/content/images/logo.png" /> 518 </a> 519 520 521 <a href="tel:05 31 61 60 42"> 522 <i class="fa fa-phone-square hidden-md hidden-lg" aria-hidden="true" style="color: white; margin: 15px 0 0 195px; font-size: 22px; position: absolute; "></i> 523 </a> 524 525 </div> 526 </div> 527 528 <div class="gap gap-small-10"></div> 529 530 <div class="collapse navbar-collapse navbar-collapse-no-pad" id="main-nav-collapse"> 531 <ul class="nav navbar-nav navbar-right navbar-right-no-mar navbar-nav-lg"> 532 <li class="dropdown yamm-fw" style="background-color:#b7d433;"> 533 <a href="/imprimer-un-livre"><font class="menu-top-caps" style="color:black;">IMPRIMER UN LIVRE</font><i class="drop-caret" data-toggle="dropdown"></i></a> 534 <ul class="dropdown-menu dropdown-menu-products"> 535 <li class="yamm-content col-menu-no-pad"> 536 <div class="row row-eq-height"> 537 <div class="col-md-4"> 538 <div class="title-menu-product"> 539 <div class="title-menu-product-rectangle"></div>Jâimprime mon livre 540 </div> 541 <ul class="dropdown-menu-items-list" style="margin:10px 0 0 68px;"> 542 <li> 543 <a href="/publier-son-roman">Romans</a> 544 </li> 545 <li> 546 <a href="/imprimer-magazine-brochure">Magazines et Brochures</a> 547 </li> 548 <li> 549 <a href="/imprimer-bande-dessinee">Bandes Dessinées</a> 550 </li> 551 <li> 552 <a href="/reliure-spirale">Livre à Spirale et Thèse</a> 553 </li> 554 <li> 555 <a href="/impression-livre-de-poc
555he">Livre de Poche</a> 556 </li> 557 </ul> 558 </div> 559 <div class="col-md-4"> 560 <div class="hidden-xs hidden-sm line-menu-product"></div> 561 562 <div class="title-menu-product"> 563 <div class="title-menu-product-rectangle"></div>Autres produits 564 </div> 565 <ul class="dropdown-menu-items-list" style="margin:10px 0 0 68px;"> 566 <li> 567 <a href="/imprimer-livre-photos">Livres Photos</a> 568 </li> 569 <li> 570 <a href="/impression-manga">Manga</a> 571 </li> 572 <li> 573 <a href="/creation-impression-marque-page-livre"> 574 Marque-page 575 </a> 576 </li> 577 <li> 578 <a href="/Infos/eBooks">E-Book</a> 579 </li> 580 <li> </li> 581 </ul> 582 </div> 583 <div class="col-md-4 col-menu-no-pad hidden-xs hidden-sm"> 584 <a href="/imprimer-un-livre"><img alt="Imprimer son livre pas cher" title="Imprimer son livre pas cher" src="/content/images/imprimer-un-livre-menu.jpg?565" style="width:100%;" /></a> 585 </div> 586 </div> 587 588 </li> 589 </ul> 590 </li> 591 592 593 594 <li class="dropdown yamm-fw"> 595 <a href="/bibliotheque-en-ligne"><font class="menu-top-caps ">BIBLIOTHÃQUE</font></a> 596 </li> 597 598 <li class="dropdown yamm-fw"> 599 <a href="#"><font class="menu-top-caps ">MES SERVICES</font><i class="drop-caret" data-toggle="dropdown"></i></a> 600 <ul class="dropdown-menu"> 601 <li class="yamm-content col-menu-no-pad"> 602 <div class="row row-eq-height row-col-border"> 603 <div class="col-md-6 col-menu-no-pad"> 604 <img style="width:100%;" alt="Conseils créer son livre" title="Conseils créer son livre" src="/content/images/conseils-creer-son-livre-menu.jpg" /> 605 </div> 606 <div class="col-md-3 col-menu-pad"> 607 <p style="margin-top:5px;"><a href="/conseils" style="color:#333;"><b>TOUT SUR LâAUTO-ÃDITION</b></a></p> 608 <p style="margin-top:25px;"><a href="/conseils#Creation"><b>LA CRÃATION DU LIVRE</b></a></p> 609 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 610 <li> 611 <a href="/conseils#MisePage">Saisie et mise en page</a> 612 </li> 613 <li> 614 <a href="/conseils#Corrections">Corrections</a> 615 </li> 616 </ul> 617 <p style="margin-top:25px;"><a href="/conseils#Fabrication"><b>LA FABRICATION DU LIVRE</b></a></p> 618 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 619 <li> 620 <a href="/conseils#LesFormats">Les formats</a> 621 </li> 622 <li> 623 <a href="/conseils#LaReliure">La reliure</a> 624 </li> 625 <li> 626 <a href="/conseils#LesPapiers">Les papiers</a> 627 </li> 628 </ul> 629 <p style="margin-top:25px;"><a href="/conseils#Difusion"><b>LA DIFFUSION</b></a></p> 630 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 631 <li> 632 <a href="/conseils#ISBN">ISBN</a> 633 </li> 634 <li> 635 <a href="/conseils#DepotLegal">Dépôt légal</a> 636 </li> 637 </ul> 638 <p style="margin-top:25px;"><a href="/Infos/eBooks"><b>LIVRES EBOOK</b></a></p> 639 </div> 640 <div class="col-md-3 col-menu-pad"> 641 642 <p style="margin-top:5px;"><b>BESOIN DâAIDE</b></p> 643 <p style="margin-top:20px;"> 644 <a href="/faq"><b>FOIRE AUX QUESTIONS (FAQ)</b></a> 645 <br /> 646 <a href="/Infos/AideEnLigne"><b>AIDE EN LIGNE</b></a> 647 648 <br /><a href="#" onclick="OpenVideo()"><b>VOIR LA VIDÃO DâAIDE COOLLIBRI</b></a> 649 <br /><br /> 650 <a href="#" onclick="OpenVideo()"><img style="width:85%;" alt="Faire imprimer son livre tutoriel" title="Faire imprimer son livre tutoriel" src="/content/images/faire-imprimer-livre-video-aide.png" /></a> 651 </p> 652 653 <p style="margin-top:35px;"><b>AUTRES SERVICES</b></p> 654 655 <p style="margin-top:20px;"> 656 <a href="/publier-livre-en-l
656igne"> 657 <b>PUBLIER MON LIVRE EN LIGNE</b> 658 </a> 659 <br /> 660 <a href="/avantages-impression-livre"> 661 <b>MES AVANTAGES</b> 662 </a> 663 </p> 664 665 </div> 666 </div> 667 </li> 668 </ul> 669 </li> 670 671 672 673 <li class="dropdown yamm-fw hidden-md hidden-lg"> 674 <a href="/MonCompte"><font class="menu-top-caps "><i class="fa fa-user"></i> MON COMPTE</font></a> 675 </li> 676 677 <li class="dropdown yamm-fw"> 678 <a href="/MonCompte/MesProjets"><font class="menu-top-caps ">MES PROJETS (0)</font></a> 679 </li> 680 681 <li class="dropdown" id="TopShoppingCart"> 682 683 684 <a rel="nofollow" href="/Panier" class="font-cart-shop" style="padding:15px 20px !important;"> 685 <i class="fa fa-shopping-cart" style="margin-left:-12px;"></i> 686 <div class="div-nr-cart">0</div> 687 <font class="menu-top-caps hidden-md hidden-lg"> MON PANIER</font> 688 </a> 689 690 <ul class="dropdown-menu dropdown-menu-shipping-cart"> 691 692 693 <li class="text-center" style="width:100%;font-size:16px;color:#8e5ba6;">Panier vide</li> 694 </ul> 695 </li> 696 697 <li class="dropdown hidden-xs hidden-sm"> 698 <a class="font-cart-shop" style="padding:15px 8px !important;" href="/MonCompte"> 699 <i class="fa fa-user"></i> 700 </a> 701 </li> 702 703 704 </ul> 705 </div> 706 707 </div> 708 </div> 709 710 </div> 711 </nav> 712 713 714 715 716 717
718<script type="text/javascript"> 719 720 function isHTML(str) { 721 var doc = new DOMParser().parseFromString(str, "text/html"); 722 return Array.from(doc.body.childNodes).some(node => node.nodeType === 1); 723 } 724 725 function Contact() { 726 727 $("#erreur-email").html(""); 728 $("#btn-enregistrer").prop('disabled', true); 729 OpenLoading(); 730 731 var response = grecaptcha.getResponse(); 732 document.getElementById('gRecaptchaResponse').value = response; 733 734 if (!response) { 735 $("#erreur-email").html("Captcha invalide."); 736 CloseLoading(); 737 $("#btn-enregistrer").prop('disabled', false); 738 grecaptcha.reset(); 739 return false; 740 } 741 742 if (!isHTML($("#prenom-contact").val()) && !isHTML($("#email-contact").val()) && !isHTML($("#telephone-contact").val()) && !isHTML($("#message-contact").val()) ) { 743 744 $("#label-prenom").css("color", "#333"); 745 $("#label-telephone").css("color", "#333"); 746 $("#label-email").css("color", "#333"); 747 $("#label-subject").css("color", "#333"); 748 $("#label-message").css("color", "#333"); 749 750 if ($("#prenom-contact").val() == "") { 751 ShowRequiredFields("#label-prenom"); 752 return false; 753 } 754 755 if ($("#telephone-contact").val() == "") { 756 ShowRequiredFields("#label-telephone"); 757 return false; 758 } 759 760 if ($("#email-contact").val() == "") { 761 ShowRequiredFields("#label-email"); 762 return false; 763 } 764 765 if ($("#select-subject").val() == "") { 766 ShowRequiredFields("#label-subject"); 767 return false; 768 } 769 770 if ($("#message-contact").val() == "") { 771 ShowRequiredFields("#label-message"); 772 return false; 773 } 774 775 var form = document.getElementById("formContact"); 776 var formData = new FormData(form); 777 778 779 $.ajax({
780 url: "/Infos/Contact", 781 type: "post", 782 dataType: "json", 783 data: formData, 784 processData: false, 785 contentType: false, 786 beforeSend: function (XMLHttpRequest) { 787 788 }, 789 error: function (XMLHttpRequest, textStatus, errorThrown) { 790 alert(errorThrown); 791 }, 792 success: function (data, textStatus, XMLHttpRequest) { 793 794 CloseLoading(); 795 $("#btn-envoyer").prop('disabled', false); 796 797 if (data.success == true) { 798 $("#message-contact").val(""); 799 $("#msg-ok").show(); 800 $("#div-principal-title").html("Demande de contact"); 801 $("#msg-erreur").hide(); 802 803 grecaptcha.reset(); 804 } 805 else { 806 807 if (data.success == false && "Captcha invalide." == data.message) { 808 809 $("#erreur-email").html("Captcha invalide."); 810 CloseLoading(); 811 $("#btn-enregistrer").prop('disabled', false); 812 grecaptcha.reset(); 813 return false; 814 } 815 816 $("#msg-ok").hide(); 817 $("#msg-erreur").show(); 818 $("#span-msg").html(data.message); 819 $("#div-principal-title").html("Erreur"); 820 } 821 822 $.magnificPopup.open({ 823 items: { 824 src: '#contact-modal', 825 }, 826 type: 'inline', 827 mainClass: 'popup-modal', 828 modal: true, 829 preloader: false 830 }); 831 } 832 }); 833 } 834 else { 835 $("#erreur-email").html("Veuillez ne pas mettre de texte au format HTML dans le message."); 836 CloseLoading(); 837 $("#btn-enregistrer").prop('disabled', false); 838 grecaptcha.reset(); 839 } 840 } 841 842 function ShowRequiredFields(field) { 843 $(field).css("color", "red"); 844 $("#erreur-email").html("Merci dâavoir rempli les champs obligatoires."); 845 CloseLoading(); 846 $("#btn-enregistrer").prop('disabled', false); 847 grecaptcha.reset(); 848 return; 849 } 850 851 function ChangeSubject() { 852 853 var ContactSubjectId = $("#select-subject").val().split("-")[0]; 854 855 if ($("#select-subject").val().split("-")[1] == "project") { 856 $("#div-projects").show(); 857 } 858 else { 859 $("#div-projects").hide(); 860 } 861 862 if ($("#select-subject").val().split("-")[1] == "order") { 863 $("#div-orders").show(); 864 } 865 else { 866 $("#div-orders").hide(); 867 } 868 869 $("#div-file-input").hide(); 870 if (ContactSubjectId == 3 || ContactSubjectId == 6) { 871 $("#div-file-input").show(); 872 } 873 } 874 875 876 $(function () { 877 878 var MAX_FILES = 5; 879 var MAX_TOTAL_BYTES = 10 * 1024 * 1024; // 10 Mo 880 var allowedTypes = ["application/pdf", "image/jpeg"]; 881 882 // limpa BRs extras criados por tentativas anteriores (se existirem) 883 $("#div-file-input br.dynamic-upload-br").remove(); 884 885 // marcador do input ativo no topo 886 if ($("#upload-marker").length === 0) { 887 $("#div-file-input label").after("<span id='upload-marker'></span>"); 888 } 889 890 // marcador para o input ativo ficar sempre no topo 891 if ($("#upload-marker").length === 0) { 892 $("#div-file-input label").after("<span id='upload-marker'></span><br/>"); 893 } 894 895 // Garante que existam inputs fileUpload1..5 (cria a partir do 1) 896 for (var i = 2; i <= MAX_FILES; i++) { 897 if ($("#fileUpload" + i).length === 0) { 898 $("<input/>", { 899 type: "file", 900 id: "fileUpload" + i, 901 name: "fileUpload" + i, 902 class: "form-control", 903 accept: ".pdf,.jpg,.jpeg,application/pdf,image/jpeg", 904 style: "border:0px;box-shadow:none;display:none;padding-left:0px;" 905 }).insertAfter("#fileUpload" + (i - 1)); 906 } 907 } 908 909 // Cria UI (span + remove) para cada input 910 for (var j = 1; j <= MAX_FILES; j++) { 911 ensureUiFor("fileUpload" + j); 912 } 913 914 // Bind change em todos 915 for (var k = 1; k <= MAX_FILES; k++) { 916 bindChange("fileUpload" + k); 917 bindRemove("fileUpload" + k); 918 } 919 920 // Mostra apenas o primeiro no inÃcio 921 updateVisibility(); 922 923 function ensureUiFor(id) { 924 var $input = $("#" + id); 925 if ($input.length === 0) return; 926 927 // se já existe UI, não recria 928 if ($input.data("hasUi")) return; 929 930 // span (nome do arquivo) 931 var fileName = document.createElement("span"); 932 fileName.style.fontStyle = "italic"; 933 fileName.style.fontSize = "12px"; 934 fileName.style.color = "#777777"; 935 fileName.style.marginLeft = "20px"; 936 fileName.className = "fn-" + id; 937 938 // botão remover 939 var btnRemove = document.createElement("button"); 940 btnRemove.type = "button";
941 btnRemove.innerHTML = "<i class='fa fa-trash' aria-hidden='true'></i>"; 942 btnRemove.style.color = "#fa486f"; 943 btnRemove.style.marginLeft = "6px"; 944 btnRemove.style.border = "0"; 945 btnRemove.style.background = "transparent"; 946 btnRemove.style.cursor = "pointer"; 947 btnRemove.className = "rm-" + id; 948 949 // container da UI 950 var $wrap = $("<div/>", { class: "wrap-" + id, style: "display:none;" }); 951 $wrap.append(fileName); 952 $wrap.append(btnRemove); 953 954 // coloca logo depois do input 955 $input.after($wrap); 956 957 $input.data("hasUi", true); 958 } 959 960 function bindChange(id) { 961 $(document).on("change", "#" + id, function () { 962 963 var input = this; 964 var file = input.files && input.files[0] ? input.files[0] : null; 965 966 // se cancelou seleção 967 if (!file) { 968 clearUi(id); 969 updateVisibility(); 970 return; 971 } 972 973 // 1) valida tipo 974 if (allowedTypes.indexOf(file.type) === -1) { 975 alert("Fichier invalide. Seuls les formats PDF, JPG ou JPEG sont autorisés."); 976 clearInput(input); 977 clearUi(id); 978 CloseLoading(); 979 updateVisibility(); 980 return; 981 } 982 983 // 2) valida tamanho total (soma) 984 var total = getTotalBytesWithCandidate(id, file.size); 985 if (total > MAX_TOTAL_BYTES) { 986 alert("Les fichiers dépassent la taille maximale autorisée (10 Mo)."); 987 clearInput(input); 988 clearUi(id); 989 updateVisibility(); 990 return; 991 } 992 993 // OK: mostra nome + remove, esconde input 994 setUi(id, file.name); 995 $(input).hide(); 996 997 // mostra o próximo input vazio (se existir) 998 updateVisibility(); 999 }); 1000 } 1001 1002 function bindRemove(id) { 1003 $(document).on("click", ".rm-" + id, function () { 1004 // limpa input e UI 1005 clearInput(document.getElementById(id)); 1006 clearUi(id); 1007 1008 // mostra o input novamente (se for o próximo disponÃvel) 1009 $("#" + id).show(); 1010 1011 updateVisibility(); 1012 }); 1013 } 1014 1015 function setUi(id, name) { 1016 $(".fn-" + id).text(name); 1017 $(".wrap-" + id).show(); 1018 } 1019 1020 function clearUi(id) { 1021 $(".fn-" + id).text(""); 1022 $(".wrap-" + id).hide(); 1023 } 1024 1025 function clearInput(input) { 1026 if (!input) return; 1027 // forma segura: troca o input por um clone limpo mantendo id/nome 1028 var $old = $(input); 1029 var $clone = $old.clone(); 1030 $clone.val(""); 1031 $old.replaceWith($clone); 1032 } 1033 1034 function getTotalBytesWithCandidate(changedId, candidateSize) { 1035 var total = 0; 1036 1037 for (var i = 1; i <= MAX_FILES; i++) { 1038 var id = "fileUpload" + i; 1039 var el = document.getElementById(id); 1040 if (!el) continue; 1041 1042 // se é o input que está mudando, soma o tamanho candidato 1043 if (id === changedId) { 1044 total += candidateSize; 1045 continue; 1046 } 1047 1048 // soma os já selecionados 1049 if (el.files && el.files.length > 0) { 1050 total += el.files[0].size; 1051 } 1052 } 1053 return total; 1054 } 1055 1056 function updateVisibility() { 1057 var firstEmptyId = null; 1058 1059 // acha o primeiro input vazio 1060 for (var i = 1; i <= MAX_FILES; i++) { 1061 var id = "fileUpload" + i; 1062 var el = document.getElementById(id); 1063 if (!el) continue; 1064 1065 var hasFile = el.files && el.files.length > 0;
1066 if (!hasFile && firstEmptyId === null) firstEmptyId = id; 1067 } 1068 1069 // aplica visibilidade/UI 1070 for (var j = 1; j <= MAX_FILES; j++) { 1071 var cid = "fileUpload" + j; 1072 var cel = document.getElementById(cid); 1073 if (!cel) continue; 1074 1075 var hasFile2 = cel.files && cel.files.length > 0; 1076 1077 if (hasFile2) { 1078 $("#" + cid).hide(); 1079 $(".wrap-" + cid).show(); 1080 } else { 1081 clearUi(cid); 1082 $("#" + cid).hide(); 1083 } 1084 } 1085 1086 // move o input ativo para o topo e coloca o BR único logo abaixo 1087 if (firstEmptyId) { 1088 var $active = $("#" + firstEmptyId); 1089 1090 $active.insertAfter("#upload-marker"); 1091 $("#upload-br").insertAfter($active); // BR sempre grudado no input ativo 1092 1093 $active.show(); 1094 $("#upload-br").show(); 1095 } else { 1096 $("#upload-br").hide(); 1097 } 1098 } 1099 1100 1101 1102 1103 }); 1104</script>
1104 1105 1106 1107 1108<div id="contact-modal" class="white-popup-block mfp-hide"> 1109 <div class="div-btn-fermer-isbn"> 1110 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 1111 </div> 1112 1113 <div class="gap gap-small"></div> 1114 1115 <div class="row" data-gutter="12"> 1116 <div class="col-md-12 text-center"> 1117 <p class="page-title title-pages-header title-telecharger-isbn" id="div-principal-title"></p> 1118 </div> 1119 </div> 1120 1121 <div class="gap gap-small"></div> 1122 1123 <div class="row" data-gutter="12"> 1124 <div class="col-md-1"></div> 1125 <div class="col-md-10 text-center text-telecharger-isbn"> 1126 <div id="msg-ok"> 1127 <p> 1128 Nous accusons réception de votre demande de contact. 1129 </p> 1130 <p> 1131 Notre équipe met tout en oeuvre pour vous répondre le plus rapidement possible.<br /> 1132 </p> 1133 </div> 1134 <div id="msg-erreur"><span id="span-msg"></span></div> 1135 </div> 1136 <div class="col-md-1"></div> 1137 </div> 1138 1139 <div class="gap gap-small"></div> 1140 1141 <div class="row" data-gutter="12"> 1142 <div class="col-md-2"></div> 1143 <div class="col-md-8 text-center"> 1144 <a class="btn btn-lg btn-success" onclick="javascript:location.reload()">Ok</a> 1145 </div> 1146 <div class="col-md-2"></div> 1147 </div> 1148 <div class="gap gap-small"></div> 1149</div> 1150 1151<div class="container"> 1152 <header class="page-header"> 1153 <h1 class="page-title title-pages-header">Contact</h1> 1154 </header> 1155 <div class="row"> 1156 <div class="col-md-12"> 1157 <p class="lead">Nâhésitez pas à nous contacter pour un devis spécifique gratuit (quantité, pages, format, ⦠)</p> 1158 </div> 1159 </div> 1160 1161 1162 <div class="gap gap-small"></div> 1163 <div class="row" data-gutter="60"> 1164 <div class="col-md-5"> 1165 1166 <div class="row"> 1167 <div class="col-md-12"> 1168 <div class="fond-faq-contact"> 1169 <div class="faq-encart-title-contact">Vous ne trouvez pas la réponse à votre question ?</div> 1170 <a href="/faq" class="faq-encart-link-contact">Consulter notre Foire Aux Questions (FAQ)</a> 1171 </div> 1172 </div> 1173 </div> 1174 1175 <p class="text-muted">Si vous avez besoin dâinformations ou si vous rencontrez des difficultés, vous pouvez nous contacter du lundi au vendredi de 8h30 à 18h sans interruption, ou en utilisant le formulaire de contact ci-dessous.</p> 1176 1177 <div class="gap gap-small"></div> 1178 <form id="formContact" method="post"> 1179 1180 <input name="__RequestVerificationToken" type="hidden" value="JbL3MyGNI4oH2nVnMjS3iKab-WgJzjoFfu_v7692R7JZ2zOtwcMowwc6p97J3iVWiOt2rjgOZlRRcA7b-Nn_3tWRmKrwvzgSV8QtLylTsfs1" /> 1181 1182 <input type="hidden" id="nextstep" name="nextstep" value="true" /> 1183 1184 <div class="row"> 1185 <div class="col-md-6"> 1186 <div class="form-group"> 1187 <label id="label-prenom">Prénom Nom *</label> 1188 <input class="form-control" type="text" name="prenom-contact" id="prenom-contact" required autofocus /> 1189 </div> 1190 </div> 1191 <div class="col-md-6"> 1192 <div class="form-group"> 1193 <label id="label-telephone">Téléphone *</label> 1194 <input class="form-control" type="tel" name="telephone-contact" id="telephone-contact" required autofocus /> 1195 </div> 1196 </div> 1197 <div class="col-md-12"> 1198 <div class="form-group"> 1199 <label id="label-email">E-mail *</label> 1200 <input class="form-control" type="email" name="email-contact" id="email-contact" required autofocus /> 1201 </div> 1202 </div> 1203 <div class="col-md-12"> 1204 <div class="form-group"> 1205 <label id="label-subject">Objet de ma demande *</label> 1206 <select class="form-control" id="select-sub
1206ject" name="select-subject" onchange="ChangeSubject()"> 1207 <option value="">Sélectionnez votre demande</option> 1208 <option value="1-project">Le fichier de mon livre</option> 1209 <option value="2-project">Mon livre dans la bibliothèque</option> 1210 <option value="3-">Problème sur le site</option> 1211 <option value="4-order">Retard de livraison</option> 1212 <option value="5-order">Transporteur</option> 1213 <option value="6-order">Service après-vente / Anomalie</option> 1214 <option value="7-">Autre sujet</option> 1215 </select> 1216 </div> 1217 </div> 1218 </div> 1219 <div class="form-group"> 1220 <label id="label-message">Message *</label> 1221 <textarea class="form-control" placeholder="Une description claire et complète de votre demande nous permet de vous aider plus rapidement et plus efficacement" name="message-contact" id="message-contact" rows="5" required autofocus></textarea> 1222 </div> 1223 1224 <div class="form-group" id="div-file-input" style="display:none;"> 1225 <label>Ajoutez une image</label> 1226 1227 <div><small class="form-text text-muted"> 1228 Pour nous envoyer un fichier, vous devez être connecté à <a href="/Identification?ReturnUrl=%2fInfos/Contact">votre compte</a>. 1229 </small> 1230 </div> 1231 1232 </div> 1233 1234 <div class="form-group"> 1235 <div class="captcha"> 1236 <div class="g-recaptcha" data-sitekey="6Lf6Hm0UAAAAAMqQIQtFoHo37-T1YZfFhH49dIp-"></div> 1237 </div> 1238 </div> 1239 <div class="form-group"> 1240 <p class="text-muted" style="font-size:13px;">Nous répondrons par mail à votre question. Pensez à regarder dans le dossier <b>Courrier Indésirable / Spams</b> de votre boîte mail, malheureusement, parfois nos réponses sont placées à cet endroit.</p> 1241 </div> 1242 <input type="button" class="btn btn-primary" value="Je Valide" onclick="Contact()" id="btn-envoyer" /> 1243 <div class="gap gap-small"></div> 1244 <span id="erreur-email" style="color:red;"></span> 1245 <div class="gap"></div> 1246 1247 <input type="hidden" id="gRecaptchaResponse" name="gRecaptchaResponse" value="" /> 1248 </form> 1249 </div> 1250 <div class="col-md-7"> 1251 <div class="row"> 1252 <div class="col-md-4"> 1253 <ul class="contact-list"> 1254 <li> 1255 <h5>Téléphone</h5> 1256 <p>05 31 61 60 42</p> 1257 </li> 1258 <li> 1259 <h5>Fax</h5> 1260 <p>05 61 19 00 43</p> 1261 </li> 1262 <li> 1263 <h5>Adresse</h5><address>111, rue Vauquelin<br />31100 TOULOUSE</address> 1264 </li> 1265 </ul> 1266 </div> 1267 <div class="col-md-8"> 1268 <br /> 1269 <img alt="Contacter Coollibri pour imprimer un livre" title="Contacter Coollibri pour imprimer un livre" src="/content/images/imprimer-un-livre-contact.jpg" /> 1270 </div> 1271 </div> 1272 </div> 1273 </div> 1274</div> 1275 1276 1277 1278 1279<footer class="main-footer"> 1280 <div class="row"> 1281 1282 <div class="col-md-10 col-md-offset-1"> 1283 1284 <div class="row"> 1285 1286 <div class="col-md-2"> 1287 <div class="logo-footer-img"><img title="CoolLibri impression de livre" alt="CoolLibri impression de livre" src="/content/images/CoolLibri-impression-de-livre.png" /></div> 1288 <ul class="foot-menu-list" style="margin-top:15px;"> 1289 <li> 1290 <a href="/Infos/qui-sommes-nous">Qui sommes-nous ?</a> 1291 </li> 1292 <li> 1293 <a href="/avantages-impression-livre">Mes avantages</a> 1294 </li> 1295 <li> 1296 <a href="/Infos/CGV" rel="nofollow">CGV</a> 1297 </li> 1298 <li> 1299 <a href="/politique-de-confidentialite" rel="nofollow">Politique de Confidentialité</a> 1300 </li> 1301 <li> 1302 <a href="/blog">Blog</a> 1303 </li> 1304 <li> 1305 <a href="/MonCompte/MesProjets">Mes Projets</a> 1306 </li> 1307 <li> 1308 <a href="/MonCompte/MonProfil">Mon profil</a> 1309 </li> 1310 1311 <li> 1312 <a href="/Infos/Contact">Nous contacter</a> 1313 </li> 1314 <li> 1315 <a href="/avis-opinion-coollibri">Avis Clients CoolLibri</a> 1316 </li> 1317 </ul> 1318 <div class="gap gap-small"></div> 1319 </div> 1320 <div class="col-md-2"> 1321 <h3 class="h4-footer-title"><a href="/imprimer-un-livre">
1321IMPRIMER UN LIVRE</a></h3> 1322 <ul class="foot-menu-list"> 1323 <li> 1324 <a href="/publier-son-roman">Romans</a> 1325 </li> 1326 <li> 1327 <a href="/imprimer-livre-photos">Livres Photos</a> 1328 </li> 1329 <li> 1330 <a href="/imprimer-magazine-brochure">Magazines et Brochures</a> 1331 </li> 1332 <li> 1333 <a href="/imprimer-bande-dessinee">Bandes Dessinées</a> 1334 </li> 1335 <li> 1336 <a href="/reliure-spirale">Livre à Spirale et Thèse</a> 1337 </li> 1338 <li> 1339 <a href="/impression-livre-de-poche">Livre de Poche</a> 1340 </li> 1341 <li><br /></li> 1342 <li> 1343 <a href="/creation-impression-marque-page-livre"> 1344 Marque-page 1345 </a> 1346 </li> 1347 <li> 1348 <a href="/Infos/eBooks">E-Book</a> 1349 </li> 1350 <li> 1351 <a href="/creation-couverture-roman">Créer votre couverture</a> 1352 </li> 1353 <li><br /></li> 1354 </ul> 1355 <div class="gap gap-small"></div> 1356 </div> 1357 <div class="col-md-2"> 1358 <h3 class="h4-footer-title">THÃMATIQUE</h3> 1359 <ul class="foot-menu-list"> 1360 <li> 1361 <a href="/impression-livre-de-cuisine">Imprimer un livre de cuisine</a> 1362 </li> 1363 <li> 1364 <a href="/impression-livre-genealogie">Imprimer un livre de généalogie</a> 1365 </li> 1366 <li> 1367 <a href="/impression-livret-de-formation">Imprimer un livret de formation</a> 1368 </li> 1369 <li> 1370 <a href="/impression-livret-de-messe-bapteme">Imprimer un livret de messe baptême</a> 1371 </li> 1372 <li> 1373 <a href="/impression-livret-messe-mariage">Imprimer un livret de messe pour votre mariage</a> 1374 </li> 1375 <li> 1376 <a href="/impression-livret-musee-art-exposition">Imprimer un livret de mon musée</a> 1377 </li> 1378 <li> 1379 <a href="/imprimer-dossier-magazine-tpe-1ere">Imprimer un magazine TPE de première</a> 1380 </li> 1381 <li> 1382 <a href="/impression-manga">Imprimer un manga</a> 1383 </li> 1384 <li> 1385 <a href="/album-photo-voyage">Imprimez un album photo de voyage</a> 1386 </li> 1387 </ul> 1388 <div class="gap gap-small"></div> 1389 </div> 1390 <div class="col-md-2"> 1391 <h3 class="h4-footer-title"><a href="/publier-livre-en-ligne">COMMUNIQUER</a></h3> 1392 <ul class="foot-menu-list"> 1393 <li>
1394 <a href="/publier-livre-en-ligne#Publier">Publier un livre</a> 1395 </li> 1396 <li> 1397 <a href="/publier-livre-en-ligne#PageAuteur">Créer une page auteur</a> 1398 </li> 1399 <li> 1400 <a href="/publier-livre-en-ligne#Supports">Supports de communication</a> 1401 </li> 1402 <li> 1403 <a href="/publier-livre-en-ligne#Publicite">Publicité gratuite</a> 1404 </li> 1405 <li><br /></li> 1406 <li> 1407 <a target="_blank" href="https://www.coollibri.com/Content/images/kit-presse-coollibri.zip">Presse</a> 1408 </li> 1409 </ul> 1410 <div class="gap gap-small"></div> 1411 </div> 1412 1413 <div class="col-md-2"> 1414 <h3 class="h4-footer-title"><a href="/conseils">CONSEILS</a></h3> 1415 <ul class="foot-menu-list"> 1416 <li> 1417 <a href="/conseils">Conseils sur lâauto-édition</a> 1418 </li> 1419 <li> 1420 <a href="/Infos/AideEnLigne">Aide en ligne</a> 1421 </li> 1422 <li> 1423 <a href="#" onclick="OpenVideo()">Vidéo dâaide</a> 1424 </li> 1425 1426 <li> 1427 <a href="/faq">Foire aux questions (FAQ)</a> 1428 </li> 1429 <li> 1430 <a href="/conseils#Creation">La création du livre</a> 1431 </li> 1432 <li> 1433 <a href="/conseils#Fabrication">La fabrication du livre</a> 1434 </li> 1435 <li> 1436 <a href="/conseils#Difusion">La diffusion</a> 1437 </li> 1438 </ul> 1439 <div class="gap gap-small"></div> 1440 </div> 1441 <div class="col-md-2"> 1442 1443 <div> 1444 1445 <div class="text-center"><a target="_blank" href="https://www.messages.fr/"><img alt="CoolLibri dispose de sa propre imprimerie" title="CoolLibri dispose de sa propre imprimerie" src="/content/images/une-marque-messages.png" /></a></div> 1446 <div class="div-logo-home-face"> 1447 <div> 1448 <a target="_blank" href="https://www.facebook.com/CoolLibri"><img src="/content/images/logo-facebook.png" /></a> 1449 1450 <a target="_blank" href="https://www.instagram.com/coollibri"><img src="/content/images/logo-instagram.png" /></a> 1451 1452 <a target="_blank" href="https://www.tiktok.com/@coollibri.com"><img src="/content/images/logo-tiktok.png" /></a> 1453 </div> 1454 </div> 1455 1456 <div class="gap gap-small"></div> 1457 1458 <div class="avis-footer"> 1459 1460 <i class="fa fa-star" aria-hidden="true"></i> 1461 <i class="fa fa-star" aria-hidden="true"></i> 1462 <i class="fa fa-star" aria-hidden="true"></i> 1463 <i class="fa fa-star" aria-hidden="true"></i> 1464 <i class="fa fa-star-half" aria-hidden="true"></i> 1465 1466 <div class="avis-footer-nr">4,4<span>/5</span><a class="avis-footer-total" href="/avis-opinion-coollibri">27â¯112 avis</a></div> 1467 1468 <div class="avis-footer-check"> 1469 <i class="fa fa-check-circle-o" aria-hidden="true"></i> 1470 <i class="fa fa-certificate" aria-hidden="true"></i> 1471 </div> 1472 1473 </div> 1474 1475 <div class="gap"></div> 1476 1477 </div> 1478 1479 </div> 1480 1481 1482 </div> 1483 1484 </div> 1485 1486 1487 </div> 1488 <div class="row"> 1489 <div class="col-md-10 col-md-offset-1"> 1490 <div class="h4-footer-title"><img alt="Impression livre avec paiement sécurisé" title="Impression livre avec paiement sécurisé" src="/content/images/logoCB.png" /></div> 1491 <div class="gap gap-small"></div> 1492 </div> 1493 </div> 1494 1495</footer> 1496 1497 1498 </div> 1499 1500
1500<script src="/bundles/bootstrap?v=kYF9uS06b8KK6ZgA6zYvU2jdrWYQEFdqnu5he_t1yio1"></script>
1500 1501 1502
1502<script src="/bundles/thebox?v=OuaJ57RWneiwYsfTqOfArYAeo3YfP-2NIN34XIqbYpU1"></script>
1502 1503 1504 1505 1506 1507 <div id="browser-modal" class="white-popup-block mfp-hide"> 1508 <div class="div-btn-fermer-isbn"> 1509 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 1510 </div> 1511 1512 <div class="gap gap-small"></div> 1513 1514 <div class="row" data-gutter="12"> 1515 <div class="col-md-12 text-center"> 1516 <p class="page-title title-pages-header" style="font-size:20px;">Veuillez actualiser votre navigateur</p> 1517 </div> 1518 </div> 1519 1520 <div class="gap gap-small"></div> 1521 1522 <div class="row" data-gutter="12"> 1523 <div class="col-md-1"></div> 1524 <div class="col-md-10"> 1525 <p class="browser-font-size"> 1526 Pour une meilleure expérience utilisateur, nous vous conseillons de mettre à jour votre navigateur en cliquant sur une des icônes si dessous. Vous pouvez malgré tout continuer. 1527 </p> 1528 1529 <div class="gap gap-small"></div> 1530 1531 <div class="row" data-gutter="12"> 1532 <div class="col-md-4 text-center"> 1533 <a class="browser-icon" target="_blank" href="https://www.google.com/intl/de/chrome/browser/"> 1534 <p> 1535 <i class="fa fa-chrome" aria-hidden="true"></i> 1536 </p> 1537 <p class="browser-font-size">Google Chrome</p> 1538 </a> 1539 </div> 1540 <div class="col-md-4 text-center"> 1541 <a class="browser-icon" target="_blank" href="http://windows.microsoft.com/de-ch/internet-explorer/download-ie"> 1542 <p> 1543 <i class="fa fa-internet-explorer" aria-hidden="true"></i> 1544 </p> 1545 <p class="browser-font-size">Internet Explorer</p> 1546 </a> 1547 </div> 1548 <div class="col-md-4 text-center"> 1549 <a class="browser-icon" target="_blank" href="http://www.mozilla.org/de/firefox/new/#"> 1550 <p> 1551 <i class="fa fa-firefox" aria-hidden="true"></i> 1552 </p> 1553 <p class="browser-font-size">Mozilla Firefox</p> 1554 </a> 1555 </div> 1556 </div> 1557 1558 </div> 1559 <div class="col-md-1"></div> 1560 </div> 1561 1562 <div class="gap gap-small"></div> 1563 </div> 1564 1565 <div id="adult-modal" class="white-popup-block mfp-hide"> 1566 <div class="gap gap-small"></div> 1567 <div class="row" data-gutter="12"> 1568 <div class="col-md-12 text-center"> 1569 <p class="page-title title-pages-header title-telecharger-isbn" id="titre-popin">Contenu pour adulte</p> 1570 </div> 1571 </div> 1572 <div class="row" data-gutter="12"> 1573 <div class="col-md-1"></div> 1574 <div class="col-md-10 text-center text-telecharger-isbn"> 1575 <p>Les livres référencés dans cette catégorie sont exclusivement réservés à un public averti. Veuillez confirmer votre âge pour continuer.<br />Je certifie avoir plus de 18 ans.</p> 1576 </div> 1577 <div class="col-md-1"></div> 1578 </div> 1579 <div class="gap gap-small"></div> 1580 <div class="row" data-gutter="12"> 1581 <div class="col-md-2"></div> 1582 <div class="col-md-8 text-center"> 1583 <a onclick="ValiderGenreAdult()" class="btn btn-lg btn-success">Je Valide</a> 1584 1585 <a href="/" class="btn btn-lg btn-valider">Annuler</a> 1586 </div> 1587 <div class="col-md-2"></div> 1588 </div> 1589 <div class="gap gap-small"></div> 1590 </div> 1591 1592 1593 1594 1595 <input type="hidden" id="hidTextPriceTTC" name="hidTextPriceTTC" value="Prix TTC" /> 1596 <input type="hidden" id="hidTextPriceEcologique" name="hidTextPriceEcologique" value="Prix écologique TTC" /> 1597 <input type="hidden" id="hidTextPriceEconomique" name="hidTextPriceEconomique" value="Prix écoâ TTC" /> 1598 <input type="hidden" id="hidTextGratuit" name="hidTextGratuit" value="Gratuit" /> 1599 1600 <div id="promo-eco-modal" class="white-popup-block mfp-hide"> 1601 <div class="div-btn-fermer-isbn"> 1602 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 1603 </div> 1604 <div class="gap gap-small"></div> 1605 <div class="row" data-gutter="12"> 1606 <div class="col-md-12 text-center"> 1607 <p id="title-prix-ecologique" style="display:none;" class="page-title title-pages-header title-telecharger-isbn">Promotion écologique</p> 1608 <p id="title-prix-economique" style="display:none;" class="page-title title-pages-header title-telecharger-isbn">Promo écoâ</p> 1609 </div> 1610 </div> 1611 <div class="gap gap-small"></div> 1612 <div class="row" data-gutter="12"> 1613 <div class="col-md-1"></div> 1614 <div class="col-md-10 text-telecharger-isbn"> 1615 <p id="phrase-prix-ecologique-1" style="font-size:16px;font-weight:bold;text-align:justify;"> 1616 Notre société place le respect de lâenvironnement au cÅur de sa stratég
1616ie, nous vous proposons ainsi une réduction pour les quantités qui limitent la consommation de papier (4, 8, 12, 16, 20 et 24 exemplaires) 1617 </p> 1618 <p id="phrase-prix-economique-1" style="font-size:16px;font-weight:bold;text-align:justify;"> 1619 Nous avons organisé notre production autour de paliers de quantités qui ont été définis pour optimiser la consommation de papiers et de consommables afin dâen limiter la gâche. 1620 </p> 1621 <br /> 1622 <p id="phrase-prix-ecologique-2" style="font-size:14px;text-align:justify;"> 1623 En effet, lorsque nous imprimons votre ouvrage, ce dernier est placé plusieurs fois sur une grande feuille. Si vous commandez 3 exemplaires, alors que lâon peut en rentrer 4 sur la grande feuille, le papier sera gâché. Nous souhaitons vous faire bénéficier dâune promotion pour éviter la gâche. 1624 <br /> 1625 <br /> 1626 <span style="color:#378032;"><b>Ensemble, faisons un geste pour lâenvironnement.</b></span> 1627 </p> 1628 <p id="phrase-prix-economique-2" style="font-size:14px;text-align:justify;"> 1629 Cette organisation nous permet <b>de vous faire bénéficier de ces économies</b> sur votre tarif.<br><br>Notre société est certifiée ISO 14001 (environnement) et ImprimâVert et cette démarche sâinscrit dans notre volonté de <b>respect de lâenvironnement qui est au cÅur de notre stratégie.</b> 1630 </p> 1631 </div> 1632 <div class="col-md-1"></div> 1633 </div> 1634 <div class="gap gap-small"></div> 1635 <div class="row" data-gutter="12"> 1636 <div class="col-md-2"></div> 1637 <div class="col-md-8 text-center"> 1638 <a class="popup-modal-dismiss btn btn-lg btn-success">J´ai compris</a> 1639 </div> 1640 <div class="col-md-2"></div> 1641 </div> 1642 <div class="gap gap-small"></div> 1643 </div> 1644 1645 <div id="livraison-modal" class="white-popup-block mfp-hide"> 1646 <div class="div-btn-fermer-isbn"> 1647 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 1648 </div> 1649 <div class="gap gap-small"></div> 1650 <div class="row" data-gutter="12"> 1651 <div class="col-md-12 text-center"> 1652 <p class="page-title title-pages-header title-telecharger-isbn">Livraison à lâétranger</p> 1653 </div> 1654 </div> 1655 <div class="row" data-gutter="12"> 1656 <div class="col-md-1"></div> 1657 <div class="col-md-10 text-center"> 1658 <div style="font-size:13px;">Voici les couts et délais des livraisons que propose Coollibri à lâinternational. Le montant sera affiché lorsque vous aurez validé votre adresse dans le processus de commande.</div> 1659 </div> 1660 <div class="col-md-1"></div> 1661 </div> 1662 <div class="row" data-gutter="12" style="margin-top:20px;"> 1663 <div class="col-md-1"></div> 1664 <div class="col-md-10"> 1665 <div style="font-size:14px;"> 1666 <div id="divListCountries"></div> 1667 </div> 1668 </div> 1669 <div class="col-md-1"></div> 1670 </div> 1671 <div class="gap gap-small"></div> 1672 <div class="row" data-gutter="12"> 1673 <div class="col-md-2"></div> 1674 <div class="col-md-8 text-center"> 1675 <a class="popup-modal-dismiss btn btn-lg btn-success">Fermer</a> 1676 </div> 1677 <div class="col-md-2"></div> 1678 </div> 1679 <div class="gap gap-small"></div> 1680 </div> 1681 1682
1682<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-5VWGN62"></script>
1682 1683
1683<script type="text/javascript"> 1684 1685 window.dataLayer = window.dataLayer || []; 1686 function gtag() { dataLayer.push(arguments); } 1687 gtag('js', new Date()); 1688 gtag('config', 'GTM-5VWGN62'); 1689 1690 1691 $(document).ready(function () { 1692 if (Cookies.get('gestion_cookie') == undefined) { 1693 ShowWindowCookie(); 1694 } 1695 else { 1696 if (Cookies.get('gestion_cookie') == "open") { 1697 ShowWindowCookie(); 1698 } 1699 else { 1700 CloseWindowCookie(); 1701 } 1702 } 1703 }); 1704 1705 function ShowWindowCookie() { 1706 Cookies.set('gestion_cookie', 'open', { expires: 365 }); 1707 $("#div-cookies").hide(); 1708 $("#cookieChoiceInfo").show(); 1709 } 1710 1711 function CloseWindowCookie() { 1712 Cookies.set('gestion_cookie', 'close', { expires: 365 }); 1713 $("#cookieChoiceInfo").hide(); 1714 $("#div-cookies").show(); 1715 } 1716 1717 function OpenCookieText() { 1718 $("#div-cookie-boutons").hide(); 1719 $("#div-cookie-text").show(); 1720 } 1721 1722 function CloseCookieText() { 1723 $("#div-cookie-text").hide(); 1724 $("#div-cookie-boutons").show(); 1725 } 1726 1727 $("#chkCookies1").change(function () { 1728 updateConsent(); 1729 }); 1730 1731 $("#chkCookies2").change(function () { 1732 updateConsent(); 1733 }); 1734 1735 $("#chkCookies3").change(function () { 1736 updateConsent(); 1737 }); 1738 1739 $("#chkCookies4").change(function () { 1740 updateConsent(); 1741 }); 1742 1743 function updateConsent() { 1744 gtag('consent', 'update', { 1745 'ad_storage': $("#chkCookies1").is(':checked') ? 'granted' : 'denied', 1746 'analytics_storage': $("#chkCookies2").is(':checked') ? 'granted' : 'denied', 1747 'ad_user_data': $("#chkCookies3").is(':checked') ? 'granted' : 'denied', 1748 'ad_personalization': $("#chkCookies4").is(':checked') ? 'granted' : 'denied' 1749 }); 1750 } 1751 1752 function AccepterTous() { 1753 $("#chkCookies1").prop('checked', true); 1754 $("#chkCookies2").prop('checked', true); 1755 $("#chkCookies3").prop('checked', true); 1756 $("#chkCookies4").prop('checked', true); 1757 updateConsent(); 1758 CloseWindowCookie(); 1759 } 1760 1761 function DeclinerTous() { 1762 $("#chkCookies1").prop('checked', false); 1763 $("#chkCookies2").prop('checked', false); 1764 $("#chkCookies3").prop('checked', false); 1765 $("#chkCookies4").prop('checked', false); 1766 updateConsent(); 1767 CloseWindowCookie(); 1768 } 1769 1770 function OpenPopinNoel() { 1771 $.magnificPopup.open({ 1772 items: { 1773 src: '#livraison-noel-modal', 1774 }, 1775 type: 'inline', 1776 mainClass: 'popup-modal', 1777 modal: true, 1778 preloader: false 1779 }); 1780 } 1781 1782 function OpenPopupCadeau() { 1783 $.magnificPopup.open({ 1784 items: { 1785 src: '#cadeau-modal', 1786 }, 1787 type: 'inline', 1788 mainClass: 'popup-modal', 1789 modal: true, 1790 preloader: false 1791 }); 1792 } 1793 1794 function OpenPopupPromoEco(quantite) { 1795 1796 $("#title-prix-economique").hide(); 1797 $("#title-prix-ecologique").hide(); 1798 1799 $("#phrase-prix-ecologique-1").hide(); 1800 $("#phrase-prix-ecologique-2").hide(); 1801 1802 $("#phrase-prix-economique-1").hide(); 1803 $("#phrase-prix-economique-2").hide(); 1804 1805 if (quantite <= 24) { 1806 $("#title-prix-ecologique").show(); 1807 $("#phrase-prix-ecologique-1").show(); 1808 $("#phrase-prix-ecologique-2").show(); 1809 } 1810 else { 1811 $("#title-prix-economique").show(); 1812 $("#phrase-prix-economique-1").show(); 1813 $("#phrase-prix-economique-2").show(); 1814 } 1815 1816 $.magnificPopup.open({ 1817 items: { 1818 src: '#promo-eco-modal', 1819 }, 1820 type: 'inline', 1821 mainClass: 'popup-modal', 1822 modal: true, 1823 preloader: false 1824 }); 1825 } 1826 1827 function LoadFichierGabarit(optionId) { 1828 1829 var format = ""; 1830 var formatdesc = ""; 1831 1832 switch (optionId) { 1833 case "1": 1834 format = "110x170"; 1835 formatdesc = "11x17"; 1836 break; 1837 case "2": 1838 format = "160x240"; 1839 formatdesc = "16x24"; 1840 break; 1841 case "3": 1842 format = "210x297"; 1843 formatdesc = "A4 Portrait (21x29,7 cm)"; 1844 break; 1845 case "4": 1846 format = "148x210"; 1847 formatdesc = "A5 Portrait (14,8x21 cm)"; 1848 break; 1849 case "5": 1850 format = "210x210"; 1851 formatdesc = "21x21"; 1852 break; 1853 case "6": 1854 format = "297x210"; 1855 formatdesc = "A4 Paysage (29,7x21 cm)"; 1856 break; 1857 case "7": 1858 format = "210x148"; 1859 formatdesc = "A5 Paysage (21x14,8 cm)"; 1860 break; 1861 } 1862 1863 $("#spanFormat").html(formatdesc); 1864 $("#lk-fichierWord").attr("href", "/content/Gabarits/gabarit_word_" + format + ".doc"); 1865 $("#lk-fichierInDesign").attr("href", "/content/Gabarits/gabarit_inDesign_" + format + ".indd"); 1866 } 1867 1868 function OpenCloseCallCenter() { 1869 if ($(".div-call-center").css('display') == "none") { 1870 $(".div-call-center").show(); 1871 } 1872 else { 1873 $(".div-call-center").hide(); 1874 } 1875 } 1876 1877 </script>
1877 1878 1879 1880 1881
1882<script type="text/javascript"> 1883 dataLayer.push({ 1884'ecomm_prodid': '', 1885 'ecomm_pagetype':'other' 1886 1887} 1888); 1889</script>
1889 1890 1891 1892</body> 1893</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.