{"product_id":"oreillette-bluetooth-remax-t10","title":"Oreillette Bluetooth Remax T10","description":"\u003cstyle\u003e\n.order-timeline {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 30px 0;\n  padding: 20px 25px;\n  background-color: #fff7f0;\n  border-radius: 14px;\n  border: 2px solid #FF8000;\n  font-family: 'Poppins', sans-serif;\n  overflow: hidden;\n  flex-wrap: wrap;\n}\n\n\/* Ligne de fond *\/\n.order-timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 8%;\n  right: 8%;\n  height: 4px;\n  background-color: #ffd6b3;\n  transform: translateY(-50%);\n  z-index: 0;\n  border-radius: 2px;\n}\n\n\/* Ligne de progression animée *\/\n.order-timeline::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 8%;\n  height: 4px;\n  background-color: #FF8000;\n  transform: translateY(-50%);\n  z-index: 0;\n  border-radius: 2px;\n  animation: progressLine 4s ease-in-out forwards;\n}\n\n\/* Animation de la ligne *\/\n@keyframes progressLine {\n  0% { width: 0%; }\n  100% { width: 84%; } \/* Ajustez si vous avez plus ou moins d'étapes *\/\n}\n\n\/* Étapes *\/\n.order-step {\n  text-align: center;\n  flex: 1;\n  position: relative;\n  z-index: 1;\n  min-width: 90px;\n  transition: transform 0.3s ease;\n}\n\n.order-step:hover {\n  transform: translateY(-5px);\n}\n\n\/* Icônes *\/\n.order-icon {\n  width: 48px;\n  height: 48px;\n  background-color: #fff;\n  border: 2px solid #FF8000;\n  color: #FF8000;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  margin-bottom: 6px;\n  \/* MODIFICATIONS ICI *\/\n  box-shadow: 0 4px 10px rgba(255, 128, 0, 0.2); \/* Ombre plus visible *\/\n  opacity: 0.7; \/* Opacité augmentée pour plus de visibilité *\/\n  transition: all 0.4s ease;\n}\n\n\/* Icônes actives *\/\n.order-step.active .order-icon {\n  background-color: #FF8000;\n  color: #fff;\n  \/* Légère modification de l'ombre pour la rendre plus \"active\" *\/\n  box-shadow: 0 4px 20px rgba(255, 128, 0, 0.9); \n  opacity: 1;\n}\n\n\/* Texte *\/\n.order-date {\n  font-weight: 600;\n  font-size: 14px;\n  color: #FF8000;\n}\n\n.order-label {\n  font-size: 13px;\n  color: #333;\n}\n\n\/* Animation d’activation *\/\n@keyframes activateIcon {\n  from { opacity: 0.7; transform: scale(0.9); } \/* Ajusté avec la nouvelle opacité de base *\/\n  to { opacity: 1; transform: scale(1); }\n}\n\n\/* ⚡ Responsive : s’adapte à la largeur sans casser la ligne horizontale *\/\n@media (max-width: 900px) {\n  .order-timeline {\n    padding: 15px 10px;\n  }\n\n  .order-icon {\n    width: 42px;\n    height: 42px;\n    font-size: 18px;\n  }\n\n  .order-date {\n    font-size: 13px;\n  }\n\n  .order-label {\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 600px) {\n  .order-timeline {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .order-step {\n    flex: 0 0 33%;\n    min-width: 110px;\n  }\n\n  .order-timeline::before,\n  .order-timeline::after {\n    left: 10%;\n    right: 10%;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"order-timeline\"\u003e\n\u003cdiv class=\"order-step\" id=\"step1\"\u003e\n\u003cdiv class=\"order-icon\"\u003e🛒\u003c\/div\u003e\n\u003cdiv class=\"order-date\" id=\"order-date-command\"\u003eChargement...\u003c\/div\u003e\n\u003cdiv class=\"order-label\"\u003eCommandé\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"order-step\" id=\"step2\"\u003e\n\u003cdiv class=\"order-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv class=\"order-date\" id=\"order-date-shipping\"\u003eChargement...\u003c\/div\u003e\n\u003cdiv class=\"order-label\"\u003eExpédition\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"order-step\" id=\"step3\"\u003e\n\u003cdiv class=\"order-icon\"\u003e🎁\u003c\/div\u003e\n\u003cdiv class=\"order-date\" id=\"order-date-delivery\"\u003eChargement...\u003c\/div\u003e\n\u003cdiv class=\"order-label\"\u003eLivraison\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"entry-content\"\u003e\n\u003csection\u003e\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \n    \/**\n     * Formate une date en chaîne de caractères \"Jour Mois\" (ex: \"29 oct\").\n     * @param {Date} dateObj - L'objet Date à formater.\n     * @returns {string} La date formatée.\n     *\/\n    function formatOrderDate(dateObj) {\n        const options = { \n            day: '2-digit', \n            month: 'short' \n        };\n        \/\/ Formatage en français et suppression du point après le mois (ex: \"oct.\" -\u003e \"oct\")\n        return dateObj.toLocaleDateString('fr-FR', options).replace('.', '');\n    }\n\n    \/\/ 1. Récupération de la date du jour (Date de Commande)\n    const today = new Date();\n    \n    \/\/ Mise à jour de la date de Commande (J)\n    const commandDateElement = document.getElementById(\"order-date-command\");\n    if (commandDateElement) {\n        commandDateElement.textContent = formatOrderDate(today);\n    }\n    \n    \/\/ 2. Calcul et mise à jour de la date d'Expédition (J+1 à J+2)\n    const shippingDateElement = document.getElementById(\"order-date-shipping\");\n    if (shippingDateElement) {\n        const shippingDateStart = new Date(today);\n        shippingDateStart.setDate(today.getDate() + 1); \/\/ J+1\n        const shippingDateEnd = new Date(today);\n        shippingDateEnd.setDate(today.getDate() + 2);   \/\/ J+2\n        \n        const start = formatOrderDate(shippingDateStart);\n        const end = formatOrderDate(shippingDateEnd);\n        \n        shippingDateElement.textContent = `${start} - ${end}`;\n    }\n    \n    \/\/ 3. Calcul et mise à jour de la date de Livraison (J+4 à J+5)\n    const deliveryDateElement = document.getElementById(\"order-date-delivery\");\n    if (deliveryDateElement) {\n        const deliveryDateStart = new Date(today);\n        deliveryDateStart.setDate(today.getDate() + 4); \/\/ J+4\n        const deliveryDateEnd = new Date(today);\n        deliveryDateEnd.setDate(today.getDate() + 5);   \/\/ J+5\n\n        const start = formatOrderDate(deliveryDateStart);\n        const end = formatOrderDate(deliveryDateEnd);\n        \n        deliveryDateElement.textContent = `${start} - ${end}`;\n    }\n    \n});\n\u003c\/script\u003e\n\u003cp class=\"MsoNormal\"\u003eL'oreillette Bluetooth Remax T10 est parfaite pour tirer le meilleur parti de votre emploi du temps chargé et de vos appels en déplacement. Conçu de façon intuitive, ce casque Bluetooth est fait pour être facilement appairé à votre téléphone portable. Par ailleurs, il est d’utilisation pratique. Grâce à sa nouvelle allure, le Remax T10 vous procure un confort amélioré en vous permettant de l’utiliser avec ou sans la boucle d’oreille, selon votre préférence. Enfin, la conception séduisante et ergonomique du Remax T10 simplifie les appels sans fil. Plus besoin d'une paire d'écouteur\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003eCaractéristiques principales :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"MsoNormal\"\u003eUtilisation et port faciles, design séduisant et clarté du son\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eConnexion simultanée à deux dispositifs Bluetooth\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eJusqu'à 4 heures en conversation\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eCaractéristiques :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003eCaractéristiques techniques :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"MsoNormal\"\u003eVersion Bluetooth : V4.1 + EDR\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eEntrée : DC 5V- 500mAh\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003ePlage de transmission : 10m\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eEn veille : environ 110 heures\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eAutonomie : appel environ 4 heures\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eTemps de d’écoute musique : environ 2,5 heures\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eTemps de charge : environ 2 heures\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eCertifications : CE, RoHS, FCC\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003eContenu du coffret :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"MsoNormal\"\u003e1x oreillette Bluetooth Remax T10\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003e1x Câble micro-USB\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003e1x Manuel d’utilisation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Avoz.fr","offers":[{"title":"Noir","offer_id":53877725561155,"sku":null,"price":12.9,"currency_code":"EUR","in_stock":true},{"title":"Blanc","offer_id":53877725593923,"sku":null,"price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0931\/7895\/4051\/files\/afficheremaxor.png?v=1762872561","url":"https:\/\/avoz.fr\/products\/oreillette-bluetooth-remax-t10","provider":"Avoz.fr","version":"1.0","type":"link"}