1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="UTF-8"> 6 <title>Commune de Plassay - Charente-Maritime</title> 7 <meta property="og:title" content="Commune de Plassay - Charente-Maritime"> 8 <meta property="og:type" content="website"> 9 <meta property="og:url" content="https://www.mairieplassay.com"> 10 <meta property="og:description" content="Découvrez Plassay, un charmant village niché au cÅur de la Charente-Maritime. Explorez notre patrimoine historique, profitez de la quiétude de notre campagne, et restez informés des événements et services locaux sur le site officiel de la commune de Plassay. Bienvenue à Plassay, où tradition et modernité se rencontrent."> 11 <meta property="og:locale" content="fr_FR"> 12 <meta name="Description" content="Découvrez Plassay, un charmant village niché au cÅur de la Charente-Maritime. Explorez notre patrimoine historique, profitez de la quiétude de notre campagne, et restez informés des événements et services locaux sur le site officiel de la commune de Plassay. Bienvenue à Plassay, où tradition et modernité se rencontrent."> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 14 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 15 <meta name="theme-color" content="#333"> 16 <link rel="icon" href="img/favicon.ico"> 17 <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120-precomposed.png"> 18 <link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152-precomposed.png"> 19 <link href="css/styles.min.css" rel="stylesheet"> 20 <link href="css/leaflet.min.css" rel="stylesheet"> 21 <link href="css/cartes.min.css" rel="stylesheet"> 22</head> 23 24<body> 25 <header> 26 <nav> 27 <div class="logo"> 28 <span>PLASSAY</span> Charente-Maritime 29 </div> 30 <input type="checkbox" id="navbouton"> 31 <div class="navbutton"> 32 <span></span> 33 <span></span> 34 <span></span> 35 <label for="navbouton">-</label> 36 </div> 37 <label for="navbouton" class="backdrop">-</label> 38 <ul> 39 <li class="menu-deroulant"> 40 <input type="radio" name="menuderoulant" id="menu-deroulant1"> 41 <label for="menu-deroulant1">-</label> <a href="#">VIE <br>MUNICIPALE</a> 42 <ul> 43 <li><a href="index.php">FLASH INFOS</a></li> 44 <li><a href="commune.html">La Commune</a></li> 45 <li><a href="equipe-municipale.html">Le Conseil Municipal</a></li> 46 <li><a href="comptes-rendus.php">Comptes-Rendus</a></li> 47 <li><a href="arretesmunicipaux.php">Arrêtés significatifs voirie/circulation</a></li> 48 <li><a href="plassay-infos.php">Plassay Infos</a></li> 49 <li><a href="bulletins.php">Bulletins Municipaux</a></li> 50 <li><a href="patrimoine.html">Le Patrimoine</a></li> 51 </ul> 52 </li> 53 <li class="menu-deroulant"> 54 <input type="radio" name="menuderoulant" id="menu-deroulant2"> 55 <label for="menu-deroulant2">-</label> <a href="#">DÃMARCHES <br>ADMINISTRATIVES</a> 56 <ul> 57 <li><a href="nouveauxarrivants.html">Nouveaux arrivants</a></li> 58 <li><a href="#">Liens citoyenneté</a></li> 59 <li><a href="https://les-aides.nouvelle-aquitaine.fr" target="_blank">Aides de la Région</a></li> 60 <li><a href="urbanisme.html">Urbanisme</a></li> 61 <li><a href="etatcivil.html">Ãtat civil</a></li> 62 <li><a href="#">Véhicules</a></li> 63 </ul> 64 </li> 65 <li class="menu-deroulant"> 66 <input type="radio" name="menuderoulant" id="menu-deroulant3"> 67 <label for="menu-deroulant3">-</label> <a href="#">VIE SCOLAIRE <br>ENFANCE et JEUNESSE</a> 68 <ul> 69 <li><a href="ram.html">RAM</a></li> 70 <li><a href="petitescoccinelles.html">Petites coccinelles, halte‑garderie</a></li> 71 <li><a href="assistantesmaternelles.html">Assistantes maternelle</a></li> 72 <li><a href="ecole.html">
72Ãcole</a></li> 73 <li><a href="ecole.html">⺠L'école de Plassay</a></li> 74 <li><a href="ecole-histoire.html">⺠Notre école, son histoire</a></li> 75 <li><a href="sivosrpi.html">⺠SIVOS et RPI</a></li> 76 <li><a href="inscription-scolaire.html">⺠Inscriptions scolaire</a></li> 77 <li><a href="cantine.php">Périscolaire</a></li> 78 <li><a href="cantine.php">⺠Restauration scolaire</a></li> 79 <li><a href="garderie.html">⺠Garderie, tarifs, horaires</a></li> 80 <li><a href="transportscolaire.html">⺠Transport scolaire</a></li> 81 <li><a href="secteurjeunesse.html">Secteur jeunesse</a></li> 82 <li><a href="service-civique.html">Service civique</a></li> 83 </ul> 84 </li> 85 <li class="espace"></li> 86 <li class="menu-deroulant"> 87 <input type="radio" name="menuderoulant" id="menu-deroulant4"> 88 <label for="menu-deroulant4">-</label> <a href="#">ÃCONOMIE <br>SOCIAL</a> 89 <ul> 90 <li><a href="artisanscommercants.html">Artisans/commerçants</a></li> 91 <li><a href="agence-postale.html">Agence postale</a></li> 92 <li><a href="polesante.html">Pôle santé</a></li> 93 </ul> 94 </li> 95 <li class="menu-deroulant"> 96 <input type="radio" name="menuderoulant" id="menu-deroulant5"> 97 <label for="menu-deroulant5">-</label> <a href="#">CULTURE <br>LOISIRS</a> 98 <ul> 99 <li><a href="associations.html">Associations</a></li> 100 <li><a href="salledesfetes.html">Salle des fêtes</a></li> 101 <li><a href="#">Circuits randonnées</a></li> 102 <li><a href="#">Sorties</a></li> 103 <li><a href="#">Musée de la Pierre</a></li> 104 <li><a href="lapidiales.html">Lapidiales</a></li> 105 </ul> 106 </li> 107 <li class="menu-deroulant"> 108 <input type="radio" name="menuderoulant" id="menu-deroulant6"> 109 <label for="menu-deroulant6">-</label> <a href="#">INFOS <br>PRATIQUES</a> 110 <ul> 111 <li><a href="orduresmenageres.html">Ordures ménagères</a></li> 112 <li><a href="dechetterie.html">Déchetterie</a></li> 113 <li><a href="defibrilateur.html">Défibrillateur</a></li> 114 <li><a href="cimetiere.html">Cimetière</a></li> 115 <li><a href="divagationnuisance.html#divagation">Divagation animaux</a></li> 116 <li><a href="divagationnuisance.html#nuissances">Nuisances sonores</a></li> 117 <li><a href="https://www.coeurdesaintonge.fr/" target="_blank">La CDC</a></li> 118 </ul> 119 </li> 120 <li class="menu-deroulant"> 121 <label for="menu-deroulant7">-</label> <a href="annuaire.html">ANNUAIRE</a> 122 </li> 123 </ul> 124 </nav> 125 <div class="bandeau"> 126 <img src="img/bandeau/plassay-eglise-1.jpg" alt="photo village de Plassay"> 127 <img src="img/bandeau/plassay-boite-a-livre.jpg" alt="photo village de Plassay"> 128 <img src="img/bandeau/plassay-carte-ancienne-1.jpg" alt="photo village de Plassay"> 129 <img src="img/bandeau/plassay-chene-1.jpg" alt="photo village de Plassay"> 130 <img src="img/bandeau/plassay-mairie.webp" alt="photo village de Plassay"> 131 <img src="img/bandeau/plassay-monument-aux-morts.jpg" alt="photo village de Plassay"> 132 <img src="img/bandeau/plassay-perres-levees.jpg" alt="photo village de Plassay"> 133 </div> 134 </header> 135 <main> 136 <section> 137 <h1>LE CONSEIL MUNICIPAL</h1> 138 <!-- <img class="center" src="img/equipe-municipale/plassay-mairie.jpg" alt="La mairie de Plassay"> --> 139 <img class="center" src="img/equipe-municipale/conseil-municipal.png" alt="Le conseil municipal de la commune de Plassay élu en mars 2026"> 140 <p>Le Conseil Municipal est l'organe délibérant de la commune, élu au suffrage universel pour une durée de 6 ans. Il est chargé de gérer par ses délibérations, les affaires de la commune".</p> 141 <p>Le Conseil Municipal se réunit, en général, une fois par mois.</p> 142 <p>Le Conseil Municipal est en mesure de prendre toutes les décisions concernant la gestion communale, vote le budget communal, le taux d'imposition local, crée et supprime les emplois d'agents communaux, autorise les acquisitions et les cessions de biens communaux, approuve les emprunts de la commune, accorde les subventions.</p> 143 <hr> 144 <h2>L'Ãquipe Municipale de PLASSAY</h2> 145 <div class="flex"> 146 <div class="card"> 147 <img src="img/equipe-municipale//Patrice-BACHEREAU-Maire.jpg" alt="" width="250"> 148 <p>Patrice BACHEREAU<br>
149 <span>Maire</span> 150 </p> 151 </div> 152 </div> 153 <div class="flex"> 154 <div class="card"> 155 <img src="img/equipe-municipale/Josiane-MENARD-1re-adjointe.jpg" alt="" width="250"> 156 <p>Josiane MÃNARD<br> 157 <span>1<sup>re</sup> Adjointe</span> 158 </p> 159 </div> 160 <div> 161 <div class="card"> 162 <img src="img/equipe-municipale/Cedric-PAPIN-2e-adjoint.jpg" alt="" width="250"> 163 <p>Cédric PAPIN<br> 164 <span>2<sup>e</sup> Adjoint</span> 165 </p> 166 </div> 167 </div> 168 <div> 169 <div class="card"> 170 <img src="img/equipe-municipale/Marianne-DELPORTE-3e-adjointe.jpg" alt="" width="250"> 171 <p>Marianne DELPORTE<br> 172 <span>3<sup>e</sup> Adjoint</span> 173 </p> 174 </div> 175 </div> 176 <div> 177 <div class="card"> 178 <img src="img/equipe-municipale/Christian-HIMONNET-4e-adjoint.jpg" alt="" width="250"> 179 <p>Christian HIMONNET<br> 180 <span>4<sup>e</sup> Adjointe</span> 181 </p> 182 </div> 183 </div> 184 <div> 185 <div class="card"> 186 <img src="img/equipe-municipale/Nicole-CHEMINADE.jpg" alt="" width="250"> 187 <p>Nicole CHEMINADE<br> 188 <span>Conseillère Municipale</span> 189 </p> 190 </div> 191 </div> 192 <div> 193 <div class="card"> 194 <img src="img/equipe-municipale/claudon.jpg" alt="" width="250"> 195 <p>Alain CLAUDON<br> 196 <span>Conseiller Municipal</span> 197 </p> 198 </div> 199 </div> 200 <div> 201 <div class="card"> 202 <img src="img/equipe-municipale/Michaelle-DEGRANGE.jpg" alt="" width="250"> 203 <p>Michaelle DEGRANGE<br> 204 <span>Conseillère Municipale</span> 205 </p> 206 </div> 207 </div> 208 <div> 209 <div class="card"> 210 <img src="img/equipe-municipale/Nicolas-DUVERNOY.jpg" alt="" width="250"> 211 <p>Nicolas DUVERNOY<br> 212 <span>Conseiller Municipal</span> 213 </p> 214 </div> 215 </div> 216 <div> 217 <div class="card"> 218 <img src="img/equipe-municipale/Amandine-MAIRE.jpg" alt="" width="250"> 219 <p>Amandine MAIRE<br> 220 <span>Conseillère Municipale</span> 221 </p> 222 </div> 223 </div> 224 <div> 225 <div class="card"> 226 <img src="img/equipe-municipale/Jean-Luc-GRADAIVE.jpg" alt="" width="250"> 227 <p>Jean-Luc GRADAIVE<br> 228 <span>Conseiller Municipal</span> 229 </p> 230 </div> 231 </div> 232 233 <div> 234 <div class="card"> 235 <img src="img/equipe-municipale/monget.jpg" alt="" width="250"> 236 <p>Marine MONGET<br> 237 <span>Conseillère Municipale</span> 238 </p> 239 </div> 240 </div> 241 <div> 242 <div class="card"> 243 <img src="img/equipe-municipale/painsonneau.jpg" alt="" width="250"> 244 <p>Bruno PAINSONNEAU<br> 245 <span>Conseiller Municipal</span> 246 </p> 247 </div> 248 </div> 249 <div> 250 <div class="card"> 251 <img src="img/equipe-municipale/Pascaline-VINET.jpg" alt="" width="250"> 252 <p>Pascaline VINET<br> 253 <span>Conseillère Municipale</span> 254 </p> 255 </div> 256 </div> 257 258 <div> 259 <div class="card"> 260 <img src="img/equipe-municipale/Jeremie-YUNTA.jpg" alt="" width="250"> 261 <p>Jérémie YUNTA<br> 262 <span>Conseiller Municipal</span> 263 </p> 264 </div> 265 </div> 266 267 </div> 268 <hr> 269 <h2>Les Services Municipaux</h2> 270 <ul> 271 <li>Secrétariat 272 <ul> 273 <li>Véronique GROLAUD</li> 274 </ul> 275 </li> 276 <li>Services techniques 277 <ul> 278 <li>Jacques-Olivier DEGRANGE</li> 279 <li>Yannick TAGUET</li> 280 <!-- <li>Philippe VINET</li> --> 281 <li>André JOULAIN 282 </ul> 283 </li> 284 <li>Cantine 285 <ul> 286 <li>Maïté DELEZAY</li> 287 <li>Service cantine</li> 288 <li>Ãlodie PAPIN</li> 289 <li>Corinne RANSAC</li> 290 <li>Nathalie DEGRANGE 291 </ul> 292 </li> 293 <li>Ãcole 294 <ul> 295 <li>Ãlodie PAPIN</li> 296 <li>Nathalie DEGRANGE</li> 297 <li>Mauricette DOURY</li> 298 <li>Nathalie MINAUD</li> 299 <li>Annick GUILLON 300 </ul> 301 </li> 302 <li>Service garderie 303 <ul> 304 <li>Ãlodie PAPIN</li> 305 <li>Corinne RANSAC</li> 306 <li>Nathalie DEGRANGE 307 </ul> 308 </li> 309 </ul> 310 311 <hr> 312 <h2>Les Commissions Communales</h2> 313 <p class="center"><em>Selon le Code Général des Collectivités Territoriales, le Maire est président de toute les commissions.</em></p> 314 <!-- =============================== --> 315 316 <div> 317 <table> 318 <thead> 319 <tr> 320 <th>Commissions</th> 321 <th>Vice-président</th> 322 <th>Membres</th> 323 </tr> 324 </thead> 325 <tbody> 326 <tr> 327 <td>Finances</td> 328 <td>Christian HIMONNET</td> 329 <td>Adjoints<br>Pascaline VINET</td> 330 </tr> 331 <tr> 332 <td>Bâtiments<br>Investissements<br>Réparations / dépannages<br>Assurances<br>Ãtat des lieux</td> 333 <td>Cédric PAPIN</td> 334 <td>Adjoints<br>Marine MONGET<br>Nicole CHEMINADE</td> 335 </tr> 336 <tr> 337 <td>Voirie<br>chemins<br>brigades vertes</td> 338 <td>Cédric PAPIN</td> 339 <td>Nicolas DUVERNOY<br>Bruno PAINSONNEAU</td> 340 </tr> 341 <tr> 342 <td>Cantonniers<br>Brigades vertes</td> 343 <td>Cédric PAPIN</td> 344 <td>Christian HIMONNET</td> 345 </tr> 346 <tr> 347 <td>Urbanisme<br>Bornages<br>alignements</td> 348 <td>Christian HIMONNET</td> 349 <td>Marianne DELPORTE<br>Josiane MÃNARD<br>Nicolas DUVERNOY<br>Pascaline VINET</td> 350 </tr> 351 <tr> 352 <td>Environnement<br>Espaces collectifs<br>Plantations<br>aménagements<br>déco</td> 353 <td>Josiane MÃNARD</td> 354 <td>Marianne DELPORTE<br>Nicole CHEMINADE<br>Michaelle DEGRANGE<br>Amandine MAIRE</td> 355 </tr> 356 <tr> 357 <td>Cimetière<br>Plan</td> 358 <td>
358Marianne Delporte</td> 359 <td>Alain CLAUDON<br>Michaelle DEGRANGE<br>Nicolas DUVERNOY<br>Nicole CHEMINADE<br>Marine MONGET<br>Josiane MÃNARD</td> 360 </tr> 361 <tr> 362 <td>Cellule de crise<br>Ãvènements météo<br>Ãpidémies</td> 363 <td><em>Référence : Plan Communal de Sauvegarde</em></td> 364 <td>Adjoints<br>Alain CLAUDON<br>Jean-Luc GRADAIVE</td> 365 </tr> 366 <tr> 367 <td>Fêtes et cérémonies<br>Lien social<br>Activités<br>animations<br>manifestations</td> 368 <td>Josiane MÃNARD & Marianne DELPORTE</td> 369 <td>Nicole CHEMINADE<br>Marine MONGET<br>Amandine MAIRE<br>Michaelle DEGRANGE<br>Alain CLAUDON<br>Jean-Luc GRADAIVE</td> 370 </tr> 371 <tr> 372 <td>Vie scolaire</td> 373 <td>Josiane MÃNARD</td> 374 <td></td> 375 </tr> 376 <tr> 377 <td>Information et réseaux<br>Site internet<br>Panneau Pocket</td> 378 <td>Michaelle DEGRANGE</td> 379 <td></td> 380 </tr> 381 <tr> 382 <td>Délégué CDC</td> 383 <td>Josiane MÃNARD</td> 384 <td></td> 385 </tr> 386 </tbody> 387 </table> 388 </div> 389 390 <!-- =============================== --> 391 392 </section> 393 <aside> 394 <h2 class="center">Accueil en Mairie</h2> 395 <div class="horloge"> 396 <!--Dayspedia.com widget--> 397 <iframe title="horloge" width='208' height='265' style='padding:0!important;margin:0!important;border:none!important;background:none!important;background:transparent!important' marginheight='0' marginwidth='0' frameborder='0' scrolling='no' comment='/*defined*/' src='https://dayspedia.com/if/analog/?v=1&iframe=eyJ3LTExIjp0cnVlLCJ3LTEzIjp0cnVlLCJ3LTE1Ijp0cnVlLCJ3LTExMCI6ZmFsc2UsInctd2lkdGgtMCI6dHJ1ZSwidy13aWR0aC0xIjpmYWxzZSwidy13aWR0aC0yIjpmYWxzZSwidy0xNiI6IjI0cHgiLCJ3LTE3IjoiMTYiLCJ3LTIxIjp0cnVlLCJiZ2ltYWdlIjotMSwiYmdpbWFnZVNldCI6ZmFsc2UsInctMjFjMCI6IiNlMmQxZDEiLCJ3LTAiOmZhbHNlLCJ3LTMiOmZhbHNlLCJ3LTNjMCI6IiMzNDM0MzQiLCJ3LTNiMCI6IjEiLCJ3LTIwIjp0cnVlLCJ3LTQiOiIjMDA3ZGJmIiwidy0xOCI6ZmFsc2UsInctd2lkdGgtMmMtMCI6IjMwMCIsInctMTE1IjpmYWxzZSwidy0yMyI6ZmFsc2UsInctMjNjMCI6IiNlY2VmZjEiLCJ3LTI2IjpmYWxzZSwidy0yNmIwIjoiMSIsInctMjciOnRydWUsInctMjdjMCI6IiMzNDM0MzQiLCJ3LTI0IjoiIzM1MzIyOSIsInctMTNjMCI6IiNmZjgwMDAiLCJ3LTIyIjoiIzM0MzQzNCIsInctMjUiOiIxNjAifQ==&lang=fr&cityid=1020'> 398 </iframe><!--Dayspedia.com widget ENDS--> 399 </div> 400 <!-- <div class="clock"></div> --> 401 <!--
401<script id="rendered-js"> 402 const createClock = (context, offset = 0) => { 403 const numbers = Array(12). 404 fill(null). 405 map((_, i) => i). 406 map(index => { 407 const position = index / 12; 408 const numberContainer = document.createElement("div"); 409 const text = document.createElement('div'); 410 text.textContent = (index + 2) % 12 + 1; 411 numberContainer.style.fontFamily = 'Helvetica Neue, sans-serif'; 412 numberContainer.style.fontWeight = 200; 413 numberContainer.style.fontSize = 'min(3vh, 3vw)'; 414 numberContainer.appendChild(text); 415 numberContainer.style.width = '60px'; 416 numberContainer.style.height = '60px'; 417 numberContainer.style.display = 'flex'; 418 numberContainer.style.alignItems = 'center'; 419 numberContainer.style.justifyContent = 'center'; 420 numberContainer.style.color = '#444'; 421 // numberContainer.style.border = '1px solid white' 422 numberContainer.style.position = "absolute"; 423 numberContainer.style.left = "calc(50%)"; 424 numberContainer.style.top = "calc(50%)"; 425 //numberContainer.style.transition = '1s'; 426 numberContainer.style.transform = 427 `translate(-30px, -30px)` + 428 `rotate(${position}turn) ` + 429 `translateX(min(24vh, 24vw)) ` + //;// + 430 `rotate(-${position}turn) `; + 431 context.appendChild(numberContainer); 432 return numberContainer; 433 }); 434 const marks = Array(60). 435 fill(null). 436 map((_, i) => i). 437 map(index => { 438 const position = index / 60; 439 const mark = document.createElement("div"); 440 mark.style.width = "8px"; 441 mark.style.height = "2px"; 442 mark.style.borderRadius = '2px'; 443 mark.style.background = index % 5 === 0 ? "white" : "#333"; 444 mark.style.position = "absolute"; 445 mark.style.left = "calc(50% - 4px)"; 446 mark.style.top = "calc(50% - 2px)"; 447 mark.style.transform = `rotate(${position}turn) translateX(min(20.25vh, 20.25vw))`; 448 context.appendChild(mark); 449 return mark; 450 }); 451 const hoursDial = document.createElement("div"); 452 hoursDial.style.width = "min(13.5vh, 13.5vw)"; 453 hoursDial.style.height = "3px"; 454 hoursDial.style.background = "#888"; 455 hoursDial.style.position = "absolute"; 456 hoursDial.style.left = "calc(50% - min(6.75vh, 6.75vw))"; 457 hoursDial.style.top = "calc(50% - 2.5px)"; 458 hoursDial.style.borderRadius = '2px'; 459 context.appendChild(hoursDial); 460 const minutesDial = document.createElement("div"); 461 minutesDial.style.width = "min(20.25vh, 20.25vw)"; 462 minutesDial.style.height = "2px"; 463 minutesDial.style.background = "#444"; 464 minutesDial.style.position = "absolute"; 465 minutesDial.style.left = "calc(50% - min(10.125vh, 10.125vw))"; 466 minutesDial.style.top = "calc(50% - 1.5px)"; 467 minutesDial.style.borderRadius = '2px'; 468 context.appendChild(minutesDial); 469 const secondsDial = document.createElement("div"); 470 secondsDial.style.width = "min(22.5vh, 22.5vw)"; 471 secondsDial.style.height = "1px"; 472 secondsDial.style.background = "#900"; 473 secondsDial.style.position = "absolute"; 474 secondsDial.style.left = "calc(50% - min(11.25vh, 11.25vw))"; 475 secondsDial.style.top = "calc(50% - .5px)"; 476 context.appendChild(secondsDial); 477 const circle = document.createElement("div"); 478 circle.style.borderRadius = "50%"; 479 circle.style.background = "#900"; 480 circle.style.width = "min(.9vh, .9vw)"; 481 circle.style.height = "min(.9vh, .9vw)"; 482 circle.style.position = "absolute"; 483 circle.style.left = "calc(50% - min(.45vh, .45vw))"; 484 circle.style.top = "calc(50% - min(.45vh, .45vw))"; 485 context.appendChild(circle); 486 const update = () => { 487 const element = document.getElementById("out"); 488 const date = new Date(Date.now() + offset * 60 * 60 * 1000); 489 // console.log('offset', offset * 60 * 1000, Date.now()) 490 const minutes = date.getMinutes(); 491 const seconds = date.getSeconds(); 492 const ms = date.getMilliseconds(); 493 const hours = date.getHours() % 12; 494 const fractionalSeconds = (seconds + ms / 1000) / 60; 495 const fractionalMinutes = (fractionalSeconds + minutes) / 60; 496 const fractionalHours = (fractionalMinutes + hours) / 12;
497 // numbers.forEach(number => { 498 // const isCurrentHour = number.textContent == hours; 499 // number.style.color = isCurrentHour ? 'white' : '#333'; 500 // number.style.fontWeight = isCurrentHour ? 700 : 100; 501 // }); 502 // marks.forEach((mark, index) => { 503 // const isCurrentHour = (index + 15) % 60 === hours * 5; 504 // if (isCurrentHour) { 505 // mark.style.background = 'white'; 506 // mark.style.width = '16px'; 507 // mark.style.left = "calc(50% - 8px)"; 508 // mark.style.top = "calc(50% - 2px)"; 509 // } else { 510 // mark.style.width = '8px'; 511 // mark.style.background = 512 // index % 5 === 0 ? 513 // '#888' : 514 // '#444'; 515 // mark.style.left = "calc(50% - 4px)"; 516 // mark.style.top = "calc(50% - 2px)"; 517 // } 518 // }); 519 secondsDial.style.transform = `rotate(${fractionalSeconds - 1 / 4 520 }turn) translateX(min(6vh, 6vw))`; 521 minutesDial.style.transform = `rotate(${fractionalMinutes - 1 / 4 522 }turn) translateX(min(6vh, 6vw))`; 523 hoursDial.style.transform = `rotate(${fractionalHours - 1 / 4 524 }turn) translateX(min(3.5vh, 3.5vw))`; 525 requestAnimationFrame(update); 526 }; 527 return update; 528 }; 529 document.addEventListener("DOMContentLoaded", () => { 530 const container = document.createElement('div'); 531 document.getElementsByClassName("clock").appendChild(container); 532 container.style.display = 'flex'; 533 container.style.width = '100%'; 534 container.style.margin = '0 auto'; 535 container.style.height = '100%'; 536 container.style.position = 'absolute'; 537 const one = document.createElement('div'); 538 one.style.flex = '1 1 100%'; 539 one.style.position = 'relative'; 540 one.style.transform = 'scale(1.5)'; 541 container.appendChild(one); 542 const updateOne = createClock(one); 543 requestAnimationFrame(updateOne); 544 }); 545 //# sourceURL=pen.js 546 </script>
546 --> 547 <ul> 548 <li>Du lundi au mardi : de 14 h à 18 h</li> 549 <li>Le mercredi : de 9 h à 12 h</li> 550 <li>Le jeudi : de 14 h à 18 h</li> 551 <li>Le vendredi : de 14 h à 17 h</li> 552 <li>Le samedi : de 9 h à 12 h</li> 553 </ul> 554 <p class="center">Téléphone : <strong><a href="tel:0546939303">05 46 93 93 03</a></strong></p> 555 <p class="btn"><a href="contact.php">Formulaire de contact</a></p> 556 <p class="center"><strong> 557 <a href="https://goo.gl/maps/dFo7wghkpum8yX796" target="_blank"> 558 Mairie de PLASSAY<br> 559 1 rue de Saintonge <br> 560 17250 Plassay 561 </a></strong> 562 </p> 563 <hr> 564 <p class="center pb-0">Pour faciliter vos démarches administratives vous trouverez des formulaires 565 téléchargeables en ligne sur la page</p> 566 <p class="btn"><a href="">Formalités administratives</a></p> 567 <iframe title="Météo 17250 Plassay" style="width: 100%;" id="widget_autocomplete_preview" frameborder="0" src="https://meteofrance.com/widget/prevision/172800##353229"> </iframe> 568 </aside> 569 </main> 570 <footer> 571 <p class="center"> 572 Site officiel de la commune de Plassay - © COMMUNIMAGE 2023 - <a href="#">MENTIONS LÃGALES</a> 573 </p> 574 </footer> 575
575<script src="js/leaflet.js"></script>
575 576
576<script src="js/index.carte.js"></script>
576 577</body> 578 579</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.