{"id":8091,"date":"2025-09-15T19:08:50","date_gmt":"2025-09-15T17:08:50","guid":{"rendered":"https:\/\/www.carrera-fun.com\/?page_id=8091"},"modified":"2025-09-15T19:08:51","modified_gmt":"2025-09-15T17:08:51","slug":"indice-hybrid-mon-circuit","status":"publish","type":"page","link":"https:\/\/www.carrera-fun.com\/?page_id=8091","title":{"rendered":"Indice Hybrid mon circuit"},"content":{"rendered":"\r\n\t    <form action=\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8091 method='post'>\r\n\t\t<input value=\"\" name=\"page_id\" type=\"hidden\">\r\n        <label for='code_hybrd'>Code Hybride:<\/label>\r\n        <input type='text' id='code_hybrd' name='code_hybrd' required>\r\n        <button type='submit' name='go3_submit'>GO3<\/button>\r\n    <\/form>\r\n\t\r\n\t\r\n\t<br><br><style>\r\n\r\n\r\n        .slider-container {\r\n            display: flex;\r\n            align-items: center;\r\n            width: 90%; \/* Un peu plus large *\/\r\n            max-width: 600px;\r\n            margin-top: 5px;\r\n            background-color: #ffffff;\r\n            padding: 10px 10px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); \/* Ombre douce *\/\r\n        }\r\n\r\n        .label {\r\n            white-space: nowrap;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            color: #555;\r\n            text-align: center;\r\n            min-width: 40px; \/* Assure une largeur minimale pour les labels *\/\r\n        }\r\n\r\n        .left-label {\r\n            margin-right: 20px;\r\n            color: #3498db; \/* Couleur pour Ligne Droite *\/\r\n        }\r\n\r\n        .right-label {\r\n            margin-left: 20px;\r\n            color: #e74c3c; \/* Couleur pour Courbes *\/\r\n        }\r\n\t\t\r\n\r\n        .slider {\r\n            width: 100%;\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            height: 12px; \/* Barre un peu plus \u00e9paisse *\/\r\n            background: transparent; \/* Pour que notre custom track soit visible *\/\r\n            border-radius: 6px; \/* Bords arrondis pour la barre *\/\r\n            cursor: pointer;\r\n            outline: none;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Webkit (Chrome, Safari) *\/\r\n        .slider::-webkit-slider-runnable-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #3498db, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc; \/* Petite bordure *\/\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Webkit *\/\r\n        .slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 28px; \/* Plus grande poign\u00e9e *\/\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff; \/* Poign\u00e9e blanche *\/\r\n            border: 3px solid #7f8c8d; \/* Bordure grise *\/\r\n            cursor: grab; \/* Curseur qui indique qu'on peut la saisir *\/\r\n            margin-top: -8px; \/* Centre la poign\u00e9e sur la piste *\/\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); \/* Ombre pour la poign\u00e9e *\/\r\n            transition: background-color 0.3s ease, border-color 0.3s ease; \/* Transition douce *\/\r\n        }\r\n\r\n        .slider::-webkit-slider-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1; \/* L\u00e9g\u00e8rement gris\u00e9 quand on la saisit *\/\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Mozilla (Firefox) *\/\r\n        .slider::-moz-range-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #3498db, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc;\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Mozilla *\/\r\n        .slider::-moz-range-thumb {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff;\r\n            border: 3px solid #7f8c8d;\r\n            cursor: grab;\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n            transition: background-color 0.3s ease, border-color 0.3s ease;\r\n        }\r\n\r\n        .slider::-moz-range-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1;\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        .slider2 {\r\n            width: 100%;\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            height: 12px; \/* Barre un peu plus \u00e9paisse *\/\r\n            background: transparent; \/* Pour que notre custom track soit visible *\/\r\n            border-radius: 6px; \/* Bords arrondis pour la barre *\/\r\n            cursor: pointer;\r\n            outline: none;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Webkit (Chrome, Safari) *\/\r\n        .slider2::-webkit-slider-runnable-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #1ce81f, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc; \/* Petite bordure *\/\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Webkit *\/\r\n        .slider2::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 28px; \/* Plus grande poign\u00e9e *\/\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff; \/* Poign\u00e9e blanche *\/\r\n            border: 3px solid #7f8c8d; \/* Bordure grise *\/\r\n            cursor: grab; \/* Curseur qui indique qu'on peut la saisir *\/\r\n            margin-top: -8px; \/* Centre la poign\u00e9e sur la piste *\/\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); \/* Ombre pour la poign\u00e9e *\/\r\n            transition: background-color 0.3s ease, border-color 0.3s ease; \/* Transition douce *\/\r\n        }\r\n\r\n        .slider2::-webkit-slider-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1; \/* L\u00e9g\u00e8rement gris\u00e9 quand on la saisit *\/\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Mozilla (Firefox) *\/\r\n        .slider2::-moz-range-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #3498db, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc;\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Mozilla *\/\r\n        .slider2::-moz-range-thumb {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff;\r\n            border: 3px solid #7f8c8d;\r\n            cursor: grab;\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n            transition: background-color 0.3s ease, border-color 0.3s ease;\r\n        }\r\n\r\n        .slider2::-moz-range-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1;\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        .slider3 {\r\n            width: 100%;\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            height: 12px; \/* Barre un peu plus \u00e9paisse *\/\r\n            background: transparent; \/* Pour que notre custom track soit visible *\/\r\n            border-radius: 6px; \/* Bords arrondis pour la barre *\/\r\n            cursor: pointer;\r\n            outline: none;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Webkit (Chrome, Safari) *\/\r\n        .slider3::-webkit-slider-runnable-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #f7eb05, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc; \/* Petite bordure *\/\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Webkit *\/\r\n        .slider3::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 28px; \/* Plus grande poign\u00e9e *\/\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff; \/* Poign\u00e9e blanche *\/\r\n            border: 3px solid #7f8c8d; \/* Bordure grise *\/\r\n            cursor: grab; \/* Curseur qui indique qu'on peut la saisir *\/\r\n            margin-top: -8px; \/* Centre la poign\u00e9e sur la piste *\/\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); \/* Ombre pour la poign\u00e9e *\/\r\n            transition: background-color 0.3s ease, border-color 0.3s ease; \/* Transition douce *\/\r\n        }\r\n\r\n        .slider3::-webkit-slider-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1; \/* L\u00e9g\u00e8rement gris\u00e9 quand on la saisit *\/\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        \/* Style de la PISTE (track) pour Mozilla (Firefox) *\/\r\n        .slider3::-moz-range-track {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: linear-gradient(to right, #3498db, #e74c3c); \/* D\u00e9grad\u00e9 de couleurs ! *\/\r\n            border-radius: 6px;\r\n            border: 0.5px solid #ccc;\r\n        }\r\n\r\n        \/* Style du POIGN\u00c9E (thumb) pour Mozilla *\/\r\n        .slider3::-moz-range-thumb {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #ffffff;\r\n            border: 3px solid #7f8c8d;\r\n            cursor: grab;\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n            transition: background-color 0.3s ease, border-color 0.3s ease;\r\n        }\r\n\r\n        .slider3::-moz-range-thumb:active {\r\n            cursor: grabbing;\r\n            background-color: #ecf0f1;\r\n            border-color: #2c3e50;\r\n        }\r\n\r\n        p2 {\r\n            margin-top: 30px;\r\n            font-size: 18px;\r\n            color: #444;\r\n        }\r\n\r\n        \/* Pour mettre en \u00e9vidence les pourcentages *\/\r\n        #straightValue {\r\n            font-weight: bold;\r\n            color: #3498db; \/* Couleur Ligne Droite *\/\r\n        }\r\n\r\n        #curveValue {\r\n            font-weight: bold;\r\n            color: #e74c3c; \/* Couleur Courbes *\/\r\n        }\r\n\t\t\r\n\t\t        .slider-container5 {\r\n            display: flex;\r\n            align-items: center;\r\n            width: 85%; \/* Un peu plus large *\/\r\n            max-width: 600px;\r\n            margin-top: 5px;\r\n            background-color: #ffffff;\r\n            padding: 10px 10px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); \/* Ombre douce *\/\r\n        }\r\n\t\t\r\n\t\t.label5 {\r\n            white-space: nowrap;\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n            color: #555;\r\n            text-align: center;\r\n            min-width: 62px; \/* Assure une largeur minimale pour les labels *\/\r\n        }\r\n\r\n        .left-label {\r\n            margin-right: 10px;\r\n            color: #3498db; \/* Couleur pour Ligne Droite *\/\r\n        }\r\n\r\n        .right-label {\r\n            margin-left: 10px;\r\n            color: #e74c3c; \/* Couleur pour Courbes *\/\r\n        }\r\n\t\t\r\n    <\/style>\r\n\t<table width='100%' border=1 ><tr><td><br><center><b><b><br> <\/center><br><\/td><\/tr><tr><td>    <center><b>Indice Acceleration :<br>0 \/ 10<\/b><br>\r\n\t\t\t<div class='slider-container'>\r\n\t\t\t\r\n\t\t\t<input type='range' min='0' max='10' value='0' class='slider' id='mySlider' disabled>\r\n\t\t\t\r\n\t\t\t<\/div><\/center><br><br><\/td><\/tr><tr><td>    <center><b>Indice Vitesse :<br>0 \/ 10<\/b><br><div class='slider-container'>\r\n\t\t\t\r\n\t\t\t<input type='range' min='0' max='10' value='0' class='slider2' id='mySlider' disabled>\r\n\t\t\t\r\n\t\t\t<\/div><\/center><br><br><\/td><\/tr><td>    <center><b>Indice Manoeuvre :<br>0 \/ 10<\/b><br><div class='slider-container'>\r\n\t\t\t\r\n\t\t\t<input type='range' min='0' max='10' value='0' class='slider3' id='mySlider' disabled>\r\n\t\t\t\r\n\t\t\t<\/div><\/center><br><br><\/td><\/tr><tr><td>    <center><div class='slider-container5'>\r\n        <div class='label5 left-label'>Ligne droite<br>0 mm<\/div>\r\n        <input type='range' min='0' max='100' value='100' class='slider' id='mySlider' disabled>\r\n        <div class='label5 right-label'>Courbe<br>0 mm<\/div>\r\n    <\/div><br><b>Circuit : 0,000 m<\/b><\/center><br><\/td><\/tr><\/table><br><br>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-8091","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8091"}],"version-history":[{"count":1,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8091\/revisions"}],"predecessor-version":[{"id":8092,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8091\/revisions\/8092"}],"wp:attachment":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}