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>Devis Sur Mesure</title> 34 <meta name="description" content="N´hésitez pas à nous contacter pour un devis spécifique gratuit (quantité, pages, format et bien plus encore ...)" /> 35 36 <meta property="og:url" content="https://www.coollibri.com/devis-sur-mesure" /> 37 <meta property="og:type" content="website" /> 38 <meta property="og:title" content="Devis Sur Mesure" /> 39 <meta property="og:description" content="N´hésitez pas à nous contacter pour un devis spécifique gratuit (quantité, pages, format et bien plus encore ...)" /> 40 <meta property="og:image" content="https://www.coollibri.com/content/images/logo.png" />
vendor: 77 bytes, lines 40-43
40 41 <script src="https://www.google.com/recaptcha/api.js"></script> 42 43
43<meta charset="utf-8" content="utf-8" http-equiv="encoding"> 44 <meta name="author" content="Messages.fr"> 45 46 <link rel="apple-touch-icon" sizes="180x180" href="/content/favicon/apple-touch-icon.png"> 47 <link rel="icon" type="image/png" sizes="32x32" href="/content/favicon/favicon-32x32.png"> 48 <link rel="icon" type="image/png" sizes="16x16" href="/content/favicon/favicon-16x16.png"> 49 <link rel="manifest" href="/content/favicon/manifest.json"> 50 <link rel="mask-icon" href="/content/favicon/safari-pinned-tab.svg" color="#5bbad5"> 51 <meta name="theme-color" content="#ffffff"> 52 53 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 54 <link href='https://fonts.googleapis.com/css?family=Roboto:500,300,700,400italic,400' rel='stylesheet' type='text/css'> 55 <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600' rel='stylesheet' type='text/css'> 56 <link href='/Content/css/bootstrap/bootstrap.min.css' rel='stylesheet' type='text/css'> 57 58 <link href="/content/css/AllMyCss?v=SZhv4ZtP4gzChUHkEUeaZpU2xrlh7kT33vAv3JmBcOI1" rel="stylesheet"/> 59 60
60<script src="/bundles/jquery?v=fk_F6Qt3r-gbLvti3NKJtDRocNtFlm7WpDj8daOpRzs1"></script>
60 61 62
62<script src="/bundles/livredemande?v=1ikUR2cVxEWwZOdNxOhI0rH7P7A4t2h613KcvlG3bW01"></script>
62 63 64
64<script src="/bundles/panier?v=kMQ3RRZ02CB1wk7_EXsJOaBusrSXKcVVovoSYC3mjkg1"></script>
64 65 66 67 <!-- Google Tag Manager --> 68
68<script>
vendor: 495 bytes, lines 68-76
68 69 (function (w, d, s, l, i) { 70 w[l] = w[l] || []; w[l].push({ 71 'gtm.start': 72 new Date().getTime(), event: 'gtm.js' 73 }); var f = d.getElementsByTagName(s)[0], 74 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 75 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 76 })(window, document, 'script', 'dataLayer', '
76GTM-5VWGN62
vendor: 15 bytes, lines 76-78
76'); 77 78
78window.dataLayer = window.dataLayer || []; 79 function gtag() { dataLayer.push(arguments); } 80 81 gtag('consent', 'default', { 82 'ad_storage': 'granted', 83 'analytics_storage': 'granted', 84 'ad_user_data': 'granted', 85 'analytics_storage': 'granted', 86 'ad_personalization': 'granted' 87 }); 88 89 </script>
89 90 <!-- End Google Tag Manager --> 91
91<script src="/scripts/js.cookie.min.js"></script>
91 92 93 <!-- Hotjar Tracking Code for Coollibri FR --> 94
94<script>
vendor: 175 bytes, lines 94-97
94 95 (function (h, o, t, j, a, r) { 96 h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; 97 h._hjSettings = { hjid:
97531204
vendor: 333 bytes, lines 97-103
97, hjsv: 6 }; 98 a = o.getElementsByTagName('head')[0]; 99 r = o.createElement('script'); r.async = 1; 100 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 101 a.appendChild(r); 102 })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); 103
103</script>
103 104 105</head> 106<body> 107 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 107-109
107 108 <noscript> 109 <iframe src="https://www.googletagmanager.com/ns.html?id=
109GTM-5VWGN62
vendor: 94 bytes, lines 109-111
109" height="0" width="0" style="display:none;visibility:hidden"></iframe> 110 </noscript> 111
111<!-- End Google Tag Manager (noscript) --> 112 113 114 115 <div id="div-cookies" style="display:none;" onclick="ShowWindowCookie()"> 116 <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> 117 </div> 118 119 <div id="cookieChoiceInfo" style="display:none;"> 120 <img src="/Content/images/cookies.png"> 121 <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> 122 <div id="cookie-title"> 123 Gestion des cookies 124 </div> 125 <div id="div-cookie-boutons"> 126 <div class="cookie-accept"> 127 En acceptant nos cookies, vous optimisez votre expérience sur notre site. 128 </div> 129 <button id="button-accept" class="my-custom-btn green" opacity="1.0" onclick="AccepterTous()">Accepter les cookies</button> 130 <button class="my-custom-btn gray" opacity="1.0" onclick="OpenCookieText()">Paramètres des cookies</button> 131 <div onclick="DeclinerTous()" id="no-cookies">Continuer sans accepter</div> 132 </div> 133 <div id="div-cookie-text" style="display:none;"> 134 <div class="cookie-accept"> 135 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. 136 </div> 137 <div class="cookier-title-parameter" onclick="CloseWindowCookie()">Enregistrer mes choix</div> 138 <div id="choice-cookie"> 139 <table class="table-cookie"> 140 <tr> 141 <td> 142 <div class="cursor" style="text-align: left; padding-left: 10px;"> 143 <span> 144 <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> 145 </span> 146 Stockage publicité 147 </div> 148 <div class="explanation">Permet le stockage (comme les cookies) lié à la publicité.</div> 149 </td> 150 <td valign="middle"> 151 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies1" name="chkCookies1" /></div> 152 </td> 153 </tr> 154 <tr> 155 <td> 156 <div class="cursor" style="text-align: left; padding-left: 10px;">
157 <span> 158 <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> 159 </span> 160 Stockage analyse 161 </div> 162 <div class="explanation">Permet le stockage (comme les cookies) lié à l`analyse (par exemple, la durée des visites)..</div> 163 </td> 164 <td valign="middle"> 165 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies2" name="chkCookies2" /></div> 166 </td> 167 </tr> 168 <tr> 169 <td> 170 <div class="cursor" style="text-align: left; padding-left: 10px;"> 171 <span> 172 <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> 173 </span> 174 Publicité Google 175 </div> 176 <div class="explanation">Définit le consentement pour envoyer à Google des données utilisateur liées à la publicité..</div> 177 </td> 178 <td valign="middle"> 179 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies3" name="chkCookies3" /></div> 180 </td> 181 </tr> 182 <tr> 183 <td> 184 <div class="cursor" style="text-align: left; padding-left: 10px;"> 185 <span> 186 <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> 187 </span> 188 Publicité personnalisée 189 </div> 190 <div class="explanation">Définit le consentement pour la publicité personnalisée..</div> 191 </td> 192 <td valign="middle"> 193 <div class="chk-cokkie-hm"><input type="checkbox" id="chkCookies4" name="chkCookies4" /></div> 194 </td> 195 </tr> 196 </table> 197 </div> 198 199 <button class="my-custom-btn gray" opacity="1.0" onclick="CloseCookieText()">Retour</button> 200 <button class="popup-modal-dismiss my-custom-btn green" opacity="1.0" onclick="AccepterTous()">Tout Accepter</button> 201 </div> 202 </div> 203
204 <input type="hidden" id="hid-info-active" value="0" /> 205 <div id="loading-modal" class="mfp-hide popup-transparent"> 206 <div class="loading"> 207 <div class="spinner"></div> 208 <div id="loading-text" style="display:none;" class="spinner-text"></div> 209 </div> 210 </div> 211 212 <div id="loading-modal-product" class="white-popup-block mfp-hide popup-transparent"> 213 <div class="loading"> 214 <div class="spinner-product"></div> 215 </div> 216 </div> 217 218 <div id="video-modal" class="white-popup-block mfp-hide" style="max-width:900px !important;"> 219 <div class="div-btn-fermer-isbn"> 220 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 221 </div> 222 <div class="row" data-gutter="12"> 223 <div class="col-md-12 text-center"> 224 <iframe style="width:100%;" height="630" src="https://www.youtube.com/embed/gBovpD-GYgQ" frameborder="0" allowfullscreen></iframe> 225 </div> 226 </div> 227 </div> 228 229 <div class="global-wrapper clearfix" id="global-wrapper"> 230 231 232 233 234<div class="navbar-before mobile-hidden"> 235 <div class="container" style="padding-left:0 !important;padding-right:0 !important;"> 236 <div class="row"> 237 <div class="col-md-12"> 238 <div style="float: left; font-size: 12px; padding-left: 0 !important; padding-right: 0 !important;margin-top:2px;"> 239 <div style="float:left;"> 240 <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> 241 </div> 242 <div style="float: left; margin: 2px 0 0 5px;"> 243 <span style="cursor: pointer; color: white;" onmouseover="OpenCloseCallCenter()" onmouseout="OpenCloseCallCenter()">Horaires préférentiels</span> 244 <div class="div-call-center"> 245 <div class="div-hour-call" style="color:#3a3939;font-size:12px;font-weight:bold;margin-bottom:10px;">Affluence des appels</div> 246 <img src="/content/images/Affluence.png" /> 247 <div style="color:#3a3939;font-size:10px;margin-top:11px;"> 248 Nous vous conseillons de nous contacter sur les périodes dâaffluence faible ou bien directement par mail. 249 </div> 250 </div> 251 </div> 252 <div class="avis-header"> 253 <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> 254 <a href="/avis-opinion-coollibri" class="avis-header-total">27â¯227 avis vérifiés</a> 255 </div> 256 </div> 257 <div style="float:right;padding-left:0 !important;padding-right:0 !important;padding-top:2px;"> 258 <ul class="nav navbar-nav navbar-right navbar-right-no-mar"> 259 <li><a href="/devis-sur-mesure">Sur Mesure |</a></li> 260 <li><a href="/coollibri-pro">Accès PRO |</a></li> 261 262<li><a href="/MonCompte"><i class="fa fa-user"></i> Mon compte</a></li> 263 </ul> 264 </div> 265 </div> 266 </div> 267 </div> 268</div> 269 270 271 272
273<script type="text/javascript"> 274 275 $(function () { 276 $('#telephone-inscription').mask('#'); 277 }); 278 279 function Inscription() 280 { 281 var password = document.getElementById("password-inscription") 282 var passwordConfirm = document.getElementById("re-password-inscription"); 283 284 if (password.value == passwordConfirm.value) { 285 286 if ($("#email-inscription").val() != "" && 287 $("#password-inscription").val() != "" && 288 $("#prenom-inscription").val() != "" && 289 $("#nom-inscription").val() != "" && 290 $("#re-password-inscription").val() != "") { 291 $.ajax({ 292 url: "/MonCompte/Inscription?returnUrl=", 293 type: "post", 294 dataType: "json", 295 data: $('#formInscription').serialize(), 296 beforeSend: function (XMLHttpRequest) { 297 $("#btnSubmit").prop('disabled', true); 298 }, 299 error: function (XMLHttpRequest, textStatus, errorThrown) { 300 $("#btnSubmit").prop('disabled', false); 301 alert(errorThrown); 302 }, 303 success: function (data, textStatus, XMLHttpRequest) { 304 305 if (data.Status == 0) { 306 $("#btnSubmit").prop('disabled', false); 307 $("#msg-login-inscription").html(data.Msg); 308 } 309 else if (data.Status == 1) { 310 311 if (window.fbq) { 312 fbq('track', "CompleteRegistration"); 313 } 314 315 sendinblue.identify(data.Email, { 316 'FIRSTNAME': data.FirstName, 317 'LASTNAME': data.LastName, 318 'id': data.UserId 319 }); 320 321 if ($("#hidReturnUrl").val() != "/imprimer-un-livre") 322 location.href = $("#hidReturnUrl").val(); 323 else 324 PostPageProduit(true); 325 326 327 328 //document.location.href = "/MonCompte/MesProjets?Inscription=true"; 329 } 330 } 331 }); 332 } 333 } 334 335 return false; 336 } 337 338 function check(input) { 339 if (input.value != document.getElementById('password-inscription').value) { 340 input.setCustomValidity('Les deux mots de passe doivent correspondre.'); 341 } else { 342 input.setCustomValidity(''); 343 } 344 } 345 346</script>
346 347 348 349<div class="mfp-with-anim mfp-hide mfp-dialog clearfix" id="nav-account-dialog"> 350 <div class="div-btn-fermer-isbn"> 351 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 352 </div> 353 <p class="widget-title">Je crée mon compte</p> 354 <p>Vous devez créer un compte pour pouvoir passer commande.</p> 355 <hr /> 356 <form id="formInscription" onSubmit="return Inscription()"> 357 <div class="row"> 358 <div class="col-md-6"> 359 <div class="form-group"> 360 <label>Nom</label> 361 <input class="form-control" type="text" name="nom-inscription" id="nom-inscription" required autofocus /> 362 </div> 363 </div> 364 <div class="col-md-6"> 365 <div class="form-group"> 366 <label>Prénom</label> 367 <input class="form-control" type="text" name="prenom-inscription" id="prenom-inscription" required autofocus /> 368 </div> 369 </div> 370 </div> 371 <div class="form-group"> 372 <label>E-mail</label> 373 <input class="form-control" type="email" name="email-inscription" id="email-inscription" required autofocus /> 374 </div> 375 <div class="form-group"> 376 <label>Téléphone</label> 377 <input class="form-control" type="text" name="telephone-inscription" id="telephone-inscription" required autofocus /> 378 </div> 379 <div class="row"> 380 <div class="col-md-6"> 381 <div class="form-group"> 382 <label>Mot de passe</label> 383 <input class="form-control" type="password" name="password-inscription" id="password-inscription" required autofocus /> 384 </div> 385 </div> 386 <div class="col-md-6"> 387 <div class="form-group"> 388 <label>Confirmer votre mot de passe</label> 389 <input class="form-control" type="password" oninput="check(this)" id="re-password-inscription" required autofocus /> 390 </div> 391 </div> 392 </div> 393 <div class="checkbox" style="margin-top:10px;"> 394 <label> 395 <input class="i-check" type="checkbox" name="check-email" id="check-email" autofocus /> 396 <span style="font-size:13px;color: #333;">Jâaccepte de recevoir occasionnellement les mails promotionnels</span> 397 </label> 398 </div> 399 <div class="checkbox checkbox-inscription" style="margin-top:10px;"> 400 <label> 401 <input class="i-check" type="checkbox" required autofocus /> 402 <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> 403 <a style="font-size:13px;" target="_blank" rel="nofollow" href="/politique-de-confidentialite">politique de confidentialité</a> 404 </label> 405 </div> 406 <div id="msg-login-inscription" class="div-msg-login"></div> 407 <input style="margin-top:10px;" class="btn-inscription-popup" type="submit" id="btnSubmit" value="Je Valide" /> 408 </form> 409</div> 410 411 412 413 414
415<script type="text/javascript"> 416 417 function MotPasseOublie() { 418 if ($("#email-motpasseoublie").val() != "") { 419 $.ajax({ 420 url: "/MonCompte/MotPasseOublie?Email=" + $("#email-motpasseoublie").val(), 421 type: "post", 422 dataType: "json", 423 beforeSend: function (XMLHttpRequest) { 424 $("#email-motpasseoublie").val(""); 425 }, 426 error: function (XMLHttpRequest, textStatus, errorThrown) { 427 alert(errorThrown); 428 }, 429 success: function (data, textStatus, XMLHttpRequest) { 430 431 if (!data.HasError) { 432 $("#email-motpasseoublie").val(""); 433 } 434 435 $("#msg-mot-oublie").html(data.msg); 436 } 437 }); 438 } 439 440 return false; 441 } 442 443</script>
443 444 445<div class="mfp-with-anim mfp-hide mfp-dialog clearfix" id="nav-pwd-dialog"> 446 <div class="div-btn-fermer-isbn"> 447 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 448 </div> 449 <p class="widget-title">Mot de passe oublié</p> 450 <p>Indiquez-nous votre adresse mail afin que nous puissions vous renvoyer vos identifiants.</p> 451 <hr /> 452 <form id="formMotPasseOublie" onSubmit="return MotPasseOublie()"> 453 <div class="form-group"> 454 <label>Mon adresse email</label> 455 <input class="form-control" type="email" name="email-motpasseoublie" id="email-motpasseoublie" required autofocus /> 456 </div> 457 <input class="btn btn-primary" type="submit" value="Je Valide" /> 458 <div class="gap gap-small"></div> 459 <div id="msg-mot-oublie" class="font-orange"></div> 460 <div class="gap gap-small"></div> 461 </form> 462</div> 463 464 465
466<script type="text/javascript"> 467 468 function SearchRedirect() { 469 if ($("#txt-search").val() != "") { 470 window.location.href = "https://www.coollibri.com/bibliotheque-en-ligne?Search=" + $("#txt-search").val(); 471 } 472 } 473 474 function SearchRedirectMobile() { 475 if ($("#txt-search-2").val() != "") { 476 window.location.href = "https://www.coollibri.com/bibliotheque-en-ligne?Search=" + $("#txt-search-2").val(); 477 } 478 } 479 480 $(document).ready(function () { 481 $("#txt-search").keyup(function (event) { 482 if (event.keyCode == 13) { 483 SearchRedirect(); 484 } 485 }); 486 $("#txt-search-2").keyup(function (event) { 487 if (event.keyCode == 13) { 488 SearchRedirectMobile(); 489 } 490 }); 491 }); 492 493</script>
493 494 495<!-- Load Facebook SDK for JavaScript --> 496<div id="fb-root"></div>
497<script> 498(function(d, s, id) { 499 var js, fjs = d.getElementsByTagName(s)[0]; 500 if (d.getElementById(id)) return; 501 js = d.createElement(s); js.id = id; 502 js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.8"; 503 fjs.parentNode.insertBefore(js, fjs); 504}(document, 'script', 'facebook-jssdk'));</script>
504 505 506 507 <nav class="navbar-inverse navbar-main yamm"> 508 <div class="container" style="padding-left:0 !important;padding-right:0 !important;"> 509 <div class="row"> 510 <div class="col-md-12 nav-header"> 511 512 <div class="navbar-header"> 513 514 <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#main-nav-collapse" area_expanded="false" style="z-index:999999;"> 515 <span class="sr-only"> </span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 516 </button> 517 <div class="navbar-brand"> 518 <a href="/Infos/qui-sommes-nous" style="float:left;"> 519 <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" /> 520 </a> 521 <a href="/"> 522 <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" /> 523 </a> 524 525 526 <a href="tel:05 31 61 60 42"> 527 <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> 528 </a> 529 530 </div> 531 </div> 532 533 <div class="gap gap-small-10"></div> 534 535 <div class="collapse navbar-collapse navbar-collapse-no-pad" id="main-nav-collapse"> 536 <ul class="nav navbar-nav navbar-right navbar-right-no-mar navbar-nav-lg"> 537 <li class="dropdown yamm-fw" style="background-color:#b7d433;"> 538 <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> 539 <ul class="dropdown-menu dropdown-menu-products"> 540 <li class="yamm-content col-menu-no-pad"> 541 <div class="row row-eq-height"> 542 <div class="col-md-4"> 543 <div class="title-menu-product"> 544 <div class="title-menu-product-rectangle"></div>Jâimprime mon livre 545 </div> 546 <ul class="dropdown-menu-items-list" style="margin:10px 0 0 68px;"> 547 <li> 548 <a href="/publier-son-roman">Romans</a> 549 </li> 550 <li> 551 <a href="/imprimer-magazine-brochure">Magazines et Brochures</a> 552 </li> 553 <li> 554 <a href="/imprimer-bande-dessinee">Bandes Dessinées</a> 555 </li> 556 <li> 557 <a href="/reliure-spirale">Livre à Spirale et Thèse</a> 558 </li> 559 <li> 560 <a href="/impression-livre-de-poc
560he">Livre de Poche</a> 561 </li> 562 </ul> 563 </div> 564 <div class="col-md-4"> 565 <div class="hidden-xs hidden-sm line-menu-product"></div> 566 567 <div class="title-menu-product"> 568 <div class="title-menu-product-rectangle"></div>Autres produits 569 </div> 570 <ul class="dropdown-menu-items-list" style="margin:10px 0 0 68px;"> 571 <li> 572 <a href="/imprimer-livre-photos">Livres Photos</a> 573 </li> 574 <li> 575 <a href="/impression-manga">Manga</a> 576 </li> 577 <li> 578 <a href="/creation-impression-marque-page-livre"> 579 Marque-page 580 </a> 581 </li> 582 <li> 583 <a href="/Infos/eBooks">E-Book</a> 584 </li> 585 <li> </li> 586 </ul> 587 </div> 588 <div class="col-md-4 col-menu-no-pad hidden-xs hidden-sm"> 589 <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> 590 </div> 591 </div> 592 593 </li> 594 </ul> 595 </li> 596 597 598 599 <li class="dropdown yamm-fw"> 600 <a href="/bibliotheque-en-ligne"><font class="menu-top-caps ">BIBLIOTHÃQUE</font></a> 601 </li> 602 603 <li class="dropdown yamm-fw"> 604 <a href="#"><font class="menu-top-caps ">MES SERVICES</font><i class="drop-caret" data-toggle="dropdown"></i></a> 605 <ul class="dropdown-menu"> 606 <li class="yamm-content col-menu-no-pad"> 607 <div class="row row-eq-height row-col-border"> 608 <div class="col-md-6 col-menu-no-pad"> 609 <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" /> 610 </div> 611 <div class="col-md-3 col-menu-pad"> 612 <p style="margin-top:5px;"><a href="/conseils" style="color:#333;"><b>TOUT SUR LâAUTO-ÃDITION</b></a></p> 613 <p style="margin-top:25px;"><a href="/conseils#Creation"><b>LA CRÃATION DU LIVRE</b></a></p> 614 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 615 <li> 616 <a href="/conseils#MisePage">Saisie et mise en page</a> 617 </li> 618 <li> 619 <a href="/conseils#Corrections">Corrections</a> 620 </li> 621 </ul> 622 <p style="margin-top:25px;"><a href="/conseils#Fabrication"><b>LA FABRICATION DU LIVRE</b></a></p> 623 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 624 <li> 625 <a href="/conseils#LesFormats">Les formats</a> 626 </li> 627 <li> 628 <a href="/conseils#LaReliure">La reliure</a> 629 </li> 630 <li> 631 <a href="/conseils#LesPapiers">Les papiers</a> 632 </li> 633 </ul> 634 <p style="margin-top:25px;"><a href="/conseils#Difusion"><b>LA DIFFUSION</b></a></p> 635 <ul class="dropdown-menu-items-list dropdown-menu-items-list-custom"> 636 <li> 637 <a href="/conseils#ISBN">ISBN</a> 638 </li> 639 <li> 640 <a href="/conseils#DepotLegal">Dépôt légal</a> 641 </li> 642 </ul> 643 <p style="margin-top:25px;"><a href="/Infos/eBooks"><b>LIVRES EBOOK</b></a></p> 644 </div> 645 <div class="col-md-3 col-menu-pad"> 646 647 <p style="margin-top:5px;"><b>BESOIN DâAIDE</b></p> 648 <p style="margin-top:20px;"> 649 <a href="/faq"><b>FOIRE AUX QUESTIONS (FAQ)</b></a> 650 <br /> 651 <a href="/Infos/AideEnLigne"><b>AIDE EN LIGNE</b></a> 652 653 <br /><a href="#" onclick="OpenVideo()"><b>VOIR LA VIDÃO DâAIDE COOLLIBRI</b></a> 654 <br /><br /> 655 <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> 656 </p> 657 658 <p style="margin-top:35px;"><b>AUTRES SERVICES</b></p> 659 660 <p style="margin-top:20px;"> 661 <a href="/publier-livre-en-l
661igne"> 662 <b>PUBLIER MON LIVRE EN LIGNE</b> 663 </a> 664 <br /> 665 <a href="/avantages-impression-livre"> 666 <b>MES AVANTAGES</b> 667 </a> 668 </p> 669 670 </div> 671 </div> 672 </li> 673 </ul> 674 </li> 675 676 677 678 <li class="dropdown yamm-fw hidden-md hidden-lg"> 679 <a href="/MonCompte"><font class="menu-top-caps "><i class="fa fa-user"></i> MON COMPTE</font></a> 680 </li> 681 682 <li class="dropdown yamm-fw"> 683 <a href="/MonCompte/MesProjets"><font class="menu-top-caps ">MES PROJETS (0)</font></a> 684 </li> 685 686 <li class="dropdown" id="TopShoppingCart"> 687 688 689 <a rel="nofollow" href="/Panier" class="font-cart-shop" style="padding:15px 20px !important;"> 690 <i class="fa fa-shopping-cart" style="margin-left:-12px;"></i> 691 <div class="div-nr-cart">0</div> 692 <font class="menu-top-caps hidden-md hidden-lg"> MON PANIER</font> 693 </a> 694 695 <ul class="dropdown-menu dropdown-menu-shipping-cart"> 696 697 698 <li class="text-center" style="width:100%;font-size:16px;color:#8e5ba6;">Panier vide</li> 699 </ul> 700 </li> 701 702 <li class="dropdown hidden-xs hidden-sm"> 703 <a class="font-cart-shop" style="padding:15px 8px !important;" href="/MonCompte"> 704 <i class="fa fa-user"></i> 705 </a> 706 </li> 707 708 709 </ul> 710 </div> 711 712 </div> 713 </div> 714 715 </div> 716 </nav> 717 718 719 720 721 722
723<script type="text/javascript"> 724 725 $(function () { 726 727 $.urlParam = function (name) { 728 var results = new RegExp('[\?&]' + name + '=([^&#]*)') 729 .exec(window.location.search); 730 731 return (results !== null) ? results[1] || 0 : false; 732 } 733 734 if ($.urlParam('msg') == "ok") { 735 $.magnificPopup.open({ 736 items: { 737 src: '#msgok-modal', 738 }, 739 type: 'inline', 740 mainClass: 'popup-modal', 741 modal: true, 742 preloader: false 743 }); 744 } 745 746 }); 747 748</script>
748 749 750<div id="msgok-modal" class="white-popup-block mfp-hide"> 751 <div class="div-btn-fermer-isbn"> 752 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 753 </div> 754 755 <div class="gap gap-small"></div> 756 757 <div class="row" data-gutter="12"> 758 <div class="col-md-12 text-center"> 759 <h5 class="page-title title-pages-header title-telecharger-isbn">Sur Mesure</h5> 760 </div> 761 </div> 762 763 <div class="row" data-gutter="12"> 764 <div class="col-md-1"></div> 765 <div class="col-md-10 text-center text-telecharger-isbn"> 766 <p> 767 Nous vous remercions pour cette demande,<br />nous étudions la faisabilité et reviendrons vers vous au plus vite. 768 </p> 769 </div> 770 <div class="col-md-1"></div> 771 </div> 772 <div class="gap gap-small"></div> 773 <div class="row" data-gutter="12"> 774 <div class="col-md-2"></div> 775 <div class="col-md-8 text-center"> 776 <a href="/" class="btn btn-lg btn-success">Ok</a> 777 </div> 778 <div class="col-md-2"></div> 779 </div> 780 <div class="gap gap-small"></div> 781 782</div> 783 784<div class="container"> 785 <ol class="breadcrumb page-breadcrumb" style="padding:20px 0 20px 0;"> 786 <li> 787 <a href="/">Accueil</a> 788 </li> 789 <li class="active" id="bread-desc">Sur Mesure</li> 790 </ol> 791 792 <a id="AnchorReliure" name="AnchorReliure"></a> 793 794 795 <form id="form-devis" method="post"> 796 797 <input type="hidden" id="nextstep" name="nextstep" value="false" /> 798 799 <input name="__RequestVerificationToken" type="hidden" value="TubtC_VBPgKbOLNUn2klBzA-R347KsCjlIEzJp1PASnYIpoJ4YbkVOqRWotglK2JQIRpittiqBfShwBb54RZ9yp-y2Er7OWH6bKNH3vpOvw1" /> 800 801 <div class="row"> 802 803 <div class="col-md-8 col-md-offset-2"> 804 805 <div class="row"> 806 <div class="col-md-12 text-center"> 807 <h1 style="color: #f16459; font-size: 28px; text-transform: uppercase; font-weight: 500; ">Devis Sur Mesure</h1> 808 <p style="font-size: 19px; font-weight: 100;"> 809 N´hésitez pas à nous contacter pour un devis spécifique gratuit<br>(quantité, pages, format et bien plus encore ...) 810 </p> 811 </div> 812 </div> 813 814 <div class="row"> 815 <div class="col-md-12 back-infos"> 816 <div class="row"> 817 <div class="col-md-12" style="color: gray;padding:0 30px;"> 818 Nous ne pourrons pas appliquer la même grille tarifaire pour les commandes sur mesure car elles ne sont pas traitées de manières automatiques. 819 <br /><br /> 820 <a style="color: gray; " href="/imprimer-un-livre"> 821 <b><i class="fa fa-caret-left" aria-hidden="true"></i> Revenir au devis classique</b> 822 </a> 823 </div> 824 </div> 825 </div> 826 </div> 827 828 <div class="gap gap-small"></div> 829 830 <div class="row"> 831 <div class="col-md-12" style="font-weight: 400;"> 832 <label class="label-check check-click" style="cursor:pointer;margin-left:15px;font-size:16px;"> 833 <input class="i-check check-click" style="width:20px;height:20px;" value="1" type="checkbox" checked name="Imprimer" id="Imprimer" onclick="OpenDevisSurMesure()" /> Je souhaite imprimer mon livre 834 </label> 835 </div> 836 </div> 837 838 <div class="gap gap-small"></div> 839 840 <div id="div-options-sur-mesure"> 841 842 <div class="row"> 843 <div class="col-md-11"> 844 <div class="devis-title-item"> 845 Mes Options sur Mesure 846 </div> 847 </div> 848 </div> 849 850 <div class="gap gap-small"></div> 851 852 <div class="row"> 853 <div class="col-md-4 col-xs-12 devis-div-outside"> 854 <div class="devis-div-inside"> 855 <div> 856 Type de reliure * 857 </div> 858 </div> 859 </div>
860 <div class="col-md-7 col-sm-10"> 861 <select class="product-page-option-select big-size select-product" style="width:100%;" name="ArticleId" id="ArticleId" onchange="GetOptionsArticle()"> 862 <option selected value="1">Dos Carré Collé</option> 863 <option value="2">Rembordé</option> 864 <option value="3">Spirale</option> 865 <option value="4">Agrafé</option> 866 </select> 867 </div> 868 <div class="col-md-1 col-xs-1 text-center"> 869 <a class="lkb-pointer-ficher" onclick="LoadInfo('ArticleId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 870 </div> 871 </div> 872 873 <div class="row" id="div-info-ArticleId" style="display:none;"> 874 <div class="col-md-12 back-infos"> 875 <div class="row"> 876 <div class="col-md-4 text-center"> 877 <img class="info-produit" id="img-article-desc-1" title="Imprimer son roman en ligne" alt="Imprimer son roman en ligne" src="/content/images/produit/imprimer-son-roman-en-ligne.png" /> 878 </div> 879 <div class="col-md-8"> 880 <span id="HelpTextArticle1"><b>Le Dos Carré Collé est la reliure la plus utilisée pour les romans.</b><br />En choisissant ce type de reliure, vous aurez un vrai livre identique à ceux que vous trouvez en librairie. La couverture du livre est souple pour une grande maniabilité de lâouvrage (papier 300g couché). Câest la reliure la plus utilisée, car elle a un excellent rapport qualité/prix. Lâimpression de la couverture est en recto seul, lâimpression de lâintérieur est en recto/verso.</span> 881 </div> 882 </div> 883 <div class="row" style="margin-top:15px;"> 884 <div class="col-md-4 text-center"> 885 <img class="info-produit" id="img-article-desc-2" title="Imprimer sa BD" alt="Imprimer sa BD" src="/content/images/produit/imprimer-sa-bd.png" /> 886 </div> 887 <div class="col-md-8"> 888 <span id="HelpTextArticle2"><b>Le Dos Carré Rembordé est une reliure utilisée pour les bandes dessinées par exemple.</b><br>En choisissant ce type de reliure chez Coollibri, vous aurez une couverture rigide (cartonnée) haut de gamme dans un style ressemblant aux beaux livres que vous trouvez en librairie.<br>Lâimpression de la couverture est en recto seul, lâimpression de lâintérieur est recto verso.</span> 889 </div> 890 </div> 891 <div class="row" style="margin-top:15px;"> 892 <div class="col-md-4 text-center"> 893 <img class="info-produit" id="img-article-desc-3" title="Livre reliure spirale" alt="Livre reliure spirale" src="/content/images/produit/livre-reluire-spirale.png" /> 894 </div> 895 <div class="col-md-8"> 896 <span id="HelpTextArticle3"><b>La spirale est une reliure utilisée pour tous types de documents.</b><br />En choisissant ce type de reliure, vous aurez une spirale blanche. La couverture du livre est souple. Lâimpression de la couverture est en recto, papier 300g couché, lâimpression de lâintérieur est en recto/verso.</span> 897 </div> 898 </div> 899 <div class="row" style="margin-top:15px;"> 900 <div class="col-md-4 text-center"> 901 <img class="info-produit" id="img-article-desc-4" title="Imprimer magazine brochure" alt="Imprimer magazine brochure" src="/content/images/produit/imprimer-magazine-brochure.png" /> 902 </div> 903 <div class="col-md-8">
904 <span id="HelpTextArticle4"><b>Lâagrafé ou le piqué à cheval (PAC) est une reliure utilisée pour les magazines.</b><br />En choisissant ce type de reliure, vous aurez un rendu identique aux magazines que vous achetez en kiosque. La couverture du livre est souple. Lâimpression de la couverture est en recto/verso papier 300g couché, lâimpression de lâintérieur est en recto/verso.</span> 905 </div> 906 </div> 907 </div> 908 </div> 909 910 <div class="row" style="margin-top: 15px;"> 911 <div class="col-md-4 col-xs-12 devis-div-outside"> 912 <div class="devis-div-inside"> 913 <div> 914 Format * 915 </div> 916 </div> 917 </div> 918 <div class="col-md-7 col-sm-10"> 919 920 <select class="product-page-option-select big-size select-product" style="width:100%;" name="FormatId" id="FormatId" onchange="OpenDescriptionItem('FormatId')"> 921 <option value="1">11x17</option> 922 <option value="2">16x24</option> 923 <option value="4">A5 Portrait (14,8x21 cm)</option> 924 <option value="7">A5 Paysage (21x14,8 cm)</option> 925 <option value="3">A4 Portrait (21x29,7 cm)</option> 926 <option value="5">21x21</option> 927 <option value="0">Autre</option> 928 </select> 929 930 <div class="devis-desc-div" style="display:none;" id="Description-FormatId"> 931 <span class="devis-desc-div-title">Quel type de format souhaitez-vous ? </span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 932 <textarea name="text-Description-FormatId" id="text-Description-FormatId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 933 </div> 934 935 </div> 936 <div class="col-md-1 col-xs-1 text-center"> 937 <a class="lkb-pointer-ficher" onclick="LoadInfo('FormatId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 938 </div> 939 </div> 940 941 <div class="row" id="div-info-FormatId" style="display:none;"> 942 <div class="col-md-12 back-infos"> 943 <div class="row"> 944 <div class="col-md-12" id="InfosFormat"> 945 <div style="margin:5px 0;"><b>11 x 17 CM</b><br />Ce format est adapté pour un livre de poche.</div> 946 <div style="margin:5px 0;"><b>16 x 24 CM</b><br />Ce format est adapté au roman.</div> 947 <div style="margin:5px 0;"><b>A5 PORTRAIT 14,8 x 21 CM</b><br />Ce format est souvent utilisé pour un roman, ou pour un guide de poche.</div> 948 <div style="margin:5px 0;"><b>A5 PAYSAGE 21 x 14,8 CM</b><br />Ce format atypique est souvent utilisé pour livre photo.</div> 949 <div style="margin:5px 0;"><b>A4 PORTRAIT 21 x 29,7 CM</b><br />Ce format est utilisé pour un magazine, ou pour un beau livre.</div> 950 <div style="margin:5px 0;"><b>21 x 21 CM</b><br />Ce format est souvent utilisé pour un livre photo. (Artistique, illustration ...)</div> 951 <div style="margin:5px 0;"></div> 952 </div> 953 </div> 954 </div> 955 </div> 956 957 <div class="row" style="margin-top: 15px;"> 958 <div class="col-md-4 col-xs-12 devis-div-outside"> 959 <div class="devis-div-inside"> 960 <div> 961 Nombre de page intérieur * 962 </div> 963 </div> 964 </div> 965 <div class="col-md-8"> 966 <div class="product-page-qty-item" style="width:130px !important;float:left;"> 967 <button class="product-page-qty product-page-qty-minus-devis" type="button" data-id="total">-</button> 968 <input class="product-page-qty product-page-qty-input" type="text" tabindex="5" id="txt_quantity_pages" maxlength="5" value="60" name="txt_quantity_pages" onchange="VerifyMinimumTotalPages(true)" data-id="total" /> 969 <button class="product-page-qty product-page-qty-plus-devis" type="button" data-id="total">+</button> 970 </div> 971 <a class="lkb-pointer-ficher" onclick="LoadInfo('QuantitePagesId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px; margin-left: 30px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 972 </div> 973 </div> 974 975 <div class="row" id="div-info-QuantitePagesId" style="display:none;"> 976 <div class="col-md-12 back-infos"> 977 <div class="row" data-gutter="12"> 978 <div class="col-md-12"> 979 Nombre de pages total intérieur de votre livre (hors couverture).<br />
980 <span style="color:red;"> 981 Le nombre de pages pour ce produit est compris entre <b><span id="id-min-page">0</span></b> et <b><span id="id-max-page">0</span></b> pages<span id="span-pac-multiple" style="display:none;"> et doit être un multiple de <span style="color:red;"><b>4</b></span> pages</span>. 982 </span> 983 <span id="span-separer-livres" style="display:none;"> 984 <br /> 985 Dans un souci de qualité optimale de la reliure, si votre ouvrage à plus de pages que ce que nous permettons, nous vous conseillons de le séparer en plusieurs livres, ou de changer de type de papier. 986 </span> 987 </div> 988 </div> 989 </div> 990 </div> 991 992 <div class="row" style="margin-top: 15px;"> 993 <div class="col-md-4 col-xs-12 devis-div-outside"> 994 <div class="devis-div-inside"> 995 <div> 996 Impression intérieur * 997 </div> 998 </div> 999 </div> 1000 <div class="col-md-7 col-sm-10"> 1001 <select class="product-page-option-select big-size select-product" style="width:100%;" name="ImpressionInterieurId" id="ImpressionInterieurId"> 1002 <option selected value="Couleur">Couleur</option> 1003 <option value="Noir et blanc">Noir et blanc</option> 1004 </select> 1005 </div> 1006 <div class="col-md-1 col-xs-1 text-center"> 1007 <a class="lkb-pointer-ficher" onclick="LoadInfo('ImpressionInterieurId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1008 </div> 1009 </div> 1010 1011 <div class="row" id="div-info-ImpressionInterieurId" style="display:none;"> 1012 <div class="col-md-12 back-infos"> 1013 <div class="row" data-gutter="12"> 1014 <div class="col-md-12"> 1015 <b>Couleur :</b><br>Lâintérieur de votre livre sera imprimé en couleur.<br><b>Noir et blanc :</b><br>Lâintérieur de votre livre sera imprimé en noir et blanc. Cette option est à privilégier si vous avez des photos/images/graphiques dans votre ouvrage.<br><b>Noir et blanc (Texte uniquement) :</b><br>Lâintérieur sera imprimé en noir et blanc. Option à choisir lorsque votre fichier ne contient que du texte (pas de photos/images/graphiques).<br><br><b><u>La couverture sera toujours imprimée en couleur</u></b> 1016 </div> 1017 </div> 1018 </div> 1019 </div> 1020 1021 <div class="row" style="margin-top: 15px;"> 1022 <div class="col-md-4 col-xs-12 devis-div-outside"> 1023 <div class="devis-div-inside"> 1024 <div> 1025 Papier Intérieur * 1026 </div> 1027 </div> 1028 </div> 1029 <div class="col-md-7 col-sm-10"> 1030 <select class="product-page-option-select big-size select-product" style="width:100%;" name="PapierId" id="PapierId" onchange="OpenDescriptionItem('PapierId')"> 1031 <option value="9">Standard 90g blanc</option> 1032 <option value="10">Bouffant 80g blanc</option> 1033 <option value="11">Bouffant 80g crème</option> 1034 <option value="12">Couché satin 115g blanc</option>
1035 <option value="0">Autre</option> 1036 </select> 1037 1038 <div class="devis-desc-div" style="display:none;" id="Description-PapierId"> 1039 <span class="devis-desc-div-title">Quel type de papier souhaitez-vous ? </span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 1040 <textarea name="text-Description-PapierId" id="text-Description-PapierId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 1041 </div> 1042 1043 </div> 1044 <div class="col-md-1 col-xs-1 text-center"> 1045 <a class="lkb-pointer-ficher" onclick="LoadInfo('PapierId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1046 </div> 1047 </div> 1048 1049 <div class="row" id="div-info-PapierId" style="display:none;"> 1050 <div class="col-md-12 back-infos"> 1051 <div class="row" data-gutter="12"> 1052 <div class="col-md-12" id="InfosPapier"> 1053 <div style="margin:5px 0;"><b>standard 90g blanc</b><br />Caractéristiques : Ãquivalent au papier dâimprimante A4.<br />Utilisation : Roman, livre de poche.<br />Sensation au toucher : Ãquivalent au papier dâimprimante A4.<br />Il nâest pas adapté lorsquâil y a des photos en couleur. Classique et répandu , excellent rapport qualité-prix.</div> 1054 <div style="margin:5px 0;"><b>Bouffant 80g blanc</b><br />Caractéristiques : Légèrement cotonneux.<br />Utilisation : Roman, livre de poche.<br />Sensation au toucher : Douceur.<br />Il nâest pas adapté lorsquâil y a des photos en couleur. Prise en main agréable pour un ouvrage de caractère.<br />Sur un nombre de pages important lâépaisseur de votre ouvrage peut varier dâun commande à lâautre.</div> 1055 <div style="margin:5px 0;"><b>Bouffant 80g crème</b><br />Caractéristiques : Légèrement cotonneux. Rendu ancien.<br />Utilisation : Roman, livre de poche.<br />Sensation au toucher : Douceur.<br />Il nâest pas adapté lorsquâil y a des photos en couleur. Adapté pour les livres à connotation historique.<br />Sur un nombre de pages important lâépaisseur de votre ouvrage peut varier dâun commande à lâautre.</div> 1056 <div style="margin:5px 0;"><b>Couché satin 115g blanc</b><br />Utilisation : Livre photo, bande dessinée, roman, livre de poche.<br />Sensation au toucher : Lisse.<br />Il saura mettre en valeur vos photos en couleur.</div> 1057 <div style="margin:5px 0;"></div> 1058 </div> 1059 </div> 1060 </div> 1061 </div> 1062 1063 <div id="div-papier-couverture" style="display:none;"> 1064 <div class="row" style="margin-top: 15px;"> 1065 <div class="col-md-4 col-xs-12 devis-div-outside"> 1066 <div class="devis-div-inside"> 1067 <div> 1068 Papier Couverture * 1069 </div> 1070 </div> 1071 </div> 1072 <div class="col-md-7 col-sm-10"> 1073 <select class="product-page-option-select big-size select-product" style="width:100%;" name="PapierCouvertureId" id="PapierCouvertureId" onchange="OpenDescriptionItem('PapierCouvertureId')"> 1074 <option value="13">Brillant souple 300g blanc</option> 1075 <option value="21">Carte 1 face 240g blanc</option> 1076 <option value="0">Autre</option> 1077 </select> 1078 1079 <div class="devis-desc-div" style="display:none;" id="Description-PapierCouvertureId">
1080 <span class="devis-desc-div-title">Quel type de papier souhaitez-vous ? </span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 1081 <textarea name="text-Description-PapierCouvertureId" id="text-Description-PapierCouvertureId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 1082 </div> 1083 1084 </div> 1085 <div class="col-md-1 col-xs-1 text-center"> 1086 <a class="lkb-pointer-ficher" onclick="LoadInfo('PapierCouvetureId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1087 </div> 1088 </div> 1089 1090 <div class="row" id="div-info-PapierCouvetureId" style="display:none;"> 1091 <div class="col-md-12 back-infos"> 1092 <div class="row" data-gutter="12"> 1093 <div class="col-md-12" id="InfosPapierCouverture"> 1094 <b>Brillant souple 300g blanc :</b><br /> 1095 Papier brillant au toucher lisse et souple. Idéal pour les livres de poche et les ouvrages faciles à manipuler.<br />Papier utilisé par défaut.<br /><br /> 1096 1097 <b>Carte 1 face 240g blanc :</b><br /> 1098 Papier plus rigide. Recommandé pour un rendu plus qualitatif, notamment pour les livres en grand format. 1099 </div> 1100 </div> 1101 </div> 1102 </div> 1103 </div> 1104 1105 <div class="row" style="margin-top: 15px;"> 1106 <div class="col-md-4 col-xs-12 devis-div-outside"> 1107 <div class="devis-div-inside"> 1108 <div> 1109 Pelliculage Couverture * 1110 </div> 1111 </div> 1112 </div> 1113 <div class="col-md-7 col-sm-10"> 1114 <select class="product-page-option-select big-size select-product" style="width:100%;" name="PelliculageId" id="PelliculageId"> 1115 <option value="Brillant">Brillant</option> 1116 <option value="Mat">Mat</option> 1117 <option value="Soft Touch">Soft Touch</option> 1118 </select> 1119 </div> 1120 <div class="col-md-1 col-xs-1 text-center"> 1121 <a class="lkb-pointer-ficher" onclick="LoadInfo('PelliculageId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1122 </div> 1123 </div> 1124 1125 <div class="row" id="div-info-PelliculageId" style="display:none;"> 1126 <div class="col-md-12 back-infos"> 1127 <div class="row" data-gutter="12"> 1128 <div class="col-md-12" id="InfosPelliculage"> 1129 <div>Le pelliculage brillant donne un aspect lumineux à votre couverture. Il réfléchit la lumière et donne un aspect « papier glacé ».</div> 1130 <div>Le pelliculage mat donne un aspect matifié à votre couverture. Il ne réfléchit pas la lumière.<br>Si votre création est composée dâune couleur de fond foncée, nous vous conseillons de privilégier un pelliculage brillant pour éviter les traces visibles.</div> 1131 <div>Le pelliculage Soft Touch est un pelliculage mat avec un toucher peau de pêche. Il est doux au toucher. Son rendu est très apprécié.<br>
1131Si votre création est composée dâune couleur de fond foncée, nous vous conseillons de privilégier un pelliculage brillant pour éviter les traces visibles.</div> 1132 </div> 1133 </div> 1134 </div> 1135 </div> 1136 1137 <div class="row" style="margin-top: 15px;"> 1138 <div class="col-md-4 col-xs-12 devis-div-outside"> 1139 <div class="devis-div-inside"> 1140 <div> 1141 Finition de la couverture 1142 </div> 1143 </div> 1144 </div> 1145 <div class="col-md-7 col-sm-10"> 1146 <select class="product-page-option-select big-size select-product" style="width:100%;" name="FinitionCouvertureId" id="FinitionCouvertureId"> 1147 <option value="Aucune finition">Aucune finition</option> 1148 <option value="Dorure 3D effet or">Dorure 3D effet or</option> 1149 <option value="Dorure 3D effet argent">Dorure 3D effet argent</option> 1150 <option value="Dorure 3D effet cuivre">Dorure 3D effet cuivre</option> 1151 <option value="Vernis brillant 3D transparent">Vernis brillant 3D transparent</option> 1152 <option value="Couverture à rabat">Couverture à rabat</option> 1153 </select> 1154 </div> 1155 <div class="col-md-1 col-xs-1 text-center"> 1156 <a class="lkb-pointer-ficher" onclick="LoadInfo('FinitionCouvertureId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1157 </div> 1158 </div> 1159 1160 <div class="row" id="div-info-FinitionCouvertureId" style="display:none;"> 1161 <div class="col-md-12 back-infos"> 1162 <div class="row" data-gutter="12"> 1163 <div class="col-md-12"> 1164 Pour une impression avec un effet « luxe » nous pouvons vous proposer différentes finitions de couvertures.<br />Celles-ci nécessitent la fourniture de fichiers respectant des caractéristiques techniques particulières qui pourront vous être fournies le cas échéant.<br />Il faut savoir que le délai pour la fabrication de ce type de couverture est plus long que pour des produits standards. 1165 </div> 1166 </div> 1167 </div> 1168 </div> 1169 1170 <div class="row" style="margin-top: 15px;"> 1171 <div class="col-md-4 col-xs-12 devis-div-outside"> 1172 <div class="devis-div-inside"> 1173 <div> 1174 Quantité * 1175 </div> 1176 </div> 1177 </div> 1178 <div class="col-md-8"> 1179 <div class="product-page-qty-item" style="width:130px !important;float:left;"> 1180 <button class="product-page-qty product-page-qty-ex-minus-devis" type="button" data-id="total">-</button> 1181 <input class="product-page-qty product-page-qty-input" type="text" tabindex="5" id="txt_quantity_exemplaires" maxlength="5" value="20" name="txt_quantity_exemplaires" onchange="VerifyTotalEx()" data-id="total" /> 1182 <button class="product-page-qty product-page-qty-ex-plus-devis" type="button" data-id="total">+</button> 1183 </div> 1184 <a class="lkb-pointer-ficher" onclick="LoadInfo('QuantiteExemplairesId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px; margin-left: 30px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1185 </div> 1186 </div> 1187 1188 <div class="row" id="div-info-QuantiteExemplairesId" style="display:none;"> 1189 <div class="col-md-12 back-infos"> 1190 <div class="row" data-gutter="12"> 1191 <div class="col-md-12"> 1192 Merci de nous indiquer le nombre dâexemplaires que vous souhaitez. 1193 </div> 1194 </div> 1195 </div> 1196 </div> 1197 1198 <div class="row" style="margin-top: 15px;"> 1199 <div class="col-md-4 col-xs-12 devis-div-outside"> 1200 <div class="devis-div-inside"> 1201 <div> 1202 Souhaitez vous vendre votre livre ? * 1203 </div> 1204 </div> 1205 </div>
1206 <div class="col-md-7 col-sm-10"> 1207 <select class="product-page-option-select big-size select-product" style="width:100%;" name="OptISBNId" id="OptISBNId"> 1208 <option selected value="Non" selected>Non</option> 1209 <option value="Oui">Oui</option> 1210 </select> 1211 </div> 1212 <div class="col-md-1 col-xs-1 text-center"> 1213 <a class="lkb-pointer-ficher" onclick="LoadInfo('OptISBNId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1214 </div> 1215 </div> 1216 1217 <div class="row" id="div-info-OptISBNId" style="display:none;"> 1218 <div class="col-md-12 back-infos"> 1219 <div class="row" data-gutter="12"> 1220 <div class="col-md-12"> 1221 Si vous souhaitez vendre votre livre (sur la bibliothèque CoolLibri ou par dâautres moyens), il vous faut répondre oui à la question.<br><br>La vente dâun livre nécessite lâobligation dâavoir un numéro ISBN sur le dos de votre couverture :<br>- Vous avez déjà un ISBN : vous pourrez le remplir dans lâétape suivante.<br>- Vous nâavez pas dâISBN : nous pourrons vous en fournir un en ligne gratuitement dans lâétape suivante.<br><br>Si vous ne voulez pas vendre votre livre, répondez simplement non à la question. 1222 </div> 1223 </div> 1224 </div> 1225 </div> 1226 1227 <div class="row" style="margin-top: 15px;"> 1228 <div class="col-md-4 col-xs-12 devis-div-outside"> 1229 <div class="devis-div-inside"> 1230 <div> 1231 Livraison * 1232 </div> 1233 </div> 1234 </div> 1235 <div class="col-md-7 col-sm-10"> 1236 <select class="product-page-option-select big-size select-product" style="width:100%;" name="LivraisonId" id="LivraisonId" onchange="OpenDescriptionItem('LivraisonId')"> 1237 <option value="1">France Métropolitaine</option> 1238 <option value="0">Autre</option> 1239 </select> 1240 1241 <div class="devis-desc-div" style="display:none;" id="Description-LivraisonId"> 1242 <span class="devis-desc-div-title">Quel type de livraison souhaitez-vous ?</span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 1243 <textarea name="text-Description-LivraisonId" id="text-Description-LivraisonId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 1244 </div> 1245 1246 </div> 1247 <div class="col-md-1 col-xs-1 text-center"> 1248 <a class="lkb-pointer-ficher" onclick="LoadInfo('LivraisonId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1249 </div> 1250 </div> 1251 1252 <div class="row" id="div-info-LivraisonId" style="display:none;"> 1253 <div class="col-md-12 back-infos"> 1254 <div class="row" data-gutter="12"> 1255 <div class="col-md-12"> 1256 <b>Standard</b> : la formule la plus économique pour imprimer vos livres. 1257 <br /> 1258 <b>Express</b> : votre commande est imprimée en priorité. Livraison express 24h par Chronopost. 1259 </div> 1260 </div> 1261 </div> 1262 </div> 1263 1264 <div class="row" style="margin-top: 15px;" id="divDepartementLivraison"> 1265 <div class="col-md-4 col-xs-12 devis-div-outside"> 1266 <div class="devis-div-inside"> 1267 <div> 1268 Département et ville de livraison * 1269 </div> 1270 </div> 1271 </div>
1272 <div class="col-md-7 col-sm-10"> 1273 <input type="text" required class="product-page-option-select big-size select-product" style="width:100%;" placeholder="Renseigner votre département et votre ville de livraison" name="text-Description-DepartementLivraison" id="text-Description-DepartementLivraison" /> 1274 </div> 1275 <div class="col-md-1 col-xs-1 text-center"> 1276 <a class="lkb-pointer-ficher" onclick="LoadInfo('DepartementLivraisonId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1277 </div> 1278 </div> 1279 1280 <div class="row" id="div-info-DepartementLivraisonId" style="display:none;"> 1281 <div class="col-md-12 back-infos"> 1282 <div class="row" data-gutter="12"> 1283 <div class="col-md-12"> 1284 Indiquez votre département de livraison pour ajuster le tarif de livraison. 1285 </div> 1286 </div> 1287 </div> 1288 </div> 1289 1290 <div class="gap"></div> 1291 1292 </div> 1293 1294 <div class="row"> 1295 <div class="col-md-11"> 1296 <div class="devis-title-item"> 1297 Prestations Annexes 1298 </div> 1299 </div> 1300 </div> 1301 1302 <div class="row" style="margin-top: 15px;font-size:14px;"> 1303 <div class="col-md-11"> 1304 Les prestations annexes seront devisées sur la base d´un taux horaire et d´une estimation des temps passés 1305 </div> 1306 </div> 1307 1308 <div class="gap gap-small"></div> 1309 1310 <div class="row"> 1311 <div class="col-md-4 col-xs-12 devis-div-outside"> 1312 <div class="devis-div-inside"> 1313 <div> 1314 PAO / Aide à la mise en page 1315 </div> 1316 </div> 1317 </div> 1318 <div class="col-md-7 col-sm-10"> 1319 <select class="product-page-option-select big-size select-product" style="width:100%;" name="PaoId" id="PaoId" onchange="OpenDescriptionItem('PaoId')"> 1320 <option value="1" selected>Non</option> 1321 <option value="0">Oui, j´ai besoin d´aide</option> 1322 </select> 1323 1324 <div class="devis-desc-div" style="display:none;" id="Description-PaoId"> 1325 <span class="devis-desc-div-title">Quel type de PAO souhaitez-vous ?</span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 1326 <textarea name="text-Description-PaoId" id="text-Description-PaoId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 1327 </div> 1328 1329 </div> 1330 <div class="col-md-1 col-xs-1 text-center"> 1331 <a class="lkb-pointer-ficher" onclick="LoadInfo('PaoId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1332 </div> 1333 </div> 1334 1335 <div class="row" id="div-info-PaoId" style="display:none;"> 1336 <div class="col-md-12 back-infos"> 1337 <div class="row" data-gutter="12"> 1338 <div class="col-md-12"> 1339 Suivant lâobjet de votre demande dâaide nous étudierons la faisabilité technique et reviendrons vers vous pour avoir plus dâéléments si nécessaire.<br />Nous pourrions vous proposer par exemple un support technique pour une mise au format dâun document ou la fusion de plusieurs fichiers.<br />Dans tous les cas, les coûts de la mise en page et/ou de création sont estimés selon vos indications lors du devis, ils peuvent être révisés selon le temps réel passé. 1340 </div> 1341 </div> 1342 </div> 1343 </div> 1344 1345 <div class="row" style="margin-top: 15px;"> 1346 <div class="col-md-4 col-xs-12 devis-div-outside"> 1347 <div class="devis-div-inside"> 1348 <div> 1349 Création artistique 1350 </div> 1351 </div> 1352 </div>
1353 <div class="col-md-7 col-sm-10"> 1354 <select class="product-page-option-select big-size select-product" style="width:100%;" name="CreationArtistiqueId" id="CreationArtistiqueId"> 1355 <option value="Non" selected>Non</option> 1356 <option value="Mise en page couverture">Mise en page couverture</option> 1357 <option value="Mise en page intérieur">Mise en page intérieur</option> 1358 </select> 1359 </div> 1360 <div class="col-md-1 col-xs-1 text-center"> 1361 <a class="lkb-pointer-ficher" onclick="LoadInfo('CreationArtistiqueId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1362 </div> 1363 </div> 1364 1365 <div class="row" id="div-info-CreationArtistiqueId" style="display:none;"> 1366 <div class="col-md-12 back-infos"> 1367 <div class="row" data-gutter="12"> 1368 <div class="col-md-12"> 1369 Dans le cas dâune création artistique nous reviendrons vers vous afin de bien comprendre votre besoin et établir un devis.<br />Dans tous les cas, les coûts de la mise en page et/ou de création sont estimés selon vos indications lors du devis, ils peuvent être révisés selon le temps réel passé. 1370 </div> 1371 </div> 1372 </div> 1373 </div> 1374 1375 <div class="row" style="margin-top: 15px;"> 1376 <div class="col-md-4 col-xs-12 devis-div-outside"> 1377 <div class="devis-div-inside"> 1378 <div> 1379 Multi-adressage 1380 </div> 1381 </div> 1382 </div> 1383 <div class="col-md-7 col-sm-10"> 1384 <select class="product-page-option-select big-size select-product" style="width:100%;" name="MultiAdressageId" id="MultiAdressageId" onchange="OpenDescriptionItem('MultiAdressageId')"> 1385 <option value="1" selected>Non</option> 1386 <option value="0">Oui</option> 1387 </select> 1388 1389 <div class="devis-desc-div" style="display:none;" id="Description-MultiAdressageId"> 1390 <span class="devis-desc-div-title">Quel type de Multi-adressage souhaitez-vous ?</span> <span class="devis-desc-div-commentaire">Commentaire obligatoire</span> 1391 <textarea name="text-Description-MultiAdressageId" id="text-Description-MultiAdressageId" class="product-page-option-select big-size select-product devis-description-textarea"></textarea> 1392 </div> 1393 </div> 1394 <div class="col-md-1 col-xs-1 text-center"> 1395 <a class="lkb-pointer-ficher" onclick="LoadInfo('MultiAdressageId')"><img class="info-produit-details" id="img-info-" style="margin-top: 5px;" onmouseover="InfoOver(this)" onmouseout="InfoOut(this)" src="/content/images/infos.png" /></a> 1396 </div> 1397 </div> 1398 1399 <div class="row" id="div-info-MultiAdressageId" style="display:none;"> 1400 <div class="col-md-12 back-infos"> 1401 <div class="row" data-gutter="12"> 1402 <div class="col-md-12"> 1403 Si vous avez plusieurs livres à envoyer à différentes personnes nous pouvons vous faire un devis sur mesure pour cet envoi multi-adresse.<br />Il faudra pour cela nous préciser le nombre dâexemplaires par adresse et le nombre dâadresses de livraison (en France métropolitaine uniquement) afin que nous puissions étudier la faisabilité et vous faire parvenir un devis sur mesure. 1404 </div> 1405 </div> 1406 </div> 1407 </div> 1408 1409 <div class="gap"></div> 1410 1411 <div class="row"> 1412 <div class="col-md-11"> 1413 <div style="margin-bottom:5px;font-size:14px;">Souhaitez-vous nous mentionner autre chose pour votre devis ?</div> 1414 <textarea style="padding:15px;" name="DescriptionPapier" id="DescriptionPapier" class="product-page-option-select big-size select-product devis-description-textarea" placeholder="Ecrivez ici votre commentaire ..."></textarea> 1415 </div> 1416 </div> 1417 1418 <div class="gap gap-small"></div> 1419 1420 <div class="row"> 1421 <div class="col-md-11"> 1422 <div class="devis-title-item"> 1423 Informations Personnelles 1424 </div> 1425 </div> 1426 </div> 1427 1428 <div class="row"> 1429 1430 <div class="col-md-11"> 1431 <div class="row"> 1432 <div class="col-md-6 col-xs-12" style="margin-top:20px;"> 1433 <div style="margin-bottom:5px;font-size:14px;"> 1434 Prénom Nom * 1435 </div> 1436 <input type="text" class="product-page-option-select big-size select-product" style="width:100%;" name="text-Nom" id="text-Nom" required /> 1437 </div> 1438 1439 <div class="col-md-6 col-xs-12" style="margin-top:20px;"> 1440 <div style="margin-bottom:5px;font-size:14px;"> 1441 Téléphone * 1442 </div> 1443 <input type="text" class="product-page-option-select big-size select-product" style="width:100%;" name="text-Telephone" id="text-Telephone" required /> 1444 </div> 1445 </div> 1446 1447 <div class="row" style="margin-top:15px;"> 1448 <div class="col-md-12 col-xs-12"> 1449 <div style="margin-bottom:5px;font-size:14px;"> 1450 E-mail * 1451 </div> 1452 <input type="text" class="product-page-option-select big-size select-product" style="width:100%;" name="text-Email" id="text-Email" required /> 1453 </div> 1454 </div> 1455 </div> 1456 1457 </div> 1458 1459 <div class="gap gap-small"></div> 1460 1461 <div class="row"> 1462 <div class="col-md-11 text-center"> 1463 <div class="form-group"> 1464 <div class="captcha"> 1465 <div class="g-recaptcha" id="g-recaptcha-response" name="g-recaptcha-response" data-sitekey="6Lf6Hm0UAAAAAMqQIQtFoHo37-T1YZfFhH49dIp-"></div> 1466 </div> 1467 </div> 1468 </div> 1469 </div> 1470 1471 <input type="hidden" id="gRecaptchaResponse" name="gRecaptchaResponse" value="" /> 1472 1473 <div class="row"> 1474 <div class="col-md-11 text-center"> 1475 <input type="submit" class="btn btn-lg btn-success btn-project-product" style="width: initial;
1475" id="btn-enregistrer" value="Envoyer ma demande" /> 1476 <br /><span id="erreur-email" style="color:red;margin-top:10px;"></span> 1477 </div> 1478 </div> 1479 1480 <div class="gap"></div> 1481 1482 </div> 1483 1484 </div> 1485 1486 </form> 1487 1488 <div class="gap"></div> 1489 1490</div> 1491 1492<a href="/imprimer-un-livre" class="devis-link-back-classique"> 1493 <i class="fa fa-arrow-left" aria-hidden="true"></i> Commander un produit standard 1494</a> 1495 1496 1497 1498 1499 1500 1501 1502<footer class="main-footer"> 1503 <div class="row"> 1504 1505 <div class="col-md-10 col-md-offset-1"> 1506 1507 <div class="row"> 1508 1509 <div class="col-md-2"> 1510 <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> 1511 <ul class="foot-menu-list" style="margin-top:15px;"> 1512 <li> 1513 <a href="/Infos/qui-sommes-nous">Qui sommes-nous ?</a> 1514 </li> 1515 <li> 1516 <a href="/avantages-impression-livre">Mes avantages</a> 1517 </li> 1518 <li> 1519 <a href="/Infos/CGV" rel="nofollow">CGV</a> 1520 </li> 1521 <li> 1522 <a href="/politique-de-confidentialite" rel="nofollow">Politique de Confidentialité</a> 1523 </li> 1524 <li> 1525 <a href="/blog">Blog</a> 1526 </li> 1527 <li> 1528 <a href="/MonCompte/MesProjets">Mes Projets</a> 1529 </li> 1530 <li> 1531 <a href="/MonCompte/MonProfil">Mon profil</a> 1532 </li> 1533 1534 <li> 1535 <a href="/Infos/Contact">Nous contacter</a> 1536 </li> 1537 <li> 1538 <a href="/avis-opinion-coollibri">Avis Clients CoolLibri</a> 1539 </li> 1540 </ul> 1541 <div class="gap gap-small"></div> 1542 </div> 1543 <div class="col-md-2"> 1544 <h3 class="h4-footer-title"><a href="/imprimer-un-livre">IMPRIMER UN LIVRE</a></h3> 1545 <ul class="foot-menu-list"> 1546 <li> 1547 <a href="/publier-son-roman">Romans</a> 1548 </li> 1549 <li> 1550 <a href="/imprimer-livre-photos">Livres Photos</a> 1551 </li> 1552 <li> 1553 <a href="/imprimer-magazine-brochure">Magazines et Brochures</a> 1554 </li> 1555 <li> 1556 <a href="/imprimer-bande-dessinee">Bandes Dessinées</a> 1557 </li> 1558 <li> 1559 <a href="/reliure-spirale">Livre à Spirale et Thèse</a> 1560 </li> 1561 <li> 1562 <a href="/impression-livre-de-poche">Livre de Poche</a> 1563 </li> 1564 <li><br /></li> 1565 <li> 1566 <a href="/creation-impression-marque-page-livre"> 1567 Marque-page 1568 </a> 1569 </li> 1570 <li> 1571 <a href="/Infos/eBooks">E-Book</a> 1572 </li> 1573 <li> 1574 <a href="/creation-couverture-roman">Créer votre couverture</a> 1575 </li> 1576 <li><br /></li> 1577 </ul> 1578 <div class="gap gap-small"></div> 1579 </div> 1580 <div class="col-md-2"> 1581 <h3 class="h4-footer-title">THÃMATIQUE</h3> 1582 <ul class="foot-menu-list"> 1583 <li> 1584 <a href="/impression-livre-de-cuisine">Imprimer un livre de cuisine</a> 1585 </li> 1586 <li> 1587 <a href="/impression-livre-genealogie">Imprimer un livre de généalogie</a> 1588 </li> 1589 <li> 1590 <a href="/impression-livret-de-formation">Imprimer un livret de formation</a> 1591 </li> 1592 <li> 1593 <a href="/impression-livret-de-messe-bapteme">Imprimer un livret de messe baptême</a> 1594 </li> 1595 <li> 1596 <a href="/impression-livret-messe-mariage">Imprimer un livret de messe pour votre mariage</a> 1597 </li> 1598 <li> 1599 <a href="/impression-livret-musee-art-exposition">Imprimer un livret de mon musée</a> 1600 </li> 1601 <li> 1602 <a href="/imprimer-dossier-magazine-tpe-1ere">Imprimer un magazine TPE de première</a> 1603 </li> 1604 <li> 1605 <a href="/impression-manga">Imprimer un manga</a> 1606 </li> 1607 <li> 1608 <a href="/album-photo-voyage">Imprimez un album photo de voyage</a> 1609 </li> 1610 </ul> 1611 <div class="gap gap-small"></div> 1612 </div> 1613 <div class="col-md-2"> 1614 <h3 class="h4-footer-title">
1614<a href="/publier-livre-en-ligne">COMMUNIQUER</a></h3> 1615 <ul class="foot-menu-list"> 1616 <li> 1617 <a href="/publier-livre-en-ligne#Publier">Publier un livre</a> 1618 </li> 1619 <li> 1620 <a href="/publier-livre-en-ligne#PageAuteur">Créer une page auteur</a> 1621 </li> 1622 <li> 1623 <a href="/publier-livre-en-ligne#Supports">Supports de communication</a> 1624 </li> 1625 <li> 1626 <a href="/publier-livre-en-ligne#Publicite">Publicité gratuite</a> 1627 </li> 1628 <li><br /></li> 1629 <li> 1630 <a target="_blank" href="https://www.coollibri.com/Content/images/kit-presse-coollibri.zip">Presse</a> 1631 </li> 1632 </ul> 1633 <div class="gap gap-small"></div> 1634 </div> 1635 1636 <div class="col-md-2"> 1637 <h3 class="h4-footer-title"><a href="/conseils">CONSEILS</a></h3> 1638 <ul class="foot-menu-list"> 1639 <li> 1640 <a href="/conseils">Conseils sur lâauto-édition</a> 1641 </li> 1642 <li> 1643 <a href="/Infos/AideEnLigne">Aide en ligne</a> 1644 </li> 1645 <li> 1646 <a href="#" onclick="OpenVideo()">Vidéo dâaide</a> 1647 </li> 1648 1649 <li> 1650 <a href="/faq">Foire aux questions (FAQ)</a> 1651 </li> 1652 <li> 1653 <a href="/conseils#Creation">La création du livre</a> 1654 </li> 1655 <li> 1656 <a href="/conseils#Fabrication">La fabrication du livre</a> 1657 </li> 1658 <li> 1659 <a href="/conseils#Difusion">La diffusion</a> 1660 </li> 1661 </ul> 1662 <div class="gap gap-small"></div> 1663 </div> 1664 <div class="col-md-2"> 1665 1666 <div> 1667 1668 <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> 1669 <div class="div-logo-home-face"> 1670 <div> 1671 <a target="_blank" href="https://www.facebook.com/CoolLibri"><img src="/content/images/logo-facebook.png" /></a> 1672 1673 <a target="_blank" href="https://www.instagram.com/coollibri"><img src="/content/images/logo-instagram.png" /></a> 1674 1675 <a target="_blank" href="https://www.tiktok.com/@coollibri.com"><img src="/content/images/logo-tiktok.png" /></a> 1676 </div> 1677 </div> 1678 1679 <div class="gap gap-small"></div> 1680 1681 <div class="avis-footer"> 1682 1683 <i class="fa fa-star" aria-hidden="true"></i> 1684 <i class="fa fa-star" aria-hidden="true"></i> 1685 <i class="fa fa-star" aria-hidden="true"></i> 1686 <i class="fa fa-star" aria-hidden="true"></i> 1687 <i class="fa fa-star-half" aria-hidden="true"></i> 1688 1689 <div class="avis-footer-nr">4,4<span>/5</span><a class="avis-footer-total" href="/avis-opinion-coollibri">27â¯227 avis</a></div> 1690 1691 <div class="avis-footer-check"> 1692 <i class="fa fa-check-circle-o" aria-hidden="true"></i> 1693 <i class="fa fa-certificate" aria-hidden="true"></i> 1694 </div> 1695 1696 </div> 1697 1698 <div class="gap"></div> 1699 1700 </div> 1701 1702 </div> 1703 1704 1705 </div> 1706 1707 </div> 1708 1709 1710 </div> 1711 <div class="row"> 1712 <div class="col-md-10 col-md-offset-1"> 1713 <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> 1714 <div class="gap gap-small"></div> 1715 </div> 1716 </div> 1717 1718</footer> 1719 1720 1721 </div> 1722 1723
1723<script src="/bundles/bootstrap?v=kYF9uS06b8KK6ZgA6zYvU2jdrWYQEFdqnu5he_t1yio1"></script>
1723 1724 1725
1725<script src="/bundles/thebox?v=OuaJ57RWneiwYsfTqOfArYAeo3YfP-2NIN34XIqbYpU1"></script>
1725 1726 1727 1728
1728<script type="text/javascript"> 1729 1730 $("#form-devis").on("submit", function (e) { 1731 e.preventDefault(); 1732 1733 submitForm(); 1734 }); 1735 1736 function submitForm(e) { 1737 1738 $("#erreur-email").html(""); 1739 $("#btn-enregistrer").prop('disabled', true); 1740 OpenLoading(); 1741 1742 var response = grecaptcha.getResponse(); 1743 document.getElementById('gRecaptchaResponse').value = response; 1744 1745 if (!response) { 1746 $("#erreur-email").html("Captcha invalide."); 1747 CloseLoading(); 1748 $("#btn-enregistrer").prop('disabled', false); 1749 grecaptcha.reset(); 1750 return false; 1751 } 1752 1753 $.ajax({ 1754 url: 'https://www.coollibri.com/devis-sur-mesure', 1755 type: 'POST', 1756 data: $("#form-devis").serialize(), 1757 success: function (response) { 1758 1759 $("#btn-enregistrer").prop('disabled', false); 1760 grecaptcha.reset(); 1761 1762 if (response.success) { 1763 1764 $.magnificPopup.open({ 1765 items: { 1766 src: '#msgok-modal', 1767 }, 1768 type: 'inline', 1769 mainClass: 'popup-modal', 1770 modal: true, 1771 preloader: false 1772 }); 1773 1774 } else { 1775 $("#erreur-email").html(response.message); 1776 CloseLoading(); 1777 } 1778 }, 1779 error: function(xhr) { 1780 alert('Error submitting form: ' + xhr.responseText); 1781 1782 CloseLoading(); 1783 $("#btn-enregistrer").prop('disabled', false); 1784 grecaptcha.reset(); 1785 } 1786 }); 1787 1788 } 1789 1790 $(function () { 1791 $('#txt_quantity_pages').on('keypress', function (e) { 1792 return isNumber(e); 1793 }); 1794 1795 $(".product-page-qty-minus-devis").on('click', function () { 1796 var currentVal = parseInt($(this).next(".product-page-qty-input").val(), 10); 1797 if (currentVal == "NaN") currentVal = 1; 1798 currentVal = currentVal - 1; 1799 if (currentVal <= parseInt(VerifyMinMaxPagesByArticleAndPaper(true), 10)) { 1800 currentVal = parseInt(VerifyMinMaxPagesByArticleAndPaper(true)); 1801 } 1802 if (currentVal >= 1) { 1803 $(this).next(".product-page-qty-input").val(currentVal); 1804 } 1805 }); 1806 1807 $(".product-page-qty-plus-devis").on('click', function () { 1808 var currentVal = parseInt($(this).prev(".product-page-qty-input").val(), 10); 1809 if (!currentVal || currentVal == "" || currentVal == "NaN") currentVal = 0; 1810 currentVal = currentVal + 1; 1811 if (currentVal <= parseInt(VerifyMinMaxPagesByArticleAndPaper(false))) { 1812 $(this).prev(".product-page-qty-input").val(currentVal); 1813 } 1814 }); 1815 1816 1817 $('#txt_quantity_exemplaires').on('keypress', function (e) { 1818 return isNumber(e); 1819 }); 1820 1821 $(".product-page-qty-ex-minus-devis").on('click', function () { 1822 var currentVal = parseInt($(this).next(".product-page-qty-input").val(), 10); 1823 if (currentVal == "NaN") currentVal = 1; 1824 1825 currentVal = currentVal - 1; 1826 1827 if (currentVal >= 1) { 1828 $(this).next(".product-page-qty-input").val(currentVal); 1829 } 1830 }); 1831 1832 $(".product-page-qty-ex-plus-devis").on('click', function () { 1833 1834 var currentVal = parseInt($(this).prev(".product-page-qty-input").val(), 10); 1835 if (!currentVal || currentVal == "" || currentVal == "NaN") currentVal = 0; 1836 1837 currentVal = currentVal + 1; 1838 $(this).prev(".product-page-qty-input").val(currentVal); 1839 1840 }); 1841 1842 }); 1843 1844 var specialKeys = new Array(); 1845 specialKeys.push(8); //Backspace 1846 function isNumber(e) { 1847 var keyCode = e.which ? e.which : e.keyCode 1848 var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1); 1849 return ret; 1850 } 1851 1852 function GetOptionsArticle() { 1853 1854 $.ajax({
1855 url: "/Panier/GetOptionsArticle?ArticleId=" + $("#ArticleId").val(), 1856 type: "post", 1857 dataType: "json", 1858 beforeSend: function (XMLHttpRequest) { 1859 1860 }, 1861 error: function (XMLHttpRequest, textStatus, errorThrown) { 1862 console.log("Erreur GetOptionsArticle : " + errorThrown); 1863 }, 1864 success: function (data, textStatus, XMLHttpRequest) { 1865 1866 $(".devis-desc-div").hide(); 1867 1868 $.each($(".devis-description-textarea"), function (i, field) { 1869 $("#" + field.id).val(""); 1870 }); 1871 1872 $("#FormatId").text(""); 1873 $("#InfosFormat").text(""); 1874 $.each(data.lstOptionFormat, function (i, field) { 1875 $("#FormatId").append('<option value="' + field.OptionId + '">' + field.Name + '</option>'); 1876 if (field.Description != "") { 1877 $("#InfosFormat").append('<div>' + field.Description + '</div>'); 1878 } 1879 }); 1880 1881 $("#PapierId").text(""); 1882 $("#InfosPapier").text(""); 1883 $.each(data.lstOptionPapier, function (i, field) { 1884 $("#PapierId").append('<option value="' + field.OptionId + '">' + field.Name + '</option>'); 1885 if (field.Description != "") { 1886 $("#InfosPapier").append('<div>' + field.Description + '</div>'); 1887 } 1888 }); 1889 1890 $("#PelliculageId").text(""); 1891 $("#InfosPelliculage").text(""); 1892 $.each(data.lstOptionPelliculage, function (i, field) { 1893 $("#PelliculageId").append('<option value="' + field.Name + '">' + field.Name + '</option>'); 1894 if (field.Description != "") { 1895 $("#InfosPelliculage").append('<div>' + field.Description + '</div>'); 1896 } 1897 }); 1898 1899 PapierCouvertureShowHide(); 1900 1901 VerifyMinimumTotalPages(true); 1902 } 1903 }); 1904 1905 } 1906 1907 function OpenDescriptionItem(item) { 1908 1909 if (item == "LivraisonId") { 1910 if ($("#" + item).val() == 0) { 1911 $("#divDepartementLivraison").hide(); 1912 $("#text-Description-DepartementLivraison").prop('required', false); 1913 } 1914 else { 1915 $("#divDepartementLivraison").show(); 1916 $("#text-Description-DepartementLivraison").prop('required', true); 1917 } 1918 } 1919 1920 if (item == "PapierId") { 1921 VerifyMinimumTotalPages(true); 1922 } 1923 1924 if ($("#" + item).val() == 0) { 1925 $("#Description-" + item).show(); 1926 $("#text-Description-" + item).prop('required', true); 1927 } 1928 else { 1929 $("#Description-" + item).hide(); 1930 $("#text-Description-" + item).prop('required', false); 1931 } 1932 } 1933 1934 $(document).ready(function () { 1935 //$('#Imprimer').attr('checked', true); 1936 VerifyMinimumTotalPages(false); 1937 OpenDescriptionItem("PapierId"); 1938 PapierCouvertureShowHide(); 1939 }); 1940 1941 $(".check-click").click(function () { 1942 OpenDevisSurMesure(); 1943 }); 1944 1945 $(".check-click").find("ins").click(function () { 1946 OpenDevisSurMesure(); 1947 }); 1948 1949 function PapierCouvertureShowHide() { 1950 if ($("#ArticleId").val() == "1" || $("#ArticleId").val() == "3") { 1951 $("#div-papier-couverture").show(); 1952 } 1953 else { 1954 $("#div-papier-couverture").hide(); 1955 } 1956 } 1957 1958 function OpenDevisSurMesure() { 1959 if ($('#Imprimer').is(':checked')) { 1960 1961 OpenDescriptionItem('FormatId'); 1962 OpenDescriptionItem('PapierId'); 1963 OpenDescriptionItem('LivraisonId'); 1964 1965 $("#div-options-sur-mesure").show(); 1966 1967 } 1968 else { 1969
1970 $("#text-Description-FormatId").prop('required', false); 1971 $("#text-Description-PapierId").prop('required', false); 1972 $("#text-Description-DepartementLivraison").prop('required', false); 1973 $("#div-options-sur-mesure").hide(); 1974 1975 } 1976 } 1977 1978 function VerifyMinimumTotalPages(ShowInfoStart) { 1979 1980 var quantite = Math.floor(document.getElementById("txt_quantity_pages").value); 1981 var ArticleId = $("#ArticleId").val(); 1982 1983 var Min = VerifyMinMaxPagesByArticleAndPaper(true); 1984 var Max = VerifyMinMaxPagesByArticleAndPaper(false); 1985 1986 var ShowInfo = false; 1987 1988 if (quantite < parseInt(Min)) { 1989 quantite = parseInt(Min); 1990 ShowInfo = true; 1991 } 1992 1993 if (quantite > parseInt(Max)) { 1994 quantite = parseInt(Max); 1995 ShowInfo = true; 1996 } 1997 1998 if (ShowInfo && ShowInfoStart) { 1999 LoadInfo('QuantitePagesId') 2000 } 2001 2002 if (ArticleId == 4 || ArticleId == 9) { 2003 var rest = (quantite % 4); 2004 if (rest != 0) { 2005 quantite = quantite + (4 - rest); 2006 } 2007 } 2008 else if (ArticleId >= 6 && ArticleId <= 8) { 2009 var rest2 = (quantite % 2); 2010 if (rest2 != 0) { 2011 quantite = quantite + 1; 2012 } 2013 } 2014 2015 $("#txt_quantity_pages").val(quantite); 2016 } 2017 2018 function VerifyTotalEx() { 2019 2020 if (document.getElementById("txt_quantity_exemplaires").value == "") 2021 $("#txt_quantity_exemplaires").val(1); 2022 } 2023 2024 function VerifyMinMaxPagesByArticleAndPaper(IsMin) { 2025 2026 var Min = 0;// parseInt($("#MinPageArticle").val()); 2027 var Max = 0;// parseInt($("#MaxPageArticle").val()); 2028 2029 var ArticleId = $("#ArticleId").val(); 2030 var OptionId = $("#PapierId").val(); 2031 2032 switch (ArticleId) { 2033 case "1": //Dos Carré Collé 2034 switch (OptionId) { 2035 case "0": //Autre 2036 Min = 1; 2037 Max = 5000; 2038 break; 2039 case "9": //Standard 90g blanc 2040 Min = 74; 2041 Max = 648; 2042 break; 2043 case "10": //Bouffant 80g blanc 2044 Min = 56; 2045 Max = 560; 2046 break; 2047 case "11": //Bouffant 80g crème 2048 Min = 56; 2049 Max = 560; 2050 case "12": //Couché satin 115g blanc 2051 Min = 80; 2052 Max = 500; 2053 break; 2054 case "19": //Couché brillant 135g blanc 2055 Min = 80; 2056 Max = 100; 2057 break; 2058 } 2059 break; 2060 case "2": //Rembordé 2061 switch (OptionId) { 2062 case "0": //Autre 2063 Min = 1; 2064 Max = 5000; 2065 break; 2066 case "9": //Standard 90g blanc 2067 Min = 38; 2068 Max = 164; 2069 break; 2070 case "10": //Bouffant 80g blanc 2071 Min = 28; 2072 Max = 126; 2073 break; 2074 case "11": //Bouffant 80g crème 2075 Min = 28; 2076 Max = 126; 2077 break; 2078 case "12": //Couché satin 115g blanc 2079 Min = 36; 2080 Max = 180; 2081 break; 2082 case "19": //Couché brillant 135g blanc 2083 Min = 24; 2084 Max = 100; 2085 break; 2086 case 20: //Couché satin 170g blanc 2087 Min = 26; 2088 Max = 118; 2089 break; 2090 } 2091 break; 2092 case "3": //Spirale 2093 switch (OptionId) { 2094 case "0": //Autre 2095 Min = 1; 2096 Max = 5000; 2097 break; 2098 case "9": //Standard 90g blanc 2099 Min = 1; 2100 Max = 500; 2101 break; 2102 case "10": //Bouffant 80g blanc 2103 Min = 1; 2104 Max = 290; 2105 break; 2106 case "11": //Bouffant 80g crème 2107 Min = 1; 2108 Max = 290; 2109 break; 2110 case "12": //Couché satin 115g blanc 2111 Min = 1; 2112 Max = 500; 2113 break; 2114 case "19": //Couché brillant 135g blanc 2115 Min = 24; 2116 Max = 100; 2117 break; 2118 } 2119 break; 2120 case "4": //Agrafé 2121 switch (OptionId) { 2122 case "0": //Autre 2123 Min = 1; 2124 Max = 5000; 2125 break; 2126 case "9": //Standard 90g blanc 2127 case "12": //Couché satin 115g blanc 2128 Min = 8; 2129 Max = 60; 2130 break; 2131 case "10": //Bouffant 80g blanc 2132 case "11": //Bouffant 80g crème 2133 Min = 8; 2134 Max = 40; 2135 break; 2136 case "19": //Couché brillant 135g blanc 2137 Min = 24; 2138 Max = 60; 2139 break; 2140 } 2141 break; 2142 } 2143 2144 if (IsMin) { 2145 $("#id-min-page").html(Min); 2146 } 2147 else { 2148 $("#id-max-page").html(Max); 2149 } 2150 2151 return (IsMin ? Min : Max); 2152 } 2153 2154 2155 2156 </script>
2156 2157 2158 2159 2160 <div id="browser-modal" class="white-popup-block mfp-hide"> 2161 <div class="div-btn-fermer-isbn"> 2162 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 2163 </div> 2164 2165 <div class="gap gap-small"></div> 2166 2167 <div class="row" data-gutter="12"> 2168 <div class="col-md-12 text-center"> 2169 <p class="page-title title-pages-header" style="font-size:20px;">Veuillez actualiser votre navigateur</p> 2170 </div> 2171 </div> 2172 2173 <div class="gap gap-small"></div> 2174 2175 <div class="row" data-gutter="12"> 2176 <div class="col-md-1"></div> 2177 <div class="col-md-10"> 2178 <p class="browser-font-size"> 2179 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. 2180 </p> 2181 2182 <div class="gap gap-small"></div> 2183 2184 <div class="row" data-gutter="12"> 2185 <div class="col-md-4 text-center"> 2186 <a class="browser-icon" target="_blank" href="https://www.google.com/intl/de/chrome/browser/"> 2187 <p> 2188 <i class="fa fa-chrome" aria-hidden="true"></i> 2189 </p> 2190 <p class="browser-font-size">Google Chrome</p> 2191 </a> 2192 </div> 2193 <div class="col-md-4 text-center"> 2194 <a class="browser-icon" target="_blank" href="http://windows.microsoft.com/de-ch/internet-explorer/download-ie"> 2195 <p> 2196 <i class="fa fa-internet-explorer" aria-hidden="true"></i> 2197 </p> 2198 <p class="browser-font-size">Internet Explorer</p> 2199 </a> 2200 </div> 2201 <div class="col-md-4 text-center"> 2202 <a class="browser-icon" target="_blank" href="http://www.mozilla.org/de/firefox/new/#"> 2203 <p> 2204 <i class="fa fa-firefox" aria-hidden="true"></i> 2205 </p> 2206 <p class="browser-font-size">Mozilla Firefox</p> 2207 </a> 2208 </div> 2209 </div> 2210 2211 </div> 2212 <div class="col-md-1"></div> 2213 </div> 2214 2215 <div class="gap gap-small"></div> 2216 </div> 2217 2218 <div id="adult-modal" class="white-popup-block mfp-hide"> 2219 <div class="gap gap-small"></div> 2220 <div class="row" data-gutter="12"> 2221 <div class="col-md-12 text-center"> 2222 <p class="page-title title-pages-header title-telecharger-isbn" id="titre-popin">Contenu pour adulte</p> 2223 </div> 2224 </div> 2225 <div class="row" data-gutter="12"> 2226 <div class="col-md-1"></div> 2227 <div class="col-md-10 text-center text-telecharger-isbn"> 2228 <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> 2229 </div> 2230 <div class="col-md-1"></div> 2231 </div> 2232 <div class="gap gap-small"></div> 2233 <div class="row" data-gutter="12"> 2234 <div class="col-md-2"></div> 2235 <div class="col-md-8 text-center"> 2236 <a onclick="ValiderGenreAdult()" class="btn btn-lg btn-success">Je Valide</a> 2237 2238 <a href="/" class="btn btn-lg btn-valider">Annuler</a> 2239 </div> 2240 <div class="col-md-2"></div> 2241 </div> 2242 <div class="gap gap-small"></div> 2243 </div> 2244 2245 2246 2247 2248 <input type="hidden" id="hidTextPriceTTC" name="hidTextPriceTTC" value="Prix TTC" /> 2249 <input type="hidden" id="hidTextPriceEcologique" name="hidTextPriceEcologique" value="Prix écologique TTC" /> 2250 <input type="hidden" id="hidTextPriceEconomique" name="hidTextPriceEconomique" value="Prix écoâ TTC" /> 2251 <input type="hidden" id="hidTextGratuit" name="hidTextGratuit" value="Gratuit" /> 2252 2253 <div id="promo-eco-modal" class="white-popup-block mfp-hide"> 2254 <div class="div-btn-fermer-isbn"> 2255 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 2256 </div> 2257 <div class="gap gap-small"></div> 2258 <div class="row" data-gutter="12"> 2259 <div class="col-md-12 text-center"> 2260 <p id="title-prix-ecologique" style="display:none;" class="page-title title-pages-header title-telecharger-isbn">Promotion écologique</p> 2261 <p id="title-prix-economique" style="display:none;" class="page-title title-pages-header title-telecharger-isbn">Promo écoâ</p> 2262 </div> 2263 </div> 2264 <div class="gap gap-small"></div> 2265 <div class="row" data-gutter="12"> 2266 <div class="col-md-1"></div> 2267 <div class="col-md-10 text-telecharger-isbn"> 2268 <p id="phrase-prix-ecologique-1" style="font-size:16px;font-weight:bold;text-align:justify;"> 2269 Notre société place le respect de lâenvironnement au cÅur de sa stratég
2269ie, 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) 2270 </p> 2271 <p id="phrase-prix-economique-1" style="font-size:16px;font-weight:bold;text-align:justify;"> 2272 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. 2273 </p> 2274 <br /> 2275 <p id="phrase-prix-ecologique-2" style="font-size:14px;text-align:justify;"> 2276 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. 2277 <br /> 2278 <br /> 2279 <span style="color:#378032;"><b>Ensemble, faisons un geste pour lâenvironnement.</b></span> 2280 </p> 2281 <p id="phrase-prix-economique-2" style="font-size:14px;text-align:justify;"> 2282 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> 2283 </p> 2284 </div> 2285 <div class="col-md-1"></div> 2286 </div> 2287 <div class="gap gap-small"></div> 2288 <div class="row" data-gutter="12"> 2289 <div class="col-md-2"></div> 2290 <div class="col-md-8 text-center"> 2291 <a class="popup-modal-dismiss btn btn-lg btn-success">J´ai compris</a> 2292 </div> 2293 <div class="col-md-2"></div> 2294 </div> 2295 <div class="gap gap-small"></div> 2296 </div> 2297 2298 <div id="livraison-modal" class="white-popup-block mfp-hide"> 2299 <div class="div-btn-fermer-isbn"> 2300 <input class="popup-modal-dismiss btn btn-valider btn-fermer" type="button" value="X" /> 2301 </div> 2302 <div class="gap gap-small"></div> 2303 <div class="row" data-gutter="12"> 2304 <div class="col-md-12 text-center"> 2305 <p class="page-title title-pages-header title-telecharger-isbn">Livraison à lâétranger</p> 2306 </div> 2307 </div> 2308 <div class="row" data-gutter="12"> 2309 <div class="col-md-1"></div> 2310 <div class="col-md-10 text-center"> 2311 <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> 2312 </div> 2313 <div class="col-md-1"></div> 2314 </div> 2315 <div class="row" data-gutter="12" style="margin-top:20px;"> 2316 <div class="col-md-1"></div> 2317 <div class="col-md-10"> 2318 <div style="font-size:14px;"> 2319 <div id="divListCountries"></div> 2320 </div> 2321 </div> 2322 <div class="col-md-1"></div> 2323 </div> 2324 <div class="gap gap-small"></div> 2325 <div class="row" data-gutter="12"> 2326 <div class="col-md-2"></div> 2327 <div class="col-md-8 text-center"> 2328 <a class="popup-modal-dismiss btn btn-lg btn-success">Fermer</a> 2329 </div> 2330 <div class="col-md-2"></div> 2331 </div> 2332 <div class="gap gap-small"></div> 2333 </div> 2334 2335
2335<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-5VWGN62"></script>
2335 2336
2336<script type="text/javascript"> 2337 2338 window.dataLayer = window.dataLayer || []; 2339 function gtag() { dataLayer.push(arguments); } 2340 gtag('js', new Date()); 2341 gtag('config', 'GTM-5VWGN62'); 2342 2343 2344 $(document).ready(function () { 2345 if (Cookies.get('gestion_cookie') == undefined) { 2346 ShowWindowCookie(); 2347 } 2348 else { 2349 if (Cookies.get('gestion_cookie') == "open") { 2350 ShowWindowCookie(); 2351 } 2352 else { 2353 CloseWindowCookie(); 2354 } 2355 } 2356 }); 2357 2358 function ShowWindowCookie() { 2359 Cookies.set('gestion_cookie', 'open', { expires: 365 }); 2360 $("#div-cookies").hide(); 2361 $("#cookieChoiceInfo").show(); 2362 } 2363 2364 function CloseWindowCookie() { 2365 Cookies.set('gestion_cookie', 'close', { expires: 365 }); 2366 $("#cookieChoiceInfo").hide(); 2367 $("#div-cookies").show(); 2368 } 2369 2370 function OpenCookieText() { 2371 $("#div-cookie-boutons").hide(); 2372 $("#div-cookie-text").show(); 2373 } 2374 2375 function CloseCookieText() { 2376 $("#div-cookie-text").hide(); 2377 $("#div-cookie-boutons").show(); 2378 } 2379 2380 $("#chkCookies1").change(function () { 2381 updateConsent(); 2382 }); 2383 2384 $("#chkCookies2").change(function () { 2385 updateConsent(); 2386 }); 2387 2388 $("#chkCookies3").change(function () { 2389 updateConsent(); 2390 }); 2391 2392 $("#chkCookies4").change(function () { 2393 updateConsent(); 2394 }); 2395 2396 function updateConsent() { 2397 gtag('consent', 'update', { 2398 'ad_storage': $("#chkCookies1").is(':checked') ? 'granted' : 'denied', 2399 'analytics_storage': $("#chkCookies2").is(':checked') ? 'granted' : 'denied', 2400 'ad_user_data': $("#chkCookies3").is(':checked') ? 'granted' : 'denied', 2401 'ad_personalization': $("#chkCookies4").is(':checked') ? 'granted' : 'denied' 2402 }); 2403 } 2404 2405 function AccepterTous() { 2406 $("#chkCookies1").prop('checked', true); 2407 $("#chkCookies2").prop('checked', true); 2408 $("#chkCookies3").prop('checked', true); 2409 $("#chkCookies4").prop('checked', true); 2410 updateConsent(); 2411 CloseWindowCookie(); 2412 } 2413 2414 function DeclinerTous() { 2415 $("#chkCookies1").prop('checked', false); 2416 $("#chkCookies2").prop('checked', false); 2417 $("#chkCookies3").prop('checked', false); 2418 $("#chkCookies4").prop('checked', false); 2419 updateConsent(); 2420 CloseWindowCookie(); 2421 } 2422 2423 function OpenPopinNoel() { 2424 $.magnificPopup.open({ 2425 items: { 2426 src: '#livraison-noel-modal', 2427 }, 2428 type: 'inline', 2429 mainClass: 'popup-modal', 2430 modal: true, 2431 preloader: false 2432 }); 2433 } 2434 2435 function OpenPopupCadeau() { 2436 $.magnificPopup.open({ 2437 items: { 2438 src: '#cadeau-modal', 2439 }, 2440 type: 'inline', 2441 mainClass: 'popup-modal', 2442 modal: true, 2443 preloader: false 2444 }); 2445 } 2446 2447 function OpenPopupPromoEco(quantite) { 2448 2449 $("#title-prix-economique").hide(); 2450 $("#title-prix-ecologique").hide(); 2451 2452 $("#phrase-prix-ecologique-1").hide(); 2453 $("#phrase-prix-ecologique-2").hide(); 2454 2455 $("#phrase-prix-economique-1").hide(); 2456 $("#phrase-prix-economique-2").hide(); 2457 2458 if (quantite <= 24) { 2459 $("#title-prix-ecologique").show(); 2460 $("#phrase-prix-ecologique-1").show(); 2461 $("#phrase-prix-ecologique-2").show(); 2462 } 2463 else { 2464 $("#title-prix-economique").show(); 2465 $("#phrase-prix-economique-1").show(); 2466 $("#phrase-prix-economique-2").show(); 2467 } 2468 2469 $.magnificPopup.open({ 2470 items: { 2471 src: '#promo-eco-modal', 2472 }, 2473 type: 'inline', 2474 mainClass: 'popup-modal', 2475 modal: true, 2476 preloader: false 2477 }); 2478 } 2479 2480 function LoadFichierGabarit(optionId) { 2481 2482 var format = ""; 2483 var formatdesc = ""; 2484 2485 switch (optionId) { 2486 case "1": 2487 format = "110x170"; 2488 formatdesc = "11x17"; 2489 break; 2490 case "2": 2491 format = "160x240"; 2492 formatdesc = "16x24"; 2493 break; 2494 case "3": 2495 format = "210x297"; 2496 formatdesc = "A4 Portrait (21x29,7 cm)"; 2497 break; 2498 case "4": 2499 format = "148x210"; 2500 formatdesc = "A5 Portrait (14,8x21 cm)"; 2501 break; 2502 case "5": 2503 format = "210x210"; 2504 formatdesc = "21x21"; 2505 break; 2506 case "6": 2507 format = "297x210"; 2508 formatdesc = "A4 Paysage (29,7x21 cm)"; 2509 break; 2510 case "7": 2511 format = "210x148"; 2512 formatdesc = "A5 Paysage (21x14,8 cm)"; 2513 break; 2514 } 2515 2516 $("#spanFormat").html(formatdesc); 2517 $("#lk-fichierWord").attr("href", "/content/Gabarits/gabarit_word_" + format + ".doc"); 2518 $("#lk-fichierInDesign").attr("href", "/content/Gabarits/gabarit_inDesign_" + format + ".indd"); 2519 } 2520 2521 function OpenCloseCallCenter() { 2522 if ($(".div-call-center").css('display') == "none") { 2523 $(".div-call-center").show(); 2524 } 2525 else { 2526 $(".div-call-center").hide(); 2527 } 2528 } 2529 2530 </script>
2530 2531 2532 2533 2534 2535 2536</body> 2537</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.