{"id":6583,"date":"2025-03-18T21:51:55","date_gmt":"2025-03-18T20:51:55","guid":{"rendered":"https:\/\/objectifrallye.fr\/?page_id=6583"},"modified":"2025-05-06T18:11:40","modified_gmt":"2025-05-06T16:11:40","slug":"photosberny","status":"publish","type":"page","link":"https:\/\/objectifrallye.fr\/?page_id=6583","title":{"rendered":"PhotosBerny"},"content":{"rendered":"\n\n\n\n \n \n Formulaire de recherche<\/title>\n <style>\n\t\/*V11 M8\/\n\t\/*Premi\u00e8re partie (menus)*\/\n #search-form {\n display: flex;\/* Utilise un conteneur flexible pour les \u00e9l\u00e9ments enfants *\/\n flex-wrap: wrap;\/* Permet aux \u00e9l\u00e9ments enfants de passer \u00e0 la ligne si n\u00e9cessaire *\/\n justify-content: space-between; \/* Espace les \u00e9l\u00e9ments enfants uniform\u00e9ment avec de l'espace entre eux *\/\n max-width: 600px;\/* Limite la largeur maximale du formulaire \u00e0 600 pixels *\/\n }\n #search-form label,\n #search-form select {\n width: 48%;\/* D\u00e9finit la largeur des labels et des s\u00e9lecteurs \u00e0 48% pour qu'ils tiennent sur une ligne *\/\n }\n \n\t\t.btn {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 24px;\n color: white;\n margin-top: 10px; \/* Ajoute une marge en haut des boutons *\/\n }\n .btn-green {\n background-color: #4CAF50; \/* Vert *\/\nmargin-left: 40px; \/* Deplace le bouton vers la droite*\/\n }\n .btn-red {\n background-color: #F44336; \/* Rouge *\/\nmargin-right: 40px; \/* Deplace le bouton vers la gauche*\/\n }\n #selected-criteria {\n margin-top: 20px;\/* Ajoute une marge en haut pour espacer du contenu pr\u00e9c\u00e9dent *\/\n padding: 10px;\/* Ajoute du padding int\u00e9rieur pour espacer le contenu interne *\/\n border: 1px solid #ddd;\/* Ajoute une bordure grise claire autour de l'\u00e9l\u00e9ment *\/\n background-color: #f9f9f9;\/* D\u00e9finit une couleur de fond gris clair pour l'\u00e9l\u00e9ment *\/\n display: none;\n }\n\t\t\n\t\t\n \/* Styles pour la galerie d'images *\/\n #gallery {\n display: grid; \/* Utilisation de grid pour une disposition en grille *\/\n grid-template-columns: repeat(3, 1fr); \/* Trois colonnes de largeur \u00e9gale *\/\n gap: 10px; \/* Espacement entre les \u00e9l\u00e9ments *\/\n justify-items: center; \/* Centre les \u00e9l\u00e9ments dans chaque cellule *\/\n }\n\n \/* Style pour les miniatures d'images *\/\n .thumbnail {\n width: 100%; \/* L'image prend toute la largeur de sa cellule *\/\n max-height: 150px; \/* Hauteur maximale pour les miniatures *\/\n object-fit: cover; \/* L'image couvre l'espace tout en conservant ses proportions *\/\n cursor: pointer; \/* Curseur en forme de main pour indiquer qu'il s'agit d'un lien *\/\n }\n\n \/* 2e partie : styles pour la lightbox (fen\u00eatre d'image agrandie) *\/\n .lightbox {\n position: fixed; \/* Positionnement fixe \u00e0 l'\u00e9cran *\/\n\n top: 2%;\n left: 2%;\n \/*width: 100vw;*\/\n \/*height: 100vh;*\/\n \/*height: 60%;*\/\n background-color: rgba(0, 0, 0, 0.8); \/* Fond sombre avec transparence *\/\n display: none; \/* Cach\u00e9e par d\u00e9faut *\/\n \/* justify-content: center; *\/\/* Centre les \u00e9l\u00e9ments dans la lightbox *\/\n align-items: center; \/* Aligne les \u00e9l\u00e9ments verticalement *\/\n }\n\n \/* Contenu de la lightbox *\/\n #lightbox-content {\n display: flex;\n flex-direction: column; \/* Les \u00e9l\u00e9ments sont dispos\u00e9s verticalement *\/\n justify-content: center; \/* Centre le contenu verticalement *\/\n \/*align-items: center;*\/\n \/* height: 300%;*\/ \/* Assure que l'\u00e9l\u00e9ment prend toute la hauteur de la fen\u00eatre *\/\n \/* width: 300%;*\/ \/* Assure que l'\u00e9l\u00e9ment prend toute la largeur de la fen\u00eatre *\/\n\n\n \/*position: relative; Position relative pour les fl\u00e8ches de navigation *\/\n }\n\n \/* Style de l'image dans la lightbox *\/\n .lightbox img {\n \/*max-width: 100%;*\/ \/* Limite la largeur de l'image \u00e0 80% de l'\u00e9cran *\/\n \/*max-height: 100%;*\/ \/* Limite la hauteur \u00e0 80% de la hauteur de l'\u00e9cran *\/\n object-fit: contain; \/* L'image conserve ses proportions sans \u00eatre d\u00e9form\u00e9e *\/\n }\n\n \/* Style pour la l\u00e9gende sous l'image *\/\n .caption {\n color: white;\n text-align: center; \/* Centrage du texte *\/\n margin-top: 10px; \/* Espacement au-dessus de la l\u00e9gende *\/\n font-size: 18px;\n font-weight: bold; \/* Police en gras *\/\n }\n\n \/* Fl\u00e8ches de navigation dans la lightbox *\/\n .arrow {\n position: absolute; \/* Positionnement absolu pour placer les fl\u00e8ches sur l'image *\/\n top: 50%; \n transform: translateY(-50%); \/* Centrage vertical *\/\n font-size: 20px;\n color: white;\n background: rgba(0, 0, 0, 0.5); \/* Fond sombre semi-transparent *\/\n border: none;\n padding: 5px;\n cursor: pointer; \/* Curseur en forme de main *\/\n }\n\n .arrow-left { left: 10%; } \/* Position de la fl\u00e8che gauche*\/\n .arrow-right { right: 10%; } \/* Position de la fl\u00e8che droite *\/\n\t\t\n\t\t\n\t\t\n\t\t#ChargementDesImages {\n\t\t\twidth : 20%;\n\t\t\tposition: absolute;\n\t\t\t top : 10%;\n\t\t\t left : 35%;\n\t\t\tborder: 2px solid red;\t\n\t\t\tbackground-color:green;\n\t\t\tbox-shadow: 10px 10px 5px;\n\t\t\ttext-align:center;\n\t\t}\t \n <\/style>\n<\/head>\n<body>\n <form id=\"search-form\">\n\t<!-- Label et menu deroulant pour le choix principal -->\n <label for=\"menuA\">Choisir :<\/label>\n <select id=\"menuA\">\n\t\t\t<option value=\"\">Tout<\/option>\n <option value=\"Choix\">Choix<\/option>\n <option value=\"Course\">Course<\/option>\n <option value=\"Assistance\">Assistance<\/option>\n <option value=\"ParcFerme\">Parc ferm\u00e9<\/option>\n\t\t\t<option value=\"Preparatif\">Pr\u00e9paratifs<\/option>\n\t\t\t<option value=\"Construction\">Construction<\/option>\n\t\t\t<option value=\"Divers\">Divers<\/option>\n\t\t\t\t\t\t\n\t\t\t<!-- Ajoute tes autres arguments ici -->\t\t\t\t\n <\/select>\n\t\t\n\t\t<!-- Label et menu deroulant pour le sousmenu A (D\u00e9sactiv\u00e9 par d\u00e9faut) -->\n <!-- <label id=\"label-sousmenuA\" for=\"sousmenuA\">SmA<\/label> -->\n\t\t<label id=\"label-sousmenuA\" for=\"sousmenuA\"><\/label>\n <select id=\"sousmenuA\" disabled>\n <option value=\"\">Tout<\/option>\n <\/select>\n\t\t<!-- Label et menu deroulant pour le soussousmenu A (D\u00e9sactiv\u00e9 par d\u00e9faut) -->\n <!-- <label id=\"label-soussousmenuA\" for=\"soussousmenuA\">SSmA<\/label> -->\n <label id=\"label-soussousmenuA\" for=\"soussousmenuA\"><\/label>\n <select id=\"soussousmenuA\" disabled>\n <option value=\"\">Tout<\/option>\n <\/select>\n\t\t<!-- Label et menu deroulant pour la cat\u00e9gorie Voiture -->\n <label for=\"menuB\">Voiture<\/label>\n <select id=\"menuB\">\n <option value=\"\">Tout<\/option>\n <option value=\"AXCitroen\">AX<\/option>\n <option value=\"Saxo\">Saxo<\/option>\n <option value=\"C2CitroenBleue\">C2<\/option>\n\t\t\t<option value=\"Berlinette\">Berlinette<\/option>\n\t\t\t<option value=\"R5Alpine\">R5 Alpine<\/option>\n\t\t\t<option value=\"Samba\">Samba<\/option>\n\t\t\t<option value=\"R5TBleue\">R5 Turbo<\/option>\n\t\t\t<option value=\"Autre\">Autre<\/option>\t\t\t\t\n <\/select>\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t<!-- Label et menu deroulant pour le sousmenu (D\u00e9sactiv\u00e9 par d\u00e9faut) -->\n <!-- <label id=\"label-sousmenuB\" for=\"s-menuB\">SmB<\/label> -->\n <label id=\"label-sousmenuB\" for=\"s-menuB\"><\/label>\n <select id=\"sousmenuB\" disabled>\n <option value=\"\">Tout<\/option>\n <\/select>\n\t\t\n\t\t<!-- Label et menu deroulant pour les ann\u00e9es -->\n <label for=\"menuC\">Ann\u00e9es<\/label>\n <select id=\"menuC\">\n <option value=\"\">Tout<\/option>\n <\/select>\n\t\t\n\t\t\t<!-- Menu D -->\n <label for=\"menuD\">Personnes<\/label>\n <select id=\"menuD\">\n <option value=\"\">Tout<\/option>\n\t\t\t<option value=\"Equipe\">l’Equipe<\/option>\n <option value=\"JeanMarc\">Jean-Marc<\/option>\n\t\t\t<option value=\"Gilbert\">Gilbert<\/option>\n\t\t\t<option value=\"Alain\">Alain<\/option>\n <option value=\"Franck\">Franck<\/option>\n\t\t\t<option value=\"Yves\">Yves<\/option>\n <option value=\"JeanMi\">Jean-Michel<\/option>\n\t\t\t<option value=\"Fifi\">Fifi<\/option>\n\t\t\t<option value=\"Denis\">Denis<\/option>\n\t\t\t<option value=\"Julia\">Julia<\/option>\n\t\t\t<option value=\"leschti\">Les Ch’tis<\/option>\n\t\t\t<option value=\"Eric\">Eric<\/option>\n\t\t\t<option value=\"Regis\">R\u00e9gis<\/option>\n\t\t\t<option value=\"Aurelie\">Aur\u00e9lie<\/option>\n\t\t\t<option value=\"Sylvain\">Sylvain<\/option>\n\t\t\t<option value=\"Ragnotti\">Ragnotti<\/option>\n\t\t\t<option value=\"Barbara\">Barbara<\/option>\n\t\t\t<option value=\"Texier\">Texier<\/option>\t\t\t\t\n <\/select>\t\n\t\t\n\t\t<!-- Menu E -->\n\t <label for=\"menuE\">Rallye<\/label>\n <select id=\"menuE\">\n <option value=\"\">Tout<\/option>\n <option value=\"RallyeAlsace\">Alsace<\/option>\n <option value=\"RallyeDeLArdeche\">Ard\u00e8che<\/option>\n\t\t\t<option value=\"RallyeDAutomne\">Automne<\/option>\n <option value=\"RallyeDeBesseSurBray\">B\u00e9ss\u00e9 sur Bray<\/option>\n\t\t\t<option value=\"RallyeDeBethune\">B\u00e9thune<\/option>\n\t\t\t<option value=\"RondeCevenole\">Ronde C\u00e9venole<\/option>\n\t\t\t<option value=\"RallyeCharlemagne\">Charlemagne<\/option>\n\t\t\t<option value=\"RallyeDeLaChataigne\">Chata\u00eegne<\/option>\n\t\t\t<option value=\"RallyeCoeurDeFrance\">Coeur de France<\/option>\n\t\t\t<option value=\"RallyeDesCoteDuTarn\">C\u00f4te du Tarn<\/option>\n\t\t\t<option value=\"RallyeDeLaHauteValleeDuloir\">Haute Vall\u00e9e du Loir<\/option>\n\t\t\t<option value=\"RallyeDeLIndre\">Indre<\/option>\n\t\t\t<option value=\"RallyeJeanneHachette\">Jeanne d’Arc<\/option>\t\n\t\t\t<option value=\"RallyeAutoPiecesKaltBec\">Kalt Bec<\/option>\n\t\t\t<option value=\"RallyeDeLaFerteGaucher\">La Fert\u00e9 Gaucher<\/option>\n\t\t\t<option value=\"RallyeDuLimousin\">Limousin<\/option>\n\t\t\t<option value=\"RallyeDeLorraine\">Lorraine<\/option>\n\t\t\t<option value=\"RallyeDesVinsdeMacon\">Vin de M\u00e2con<\/option>\n\t\t\t<option value=\"ManxRally\">Manx Rally<\/option>\n\t\t\t<option value=\"RallyeDuMontBlanc\">Mont Blanc<\/option>\n\t\t\t<option value=\"RallyeDeLOise\">de l’Oise<\/option>\n\t\t\t<option value=\"RallyeDuPaysDuGier\">Pays du Gier<\/option>\n\t\t\t<option value=\"RallyeDePicardie\">Picardie<\/option>\n\t\t\t<option value=\"RallyeDeLaPorteNormande\">Porte Normande<\/option>\n\t\t\t<option value=\"RallyeDeLaRose\">de la Rose<\/option>\n\t\t\t<option value=\"RallyeDuRouergue\">Rouergue<\/option>\n\t\t\t<option value=\"RallyeDuSenonais\">Senonais<\/option>\n\t\t\t<option value=\"Yonne\">Yonne<\/option>\n\t\t\t<option value=\"RallyeDuSolognot\">Solognot<\/option>\n\t\t\t<option value=\"RallyeDeLaSteBaume\">Ste Baume<\/option>\n\t\t\t<option value=\"RallyeDuThymerais\">Thymerais<\/option>\n\t\t\t<option value=\"RallyeDuTouquet\">Touquet<\/option>\n\t\t\t<option value=\"RallyeDuValDAgout\">Val d’Agout<\/option>\n\t\t\t<option value=\"RallyeDuValDeLoire\">Val de Loire<\/option>\n\t\t\t<option value=\"RondeDeLaValleeDeLEcole\">Vall\u00e9e de l’Ecole<\/option>\n\t\t\t<option value=\"RallyeDeLaValleeDuCher\">Vall\u00e9e du Cher<\/option>\n\t\t\t<option value=\"RallyeDuVar\">Var<\/option>\n\t\t\t\n <\/select>\t\n\t\t\n\t\t\n\t\t<!-- Bouton pour rechercher et r\u00e9initialiser -->\n <button type=\"button\" class=\"btn btn-green\" id=\"search-button\">✔<\/button> <!-- Coche -->\n <button type=\"button\" class=\"btn btn-red\" id=\"reset-button\">✖<\/button> <!-- Croix -->\n <\/form>\n\t<!-- section pour afficher les criteres selectionn\u00e9s -->\n <div id=\"selected-criteria\"><\/div>\n\t <!-- Affichage des mots-cl\u00e9s s\u00e9lectionn\u00e9s -->\n <div id=\"motscles-affiches\">Mots-cl\u00e9s s\u00e9lectionn\u00e9s : <\/div>\n <!-- Galerie d'images filtr\u00e9es -->\n <div id=\"gallery\"><\/div>\n\n <!-- Lightbox (fen\u00eatre pour afficher l'image agrandie) -->\n <div id=\"lightbox\" class=\"lightbox\">\n <div id=\"lightbox-content\">\n <button id=\"arrowLeft\" class=\"arrow arrow-left\">◀<\/button> <!-- Fl\u00e8che gauche -->\n <img decoding=\"async\" id=\"lightbox-image\" src=\"\" alt=\"\"> <!-- Image agrandie -->\n <button id=\"arrowRight\" class=\"arrow arrow-right\">▶<\/button> <!-- Fl\u00e8che droite -->\n <div id=\"lightbox-caption\" class=\"caption\"><\/div> <!-- L\u00e9gende de l'image -->\n <\/div>\n <\/div>\n\t<div id='ChargementDesImages'>\n\t\t<p>Chargement des images <\/br> ⌛ <\/p>\n\t\t <div id=\"timer\">\n\t\t\t\t<script>\n\t\t\t\t\tconst departSecondes = 0;\n\t\t\t\t\tlet temps = departSecondes;\n\n\t\t\t\t\tconst timerElement = document.getElementById(\"timer\");\n\n\t\t\t\t\tsetInterval(() => {\n\t\t\t\t\t\t\/\/let minutes = parseInt(temps \/ 60, 10);\n\t\t\t\t\t\tlet secondes = parseInt(temps , 10);\n\n\t\t\t\t\t\t\/\/minutes = minutes < 10 ? \"0\" + minutes : minutes;\n\t\t\t\t\t\t\/\/secondes = secondes < 10 ? \"0\" + secondes : secondes;\n\n\t\t\t\t\t\ttimerElement.innerText = `${secondes}`;\n\t\t\t\t\t\ttemps = temps + 1;\/\/ <= 0 ? 0 : temps - 1;\n\t\t\t\t\t\t}, 1000);\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const menuA = document.getElementById(\"menuA\");\n const sousmenuA = document.getElementById(\"sousmenuA\");\n const soussousmenuA = document.getElementById(\"soussousmenuA\");\n const labelSousmenuA = document.getElementById(\"label-sousmenuA\");\n const labelSoussousmenuA = document.getElementById(\"label-soussousmenuA\");\n const menuB = document.getElementById(\"menuB\");\n const sousmenuB = document.getElementById(\"sousmenuB\");\n const labelSousmenuB = document.getElementById(\"label-sousmenuB\");\n const menuC = document.getElementById(\"menuC\");\n\n menuA.addEventListener(\"change\", function() {\n sousmenuA.innerHTML = '<option value=\"\">Tout<\/option>';\n soussousmenuA.innerHTML = '<option value=\"\">Tout<\/option>';\n sousmenuA.disabled = (menuA.value === \"\");\n soussousmenuA.disabled = true;\n <!-- labelSousmenuA.textContent = `SM ${menuA.value}`; -->\n <!-- labelSousmenuA.textContent = `SM ${menuA.options[menuA.selectedIndex].text}`; -->\n labelSousmenuA.textContent = ` ${menuA.options[menuA.selectedIndex].text}`;\n\n if (menuA.value === \"Course\") {\n sousmenuA.innerHTML += '<option value=\"Choix\">Choix<\/option>';\n sousmenuA.innerHTML += '<option value=\"Saut\">Saut<\/option>';\n sousmenuA.innerHTML += '<option value=\"AGue\">Gu\u00e9<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Nuit\">Nuit<\/option>';\nsousmenuA.innerHTML += '<option value=\"Rampe\">Rampe de phare<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"2Roues\">Sur 2 roues<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Estaing\">Village d Estaing<\/option>';\n sousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\n }\n\n if (menuA.value === \"Assistance\") {\n sousmenuA.innerHTML += '<option value=\"Choix\">Choix<\/option>';\n sousmenuA.innerHTML += '<option value=\"Barnum\">Barnum<\/option>';\n sousmenuA.innerHTML += '<option value=\"Boulonneuse\">Boulonneuse<\/option>';\n sousmenuA.innerHTML += '<option value=\"Chandelle\">Sur chandelles<\/option>';\n sousmenuA.innerHTML += '<option value=\"Essence\">Essence<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Rampe\">Rampe de phare<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Nuit\">La nuit<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Pneu\">Pneus<\/option>';\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n }\n\t\t\t\t\n\t\t\t\tif (menuA.value === \"Construction\") {\n sousmenuA.innerHTML += '<option value=\"Choix\">Choix<\/option>';\n sousmenuA.innerHTML += '<option value=\"\">Tout<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"CoqueNeuve\">Coque neuve<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Soudure\">Soudure<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Peinture\">Peinture<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Montage\">Montage<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Finie\">Voiture finie<\/option>';\n\t\t\t\t\tsousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\n }\n\t\t\t\tif (menuA.value === \"Divers\") {\n sousmenuA.innerHTML += '<option value=\"Choix\">Choix<\/option>';\n sousmenuA.innerHTML += '<option value=\"\">Tout<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Concession\">Concession<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Marcoussis\">Marcoussis<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Gite\">Gite<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Camping\">Camping<\/option>';\n\t\t\t\t\tsousmenuA.innerHTML += '<option value=\"Podium\">Podium<\/option>';\n\t\t\t\t\tsousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\n }\n\t\t\t\t\n });\n\n sousmenuA.addEventListener(\"change\", function() {\n soussousmenuA.innerHTML = '<option value=\"\">Tout<\/option>';\n soussousmenuA.disabled = (sousmenuA.value === \"\");\n <!-- labelSoussousmenuA.textContent = `SsM ${sousmenuA.value}`; -->\n\n<!-- labelSoussousmenuA.textContent = `SsM ${sousmenuA.options[sousmenuA.selectedIndex].text}`; -->\nlabelSoussousmenuA.textContent = ` ${sousmenuA.options[sousmenuA.selectedIndex].text}`;\n\n if (sousmenuA.value === \"Saut\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\t\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (sousmenuA.value === \"AGue\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\n\t\t\t\t}\n\t\t\t\tif (sousmenuA.value === \"Nuit\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\n\t\t\t\t}\n\t\t\t\tif (sousmenuA.value === \"Pneu\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"Creve\">Crev\u00e9<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"Marquage\">Marquage<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"Retaillage\">Retaillage<\/option>';\n\t\t\t\t\t\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\tif (sousmenuA.value === \"Fourgons\") {\n soussousmenuA.innerHTML += '<option value=\"FFiat\">Fiat<\/option>';\n soussousmenuA.innerHTML += '<option value=\"FEstafette\">Estafette<\/option>';\n }\n\t\t\t\tif (sousmenuA.value === \"CoqueNeuve\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\t\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tif (sousmenuA.value === \"Soudure\") {\n\t\t\t\t\tsoussousmenuA.innerHTML = ''; \/\/ Supprime l'option \"Tout\"\n soussousmenuA.innerHTML = '<option value=\"Choix\">Choix<\/option>';\n soussousmenuA.innerHTML += '<option value=\"\">tout<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"Arceau\">Arceau<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"SupportHarnais\">Support Harnais<\/option>';\n\t\t\t\t\tsoussousmenuA.innerHTML += '<option value=\"SupportFAM\">Support Frein \u00e0 main<\/option>';\n soussousmenuA.value = \"Choix\"; \/\/ D\u00e9finit le sous-menu A par d\u00e9faut sur \"Choix\"\t\t\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\/\/Afficher le nombre d'image\n\t\t\t\t\n\t\t\t\t\n });\n\n menuB.addEventListener(\"change\", function() {\n sousmenuB.innerHTML = '<option value=\"Tout\">Tout<\/option>';\n sousmenuB.disabled = (menuB.value === \"\");\n <!-- labelSousmenuB.textContent = `SM ${menuB.value}`; -->\n\n\t\t<!-- labelSousmenuB.textContent = `SM ${menuB.options[menuB.selectedIndex].text}`; -->\n labelSousmenuB.textContent = ` ${menuB.options[menuB.selectedIndex].text}`;\n\n if (menuB.value === \"AXCitroen\") {\n sousmenuB.innerHTML += '<option value=\"AXCitroenBlanche\">AX Blanche<\/option>';\n sousmenuB.innerHTML += '<option value=\"AXCitroenBleue\">AX Bleue<\/option>';\n }\n\t\t\t\t\n\t\t\t\tif (menuB.value === \"Saxo\") {\n sousmenuB.innerHTML += '<option value=\"SaxoBlancheEtRouge\">Saxo Blanche et Rouge<\/option>';\n sousmenuB.innerHTML += '<option value=\"SaxoBleue\">Saxo Bleue<\/option>';\n\t\t\t\t\tsousmenuB.innerHTML += '<option value=\"SaxoRouge\">Saxo Rouge<\/option>';\n sousmenuB.innerHTML += '<option value=\"MenuB12\">MenuB12<\/option>';\n }\n\t\t\t\t\n\t\t\t\tif (menuB.value === \"C2Citroen\") {\n sousmenuB.innerHTML += '<option value=\"C2CitroenBleue\">C2 Bleue<\/option>';\n sousmenuB.innerHTML += '<option value=\"MenuB12\">MenuB12<\/option>';\n\t\t\t\t}\n\t\t\t\t\n\t\t\tif (menuB.value === \"Autre\") {\n sousmenuB.innerHTML += '<option value=\"Countach\">Countach<\/option>';\n sousmenuB.innerHTML += '<option value=\"R5TBlanche\">R5 Turbo Blanche<\/option>';\n\t\t\t\t\tsousmenuB.innerHTML += '<option value=\"AxRouge\">AX Rouge<\/option>';\n\t\t\t\t\tsousmenuB.innerHTML += '<option value=\"C2CitroenRouge\">C2 Rouge<\/option>';\n\t\t\t\t}\t\n\t\t\t\t\t\t\t\t\n });\n\n for (let year = 1981; year <= 2014; year++) {\n menuC.innerHTML += `<option value=\"${year}\">${year}<\/option>`;\n }\n });\n\t\t\n\t\t document.getElementById(\"search-button\").addEventListener(\"click\", function() {\n afficherSelection();\n\t\t\t\/\/afficherGalerie();\n });\n\n document.getElementById(\"reset-button\").addEventListener(\"click\", function() {\n reinitialiserMenus();\n });\n\t\t\n\t\t\t\n\n function afficherSelection() {\n const selections = {\n MenuA: document.getElementById(\"menuA\").value,\n SousMenuA: document.getElementById(\"sousmenuA\").value,\n SousSousMenuA: document.getElementById(\"soussousmenuA\").value,\n MenuB: document.getElementById(\"menuB\").value,\n SousMenuB: document.getElementById(\"sousmenuB\").value,\n MenuC: document.getElementById(\"menuC\").value,\n\t\tMenuD: document.getElementById(\"menuD\").value,\n\t\tMenuE: document.getElementById(\"menuE\").value\n };\n\n \/\/ Afficher les crit\u00e8res s\u00e9lectionn\u00e9s en ignorant \"Tout\"\n \n selectedCriteria.style.display = \"block\";\n}\n\n \nfunction reinitialiserMenus() {\n \/\/ R\u00e9initialiser les menus \u00e0 leurs valeurs par d\u00e9faut\n document.getElementById(\"menuA\").value = \"\";\n document.getElementById(\"sousmenuA\").innerHTML = '<option value=\"\">Tout<\/option>';\n document.getElementById(\"soussousmenuA\").innerHTML = '<option value=\"\">Tout<\/option>';\n document.getElementById(\"menuB\").value = \"\";\n document.getElementById(\"sousmenuB\").innerHTML = '<option value=\"\">Tout<\/option>';\n document.getElementById(\"menuC\").value = \"\";\n\t\t\tdocument.getElementById(\"menuD\").value = \"\";\n\t\t\tdocument.getElementById(\"menuE\").value = \"\";\n\t\t\t\/\/ Desactive les sous menus et les labels\n\t\t\tdocument.getElementById(\"label-sousmenuA\").innerHTML = \"\";\n\t\t\tsousmenuA.disabled = true;\n\t\t\tdocument.getElementById(\"label-soussousmenuA\").innerHTML = \"\";\n\t\t\tsoussousmenuA.disabled = true;\n\t\t\tdocument.getElementById(\"label-sousmenuB\").innerHTML = \"\";\n\t\t\tsousmenuB.disabled = true;\n \/\/ R\u00e9initialiser l'affichage des crit\u00e8res s\u00e9lectionn\u00e9s\n\t\t\tinitPage();\n const selectedCriteria = document.getElementById(\"selected-criteria\");\n selectedCriteria.style.display = \"none\";\n }\n\nlet imagesFiltrees = []; \/* Tableau pour stocker les images filtr\u00e9es *\/\n let currentIndex = 0; \/* Index de l'image actuellement affich\u00e9e dans la lightbox *\/\n\n \/\/ Fonction pour r\u00e9cup\u00e9rer les mots-cl\u00e9s s\u00e9lectionn\u00e9s dans les menus\n function getMotsCles() {\n const motsCles = [];\n const exclusions = [\"autocollant\", \"plaquerallye\",\"doc\"]; \/* Mots-cl\u00e9s \u00e0 exclure *\/\n\n \/\/ R\u00e9cup\u00e8re les valeurs des diff\u00e9rents menus de s\u00e9lection\n const selections = {\n MenuA: document.getElementById(\"menuA\")?.value || \"\",\n SousMenuA: document.getElementById(\"sousmenuA\")?.value || \"\",\n SoussousMenuA: document.getElementById(\"soussousmenuA\")?.value || \"\",\n MenuB: document.getElementById(\"menuB\")?.value || \"\",\n SousMenuB: document.getElementById(\"sousmenuB\")?.value || \"\",\n MenuC: document.getElementById(\"menuC\")?.value || \"\",\n MenuD: document.getElementById(\"menuD\")?.value || \"\",\n MenuE: document.getElementById(\"menuE\")?.value || \"\"\n };\n\n \/\/ R\u00e9cup\u00e8re les mots-cl\u00e9s s\u00e9lectionn\u00e9s\n for (let key in selections) {\n\t\t\t\t\n\t\t\t\t\/\/alert(selections[key]);\n if (selections[key] !== \"Tout\" && selections[key] !== \"\") {\n motsCles.push(selections[key].toLowerCase());\n }\n }\n\n return { inclusions: motsCles, exclusions: exclusions };\n }\n\t\t\n\t\t\/\/fonction pour cr\u00e9er l'objet imagesFiltr\u00e9es\n\t\tfunction creerObjetImagesFiltrees() {\n\t\t\tconst { inclusions, exclusions } = getMotsCles(); \/\/ R\u00e9cup\u00e8re les mots-cl\u00e9s\n \/\/document.getElementById(\"motscles-affiches\").textContent = \"Mots-cl\u00e9s s\u00e9lectionn\u00e9s : \" + (inclusions.length ? inclusions.join(\", \") : \"Aucun\");\n\t\t\t\t\t\n if (!window.allImages) {\n\t\t\t\/\/alert('les images ne sont pas charg\u00e9es ! ' + !window.allImages);\n\t\t\treturn -1; \/* V\u00e9rifie si les images sont charg\u00e9es *\/\n };\n \n\t\t\t\/\/const gallery = document.getElementById(\"gallery\");\n \/\/gallery.innerHTML = \"\"; \/* Vide la galerie avant d'afficher les nouvelles images *\/\n\n \/\/ Filtre les images en fonction des mots-cl\u00e9s inclus et exclus\n \n imagesFiltrees = window.allImages.filter(image => {\n const nomImage = image.nom.toLowerCase(); \n return inclusions.every(mot => nomImage.includes(mot)) &&\n !exclusions.some(mot => nomImage.includes(mot));\n });\n\t\t\t\n\t\t\treturn imagesFiltrees.length;\n\t\t}\n\n \/\/ Fonction pour afficher la galerie avec les images filtr\u00e9es\n function afficherGalerie() {\n const { inclusions, exclusions } = getMotsCles(); \/\/ R\u00e9cup\u00e8re les mots-cl\u00e9s\n document.getElementById(\"motscles-affiches\").textContent = \"Mots-cl\u00e9s s\u00e9lectionn\u00e9s : \" + (inclusions.length ? inclusions.join(\", \") : \"Aucun\");\n\n if (!window.allImages) return; \/* V\u00e9rifie si les images sont charg\u00e9es *\/\n \n const gallery = document.getElementById(\"gallery\");\n gallery.innerHTML = \"\"; \/* Vide la galerie avant d'afficher les nouvelles images *\/\n\n \/\/ Filtre les images en fonction des mots-cl\u00e9s inclus et exclus\n\t\t\t\/* Faire une fonction du code qui suit pour conna\u00eetre le nombre d'images*\/\n imagesFiltrees = window.allImages.filter(image => {\n const nomImage = image.nom.toLowerCase(); \n return inclusions.every(mot => nomImage.includes(mot)) &&\n !exclusions.some(mot => nomImage.includes(mot));\n }).sort((a, b) => a.nom.localeCompare(b.nom)); \/* Trie les images par nom \n\t\t\t\n\t\t\t\/*Fin du code pour conna\u00eetre ne nombre d'images qui est contenu dans imagesFiltrees.length*\/\n\n if (imagesFiltrees.length === 0) {\n gallery.innerHTML = \"<p>Aucune image trouv\u00e9e.<\/p>\"; \/* Message en cas d'absence d'images *\/\n return;\n }\n\t\t\t\n\t\t\t\n\t\t\t\/\/affiche le nombre d'images \u00e0 la suite des mots cl\u00e9s\n let choixCriteres= document.getElementById(\"motscles-affiches\").textContent;\n document.getElementById(\"motscles-affiches\").innerHTML= choixCriteres + \"\\u00A0 \\u00A0 \\u00A0 \\u00A0 \" + \"<span style='color:green'> Nombre de photos : \" + imagesFiltrees.length + \"<\/span>\";\n \n\t\t\t\n\t\t\t\/\/ Affiche les miniatures des images filtr\u00e9es\n imagesFiltrees.forEach((image, index) => {\n const imgElement = document.createElement(\"img\");\n imgElement.src = image.src;\n imgElement.alt = image.nom;\n imgElement.classList.add(\"thumbnail\");\n imgElement.addEventListener(\"click\", () => afficherLightbox(index)); \/* Ouvre la lightbox au clic *\/\n gallery.appendChild(imgElement);\n });\n }\n\n \/\/ Fonction pour afficher la lightbox avec l'image s\u00e9lectionn\u00e9e\n\t\t\/*Propablement \u00e0 supprimer : doublon avec start()*\/\n function afficherLightbox(index) {\n const lightbox = document.getElementById(\"lightbox\");\n const lightboxImage = document.getElementById(\"lightbox-image\");\n const lightboxCaption = document.getElementById(\"lightbox-caption\");\n \n \/\/Ajuste la taille de la photo \u00e0 l'\u00e9cran\n lightbox.clientWidth=document.documentElement.clientWidth \n\n lightboxImage.clientWidth=document.documentElement.clientWidth \n\n lightbox.style.maxWidth=document.documentElement.clientWidth + 'px' \n lightbox.style.minWidth=document.documentElement.clientWidth + 'px'\n\n lightboxImage.style.maxWidth=document.documentElement.clientWidth + 'px'\n\n lightboxImage.style.minWidth=document.documentElement.clientWidth + 'px' \n\n lightbox.clientHeight=document.documentElement.clientHeight \n lightbox.style.maxHeight=document.documentElement.clientHeight + 'px'\n lightboxImage.clientHeight=document.documentElement.clientHeight \n lightboxImage.style.maxHeight=document.documentElement.clientHeight*0.8 + 'px' \n\n lightbox.style.display = \"flex\"; \/* Affiche la lightbox *\/\n lightboxImage.src = imagesFiltrees[index].src;\n lightboxCaption.textContent = imagesFiltrees[index].nom;\n\n currentIndex = index; \/* Met \u00e0 jour l'index de l'image actuelle *\/\n\n lightbox.addEventListener(\"click\", fermerLightbox); \/* Ferme la lightbox en cliquant dessus *\/\n document.addEventListener(\"keydown\", naviguerClavier); \/* Permet de naviguer avec les touches clavier *\/\n }\n\n \/\/ Fonction pour fermer la lightbox\n function fermerLightbox() {\n document.getElementById(\"lightbox\").style.display = \"none\"; \/* Masque la lightbox *\/\n document.removeEventListener(\"keydown\", naviguerClavier); \/* Supprime l'\u00e9v\u00e9nement clavier *\/\n }\n\n \/\/ Fonction pour afficher l'image suivante\n function showNextImage() {\n currentIndex = (currentIndex + 1) % imagesFiltrees.length;\n afficherLightbox(currentIndex); \/* Affiche l'image suivante *\/\n }\n\n \/\/ Fonction pour afficher l'image pr\u00e9c\u00e9dente\n function showPreviousImage() {\n currentIndex = (currentIndex - 1 + imagesFiltrees.length) % imagesFiltrees.length;\n afficherLightbox(currentIndex); \/* Affiche l'image pr\u00e9c\u00e9dente *\/\n }\n\n \/\/ Fonction pour naviguer avec le clavier (fl\u00e8ches et \u00e9chap)\n function naviguerClavier(event) {\n if (event.key === \"ArrowRight\") {\n showNextImage();\n } else if (event.key === \"ArrowLeft\") {\n showPreviousImage();\n } else if (event.key === \"Escape\") {\n fermerLightbox();\n }\n }\n\/\/ Fonction Swipe Glisser du doigt\n\t\tlet touchStartX = 0;\n\t\tlet touchEndX = 0;\n\n\t\tdocument.getElementById(\"lightbox\").addEventListener(\"touchstart\", function(event) {\n\t\ttouchStartX = event.changedTouches[0].screenX; \/\/ R\u00e9cup\u00e8re la position de d\u00e9part du toucher\n\t\t}, false);\n\n\t\tdocument.getElementById(\"lightbox\").addEventListener(\"touchend\", function(event) {\n\t\ttouchEndX = event.changedTouches[0].screenX; \/\/ R\u00e9cup\u00e8re la position de fin du toucher\n\t\thandleSwipe();\n\t\t}, false);\n\n\t\tfunction handleSwipe() {\n\t\tlet swipeDistance = touchEndX - touchStartX;\n \n\t\tif (swipeDistance > 50) { \/\/ D\u00e9tection d'un glissement vers la droite (image pr\u00e9c\u00e9dente)\n\t\t\tshowPreviousImage();\n\t\t\t} else if (swipeDistance < -50) { \/\/ D\u00e9tection d'un glissement vers la gauche (image suivante)\n\t\t\tshowNextImage();\n\t\t\t}\n\t\t}\n\n\t\tfunction afficheCriteresEtNbImages(nbImages){\n\t\t\n\t\t\tconst { inclusions, exclusions } = getMotsCles(); \/\/ R\u00e9cup\u00e8re les mots-cl\u00e9s\n document.getElementById(\"motscles-affiches\").innerHTML = \"Mots-cl\u00e9s s\u00e9lectionn\u00e9s : \" + (inclusions.length ? inclusions.join(\", \") : \"Aucun\") + \"\\u00A0 \\u00A0 \\u00A0 \\u00A0 \" + \"<span style='color:green'> Nombre de photos : \" + nbImages + \"<\/span>\";\n\t\t\n\t\t}\n\n\n \/\/ Ajout des \u00e9v\u00e9nements aux fl\u00e8ches de navigation\n document.querySelector(\".arrow-left\").addEventListener(\"click\", function(event) {\n event.stopPropagation(); \/* Emp\u00eache la propagation du clic *\/\n showPreviousImage(); \/* Affiche l'image pr\u00e9c\u00e9dente *\/\n });\n\n document.querySelector(\".arrow-right\").addEventListener(\"click\", function(event) {\n event.stopPropagation(); \/* Emp\u00eache la propagation du clic *\/\n showNextImage(); \/* Affiche l'image suivante *\/\n });\n\t\t\n\t\t\n\t\tfunction initPage() {\n\t\t\t\/\/alert('Message pour Berny : 2,5s ' + !window.allImages);\n\t\t\tdocument.getElementById('ChargementDesImages').style.display='none';\n\n\t\t\tdocument.getElementById(\"menuA\").value=\"\";\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\t\/*let i =0;\n\t\t\twhile (nbImages==-1 && i <10) {\t\n\t\t\ti++;\n\t\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\t\talert(i + 'nb :' + nbImages)}*\/\n\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t\t}\n\t\t\n\t\t\n\t\t\/\/menuA change\n document.querySelector(\"#menuA\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t\t\n\t\t});\n\t\t\/\/sousmenuA change\n\t\tdocument.querySelector(\"#sousmenuA\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\n\t\t\/\/soussousmenuA change\n\t\tdocument.querySelector(\"#soussousmenuA\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\n\t\t\/\/menuB change\n document.querySelector(\"#menuB\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\/\/menuC change\n document.querySelector(\"#menuC\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\n\t\t\/\/menuD change\n document.querySelector(\"#menuD\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\n\t\t\/\/menuE change\n document.querySelector(\"#menuE\").addEventListener(\"change\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\n\t\t\n\t\t\/\/Force l'afficahge du nombre d'images motscles-affiches\n\t\tdocument.querySelector(\"#motscles-affiches\").addEventListener(\"click\", function(event) {\n\t\t\tnbImages = creerObjetImagesFiltrees();\n\t\t\tafficheCriteresEtNbImages(nbImages);\n\t\t});\t\n\t\t\t\n \/\/ Chargement des images depuis un fichier PHP et affichage de la galerie\n \n\t\tfetch('\/wp-content\/themes\/twenty-twenty-five-enfant\/get-images.php')\n .then(response => response.json())\n .then(data => {\n window.allImages = data; \/* Stocke les images dans une variable globale *\/\n\n \n })\n .catch(error => console.error(\"Erreur lors du chargement des images :\", error));\n\t\n\t\t\/*const request = async() =>{\n\t\t\n\t\t\tconst response = await fetch('\/wp-content\/themes\/twenty-twenty-five-enfant\/get-images.php');\n\t\t\tconst data = await response.jason();\n\t\t\twindow.allImages= data;\n\t\t\talert('test');\n\t\t}\n\t\t\t\n\t\trequest();*\/\n\n\n\t\t\/\/ \u00c9v\u00e9nement pour afficher la galerie lors d'un clic sur un bouton\n \/\/document.querySelector('button[type=\"button\"]').addEventListener(\"click\", afficherGalerie);\n\t\t\tdocument.querySelector('#search-button').addEventListener(\"click\", afficherGalerie);\n \/\/document.querySelector('#reset-button').addEventListener(\"click\", reinitialiserMenus);\n\/\/redimensionnement de la fen\u00eatre\nstart();\nwindow.addEventListener('resize', start);\n\nfunction start(){\n\/\/alert('ok');\n\n\/\/afficherLightbox(index);\n const lightbox = document.getElementById(\"lightbox\");\n const lightboxImage = document.getElementById(\"lightbox-image\");\n const lightboxCaption = document.getElementById(\"lightbox-caption\");\n \n \/\/Ajuste la taille de la photo \u00e0 l'\u00e9cran\n lightbox.clientWidth=document.documentElement.clientWidth \n\n lightboxImage.clientWidth=document.documentElement.clientWidth \n\n lightbox.style.maxWidth=document.documentElement.clientWidth + 'px' \n lightbox.style.minWidth=document.documentElement.clientWidth + 'px'\n\n lightboxImage.style.maxWidth=document.documentElement.clientWidth + 'px'\n\n lightboxImage.style.minWidth=document.documentElement.clientWidth + 'px' \n\n lightbox.clientHeight=document.documentElement.clientHeight \n lightbox.style.maxHeight=document.documentElement.clientHeight + 'px'\n lightboxImage.clientHeight=document.documentElement.clientHeight \n lightboxImage.style.maxHeight=document.documentElement.clientHeight*0.8 + 'px' \n\ndocument.getElementById('arrowLeft').style.left=document.documentElement.clientWidth*0.1 + 'px';\ndocument.getElementById('arrowRight').style.right=document.documentElement.clientWidth*0.1 + 'px';\n\n\t\t\t\n} \n\/\/affiche crit\u00e8re et nombre d'images par d\u00e9faut\n\/\/alert(!window.allImages);\nconst myTimeout = setTimeout(initPage, 2500);\n\n \n\/\/initPage();\n\n\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formulaire de recherche Choisir : ToutChoixCourseAssistanceParc ferm\u00e9Pr\u00e9paratifsConstructionDivers Tout Tout Voiture ToutAXSaxoC2BerlinetteR5 AlpineSambaR5 TurboAutre Tout Ann\u00e9es Tout Personnes Toutl’EquipeJean-MarcGilbertAlainFranckYvesJean-MichelFifiDenisJuliaLes Ch’tisEricR\u00e9gisAur\u00e9lieSylvainRagnottiBarbaraTexier Rallye ToutAlsaceArd\u00e8cheAutomneB\u00e9ss\u00e9 sur BrayB\u00e9thuneRonde C\u00e9venoleCharlemagneChata\u00eegneCoeur de FranceC\u00f4te du TarnHaute Vall\u00e9e du LoirIndreJeanne d’ArcKalt BecLa Fert\u00e9 GaucherLimousinLorraineVin de M\u00e2conManx RallyMont Blancde l’OisePays du GierPicardiePorte Normandede la RoseRouergueSenonaisYonneSolognotSte BaumeThymeraisTouquetVal d’AgoutVal de LoireVall\u00e9e de l’EcoleVall\u00e9e du CherVar ✔ ✖ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/pages\/6583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6583"}],"version-history":[{"count":308,"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/pages\/6583\/revisions"}],"predecessor-version":[{"id":6956,"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=\/wp\/v2\/pages\/6583\/revisions\/6956"}],"wp:attachment":[{"href":"https:\/\/objectifrallye.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}