1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Déclic-Image | Club Photo | Villeneuve-lès-Avignon, France</title> 7 <meta name="description" content="Association de passionnés, Déclic-Image (anciennement Déclic-Image-Gard) vous accompagne dans le domaine de la photographie, de l'informatique se rapportant à la photographie, et dans une moindre mesure à la vidéo."> 8 <meta property="og:type" content="website"> 9 <meta property="og:image" content="https://declic-image.fr/images/site_logos/squareLogo_512x512.png"> 10 <meta property="og:image:width" content="512"> 11 <meta property="og:image:height" content="512"> 12 <meta property="og:url" content="https://declic-image.fr"> 13 <meta property="og:site_name" content="Declic-Image 2026"> 14 <meta property="og:title" content="Déclic-Image | Club Photo | Villeneuve-lès-Avignon, France"> 15 <meta property="og:description" content="Association de passionnés, Déclic-Image (anciennement Déclic-Image-Gard) vous accompagne dans le domaine de la photographie, de l'informatique se rapportant à la photographie, et dans une moindre mesure à la vidéo."> 16 <link rel="canonical" href="https://declic-image.fr"> 17 <link rel="icon" sizes="192x192" href="https://declic-image.fr/images/site_logos/iconDeclicImageWeb" type="image/png"> 18 <link rel="shortcut icon" href="https://declic-image.fr/images/site_logos/iconDeclicImageWeb" type="image/png"> 19 <link rel="apple-touch-icon" href="https://declic-image.fr/images/site_logos/iconDeclicImageWeb" type="image/png"> 20 <link rel="stylesheet" href="https://declic-image.fr/css/style.css"> 21
21<script src="https://declic-image.fr/js/script.js"></script>
vendor: 66 bytes, lines 21-22
21 22 <script src="https://www.google.com/recaptcha/api.js"></script>
23</head> 24 25<body> 26 <header> 27 <nav id="nav-header"> 28 <div id="logoCalendarContainer"> 29 <a href="#accueil"><img class="site-logo" src="https://declic-image.fr/images/site_logos/Logo_Photo_Video_Montage_Retouche_H1000.jpg" alt="Logo Déclic-Image"></a> 30 <div class="calendar" style="display:none;" title="Cliquez pour afficher/masquer l'agenda"> 31 <img src="images/site_logos/calendrier.gif" alt="Calendrier" class="calendar-icon-header"> 32 </div> 33 </div> 34 <ul class="nav-header-links"> 35 <li class="li-asso"><a href="#association">Notre Asso</a> 36 <ul class="sub-menu-asso"> 37 <li><a href="#adhérents">Espace Adhérents(*)</a></li> 38 <li><a id="openTrombi" href="#" class="open-trombi">Trombinoscope(*)</a></li> 39 </ul> 40 </li> 41 <li><a href="#activites">Activités</a></li> 42 <li><a href="#liens">Liens</a></li> 43 <li><a href="#contact">Contact</a></li> 44 </ul> 45 </nav> 46 </header> 47 <main> 48 <div id="maintenanceModalContainer"> 49 <img class="construction-img" src="https://declic-image.fr/images/site_logos/en_construction.png" alt="Site en construction"> 50 </div> 51 <div id="fb-link"> 52 <a class="fb-link" href="https://www.facebook.com/profile.php?id=100086914205004" target="_blank">f</a> 53 </div> 54 <div id="communModalContainer" class="modalWindow"> 55 <div class="innerModal"> 56 <span class="close" id="closeModalId">×</span> 57 <iframe id="iframesId" src="about:blank" style="width: 100%; height: 100%; border: none;"></iframe> 58 </div> 59 </div> 60 <section id="accueil" class="hero"> 61 <h1 id="bienvenue">Bienvenue à Déclic-Image</h1> 62<!-- <p>Le club des passionnés de la photo et de la vidéo au cÅur de <a href="https://maps.app.goo.gl/XSPgY92c8imJs1SP8" target="_blank">Villeneuve-lès-Avignon et du Grand Avignon</a></p>--> 63 <p>Le club des passionnés de la photo et de la vidéo au cÅur de <a href="https://www.google.com/maps/d/u/1/edit?mid=1_P_zhWlGL1SgaWemuK_BZw8El5JCklk&usp=sharing" target="_blank">Villeneuve-lès-Avignon et du Grand Avignon</a></p> 64 <div id="sub-accueil-1"> 65 Déclic-Image vous accompagne dans le domaine de la photographie, 66 de l'informatique se rapportant à la photographie, et dans une moindre mesure à la vidéo. 67 <br />Vous serez informés de l'actualité locale liée à la photographie (expos, concours...), et nous vous 68 proposerons de multiples activités de groupe, des sorties photos, des astuces, des conseils... 69 </div> 70 <div id="anchorDiapo"><h3>Notre Passion pour l'Image</h3></div> 71 <div id="sub-accueil-2"> 72 <h3 class="h3_italic_shadow">L'association réunit les photographes de tous niveaux pour apprendre, partager et exposer.</h3> 73 </div> 74 <div id="diaporamaContainer"> 75 <div class="slide"> 76 <img data-src="images/diaporama/image_01.jpg" 77 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 78 alt="Photo Diaporama 1"> 79 </div> 80 <div class="slide"> 81 <img data-src="images/diaporama/image_02.jpg" 82 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 83 alt="Photo Diaporama 2"> 84 </div> 85 <div class="slide"> 86 <img data-src="images/diaporama/image_03.jpg" 87 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 88 alt="Photo Diaporama 3"> 89 </div> 90 <div class="slide"> 91 <img data-src="images/diaporama/image_04.jpg" 92 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 93 alt="Photo Diaporama 4"> 94 </div> 95 <div class="slide"> 96 <img data-src="images/diaporama/image_05.jpg" 97 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 98 alt="Photo Diaporama 5"> 99 </div> 100 <div class="slide"> 101 <img data-src="images/diaporama/image_06.jpg" 102 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 103 alt="Photo Diaporama 6"> 104 </div> 105 <div class="slide"> 106 <img data-src="images/diaporama/image_07.jpg" 107 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 108 alt="Photo Diaporama 7"> 109 </div> 110 <div class="slide"> 111 <img data-src="images/diaporama/image_08.jpg" 112 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 113 alt="Photo Diaporama 8"> 114 </div> 115 <div class="slide"> 116 <img data-src="images/diaporama/image_09.jpg" 117 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 118 alt="Photo Diaporama 9"> 119 </div> 120 <div class="slide"> 121 <img data-src="images/diaporama/image_10.jpg" 122 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 123 alt="Photo Diaporama 10"> 124 </div> 125 <div class="slide"> 126 <img data-src="images/diaporama/image_11.jpg" 127 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 128 alt="Photo Diaporama 11"> 129 </div> 130 <div class="slide"> 131 <img data-src="images/diaporama/image_12.jpg" 132 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 133 alt="Photo Diaporama 12"> 134 </div> 135 <div class="slide"> 136 <img data-src="images/diaporama/image_13.jpg" 137 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 138 alt="Photo Diaporama 13"> 139 </div> 140 </div> 141 </section> 142 <section id="association"> 143 <hr class="hr-section"> 144 <div class="presentation"> 145 <h2>Notre Asso</h2> 146 <h4>L'animation de Déclic-Image est basée sur l'échange et la convivialité.</h4> 147 <div>Différentes activités permettent aux uns et aux autres de trouver leur place au sein de l'association qu'ils soient débutants, avertis ou experts.</div> 148 <p>Une saison Déclic-Image s'étend de début septembre à fin juin. Et nous limitons les activités pendant les vacances scolaires. Bien entendu, nous acceptons les inscriptions tout au long de la saison, bien qu'elles soient prises en général après la Journée des Associations Angloises et Villeneuvoises qui a lieu le 1er week-end de septembre et à laquelle l'Association participe. 149 <div style="font-weight: bold;">La cotisation annuelle est fixée à 65 ⬠pour la saison 2026-2027</div> 150 <br />Pour tout renseignement, vous pouvez nous contacter en cliquant <a href="#contact">ICI</a> 151 </p> 152 <div id="bureauContainer"> 153 <h3>Le Bureau (saison 2026-2027)</h3> 154 <p>Il est composé de 3 membres</p> 155 <div class="bureau-elem_div"> 156 <div class="bureau-img_div"> 157 <img src="https://declic-image.fr/images/trombinoscope/Jean-Yves_BEGUIER.jpg" style="height:155px; width:auto; margin: 0px 0px 0px -25px"> 158 </div> 159 <div>Jean-Yves BEGUIER</div> 160 <div>Président</div> 161 </div> 162 <div class="bureau-elem_div"> 163 <div class="bureau-img_div"> 164 <img src="https://declic-image.fr/images/trombinoscope/Sophie_BRIEND.jpg" style="height:120px; width:auto; margin: -5px 0px 0px -25px"> 165 </div> 166 <div>Sophie BRIEND</div> 167 <div>Trésorière</div> 168 </div> 169 <div class="bureau-elem_div"> 170 <div class="bureau-img_div"> 171 <img src="https://declic-image.fr/images/trombinoscope/Lucien_CANSANI.webp" style="height:80px; width:auto; margin: -5px 0px 0px -5px"> 172 </div> 173 <div>Lucien CANSANI</div> 174 <div>Secrétaire</div> 175 </div>
176 </div> 177 </div> 178 </section> 179 <section id="adhérents"> 180 <hr class="hr-section"> 181 <h3>Espace réservé aux adhérents(*)</h3> 182 <div> 183 <!-- old <div><a href="https://joomeo.link/2fa677ec" target="_blank">Accès aux Soumissions Photos</a></div>//--> 184 <div><a href="https://album.direct/1fc289bc" target="_blank">Accès aux Soumissions Photos</a></div> 185 <div style="font-size: smaller;font-weight: bold;padding-top: 5px;">Rappel des règles d'usage : </div> 186 <div class="_4Mo">Nommage des Fichiers --> Prénom_Nom & Libellé_court_optionnel...</div> 187 <div class="_4Mo">Poids maximum Photo < 4 Méga-octets au format jpeg</div> 188 <div class="_4Mo">Pas de signature, ni filigrane sur les photos</div> 189<!-- <div class="_4Mo"><b>Nommage des Fichiers : Prénom_Nom Libellé_court_optionnel...<br/>Poids maximum Photo < 4 Méga-octets au format jpeg<br/>Pas de signature, ni filigrane sur les photos</b></div>//--> 190 </div> 191 </section> 192 <section id="activites"> 193 <hr class="hr-section"> 194 <div style="display:flex; align-items: center; justify-content: center; "> 195 <h2>Nos Activités</h2> 196 <div class="calendar" title="Cliquez pour afficher/masquer l'agenda"> 197 <img src="https://declic-image.fr/images/site_logos/calendrier.gif" alt="Calendrier" class="calendar-icon-header"> 198 </div> 199 </div> 200 <div class="activities-grid"> 201 <div id="activity-1" class="activity-card"><h3>Photothèque</h3> 202 <div class="activite-row"><a class="joomeo_link" href="#activity-1" data-src="https://public.photowebcloud.fr/albums/69948743abf22">Album Coups de coeur</a></div> 203 <div class="activite-row"><a href="https://album.direct/22ef9012" target="_blank">Nos Thèmes Photos précédents(*)</a></div> 204 </div> 205 <div id="activity-2" class="activity-card"><h3>Actualités-Expos-Sorties</h3> 206 <div class="activite-row"><a class="joomeo_link" href="#activity-2" data-src="https://public.photowebcloud.fr/albums/6a90424d35e8f/slideshow?sls_ap=1&sls_ac=1&sls_dbp=3&sls_afs=1">Dernières Infos...</a></div> 207 <div class="activite-row"><a class="joomeo_link" href="#activity-2" data-src="https://public.photowebcloud.fr/albums/69948d6043389">Nos Expos au fil des années</a></div> 208 <div class="activite-row"><a href="https://album.direct/94a1d439" target="_blank">Cours & Tutoriels(*)</a></div> 209 </div> 210 <div id="activity-3" class="activity-card"><h3>Vidéothèque</h3> 211 <div class="activite-row"><a class="joomeo_link" href="#activity-3" data-src="https://public.photowebcloud.fr/albums/6996ca9581483">Album DaVinciResolve</a></div> 212 <div class="activite-row"><a href="https://album.direct/02f0f8f4" target="_blank">Dossier Vidéothèque(*)</a></div> 213 </div> 214 </div> 215 <div class="activities-iframe-wrapper"><!-- Affichage Joomeo dynamique --> 216 <div class="iframe_title_div"><h1 id="joomeo_title" class="h1_italic_shadow">Dernières Infos...</h1></div> 217 <iframe id="joomeo_iframe" src="https://public.photowebcloud.fr/albums/6a90424d35e8f/slideshow?sls_ap=1&sls_ac=1&sls_dbp=3&sls_afs=1&iframe=1" scrolling="no" frameborder="0" width="100%" height="400" allowfullscreen></iframe> 218 </div> 219 </section> 220 <section id="liens"> 221 <hr class="hr-section"> 222 <div id="liensContainer"> 223 <h2 style="font-style: italic;">Partageons, il en restera toujours quelque chose...</h2> 224 <ul class="liens-list"> 225 <li><a href="https://www.facebook.com/profile.php?id=100086914205004" target="_blank">Notre page Déclic-Image sur Facebook</a></li> 226 <li><a href="https://www.facebook.com/groups/697392069119818" target="_blank">Le Groupe des Photographes sur Facebook</a></li> 227 <li><a href="https://seektoclick.com/" target="_blank">La Galerie photo animalière de Philippe Bourg</a></li> 228 <li><a href="https://jln-photo.com/" target="_blank">La Photographie librement par Jean-Luc Neulat</a></li> 229 <li><a href="https://federation-photo.fr/" target="_blank">Le site de la Fédération de Photographie</a></li> 230 <li style="font-weight: bold; font-style: italic;">Faites nous part de vos liens préférés...</li> 231 </ul> 232 </div> 233 </section> 234 <section id="contact"> 235 <hr class="hr-section"> 236 <div id="contactContainer"> 237 <h2>Contact</h2> 238 <p style="margin:5px;">Vous souhaitez en savoir plus ?</p> 239 <p style="margin:5px;">N'hésitez pas à nous contacter par e-mail, par téléphone,<br />ou remplissez le formulaire ci-dessous, et nous<br />vous répondrons au plus vite.</p> 240 <p style="margin:10px; font-weight: bold;">E-mail : [email protected]</p> 241 <p style="margin:5px; font-weight: bold;">N° de Tél. : 06 30 15 41 04 (le président)</p> 242 <p style="margin:5px; font-weight: bold;">06 30 00 15 62 (le secrétaire)</p> 243 <p style="margin:10px; font-weight: bold;">
24306 36 16 36 16 (le webmaster)</p> 244 <div class="form-container"> 245<!-- <form action="declic-image_form.php" method="post">--> 246 <form id="formulaire" onsubmit="return false"> 247 <div class="form-group"> 248 <label for="nom">Nom et Prénom</label> 249 <input type="text" id="nom" name="nom" placeholder="Votre nom..." required> 250 </div> 251 <div class="form-group"> 252 <label for="email">E-mail</label> 253 <input type="email" id="email" name="email" placeholder="[email protected]" required> 254 </div> 255 <div class="form-group"> 256 <label for="sujet">Sujet</label> 257 <select id="sujet" name="sujet" onchange="changeSelect(this)"> 258 <option value="Inscription">Je souhaite m'inscrire / avoir des informations</option> 259 <option value="Event">Je vous informe d'une exposition / d'un évènement</option> 260 <option value="Divers">Divers...</option> 261 </select> 262 </div> 263 <div class="form-group"> 264 <label for="message">Message</label> 265 <textarea id="message" name="message" rows="4" placeholder="Votre message pour le club..."required></textarea> 266 </div> 267 <div id="piece-jointe" class="form-group" style="display:none;"> 268 <input type="hidden" name="MAX_FILE_SIZE" value="2097152" /> 269 <label for="fichier">Pièce jointe <span style="font-size:14px; font-weight:normal;">(Taille < 2Mo .....jpg, .png, .pdf)</span></label> 270 <input type="file" id="fichier" name="fichier" accept=".jpg, .jpeg, .png, .pdf"></input> 271 </div> 272 <div class="form-group"> 273 <label for="secur">Par sécurité...</label> 274 <input type="text" id="secur" name="secur" placeholder="Merci d'indiquer votre code postal..." required> 275 </div> 276 <button id="form_btn" onclick="submitForm('formulaire')" class="btn-submit">Envoyer le message</button> 277 </form>
278 </div> 279 </div> 280 </section> 281 </main> 282 <footer id="site-footer"> 283 <div class="footer-left-group"> 284 <div class="footer-logo"> 285 <a href="index.html"> 286 <img class="footer-logo-img" src="https://declic-image.fr/images/site_logos/squareLogo_512x512.jpg" alt="Logo"> 287 </a> 288 </div> 289 <div class="footer-info"> 290 <div> 291 <span><b>Déclic-Image</b></span> 292 <span style="white-space:nowrap;">© 2026 Tous droits réservés</span> 293 </div> 294 <div style="white-space:nowrap;"> 295 <a href="https://www.google.com/maps/d/u/1/edit?mid=1_P_zhWlGL1SgaWemuK_BZw8El5JCklk&usp=sharing" target="_blank">30400 Villeneuve-lès-Avignon</a> 296 </div> 297 </div> 298 </div> 299 <nav class="footer-links"> 300 <a id="openMentions" href="#">Mentions légales</a> 301 <a id="openDroit" href="#">Droit à l'image</a> 302 <a href="mailto:[email protected]">WebContact</a> 303 </nav> 304 </footer> 305</body> 306 307</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.