Estimation du Budget – Association Mic Mac<\/title>\n <style>\n body {\n display: grid;\n place-items: center;\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n padding: 20px;\n }\n .container {\n background: white;\n border: 5px solid #ddd;\n border-radius: 15px;\n padding: 20px;\n width: 100%;\n max-width: 600px;\n box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);\n text-align: center;\n }\n h1 {\n color: lightgreen;\n font-size: 2em;\n text-transform: uppercase;\n }\n label {\n display: block;\n margin-top: 10px;\n margin-bottom: 5px;\n }\n select, input {\n padding: 8px;\n width: 90%;\n margin-bottom: 10px;\n border: 2px solid #ddd;\n border-radius: 5px;\n }\n button {\n padding: 10px 15px;\n background-color: lightblue;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n #result {\n margin-top: 20px;\n color: green;\n font-weight: bold;\n }\n .info {\n color: lightgrey;\n font-size: 0.9em;\n margin-bottom: 10px;\n }\n #bilan {\n margin-top: 20px;\n color: black;\n background-color: #f0f0f0;\n padding: 10px;\n border-radius: 5px;\n white-space: pre-wrap;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1>Estimez le budget de votre atelier – Association Mic Mac<\/h1>\n <p class=\"info\">Estimez le budget de votre atelier \u00e9ducatif et artistique.<\/p>\n\n <label for=\"atelier\">Choisissez un atelier :<\/label>\n <select id=\"atelier\">\n <option value=\"\">S\u00e9lectionnez un atelier<\/option>\n <option value=\"atelier_video\">Atelier Vid\u00e9o<\/option>\n <option value=\"atelier_bd\">Atelier BD<\/option>\n <option value=\"atelier_effets_speciaux\">Atelier Effets Sp\u00e9ciaux<\/option>\n <option value=\"atelier_son\">Atelier SO<\/option>\n <option value=\"atelier_fake_news\">Atelier Fake News<\/option>\n <option value=\"atelier_rap_poesie\">Atelier Rap et Po\u00e9sie<\/option>\n <option value=\"atelier_bd_manga\">Atelier BD et Manga<\/option>\n <\/select>\n\n <label for=\"heures\">Nombre d’heures d’atelier :<\/label>\n <input type=\"number\" id=\"heures\" placeholder=\"Entrez le nombre d'heures\" min=\"1\" required>\n\n <label for=\"participants\">Nombre de participants :<\/label>\n <input type=\"number\" id=\"participants\" placeholder=\"Entrez le nombre de participants\" min=\"1\" required>\n\n <label for=\"intervenants\">Nombre d’intervenants :<\/label>\n <input type=\"number\" id=\"intervenants\" placeholder=\"Entrez le nombre d'intervenants\" min=\"1\" required>\n\n <button onclick=\"calculateBudget()\">Calculer le Budget<\/button>\n\n <h2 id=\"result\"><\/h2>\n <div id=\"bilan\"><\/div>\n<\/div>\n\n<script>\n function calculateBudget() {\n const atelier = document.getElementById('atelier').options[document.getElementById('atelier').selectedIndex].text;\n const heures = parseInt(document.getElementById('heures').value);\n const participants = parseInt(document.getElementById('participants').value);\n let intervenants = parseInt(document.getElementById('intervenants').value);\n\n if (!atelier || !heures || !participants || !intervenants) {\n alert(\"Veuillez remplir tous les champs.\");\n return;\n }\n\n \/\/ Appliquer automatiquement un minimum d'intervenants si le nombre de participants est > 12 ou > 20\n if (participants > 12 && participants <= 20) {\n intervenants = Math.max(intervenants, 2);\n } else if (participants > 20) {\n intervenants = Math.max(intervenants, 3);\n }\n\n \/\/ Tarifs par intervenant\n const tarifUnIntervenant = 60;\n const tarifPlusieursIntervenants = 50;\n\n let coutParHeure;\n\n \/\/ Si un seul intervenant, tarif de 60\u20ac de l'heure, sinon 50\u20ac de l'heure par intervenant\n if (intervenants === 1) {\n coutParHeure = tarifUnIntervenant;\n } else {\n coutParHeure = tarifPlusieursIntervenants * intervenants;\n }\n\n \/\/ Calcul du budget avant frais administratifs\n let budget = heures * coutParHeure;\n\n \/\/ Ajout des frais administratifs (10%)\n const fraisAdmin = 0.10 * budget;\n const budgetTotal = budget + fraisAdmin;\n\n \/\/ Affichage du r\u00e9sultat\n document.getElementById('result').innerText = `Budget estim\u00e9 : ${budgetTotal.toFixed(2)}\u20ac`;\n\n \/\/ G\u00e9n\u00e9ration du bilan\n const bilan = `Atelier choisi : ${atelier}\\nNombre d'heures : ${heures}\\nNombre de participants : ${participants}\\nNombre d'intervenants : ${intervenants}\\nBudget total : ${budgetTotal.toFixed(2)}\u20ac\\n\\nMerci de copier-coller ces informations et de nous les envoyer par e-mail.`;\n document.getElementById('bilan').innerText = bilan;\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Estimation du Budget – Association Mic Mac Estimez le budget de votre atelier – Association Mic Mac Estimez le budget de votre atelier \u00e9ducatif et artistique. Choisissez un atelier :… <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/comments?post=1308"}],"version-history":[{"count":4,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308\/revisions\/1314"}],"wp:attachment":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/media?parent=1308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1308,"date":"2024-09-29T20:25:02","date_gmt":"2024-09-29T18:25:02","guid":{"rendered":"https:\/\/valo.troispetitspoints.org\/?page_id=1308"},"modified":"2024-09-29T20:42:34","modified_gmt":"2024-09-29T18:42:34","slug":"estimer-le-budget-dun-atelier-pour-jeunes","status":"publish","type":"page","link":"https:\/\/valo.troispetitspoints.org\/en\/estimer-le-budget-dun-atelier-pour-jeunes\/","title":{"rendered":"Estimer le budget d’un atelier pour jeunes"},"content":{"rendered":"\n\n\n\n \n \n Estimation du Budget – Association Mic Mac<\/title>\n <style>\n body {\n display: grid;\n place-items: center;\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n padding: 20px;\n }\n .container {\n background: white;\n border: 5px solid #ddd;\n border-radius: 15px;\n padding: 20px;\n width: 100%;\n max-width: 600px;\n box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);\n text-align: center;\n }\n h1 {\n color: lightgreen;\n font-size: 2em;\n text-transform: uppercase;\n }\n label {\n display: block;\n margin-top: 10px;\n margin-bottom: 5px;\n }\n select, input {\n padding: 8px;\n width: 90%;\n margin-bottom: 10px;\n border: 2px solid #ddd;\n border-radius: 5px;\n }\n button {\n padding: 10px 15px;\n background-color: lightblue;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n #result {\n margin-top: 20px;\n color: green;\n font-weight: bold;\n }\n .info {\n color: lightgrey;\n font-size: 0.9em;\n margin-bottom: 10px;\n }\n #bilan {\n margin-top: 20px;\n color: black;\n background-color: #f0f0f0;\n padding: 10px;\n border-radius: 5px;\n white-space: pre-wrap;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1>Estimez le budget de votre atelier – Association Mic Mac<\/h1>\n <p class=\"info\">Estimez le budget de votre atelier \u00e9ducatif et artistique.<\/p>\n\n <label for=\"atelier\">Choisissez un atelier :<\/label>\n <select id=\"atelier\">\n <option value=\"\">S\u00e9lectionnez un atelier<\/option>\n <option value=\"atelier_video\">Atelier Vid\u00e9o<\/option>\n <option value=\"atelier_bd\">Atelier BD<\/option>\n <option value=\"atelier_effets_speciaux\">Atelier Effets Sp\u00e9ciaux<\/option>\n <option value=\"atelier_son\">Atelier SO<\/option>\n <option value=\"atelier_fake_news\">Atelier Fake News<\/option>\n <option value=\"atelier_rap_poesie\">Atelier Rap et Po\u00e9sie<\/option>\n <option value=\"atelier_bd_manga\">Atelier BD et Manga<\/option>\n <\/select>\n\n <label for=\"heures\">Nombre d’heures d’atelier :<\/label>\n <input type=\"number\" id=\"heures\" placeholder=\"Entrez le nombre d'heures\" min=\"1\" required>\n\n <label for=\"participants\">Nombre de participants :<\/label>\n <input type=\"number\" id=\"participants\" placeholder=\"Entrez le nombre de participants\" min=\"1\" required>\n\n <label for=\"intervenants\">Nombre d’intervenants :<\/label>\n <input type=\"number\" id=\"intervenants\" placeholder=\"Entrez le nombre d'intervenants\" min=\"1\" required>\n\n <button onclick=\"calculateBudget()\">Calculer le Budget<\/button>\n\n <h2 id=\"result\"><\/h2>\n <div id=\"bilan\"><\/div>\n<\/div>\n\n<script>\n function calculateBudget() {\n const atelier = document.getElementById('atelier').options[document.getElementById('atelier').selectedIndex].text;\n const heures = parseInt(document.getElementById('heures').value);\n const participants = parseInt(document.getElementById('participants').value);\n let intervenants = parseInt(document.getElementById('intervenants').value);\n\n if (!atelier || !heures || !participants || !intervenants) {\n alert(\"Veuillez remplir tous les champs.\");\n return;\n }\n\n \/\/ Appliquer automatiquement un minimum d'intervenants si le nombre de participants est > 12 ou > 20\n if (participants > 12 && participants <= 20) {\n intervenants = Math.max(intervenants, 2);\n } else if (participants > 20) {\n intervenants = Math.max(intervenants, 3);\n }\n\n \/\/ Tarifs par intervenant\n const tarifUnIntervenant = 60;\n const tarifPlusieursIntervenants = 50;\n\n let coutParHeure;\n\n \/\/ Si un seul intervenant, tarif de 60\u20ac de l'heure, sinon 50\u20ac de l'heure par intervenant\n if (intervenants === 1) {\n coutParHeure = tarifUnIntervenant;\n } else {\n coutParHeure = tarifPlusieursIntervenants * intervenants;\n }\n\n \/\/ Calcul du budget avant frais administratifs\n let budget = heures * coutParHeure;\n\n \/\/ Ajout des frais administratifs (10%)\n const fraisAdmin = 0.10 * budget;\n const budgetTotal = budget + fraisAdmin;\n\n \/\/ Affichage du r\u00e9sultat\n document.getElementById('result').innerText = `Budget estim\u00e9 : ${budgetTotal.toFixed(2)}\u20ac`;\n\n \/\/ G\u00e9n\u00e9ration du bilan\n const bilan = `Atelier choisi : ${atelier}\\nNombre d'heures : ${heures}\\nNombre de participants : ${participants}\\nNombre d'intervenants : ${intervenants}\\nBudget total : ${budgetTotal.toFixed(2)}\u20ac\\n\\nMerci de copier-coller ces informations et de nous les envoyer par e-mail.`;\n document.getElementById('bilan').innerText = bilan;\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Estimation du Budget – Association Mic Mac Estimez le budget de votre atelier – Association Mic Mac Estimez le budget de votre atelier \u00e9ducatif et artistique. Choisissez un atelier :… <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/comments?post=1308"}],"version-history":[{"count":4,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1308\/revisions\/1314"}],"wp:attachment":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/media?parent=1308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}