PageSourceSearch

https://www.jcroset-couleurs.com/contact

html jcroset-couleurs.com collected 2026-10-04 03:46:00 UTC 24,003 bytes, 489 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
3<head>
4
5    <!-- RapidDesign (RapidDesign 2) -->
6    <!-- Offre Gold -->
7    <!-- Id du blog : 794102 -->
8    
9    <title>Contact - J. Croset ~ Couleurs en baz'art !</title>
10    
11    <link rel="canonical" href="https://www.jcroset-couleurs.com/contact"/>
12    
13    <meta name="robots" content="noindex,follow">
14    <!-- Facebook Open Grah tags -->
15    <meta property="og:title" content="Contact" />
16        <meta property="og:image" content="https://static.blog4ever.com/2015/02/794102/Horizons.jpg" />
17    <meta property="og:url" content="https://www.jcroset-couleurs.com/contact" />
18    
19        <meta charset="UTF-8">
20        <meta name="viewport" content="width=device-width, initial-scale=1.0">
21        
22        <!--[if lte IE 8]>
22<script type="text/javascript" src="/resources/lib/html5-ie/html5-ie.js"></script>
22<![endif]-->
23        <!-- Librairies CSS -->
24        <link rel="stylesheet" type="text/css" href="/resources/lib/bootstrap/bootstrap.1518432416.css" media="screen" />
25        <link rel="stylesheet" type="text/css" href="/resources/lib/bootstrap/css/bootstrap-responsive.1518432416.css" media="screen" />
26        <link rel="stylesheet" type="text/css" href="/resources/css/b4e-bootstrap4-complement.1560764060.css" media="screen" />
27        <!-- CSS de base pour le Diz Perso 2 -->
28        <link rel="stylesheet" type="text/css" href="/resources/css/blog/dizperso-layout.1688112589.css" media="screen" />
29        <link rel="stylesheet" type="text/css" href="/resources/css/blog/dizperso-layout-responsive.1740988400.css" media="screen" />
30        <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/resources/css/blog/dizperso-ie7.1560934554.css" media="screen" /><![endif]-->
31        
32        <!-- Generated DP2 stylesheet -->
33        <link type="text/css" rel="stylesheet" href="https://static.blog4ever.com/2015/02/794102/dizperso/style.css?62" />
34                
35    <!-- Fichier CSS -->
36    <link rel="stylesheet" type="text/css" href="/resources/css/blog/css-blog4ever.1739363932.css" media="screen" />
37    <link rel="stylesheet" type="text/css" href="/resources/lib/fancybox2/jquery.fancybox.css?v=2.1.5"  media="screen"/>
38    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/glyphicons.css" />
39    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/css/alert.min.css" />
40    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/css/tooltip.min.css" />
41    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/form.min.css" />
42    <link type="text/css" rel="stylesheet" href="/resources/lib/wysibb/theme/default/wbbtheme.1518432417.css" />
43    <link type="text/css" rel="stylesheet" href="/resources/lib/hideshowpassword/wink.css" />
44    
45<!-- CSS personnalis&eacute; - Apr&egrave;s tous les autres fichiers CSS -->
46<link type="text/css" rel="stylesheet" href="https://static.blog4ever.com/2015/02/794102/dizperso/custom.2087760940.css" />
47        
48    <!-- Flux RSS -->
49    <link rel="alternate" type="application/rss+xml" title="Derniers articles" href="https://static.blog4ever.com/2015/02/794102/rss_articles.xml" />
50    <link rel="alternate" type="application/rss+xml" title="Derniers commentaires d'articles" href="https://static.blog4ever.com/2015/02/794102/rss_articles_commentaires.xml" />
51    <link rel="alternate" type="application/rss+xml" title="Derniers commentaires de photos" href="https://static.blog4ever.com/2015/02/794102/rss_photos_commentaires.xml" />
52    <link rel="alternate" type="application/rss+xml" title="Derniers sujets du forum" href="https://static.blog4ever.com/2015/02/794102/rss_forum.xml" />
53            <!--[if IE]>
54            <meta http-equiv="imagetoolbar" content="no" />
55            <![endif]-->
56            <meta name="robots" content="noimageindex">
57            <style>
58            * {
59              -webkit-user-select: none;
60              -moz-user-select: none;
61              -ms-user-select: none;
62              -webkit-touch-callout: none;
63            }
64            input, textarea, .wysibb-text-editor {
65              -webkit-user-select: text !important;
66              -moz-user-select: text !important;
67              -ms-user-select: text !important;
68              -webkit-touch-callout: default !important;
69            }
70            </style>
71
72    <!-- Favicon -->
73    <link rel="icon" type="image/png" href="/resources/img/blogs/favicon.png" />
74    <link rel="apple-touch-icon" href="/resources/img/blogs/favicon_apple.png" />
75
76    <!-- Member menu -->
77    <link type="text/css" rel="stylesheet" href="/resources/css/blogmember_menu.1518432416.css" />
78
79    <!-- Modal CSS -->
80    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/modal.min.css" />
81    <link type="text/css" rel="stylesheet" href="/resources/lib/bootstrap/css/popover.min.css" />
82    </head>
83
84<body class="dark diz-page type-contact">
85        <!-- Alert -->
86        <div class="action-msg alert" style="display:none">
87            <button type="button" class="close" data-dismiss="alert">x</button>
88            <strong></strong>
89        </div>
90    <!-- Facebook SDK -->
91    <div id="fb-root"></div>
92    
92<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v19.0" nonce="4QiyAbKN"></script>
92
93    
93<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
93
94    
95
96<div id="contenu" class="layout-2 diz-blog">
97    <header class="diz-entete">
98        <button type="button" class="btn btn-navbar sidebar-toggle visible-phone visible-tablet" data-toggle="collapse" data-target=".nav-collapse">
99            <span class="icon-bar"></span>
100            <span class="icon-bar"></span>
101            <span class="icon-bar"></span>
102        </button>
103        <h1 class="diz-entete-titre"><a id="titre_lien" href="https://www.jcroset-couleurs.com">J. Croset ~ Couleurs en baz'art !</a></h1>
104        <div class="image diz-entete-image"><a href="https://www.jcroset-couleurs.com"><img src="https://static.blog4ever.com/2015/02/794102/Horizons.jpg?1791085560" class="draggable" style="position: absolute; top: -618px;border: 0;" alt="J. Croset ~ Couleurs en baz'art !"/></a></div>
105    </header>
106
107    <nav class="diz-barre-navigation">
108        <button type="button" class="btn btn-navbar navbar-toggle visible-phone visible-tablet" data-toggle="collapse" data-target=".nav-collapse">
109            <span class="icon-bar"></span>
110            <span class="icon-bar"></span>
111            <span class="icon-bar"></span>
112        </button>
113        <ul><li><a href="/">Accueil</a></li><li><a href="/articles">Articles</a></li><li><a href="/photos">Photos</a></li><li><a href="/forum">Forum</a></li></ul>
114        
115    </nav>
116
117   <section class="main diz-milieu">
118        <article class="diz-contenu">
119            
120    <!-- JS PACKAGE : jquery, jquery tools, fancybox, juicebox -->
121    
121<script type="text/javascript" src="/resources/js/js_pack.1518432416.js"></script>
121
122    
123    
123<script type="text/javascript" src="/resources/lib/juicebox-1.5.1/jbcore/juicebox.js"></script>
123
124    <h3>Contact</h3>
125<form  method="post" action="/contact" id="contact_form" class="form_v2">
126    <div id="contact_intro">
127                    Pour contacter l'auteur du blog par e-mail , remplissez le formulaire ci-dessous.
128            </div>
129
130    <div class="form_moitie">
131        <label id="contact_pseudo_label" for="contact_pseudo_input">Votre nom :</label>
132        <input type="text" title="Votre nom" id="contact_pseudo_input" name="pseudo" value=""/>
133
134        <label id="contact_email_label" for="contact_email_input">Votre email :</label>
135        <input type="text" title="Votre adresse email" id="contact_email_input" name="email" value=""/>
136    </div>
137
138    <div class="form_full">
139        <label id="contact_sujet_label" for="contact_sujet_input">Sujet :</label>
140        <input type="text" id="contact_sujet_input" title="Sujet du message" name="sujet" value="" maxlength="50"/>
141    </div>
142
143    <div class="form_full">
144        <label id="contact_message_label" for="contact_message_textarea">Message :</label>
145        <textarea name="message" title="Votre message" id="contact_message_textarea"></textarea>
146    </div>
147    
148            <div class="form_full">
149            <label id="recaptcha_label">Cochez la case<br />ci-contre :</label>
vendor: 98 bytes, lines 149-152
149
150            
151    <script src="//www.google.com/recaptcha/api.js?hl=fr" async defer></script>
152    
152<div class="recaptcha_container" style="float: left;">
153        <div class="g-recaptcha" data-sitekey="6Lc1Og4TAAAAAEG9AZ-sMR2J_lHv6HYFKNlqwGDw"></div>
154    </div>        </div>
155    
156    <div class="form_full">
157        <input id="contact_submit_input" type="submit" value="Envoyer" name="contact"/>
158    </div>
159</form>
160<div class="spacer"></div>
161
162<div class="contact-mentions">
163    Hébergé sur la plateforme <a href="https://www.blog4ever.com/mentions" target="_blank" rel="nofollow">Blog4ever</a>
164</div>
165
166
167<script type="text/javascript">
168    var zoom_display = 'autosize';
169</script>
vendor: 1 bytes, line 169
169
170<script type="text/javascript" src="/resources/js/blog.1573551364.js"></script>
170
171
172
173    
173<script>
174    $(document).ready(function() {
175        $('#blogmember_menu_container').load('/membre/outils?random='+Math.random(),function() {
176            $('#blogmember_menu_container').fadeIn();
177        });
178    });
179    </script>
179
180
181    <!-- Panier : boite flottante en bas &agrave; droite -->
182    <div class="cart-box-float" style="display:none">
183        <a href="/panier">
184            <i class="icon-shopping-cart icon-white"></i>Panier: <span class="nbr-articles-panier">0 article</span>
185        </a>
186    </div>
187
188<script type="text/javascript" src="/resources/js/blog/cartadd.1518432416.js"></script>
188
189
190
191
192<!-- float form -->
193<!-- check if blog member is active in manager and no member connected -->
194        
195
196
197
198            
198<script>
199                $(document).ready(function() {
200                    // Anti-copie
201                    function nodroit()
202                    {
203                        alert('Clic droit interdit sur le blog, pour des raisons de protection de contenu (anti-copie)');
204                        return(false);
205                    }
206                    document.oncontextmenu = nodroit;
207                });
208            </script>
208
209            <!--[if IE]>
210            
210<script>
211                $(document).ready(function() {
212                    // IE
213                    $('*').bind('selectstart', function(e) {
214                        return $(e.target).is('input, textarea, .wysibb-text-editor');
215                    });
216                });
217            </script>
217
218            <![endif]-->
219        </article>
220        
221        <aside class="diz-menu-lateral">
222            
223            
224                        <div id="menu_articles" class="menu_bloc bloc-cote" data-section="articles">
225                            <h2>Articles</h2>
226                            <ul>
227                                
228                                <li id="menu_articles_tous"><a href="/articles">Tous les articles</a></li></ul>
229                        </div>
230                    
231
232                        <div id="menu_photos" class="menu_bloc bloc-cote" data-section="photos">
233                            <h2>Album photos</h2>
234                            <ul>
235                                
236            <li ><a href="/photos/affiches-cartes-pour-evenements-et-associations">¤ Affiches & cartes pour événements et associations</a></li>
237            <li >
238                    <strong>
239                        <a href="#" class="lien_expandable" id="articles_categorie_1948826967">¤ Séries en noir et blanc</a>
240                    </strong>
241                    <div id="div_photos_categorie_1948826967" class="div_expandable">
242                        <ul style="border: 0; margin 0; padding: 0;">
243            <li style="border: 0;"><a href="/photos/serie-abecedaire">¤ Série "Abécédaire"</a></li>
244            <li style="border: 0;"><a href="/photos/serie-ceux-que-je-suis">¤ Série "Ceux que je suis"</a></li>
245            <li style="border: 0;"><a href="/photos/serie-songes-de-nuits-d-hiver">¤ Série "Songes de nuits d'hiver"</a></li>
246                        </ul>
247                    </div></li>
248            <li >
249                    <strong>
250                        <a href="#" class="lien_expandable" id="articles_categorie_1948826942">¤ Séries en couleurs</a>
251                    </strong>
252                    <div id="div_photos_categorie_1948826942" class="div_expandable">
253                        <ul style="border: 0; margin 0; padding: 0;">
254            <li style="border: 0;"><a href="/photos/monstrueux">¤ Triptyque "Nature dissidente"</a></li>
255            <li style="border: 0;"><a href="/photos/diptyque-alice-au-pays-des-merveilles-1">¤ Diptyque "Alice au pays des merveilles"</a></li>
256            <li style="border: 0;"><a href="/photos/triptyque-a-baudelaire-1">¤ Triptyque à Baudelaire</a></li>
257            <li style="border: 0;"><a href="/photos/petits-chibis-mascottes-fantasy-histoire-1">¤ Petits chibis historico-fantasy</a></li>
258                        </ul>
259                    </div></li>
260            <li >
261                    <strong>
262                        <a href="#" class="lien_expandable" id="articles_categorie_1948826936">¤ Hors séries - illus en vrac</a>
263                    </strong>
264                    <div id="div_photos_categorie_1948826936" class="div_expandable">
265                        <ul style="border: 0; margin 0; padding: 0;">
266            <li style="border: 0;"><a href="/photos/heros-et-anonymes-d-autrefois">¤ Héros (et anonymes) d'autrefois</a></li>
267            <li style="border: 0;"><a href="/photos/couvertures-et-scenes-de-mon-roman-1">¤ Figures et moments de mes romans</a></li>
268            <li style="border: 0;"><a href="/photos/l-invitation-au-voyage-baudelaire-1">¤ Semi-abstractions</a></li>
269            <li style="border: 0;"><a href="/photos/enluminures-et-icones">¤ Enluminures, icônes & lettrines</a></li>
270            <li style="border: 0;"><a href="/photos/tourments-expressionnistes">¤ Tourments expressionnistes</a></li>
271            <li style="border: 0;"><a href="/photos/monstrueux-1">¤ Monstrueux ?</a></li>
272            <li style="border: 0;"><a href="/photos/paysages">¤ Paysages</a></li>
273            <li style="border: 0;"><a href="/photos/beautes-du-monde">¤ Beautés du monde</a></li>
274            <li style="border: 0;"><a href="/photos/couvertures-de-romans">¤ Couvertures de romans</a></li>
275                        </ul>
276                    </div></li>
277            <li ><a href="/photos/portraits-offerts-ou-sur-commande-1">¤ Portraits offerts ou sur commande</a></li><li id="menu_photos_toutes"><a href="/photos">
277Toutes les photos</a></li>
278                            <li id="menu_photos_diaporama"><a href="/diaporama">Diaporama</a></li></ul>
279                        </div>
280                    
281
282                        <div id="menu_forum" class="menu_bloc bloc-cote" data-section="forum">
283                            <h2>Forum</h2>
284                            <ul>
285                                
286            <li ><a href="/forum/vos-impressions-m-interessent">Vos impressions m'intéressent</a></li>
287            <li ><a href="/forum/autour-de-vous-et-de-vos-passions">Autour de vous et de vos passions</a></li>
288                            </ul>
289                        </div>
290                    
291
292                    <div id="menu_blogmember_box" class="menu_bloc bloc-cote" data-section="member_box">
293                        <h2>Membres</h2>
294                        
295        <div class="centre"><div class="menu_blogmember_box_link centre text-center"><a href="/membres">34 membres</a></div>
296            <div class="menu_blogmember_box_invite">Pour &ecirc;tre tenu au courant des futures mises &agrave; jour du blog et y participer, inscrivez-vous:</div><br>
297            <a href="/inscription?source=sidebar" id="register-sidebar">S'inscrire au blog</a></div>
298                    </div>
299
300                    <div id="menu_partenaires" class="menu_bloc bloc-cote" data-section="liens">
301                        <h2>A découvrir</h2>
302                        <ul>
303                            
304                            <li><a href="/liens">Tous les partenaires</a></li>
305                            <li><a href="/liens/proposer">Proposer un partenaire</a></li>
306                        </ul>
307                    </div>
308                
309            
310        </aside>
311        <div class="fond-cote"></div>
312    </section>
313
314    <footer class="diz-bas">
315        
316        <div id="barre_bas" style="display:block" class="centre">
317        <br />
318        <a href="/recommander">Recommander ce blog</a> |
319        <a href="/contact">Contact</a> |
320        <a href="/signaler">Signaler un contenu</a> |
321        <a href="/confidentialite">Confidentialité</a> |
322        <span class="bas_rss"><a href="/rss" title="Flux rss">RSS</a> |</span>
323        <a href="https://www.blog4ever.com" rel="external" target="_blank">Créez votre blog </a> | 
324        <a href="https://www.blog4ever.com/from-blog?blog_id=794102" target="_blank" rel="nofollow external">Espace de gestion</a>
325        
326        <br /><br />
327        
328        </div>
329    </footer>
330</div>
331
332
333
334        
334<script>
335        $(document).ready(function() {
336            
337            // Statistiques live
338            $.get("/stats", function(data)
339            {
340                if(data)
341                {
342                    $(".statistiques_nombre_total_visites").html(data.nb_total.toString());
343                    $(".statistiques_nombre_visites_jour").html(data.nb_jour.toString());
344                    $(".statistiques_nombre_visiteurs_live").html(data.nb_connectes.toString());
345                    if(data.last_maj != "")
346                    {
347                        $(".statistiques_date_derniere_maj").html("Mis &agrave; jour le "+data.last_maj);
348                        $("#statistiques_date_derniere_maj_li").show();
349                    }
350                    if(data.date_creation != "")
351                    {
352                        $(".statistiques_date_creation").html("Cr&eacute;&eacute; le "+data.date_creation.toString());
353                        $("#statistiques_date_creation_li").show();
354                    }
355                }
356
357            }, "json");
358            
359            
360            $('.navbar-toggle').click(function() {
361                if($('nav ul').is(":visible")) {
362                    $('nav ul').css('display', 'none');
363                    $('nav').animate({
364                            height: '40px'
365                        },
366                        500,
367                        function() {
368                        }
369                    );
370                }
371                else {
372                    $('nav').animate({
373                            height: '+='+$('nav ul').css('height')
374                        },
375                        500,
376                        function() {
377                            $('nav ul').css('display', 'block');
378                        }
379                    );
380                }
381            });
382
383            $('.sidebar-toggle').click(function() {
384                $('.main aside').css('background-color', $('.main .fond-cote').css('background-color'));
385                $('.main aside').css('background-image', $('.main .fond-cote').css('background-image'));
386                $('.main aside').toggle();
387
388                $('.blogmember_menu').toggle();
389
390                if($('.blogmember_menu').is(":visible")) {
391                    $('#contenu').addClass('members-active');
392                }
393                else {
394                    $('#contenu').removeClass('members-active');
395                }
396            });
397        
398        });
399        </script>
399
400        
401
402
403    <div id="blogmember_menu_container" style="display:none"></div>
404    <!-- Register -->
405    <div class="modal" id="register_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display:none">
406      <div class="modal-header">
407        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
408        <h3>Inscription au blog</h3>
409      </div>
410      <div class="modal-body">
411          <div class="intro">
412            En vous inscrivant vous pourrez si vous le souhaitez être prévenu par email en cas de nouveauté (article, commentaire, sujet sur le forum) et personnaliser votre profil pour participer au blog.
413          </div>
414                        <form class="form-horizontal">
415                <input type="hidden" name="source" value="" />
416                <div class="control-group control_email">
417                    <label class="control-label">Votre adresse email :</label> 
418                    <div class="controls">
419                        <input type="text" name="email" class="input-medium">
420                    </div>
421                </div>
422                <div class="control-group control_username">
423                    <label class="control-label">Votre nom d'utilisateur :</label> 
424                    <div class="controls">
425                        <input type="text" name="username" class="input-medium"> 
426                        <span class="help-inline" style="display:none">Ce nom est d&eacute;j&agrave; r&eacute;serv&eacute;.
427                            <a class="register_to_login" href="/recuperer-mon-compte">Cliquez ici pour vous connecter</a>
428                        </span>
429                    </div>
430                </div>
431                <div class="control-group control_password">
432                    <label class="control-label">Un mot de passe :</label> 
433                    <div class="controls">
434                        <input type="password" name="password" class="input-medium">
435                    </div>
436                </div>
437
438                
439                <div class="centre">
440                    <button id="register_submit" class="btn" type="submit">S'inscrire</button>
441                </div>
442              </form>
443                      <hr />
444            <div class="centre">
445                Vous &ecirc;tes d&eacute;j&agrave; inscrit sur notre blog ? <a class="register_to_login" href="/recuperer-mon-compte">Connectez-vous!</a>
446            </div>
447      </div>
448    </div>
449
450
451
452
453    <!-- Login -->
454    <div class="modal" id="login_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display:none">
455      <div class="modal-header">
456        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
457        <h3>Connexion au blog</h3>
458      </div>
459      <div class="modal-body">
460        <form action="/connexion" method="post" class="form-horizontal">
461            <div class="control-group control_username">
462                <label class="control-label">Nom d'utilisateur :<br />
463                <a href="/recuperer-mon-compte#lost_login">Oubli&eacute; ?</a></label>
464                <div class="controls">
465                    <input type="text" name="username" class="input-medium">
466                </div>
467            </div>
468            <div class="control-group control_password">
469                <label class="control-label">Mot de passe :<br />
470                <a href="/recuperer-mon-compte#lost_password">Oubli&eacute; ?</a></label>
471                <div class="controls">
472                    <input type="password" name="passe" class="input-medium">
473                </div>
474            </div>
475            <div class="centre">
476                <button id="login_submit" class="btn" type="submit">Se connecter</button>
477            </div>
478        </form>
479        <hr />
480        <div class="centre">
481            Vous n'avez pas encore de compte sur notre blog ? <a href="/inscription">Inscrivez vous!</a>
482        </div>
483      </div>
484    </div>
485
486    
486<script type="text/javascript" src="/resources/lib/bootstrap/modal.min.js"></script>
486
487    
487<script type="text/javascript" src="/resources/lib/bootstrap/popover.min.js"></script>
487
488    </body>
489</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.