{"id":6577,"date":"2025-09-22T08:36:57","date_gmt":"2025-09-22T12:36:57","guid":{"rendered":"https:\/\/getfitoapp.com\/?page_id=6577"},"modified":"2025-10-08T23:01:42","modified_gmt":"2025-10-09T03:01:42","slug":"exercise-calories-burned-calculator","status":"publish","type":"page","link":"https:\/\/getfitoapp.com\/fr\/outils\/exercise-calories-burned-calculator\/","title":{"rendered":"Calculateur de calories br\u00fbl\u00e9es lors de l'exercice"},"content":{"rendered":"<div id=\"fws_69e0799acae4f\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-highlighted-text\" data-style=\"full_text\" data-exp=\"default\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\"><h2 style=\"text-align: center\">Calculateur de calories br\u00fbl\u00e9es lors de l'exercice<\/h2>\n<\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p style=\"text-align: center;\">Combien de calories sont br\u00fbl\u00e9es au cours d'une s\u00e9ance d'exercice ?<\/p>\n<p style=\"text-align: center;\">Prend en charge plus de 80 types d'activit\u00e9s : Marche, course \u00e0 pied, cyclisme, sports de balle, entra\u00eenement physique, activit\u00e9s en studio, sports aquatiques, sports de neige, arts martiaux.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e0799acb550\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Calculateur de calories br\u00fbl\u00e9es lors de l'exercice<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #ffffff;\n            min-height: 100vh;\n            padding: 20px 10px;\n        }\n        \n        .calculator-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n        \n        .header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            text-align: center;\n            padding: 20px;\n        }\n        \n        .header h1 {\n            font-size: 2rem;\n            margin: 0;\n            font-weight: 300;\n        }\n        \n        .content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0;\n            min-height: 600px;\n        }\n        \n        .controls {\n            padding: 40px 30px;\n            background: #f8f9fa;\n            border-right: 1px solid #e9ecef;\n            overflow-y: auto;\n            max-height: 700px;\n        }\n        \n        .result-panel {\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n        \n        \/* Wide screen layout for results *\/\n        @media (min-width: 1024px) {\n            .result-panel {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px;\n                align-items: center;\n                text-align: left;\n            }\n            \n            .result-card {\n                grid-column: 1;\n                max-width: none !important;\n            }\n            \n            .calculation-details {\n                grid-column: 2;\n                background: white !important;\n                border-radius: 12px !important;\n                padding: 30px !important;\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            }\n            \n            .result-card .calculation-details {\n                display: none;\n            }\n        }\n        \n        .control-group {\n            margin-bottom: 35px;\n        }\n        \n        .control-group label {\n            display: block;\n            font-weight: 600;\n            color: #F0605C;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .weight-input, .duration-input {\n            width: 100%;\n            padding: 12px;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            font-size: 1.2rem;\n            text-align: center;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .weight-input:focus, .duration-input:focus {\n            outline: none;\n            border-color: #F0605C;\n            box-shadow: 0 0 0 3px rgba(240, 96, 92, 0.1);\n        }\n        \n        .unit-toggle {\n            display: flex;\n            background: #e9ecef;\n            border-radius: 12px;\n            padding: 4px;\n        }\n        \n        .unit-option {\n            flex: 1;\n            padding: 12px 10px;\n            text-align: center;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border-radius: 8px;\n            min-width: 50px;\n        }\n        \n        .unit-option.active {\n            background: white;\n            color: #F0605C;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .duration-options {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            margin-bottom: 15px;\n        }\n        \n        .duration-option {\n            padding: 10px;\n            border: 2px solid #e9ecef;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-align: center;\n            background: white;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n        \n        .duration-option:hover {\n            border-color: #F0605C;\n            transform: translateY(-1px);\n        }\n        \n        .duration-option.selected {\n            border-color: #F0605C;\n            background: rgba(240, 96, 92, 0.1);\n            color: #F0605C;\n        }\n        \n        .exercise-categories {\n            max-height: 300px;\n            overflow-y: auto;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            background: white;\n        }\n        \n        .category-header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            padding: 12px 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .category-header:hover {\n            background: linear-gradient(45deg, #E5544F, #DA4F4A);\n        }\n        \n        .category-arrow {\n            transition: transform 0.3s ease;\n            font-size: 0.8rem;\n        }\n        \n        .category-arrow.expanded {\n            transform: rotate(180deg);\n        }\n        \n        .category-content {\n            display: none;\n            background: #f8f9fa;\n            padding: 10px;\n        }\n        \n        .category-content.active {\n            display: block;\n        }\n        \n        .exercise-option {\n            padding: 8px 12px;\n            margin: 2px 0;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: white;\n            border: 1px solid #e9ecef;\n        }\n        \n        .exercise-option:hover {\n            background: rgba(240, 96, 92, 0.1);\n            border-color: #F0605C;\n        }\n        \n        .exercise-option.selected {\n            background: rgba(240, 96, 92, 0.2);\n            border-color: #F0605C;\n            color: #F0605C;\n            font-weight: 600;\n        }\n        \n        .exercise-name {\n            flex: 1;\n        }\n        \n        .exercise-met {\n            font-size: 0.8rem;\n            color: #6c757d;\n            font-weight: 600;\n        }\n        \n        .exercise-option.selected .exercise-met {\n            color: #F0605C;\n        }\n        \n        .result-card {\n            background: rgba(240, 96, 92, 0.1);\n            border: 2px solid #F0605C;\n            border-radius: 20px;\n            padding: 40px;\n            max-width: 400px;\n            width: 100%;\n        }\n        \n        .calories-number {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #F0605C;\n            margin-bottom: 10px;\n            line-height: 1;\n        }\n        \n        .calories-label {\n            font-size: 1.2rem;\n            color: #6c757d;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .calculation-details {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            text-align: left;\n        }\n        \n        .detail-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 10px;\n            padding: 5px 0;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        \n        .detail-row:last-child {\n            border-bottom: none;\n            font-weight: 600;\n            color: #F0605C;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 2px solid #F0605C;\n        }\n        \n        .detail-label {\n            color: #6c757d;\n        }\n        \n        .detail-value {\n            font-weight: 600;\n        }\n        \n        .formula-note {\n            font-size: 0.8rem;\n            color: #6c757d;\n            margin-top: 15px;\n            font-style: italic;\n            text-align: center;\n        }\n        \n        @media (max-width: 768px) {\n            .weight-container {\n                flex-direction: column !important;\n                gap: 15px !important;\n            }\n            \n            .weight-input {\n                width: 100% !important;\n            }\n            \n            .content {\n                grid-template-columns: 1fr;\n            }\n            \n            .controls {\n                border-right: none;\n                border-bottom: 1px solid #e9ecef;\n                max-height: none;\n            }\n            \n            .header h1 {\n                font-size: 1.5rem;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(3, 1fr);\n            }\n            \n            .controls, .result-panel {\n                padding: 25px 20px;\n            }\n            \n            .result-card {\n                padding: 25px;\n            }\n            \n            .calories-number {\n                font-size: 2.5rem;\n            }\n            \n            \/* Mobile: single column layout *\/\n            .result-panel {\n                display: flex !important;\n                flex-direction: column !important;\n                text-align: center !important;\n            }\n            \n            .result-card .calculation-details {\n                display: block !important;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            body {\n                padding: 10px 5px;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .calories-number {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"calculator-container\">\n        <div class=\"content\">\n            <div class=\"controls\">\n                <div class=\"control-group\">\n                    <label>Poids<\/label>\n                    <div class=\"weight-container\" style=\"display: flex; gap: 15px; align-items: flex-end; margin-bottom: 20px;\">\n                        <input type=\"number\" id=\"weight\" class=\"weight-input\" value=\"70\" min=\"30\" max=\"200\" placeholder=\"Entrez votre poids\" style=\"flex: 1;\">\n                        <div class=\"unit-toggle\">\n                            <div class=\"unit-option active\" data-unit=\"kg\">kg<\/div>\n                            <div class=\"unit-option\" data-unit=\"lbs\">livres<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Dur\u00e9e (minutes)<\/label>\n                    <div class=\"duration-options\">\n                        <div class=\"duration-option\" data-duration=\"15\">15 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"20\">20 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"25\">25 min<\/div>\n                        <div class=\"duration-option selected\" data-duration=\"30\">30 minutes<\/div>\n                        <div class=\"duration-option\" data-duration=\"35\">35 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"40\">40 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"45\">45 minutes<\/div>\n                        <div class=\"duration-option\" data-duration=\"60\">60 minutes<\/div>\n                    <\/div>\n                    <input type=\"number\" id=\"duration\" class=\"duration-input\" value=\"30\" min=\"1\" max=\"300\" placeholder=\"Ou entrer des minutes personnalis\u00e9es\">\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Type d'exercice<\/label>\n                    <div class=\"exercise-categories\" id=\"exerciseCategories\">\n                        <!-- Walking Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Walking')\">\n                                <span>La marche<\/span>\n                                <span class=\"category-arrow expanded\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content active\" id=\"category-Walking\">\n                                <div class=\"exercise-option selected\" onclick=\"selectExercise('Outdoor Walk', 3)\" data-exercise=\"Outdoor Walk\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Promenade en plein air<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Walk', 2)\" data-exercise=\"Indoor Walk\" data-met=\"2\">\n                                    <span class=\"exercise-name\">Marche int\u00e9rieure<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hiking', 3)\" data-exercise=\"Hiking\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Randonn\u00e9e<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Walk', 1.5)\" data-exercise=\"Dog Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Promenade de chien<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('City Walk', 1.5)\" data-exercise=\"City Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Promenade dans la ville<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Running Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Running')\">\n                                <span>La course \u00e0 pied<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Running\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rucking', 4)\" data-exercise=\"Rucking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Rucking<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Run', 8)\" data-exercise=\"Outdoor Run\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Course en plein air<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Run', 7)\" data-exercise=\"Indoor Run\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Course en salle<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Trail Run', 9)\" data-exercise=\"Trail Run\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Course de fond<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Run', 5)\" data-exercise=\"Dog Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Parcours pour chiens<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stroller Run', 5)\" data-exercise=\"Stroller Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Course de poussettes<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Spartan Run', 10)\" data-exercise=\"Spartan Run\" data-met=\"10\">\n                                    <span class=\"exercise-name\">Course des spartiates<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Cycling Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Cycling')\">\n                                <span>Cyclisme<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Cycling\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Ride', 6)\" data-exercise=\"Outdoor Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Randonn\u00e9e en plein air<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Ride', 5)\" data-exercise=\"Indoor Ride\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Randonn\u00e9e \u00e0 l'int\u00e9rieur<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('E-Bike Ride', 2)\" data-exercise=\"E-Bike Ride\" data-met=\"2\">\n                                    <span class=\"exercise-name\">Promenade en v\u00e9lo \u00e9lectrique<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Gravel Ride', 8)\" data-exercise=\"Gravel Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Parcours de gravier<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mountain Bike Ride', 8)\" data-exercise=\"Mountain Bike Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Randonn\u00e9e en VTT<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('BMX', 6)\" data-exercise=\"BMX\" data-met=\"6\">\n                                    <span class=\"exercise-name\">BMX<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hand Ride', 6)\" data-exercise=\"Hand Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Man\u00e8ge \u00e0 main<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cargo Bike Ride', 6)\" data-exercise=\"Cargo Bike Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Promenade en v\u00e9lo cargo<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Ball Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Ball Sports')\">\n                                <span>Sports de balle<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Ball Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Soccer', 7.5)\" data-exercise=\"Soccer\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Football<\/span>\n                                    <span class=\"exercise-met\">MET 7.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Basketball', 6)\" data-exercise=\"Basketball\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Basket-ball<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rugby', 8)\" data-exercise=\"Rugby\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Rugby<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Golf', 2.5)\" data-exercise=\"Golf\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Golf<\/span>\n                                    <span class=\"exercise-met\">MET 2.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Baseball', 4)\" data-exercise=\"Baseball\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Baseball<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tennis', 6)\" data-exercise=\"Tennis\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Tennis<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Volleyball', 5)\" data-exercise=\"Volleyball\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Volley-ball<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Bowling', 1.5)\" data-exercise=\"Bowling\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Bowling<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hockey', 6.5)\" data-exercise=\"Hockey\" data-met=\"6.5\">\n                                    <span class=\"exercise-name\">Hockey<\/span>\n                                    <span class=\"exercise-met\">MET 6.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flag Football', 6)\" data-exercise=\"Flag Football\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Flag Football<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Squash', 7.5)\" data-exercise=\"Squash\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Courge<\/span>\n                                    <span class=\"exercise-met\">MET 7.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Badminton', 5)\" data-exercise=\"Badminton\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Badminton<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Table Tennis', 4.5)\" data-exercise=\"Table Tennis\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Tennis de table<\/span>\n                                    <span class=\"exercise-met\">MET 4.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Handball', 8)\" data-exercise=\"Handball\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Handball<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pickleball', 4.5)\" data-exercise=\"Pickleball\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Pickleball<\/span>\n                                    <span class=\"exercise-met\">MET 4.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cricket', 3.5)\" data-exercise=\"Cricket\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Cricket<\/span>\n                                    <span class=\"exercise-met\">MET 3.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Lacrosse', 6)\" data-exercise=\"Lacrosse\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Crosse<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Fitness Training Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Fitness Training')\">\n                                <span>Entra\u00eenement physique<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Fitness Training\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('HIIT', 10)\" data-exercise=\"HIIT\" data-met=\"10\">\n                                    <span class=\"exercise-name\">HIIT<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Crossfit', 7)\" data-exercise=\"Crossfit\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Crossfit<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Traditional Strength Training', 3.5)\" data-exercise=\"Traditional Strength Training\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Entra\u00eenement traditionnel \u00e0 la force<\/span>\n                                    <span class=\"exercise-met\">MET 3.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Functional Strength Training', 4)\" data-exercise=\"Functional Strength Training\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Entra\u00eenement fonctionnel de la force<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Core Training', 2.5)\" data-exercise=\"Core Training\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Formation de base<\/span>\n                                    <span class=\"exercise-met\">MET 2.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mixed Cardio', 7)\" data-exercise=\"Mixed Cardio\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Cardio mixte<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Jump Rope', 8)\" data-exercise=\"Jump Rope\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Saut \u00e0 la corde<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Elliptical', 6)\" data-exercise=\"Elliptical\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Elliptique<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stair Climbing', 7)\" data-exercise=\"Stair Climbing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Escalade<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stairs', 7.5)\" data-exercise=\"Stairs\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Escaliers<\/span>\n                                    <span class=\"exercise-met\">MET 7.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flexibility', 1.5)\" data-exercise=\"Flexibility\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Flexibilit\u00e9<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Studio Activities Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Studio Activities')\">\n                                <span>Activit\u00e9s en studio<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Studio Activities\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Yoga', 1.5)\" data-exercise=\"Yoga\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Yoga<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dance', 5.5)\" data-exercise=\"Dance\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">La danse<\/span>\n                                    <span class=\"exercise-met\">MET 5.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pilates', 3)\" data-exercise=\"Pilates\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Pilates<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mind & Body', 0.5)\" data-exercise=\"Mind & Body\" data-met=\"0.5\">\n                                    <span class=\"exercise-name\">Corps et esprit<\/span>\n                                    <span class=\"exercise-met\">MET 0,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Water Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Water Sports')\">\n                                <span>Sports aquatiques<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Water Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pool Swim', 7)\" data-exercise=\"Pool Swim\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Nage en piscine<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Swim', 8)\" data-exercise=\"Outdoor Swim\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Baignade en plein air<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Surfing', 4)\" data-exercise=\"Surfing\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Surf<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Sailing', 3.5)\" data-exercise=\"Sailing\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Voile<\/span>\n                                    <span class=\"exercise-met\">MET 3.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kayaking', 4)\" data-exercise=\"Kayaking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Kayak<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rowing', 5)\" data-exercise=\"Rowing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Aviron<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Paddle', 5)\" data-exercise=\"Paddle\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Pagaie<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Water Sports', 3)\" data-exercise=\"Water Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Sports aquatiques<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Snow Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Snow Sports')\">\n                                <span>Sports de neige<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Snow Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Downhill Skiing', 5)\" data-exercise=\"Downhill Skiing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Ski de descente<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snowboard', 5)\" data-exercise=\"Snowboard\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Snowboard<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cross Country Skiing', 8)\" data-exercise=\"Cross Country Skiing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Ski de fond<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Skating', 6)\" data-exercise=\"Outdoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Patinage en plein air<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Skating', 6)\" data-exercise=\"Indoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Patinage en salle<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snow Sports', 3)\" data-exercise=\"Snow Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Sports de neige<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Martial Arts Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Martial Arts')\">\n                                <span>Arts martiaux<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Martial Arts\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kickboxing', 7)\" data-exercise=\"Kickboxing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Kickboxing<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Boxing', 7.5)\" data-exercise=\"Boxing\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Boxe<\/span>\n                                    <span class=\"exercise-met\">MET 7.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wrestling', 6)\" data-exercise=\"Wrestling\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Lutte<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Martial Arts', 7)\" data-exercise=\"Martial Arts\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Arts martiaux<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tai Chi', 3.5)\" data-exercise=\"Tai Chi\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Tai Chi<\/span>\n                                    <span class=\"exercise-met\">MET 3.5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Other Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Other')\">\n                                <span>Autres<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Other\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fishing', 1.5)\" data-exercise=\"Fishing\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">P\u00eache<\/span>\n                                    <span class=\"exercise-met\">MET 1.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Disc Sports', 6)\" data-exercise=\"Disc Sports\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Sports de disque<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Skateboarding', 7)\" data-exercise=\"Skateboarding\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Skateboarding<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Climbing', 8)\" data-exercise=\"Climbing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Escalade<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Equestrian Sports', 5)\" data-exercise=\"Equestrian Sports\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Sports \u00e9questres<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cheerleading', 3)\" data-exercise=\"Cheerleading\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Cheerleading<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Parkour', 9)\" data-exercise=\"Parkour\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Parkour<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Archery', 3)\" data-exercise=\"Archery\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Tir \u00e0 l'arc<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fencing', 6)\" data-exercise=\"Fencing\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Cl\u00f4ture<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wheelchair', 3)\" data-exercise=\"Wheelchair\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Fauteuil roulant<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Other', 3)\" data-exercise=\"Other\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Autres<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fitness Gaming', 5.5)\" data-exercise=\"Fitness Gaming\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">Jeux d'adresse<\/span>\n                                    <span class=\"exercise-met\">MET 5.5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Eight Brocades', 3)\" data-exercise=\"Eight Brocades\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Huit brocarts<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"result-panel\">\n                <div class=\"result-card\">\n                    <div class=\"calories-number\" id=\"caloriesNumber\">315<\/div>\n                    <div class=\"calories-label\">calories br\u00fbl\u00e9es<\/div>\n                    <div class=\"calculation-details\">\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Exercice :<\/span>\n                            <span class=\"detail-value\" id=\"exerciseName\">Promenade en plein air<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Valeur MET :<\/span>\n                            <span class=\"detail-value\" id=\"metValue\">3.0<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Poids :<\/span>\n                            <span class=\"detail-value\" id=\"weightDisplay\">70 kg<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Dur\u00e9e de l'enqu\u00eate :<\/span>\n                            <span class=\"detail-value\" id=\"durationDisplay\">30 minutes<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Calories br\u00fbl\u00e9es :<\/span>\n                            <span class=\"detail-value\" id=\"caloriesDisplay\">315 cal<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Wide screen calculation details panel -->\n                <div class=\"calculation-details\" style=\"display: none;\">\n                    <h3 style=\"color: #F0605C; margin-bottom: 20px; font-size: 1.3rem;\">D\u00e9tails du calcul<\/h3>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Exercice :<\/span>\n                        <span class=\"detail-value\" id=\"exerciseNameWide\">Promenade en plein air<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Valeur MET :<\/span>\n                        <span class=\"detail-value\" id=\"metValueWide\">3.0<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Poids :<\/span>\n                        <span class=\"detail-value\" id=\"weightDisplayWide\">70 kg<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Dur\u00e9e de l'enqu\u00eate :<\/span>\n                        <span class=\"detail-value\" id=\"durationDisplayWide\">30 minutes<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Calories br\u00fbl\u00e9es :<\/span>\n                        <span class=\"detail-value\" id=\"caloriesDisplayWide\">315 cal<\/span>\n                    <\/div>\n                    <div class=\"formula-note\">\n                        Pour r\u00e9f\u00e9rence uniquement. MET est la valeur moyenne. Comme l'intensit\u00e9 de l'exercice varie, la consommation d'\u00e9nergie r\u00e9elle varie \u00e9galement. L'utilisation d'un appareil \u00e9quip\u00e9 d'un syst\u00e8me de surveillance de la fr\u00e9quence cardiaque permet d'obtenir des r\u00e9sultats plus pr\u00e9cis.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentExercise = \"Outdoor Walk\";\n        let currentMET = 3;\n        let currentDuration = 30;\n        let currentWeightUnit = \"kg\";\n\n        function toggleCategory(category) {\n            const content = document.getElementById(`category-${category}`);\n            const arrow = content.previousElementSibling.querySelector('.category-arrow');\n            \n            content.classList.toggle('active');\n            arrow.classList.toggle('expanded');\n        }\n\n        function selectExercise(exercise, met) {\n            \/\/ Remove previous selection\n            document.querySelectorAll('.exercise-option').forEach(option => {\n                option.classList.remove('selected');\n            });\n            \n            \/\/ Add selection to clicked option\n            event.target.closest('.exercise-option').classList.add('selected');\n            \n            currentExercise = exercise;\n            currentMET = met;\n            calculateCalories();\n        }\n\n        \/\/ Weight unit selection\n        document.querySelectorAll('.unit-option').forEach(option => {\n            option.addEventListener('click', function() {\n                const oldUnit = currentWeightUnit;\n                const newUnit = this.dataset.unit;\n                \n                if (oldUnit !== newUnit) {\n                    document.querySelectorAll('.unit-option').forEach(opt => opt.classList.remove('active'));\n                    this.classList.add('active');\n                    currentWeightUnit = newUnit;\n                    \n                    \/\/ Convert weight value\n                    const weightInput = document.getElementById('weight');\n                    let currentWeight = parseFloat(weightInput.value) || (newUnit === 'kg' ? 70 : 154);\n                    \n                    if (oldUnit === 'kg' && newUnit === 'lbs') {\n                        \/\/ kg to lbs\n                        currentWeight = Math.round(currentWeight * 2.20462);\n                        weightInput.min = \"66\"; \/\/ 30 kg in lbs\n                        weightInput.max = \"441\"; \/\/ 200 kg in lbs\n                    } else if (oldUnit === 'lbs' && newUnit === 'kg') {\n                        \/\/ lbs to kg\n                        currentWeight = Math.round(currentWeight \/ 2.20462);\n                        weightInput.min = \"30\";\n                        weightInput.max = \"200\";\n                    }\n                    \n                    weightInput.value = currentWeight;\n                    calculateCalories();\n                }\n            });\n        });\n        \n        document.querySelectorAll('.duration-option').forEach(option => {\n            option.addEventListener('click', function() {\n                document.querySelectorAll('.duration-option').forEach(opt => opt.classList.remove('selected'));\n                this.classList.add('selected');\n                currentDuration = parseInt(this.dataset.duration);\n                document.getElementById('duration').value = currentDuration;\n                calculateCalories();\n            });\n        });\n\n        \/\/ Custom duration input\n        document.getElementById('duration').addEventListener('input', function() {\n            currentDuration = parseInt(this.value) || 30;\n            \/\/ Update duration options selection\n            document.querySelectorAll('.duration-option').forEach(opt => {\n                opt.classList.remove('selected');\n                if (parseInt(opt.dataset.duration) === currentDuration) {\n                    opt.classList.add('selected');\n                }\n            });\n            setTimeout(calculateCalories, 100);\n        });\n\n        \/\/ Weight input\n        document.getElementById('weight').addEventListener('input', function() {\n            setTimeout(calculateCalories, 100);\n        });\n\n        function calculateCalories() {\n            let weight = parseFloat(document.getElementById('weight').value) || (currentWeightUnit === 'kg' ? 70 : 154);\n            const duration = currentDuration;\n            const met = currentMET;\n            \n            \/\/ Convert weight to kg if in lbs\n            let weightInKg = weight;\n            if (currentWeightUnit === 'lbs') {\n                weightInKg = weight \/ 2.20462;\n            }\n            \n            \/\/ Formula: MET \u00d7 Weight(kg) \u00d7 Duration \u00f7 60\n            const calories = Math.round(met * weightInKg * duration \/ 60);\n            \n            \/\/ Update display for both mobile and wide screens\n            document.getElementById('caloriesNumber').textContent = calories;\n            document.getElementById('exerciseName').textContent = currentExercise;\n            document.getElementById('metValue').textContent = met.toFixed(1);\n            document.getElementById('weightDisplay').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplay').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplay').textContent = `${calories} cal`;\n            \n            \/\/ Update wide screen version\n            document.getElementById('exerciseNameWide').textContent = currentExercise;\n            document.getElementById('metValueWide').textContent = met.toFixed(1);\n            document.getElementById('weightDisplayWide').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplayWide').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplayWide').textContent = `${calories} cal`;\n        }\n\n        \/\/ Show\/hide wide screen layout\n        function updateLayout() {\n            const wideDetails = document.querySelector('.result-panel > .calculation-details:last-child');\n            if (window.innerWidth >= 1024) {\n                wideDetails.style.display = 'block';\n            } else {\n                wideDetails.style.display = 'none';\n            }\n        }\n\n        \/\/ Initialize\n        calculateCalories();\n        updateLayout();\n        \n        \/\/ Update layout on window resize\n        window.addEventListener('resize', updateLayout);\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e0799accb41\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading\" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >Comme Duolingo mais pour le fitness<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito est une application gamifi\u00e9e de suivi de course \u00e0 pied, comme <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">Duolingo<\/a> mais pour le fitness. Il est dot\u00e9 d'un adorable petit ours qui vous accompagne lors de vos s\u00e9ances d'entra\u00eenement dans la salle de sport. <a href=\"https:\/\/getfitoapp.com\/fr\/outils\/fitness-streak-widgets-and-watch-faces\/\">widgets pour l'\u00e9cran d'accueil<\/a>La course \u00e0 pied \u00e0 long terme est donc une v\u00e9ritable source de motivation.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta  text_hover_color_FFFFFF alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit\" data-color=\"accent-color\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h3 style=\"color: #FFFFFF;\"><span class=\"link_wrap\" style=\"padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/getfitoapp.com\/fr\/\"><span class=\"text\">Essayez-le maintenant<\/span><\/a><\/span><\/h3><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"img-with-aniamtion-wrap\" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy\" data-delay=\"0\" height=\"1525\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg\" alt=\"Vue d&#039;ensemble de la s\u00e9rie d&#039;entra\u00eenements avec chronologie de la s\u00e9rie, distances mensuelles et rappels de la mascotte\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg 2560w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-300x179.jpg 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1024x610.jpg 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-768x458.jpg 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1536x915.jpg 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-2048x1220.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Calculateur de calories br\u00fbl\u00e9es lors de l'exercice physique Combien de calories sont br\u00fbl\u00e9es lors d'une s\u00e9ance d'exercice physique ? Prend en charge plus de 80 types d'exercices : Marche, course \u00e0 pied, cyclisme, sports de balle, entra\u00eenement physique, activit\u00e9s en studio, sports aquatiques,...","protected":false},"author":1,"featured_media":0,"parent":6528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[39],"class_list":{"0":"post-6577","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/pages\/6577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/comments?post=6577"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/pages\/6577\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/media?parent=6577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/fr\/wp-json\/wp\/v2\/tags?post=6577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}