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é - Aprè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 à 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 être tenu au courant des futures mises à 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 à 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éé 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éjà réservé. 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 êtes déjà 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é ?</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é ?</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.