PageSourceSearch

https://www.coollibri.com/devis-sur-mesure

html coollibri.com collected 2026-10-01 14:12:12 UTC 137,889 bytes, 2,537 lines download raw bytes

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>&nbsp;&nbsp;<span style="color:white;">|&nbsp;&nbsp;<a style="color:white;" href="/Infos/Contact">par mail</a></span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="">lun. au ven. de 8h30 à 18h</span>&nbsp;&nbsp;
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&nbsp;&nbsp;&nbsp;|</a></li>
260                        <li><a href="/coollibri-pro">Accès PRO&nbsp;&nbsp;&nbsp;|</a></li>
261
262<li><a href="/MonCompte"><i class="fa fa-user"></i>&nbsp;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">&nbsp;</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>&nbsp;</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>&nbsp;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&nbsp;(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">&nbsp;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>&nbsp;&nbsp;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()" />&nbsp;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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;&nbsp;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&#233;n&#233;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&#234;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&#233;e</a>
1600                                    </li>
1601                                    <li>
1602                                        <a href="/imprimer-dossier-magazine-tpe-1ere">Imprimer un magazine TPE de premi&#232;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                                        &nbsp;
1673                                        <a target="_blank" href="https://www.instagram.com/coollibri"><img src="/content/images/logo-instagram.png" /></a>
1674                                        &nbsp;
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                &nbsp;&nbsp;&nbsp;
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.