1<!DOCTYPE html> 2<html dir="ltr" lang="fr-FR" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!-- Manifest added by SuperPWA - Progressive Web Apps Plugin For WordPress --> 7<link rel="manifest" href="/superpwa-manifest.json"> 8<link rel="prefetch" href="/superpwa-manifest.json"> 9<meta name="theme-color" content="#000000"> 10<!-- / SuperPWA.com --> 11<title>Se connecter – TikVet</title> 12 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 13 14 <!-- All in One SEO 5.0.1.1 - aioseo.com --> 15 <link rel="canonical" href="https://mediumblue-goat-586134.hostingersite.com/account/login/" /> 16 <meta name="generator" content="All in One SEO (AIOSEO) 5.0.1.1" /> 17
17<script type="application/ld+json" class="aioseo-schema"> 18 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com#listItem","position":1,"name":"Home","item":"https:\/\/mediumblue-goat-586134.hostingersite.com","nextItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","name":"Alimentation"}},{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","position":2,"name":"Alimentation","item":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez\/#listItem","name":"\ud83d\udea8 Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez\/#listItem","position":3,"name":"\ud83d\udea8 Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez","previousItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","name":"Alimentation"}}]},{"@type":"Organization","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#organization","name":"TikVet","description":"TikVet","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/","logo":{"@type":"ImageObject","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/uploads\/2026\/02\/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#webpage","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#website"},"breadcrumb":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#breadcrumblist"}},{"@type":"WebSite","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#website","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/","name":"TikVet","alternateName":"M\u00e9decin V\u00e9t\u00e9rinaire Maroc","description":"TikVet","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#organization"}}]} 19 </script>
19 20 <!-- All in One SEO --> 21 22
22<script> 23 let currentUid = localStorage.getItem('tikvet_uid'); 24 if (currentUid && currentUid.startsWith('tikvet_user_')) { 25 localStorage.removeItem('tikvet_uid'); 26 localStorage.removeItem('tikvet_name'); 27 localStorage.removeItem('tikvet_avatar'); 28 } 29 </script>
29 30 <link rel='dns-prefetch' href='//mediumblue-goat-586134.hostingersite.com' /> 31<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 32<link rel="alternate" type="application/rss+xml" title="TikVet » Flux" href="https://mediumblue-goat-586134.hostingersite.com/feed/" /> 33<link rel="alternate" type="application/rss+xml" title="TikVet » Flux des commentaires" href="https://mediumblue-goat-586134.hostingersite.com/comments/feed/" /> 34 <!-- This site uses the Google Analytics by MonsterInsights plugin v11.1.3 - Using Analytics tracking - https://www.monsterinsights.com/ --> 35 <!-- Remarque : MonsterInsights nâest actuellement pas configuré sur ce site. Le propriétaire doit authentifier son compte Google Analytics dans les réglages de MonsterInsights. --> 36 <!-- No tracking code set --> 37 <!-- / Google Analytics by MonsterInsights --> 38
38<script> 39window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}}; 40/*! This file is auto-generated */ 41!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 42</script>
42 43 44<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A500%7CRoboto&display=swap' media='all' /> 45<link rel='stylesheet' id='fontawesome-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/fontawesome/fontawesome.min.css?ver=1.7.13' media='all' /> 46<link rel='stylesheet' id='fontawesome-solid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/fontawesome/solid.min.css?ver=1.7.13' media='all' /> 47<link rel='stylesheet' id='fancybox-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css?ver=1.7.13' media='all' /> 48<link rel='stylesheet' id='slick-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/slick-carousel/slick/slick.css?ver=1.7.13' media='all' /> 49<link rel='stylesheet' id='flatpickr-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/flatpickr.min.css?ver=1.7.13' media='all' /> 50<link rel='stylesheet' id='select2-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/css/select2.min.css?ver=1.7.13' media='all' /> 51<link rel='stylesheet' id='intl-tel-input-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/intl-tel-input/build/css/intlTelInput.min.css?ver=1.7.13' media='all' /> 52<link rel='stylesheet' id='jquery-ui-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/jquery-ui.min.css?ver=1.7.13' media='all' /> 53<link rel='stylesheet' id='hivepress-grid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/grid.min.css?ver=1.7.13' media='all' /> 54<link rel='stylesheet' id='hivepress-core-common-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/common.min.css?ver=1.7.13' media='all' /> 55<link rel='stylesheet' id='hivepress-core-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/frontend.min.css?ver=1.7.13' media='all' /> 56<link rel='stylesheet' id='hivepress-messages-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-messages/assets/css/frontend.min.css?ver=1.4.0' media='all' /> 57<link rel='stylesheet' id='hivepress-reviews-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/assets/css/frontend.min.css?ver=1.3.2' media='all' /> 58<style id='wp-emoji-styles-inline-css'> 59 60 img.wp-smiley, img.emoji { 61 display: inline !important; 62 border: none !important; 63 box-shadow: none !important; 64 height: 1em !important; 65 width: 1em !important; 66 margin: 0 0.07em !important; 67 vertical-align: -0.1em !important; 68 background: none !important; 69 padding: 0 !important; 70 } 71</style> 72<link rel='stylesheet' id='wp-block-library-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' /> 73<style id='wp-block-library-theme-inline-css'> 74.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} 75</style> 76<style id='classic-theme-styles-inline-css'> 77/*! This file is auto-generated */ 78.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
78padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 79</style> 80<link rel='stylesheet' id='aioseo/css/src/vue/standalone/blocks/table-of-contents/global.scss-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/all-in-one-seo-pack/dist/Lite/assets/css/table-of-contents/global.e90f6d47.css?ver=5.0.1.1' media='all' /> 81<style id='global-styles-inline-css'> 82:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
82--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
82.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 83:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 84:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 85:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 86</style> 87<link rel='stylesheet' id='contact-form-7-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.6' media='all' /> 88<link rel='stylesheet' id='woocommerce-layout-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.7.0' media='all' /> 89<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.7.0' media='only screen and (max-width: 768px)' /> 90<link rel='stylesheet' id='woocommerce-general-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.7.0' media='all' /> 91<style id='woocommerce-inline-inline-css'> 92.woocommerce form .form-row .required { visibility: visible; } 93</style> 94<link rel='stylesheet' id='minireset-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/minireset.min.css?ver=1.1.1' media='all' /> 95<link rel='stylesheet' id='flexboxgrid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/flexboxgrid.min.css?ver=1.1.1' media='all' /> 96<link rel='stylesheet' id='hivetheme-core-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/frontend.min.css?ver=1.1.1' media='all' /> 97<link rel='stylesheet' id='hivetheme-parent-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/style.css?ver=1.2.11' media='all' /> 98<style id='hivetheme-parent-frontend-inline-css'> 99h1,h2,h3,h4,h5,h6,fieldset legend,.header-logo__name,.comment__author,.hp-review__author,.hp-message--view-block hp-message__sender,.woocommerce ul.product_list_widget li .product-title,.editor-post-title__block,.editor-post-title__input{font-family:Poppins, sans-serif;font-weight:500;}body{font-family:Roboto, sans-serif;}.header-navbar__menu ul li.active > a,.header-navbar__menu ul li.current-menu-item > a,.header-navbar__menu ul li a:hover,.footer-navbar__menu ul li a:hover,.hp-menu--tabbed .hp-menu__item a:hover,.hp-menu--tabbed .hp-menu__item--current a,.widget_archive li a:hover,.widget_categories li a:hover,.widget_categories li.current-cat > a,.widget_categories li.current-cat::before,.widget_product_categories li a:hover,.widget_product_categories li.current-cat > a,.widget_product_categories li.current-cat::before,.widget_meta li a:hover,.widget_nav_menu li a:hover,.widget_nav_menu li.current-menu-item > a,.widget_nav_menu li.current-menu-item::before,.woocommerce-MyAccount-navigation li a:hover,.woocommerce-MyAccount-navigation li.current-menu-item > a,.woocommerce-MyAccount-navigation li.current-menu-item::before,.widget_pages li a:hover,.widget_recent_entries li a:hover,.wp-block-archives li a:hover,.wp-block-categories li a:hover,.wp-block-latest-posts li a:hover,.wp-block-rss li a:hover,.widget_archive li:hover > a,.widget_categories li:hover > a,.widget_product_categories li:hover > a,.widget_meta li:hover >
99 a,.widget_nav_menu li:hover > a,.woocommerce-MyAccount-navigation li:hover > a,.widget_pages li:hover > a,.widget_recent_entries li:hover > a,.wp-block-archives li:hover > a,.wp-block-categories li:hover > a,.wp-block-latest-posts li:hover > a,.wp-block-rss li:hover > a,.widget_archive li:hover::before,.widget_categories li:hover::before,.widget_product_categories li:hover::before,.widget_meta li:hover::before,.widget_nav_menu li:hover::before,.woocommerce-MyAccount-navigation li:hover::before,.widget_pages li:hover::before,.widget_recent_entries li:hover::before,.wp-block-archives li:hover::before,.wp-block-categories li:hover::before,.wp-block-latest-posts li:hover::before,.wp-block-rss li:hover::before,.post-navbar__link:hover i,.pagination > a:hover,.pagination .nav-links > a:hover,.post__details a:hover,.tagcloud a:hover,.wp-block-tag-cloud a:hover,.comment__details a:hover,.comment-respond .comment-reply-title a:hover,.hp-link:hover,.hp-link:hover i,.pac-item:hover .pac-item-query,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus{color:#d4af37;}.button--primary,button[type="submit"],input[type=submit],.header-navbar__menu > ul > li.current-menu-item::before,.header-navbar__burger > ul > li.current-menu-item::before,.hp-menu--tabbed .hp-menu__item--current::before,.woocommerce #respond input#submit.alt,.woocommerce button[type=submit],.woocommerce input[type=submit],.woocommerce button[type=submit]:hover,.woocommerce input[type=submit]:hover,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#d4af37;}blockquote,.wp-block-quote,.comment.bypostauthor .comment__image img{border-color:#d4af37;}.hp-listing__location i{color:#d4af37;}.button--secondary,.wp-block-file .wp-block-file__button,.hp-field--number-range .ui-slider-range,.hp-field input[type=checkbox]:checked + span::before,.hp-field input[type=radio]:checked + span::after,.woocommerce a.button--secondary,.woocommerce button.button--secondary,.woocommerce input.button--secondary,.woocommerce a.button--secondary:hover,.woocommerce button.button--secondary:hover,.woocommerce input.button--secondary:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-range{background-color:#d4af37;}.hp-field input[type=radio]:checked + span::before,.hp-field input[type=checkbox]:checked + span::before{border-color:#d4af37;}.button,button,input[type=submit],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link,.header-navbar__burger > ul > li > a,.pagination > span,.pagination .nav-links > a,.pagination .nav-links > span,.pagination > a,.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{font-family:Poppins, sans-serif;font-weight:500;}.title::before,.footer-widgets .widget__title::before,.hp-page__title::before,.hp-section__title::before,.hp-listing--view-block .hp-listing__featured-badge{background-color:#d4af37;}.tagcloud a:hover,.wp-block-tag-cloud a:hover,.hp-listing__images-carousel .slick-current img,.hp-listing--view-block.hp-listing--featured{border-color:#d4af37;}.post__categories a:hover,.hp-listing--view-block .hp-listing__categories a:hover,.hp-listing--view-page .hp-listing__categories a:hover{background-color:#d4af37;} 100</style>
101<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 101
101
102<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 102
102
103<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.7.0" id="wc-jquery-blockui-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 103
103
104<script id="wc-add-to-cart-js-extra"> 105var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"Voir le panier","cart_url":"https:\/\/mediumblue-goat-586134.hostingersite.com","is_cart":"","cart_redirect_after_add":"no"}; 106</script>
vendor: 1 bytes, line 106
106
107<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.7.0" id="wc-add-to-cart-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 107
107
108<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.7.0" id="wc-js-cookie-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 108
108
109<script id="woocommerce-js-extra"> 110var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_password_show":"Afficher le mot de passe","i18n_password_hide":"Masquer le mot de passe"}; 111</script>
vendor: 1 bytes, line 111
111
112<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.7.0" id="woocommerce-js" defer data-wp-strategy="defer"></script>
112 113<link rel="https://api.w.org/" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mediumblue-goat-586134.hostingersite.com/xmlrpc.php?rsd" /> 114<meta name="generator" content="WordPress 6.8.10" /> 115<meta name="generator" content="WooCommerce 10.7.0" /> 116<meta name="cdp-version" content="1.5.7" /><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 116-117
116 117<script async src="https://www.googletagmanager.com/gtag/js?id=
117G-QP3LQKKHXT
vendor: 15 bytes, lines 117-118
117"> 118</script>
119<script> 120
vendor: 138 bytes, lines 120-124
120window.dataLayer = window.dataLayer || []; 121 function gtag(){dataLayer.push(arguments);} 122 gtag('js', new Date()); 123 124 gtag('config', '
124G-QP3LQKKHXT
vendor: 5 bytes, line 124
124');
125</script>
125 126
126<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8896612008146773" crossorigin="anonymous"></script>
126 127 <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> 128 <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="preconnect" href="//code.tidio.co"><style class='wp-fonts-local'> 129@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} 130@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} 131</style> 132<link rel="icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-32x32.png" sizes="32x32" /> 133<link rel="icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-192x192.png" sizes="192x192" /> 134<link rel="apple-touch-icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-180x180.png" /> 135<meta name="msapplication-TileImage" content="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-270x270.png" /> 136 <style id="wp-custom-css"> 137 /* Bouton principal "Ajouter une annonce" */ 138.hp-menu__item--listing-submit { 139 display: flex !important; 140 align-items: center !important; 141 justify-content: center !important; 142 font-size: 13.2px !important; 143 padding: 12px 53px !important; 144 text-align: center !important; 145 background-color: #D4AF37 !important; 146 color: white !important; 147 border-radius: 12px !important; 148 width: 64% !important; 149 max-width: 340px !important; 150 margin: 20px auto !important; 151 box-sizing: border-box; 152 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; 153 position: relative; 154 overflow: visible !important; 155} 156 157/* Ajustement pour l'icône + */ 158.hp-menu__item--listing-submit i { 159 font-size: 14px !important; 160 margin-right: 6px !important; 161 color: white !important; 162 vertical-align: middle !important; 163} 164 165/* Texte "Ajouter une annonce" */ 166.hp-menu__item--listing-submit span { 167 font-size: 13.2px !important; 168 color: white !important; 169 display: inline !important; 170 text-align: center !important; 171 position: relative !important; 172} 173 174/* Media query pour les petits écrans */ 175@media (max-width: 768px) { 176 .hp-menu__item--listing-submit { 177 font-size: 11px !important; /* Réduction de la taille du texte */ 178 padding: 10px 24px !important; /* Réduction du padding */ 179 width: 80% !important; /* Ajustement de la largeur pour mobile */ 180 } 181 182 /* Réduire la taille de l'icône et ajuster l'espace */ 183  .hp-menu__item--listing-submit i { 184 font-size: 15px !important; 185 margin-right: 5px !important;
185 /* Espacement ajusté */ 186 } 187 188 /* Ajuster la taille du texte pour qu'il soit bien lisible sur mobile */ 189  .hp-menu__item--listing-submit span { 190 font-size: 12px !important; 191 } 192} 193 194 195/* Changer la couleur du fond du site */ 196body { 197 background-color: #E6F0FA; /* Bleu clair */ 198} 199 200.hp-listing-category__item-count { 201 display: none; 202} 203 204/* Conteneur principal des images */ 205.hp-listing-category__image-container { 206 display: grid; 207 grid-template-columns: repeat(4, 1fr); /* 4 colonnes par défaut sur PC */ 208 gap: 1%; /* Espace entre les éléments */ 209 width: 100%; /* Le conteneur prend toute la largeur disponible */ 210} 211 212/* Style des images (chaque catégorie) */ 213.hp-listing-category__image { 214 position: relative; /* Pour que les images puissent s'ajuster à la taille du conteneur */ 215 width: 100%; /* L'image prend toute la largeur de son conteneur */ 216 height: 0; 217 padding-bottom: 75%; /* Cela donne un aspect rectangulaire (ratio 4:3) */ 218 overflow: hidden; /* Cacher toute partie qui dépasse du conteneur */ 219} 220 221/* Les images elles-mêmes */ 222.hp-listing-category__image img { 223 position: absolute; /* Positionner l'image à l'intérieur de son conteneur */ 224 top: 0; 225 left: 0; 226 width: 100%; /* L'image prend toute la largeur du conteneur */ 227 height: 100%; /* L'image prend toute la hauteur du conteneur */ 228 object-fit: cover; /* Assurer que l'image couvre complètement l'espace sans déformation */ 229 display: block; /* Supprimer les espaces blancs sous l'image */ 230} 231 232/* Pour les tablettes ou téléphone en mode paysage */ 233@media (max-width: 768px) { 234 .hp-listing-category__image-container { 235 grid-template-columns: repeat(2, 1fr); /* 2 colonnes par ligne */ 236 } 237} 238 239/* Pour les petits écrans (téléphone en mode portrait) */ 240@media (max-width: 480px) { 241 .hp-listing-category__image-container { 242 grid-template-columns: repeat(2, 1fr); /* 2 catégories par ligne */ 243 } 244} 245 246 247 248 249 250 251 252 253 254 255img.custom-logo, 256img#logo, 257img.logo, 258.header-logo img { 259 max-width: 120px !important; /* plus petit que 150px */ 260 height: auto !important; 261} 262 263 264 265 266 267 268 269 270 271 272 273/* Effet au survol */ 274#menu-header-1 li a:hover { 275 background-color: #1a2a5a; 276 color: #ffffff; 277 transform: translateY(-2px); 278 box-shadow: 0 4px 6px rgba(0,0,0,0.2); 279} 280 281 282 283 284 285 286 287 288 289 290 291/* Conteneur autour du menu - Changement de fond pour plus de neutralité */ 292.menu-wrapper { 293 background-color: #f8f9fa; /* Fond gris très clair/presque blanc pour un look épuré */ 294 padding: 10px 0; /* Un peu moins de padding vertical */ 295 display: flex; 296 justify-content: center; 297 align-items: center; 298 gap: 10px; /* Espace réduit entre les boutons */ 299 border-bottom: 1px solid #dee2e6; /* Ligne de séparation subtile en bas */ 300} 301 302/* Chaque lien dans son propre bouton pro */ 303#menu-header-1 li a { 304 text-decoration: none; 305 color: #ffffff; /* Texte blanc */ 306 background-color: #1F1F1F; /* Bleu standard moderne (Bootstrap Blue) */ 307 padding: 12px 11px; /* Padding légèrement ajusté et réduit */ 308 border-radius: 10px; /* Coins légèrement moins arrondis */ 309 font-weight: 600; /* Plus de gras pour la lisibilité */ 310 font-size: 12px; /* Taille d'écriture réduite (13px) */ 311 display: inline-block; 312 text-align: center; 313 transition: all 0.2s ease-in-out; /* Transition plus rapide */ 314 box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Ombre plus subtile */ 315 border: 1px solid #1F1F1F; /* Bordure de la même couleur que le fond */ 316} 317 318/* Hover : changement de couleur + effet de pressage subtil */ 319#menu-header-1 li a:hover { 320 background-color: #25D366; /* Bleu plus foncé */ 321 border-color: #25D366; 322 transform: translateY(-1px); /* Soulèvement très léger */ 323 box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* Ombre plus présente au survol */ 324} 325 326/* Responsive : menu en colonne sur mobile */ 327@media (max-width: 768px) { 328 .menu-wrapper { 329 padding: 15px 10px; /* Ajout d'un padding horizontal sur mobile */ 330 } 331 #menu-header-1 { 332 display: flex; /* Assurez-vous que l'UL est un flex container pour le mode colonne */ 333 flex-direction: column; 334 gap: 8px; /* Espace réduit entre les éléments en colonne */ 335 width: 100%; /* L'UL prend toute la largeur */ 336 } 337 #menu-header-1 li { 338 width: 100%; /* Le LI prend toute la largeur */ 339 } 340 #menu-header-1 li a { 341 width: 100%; /* Le bouton prend toute la largeur */ 342 box-sizing: border-box; /* S'assurer que padding/bordure sont inclus dans la largeur */ 343 } 344} 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361/* ================= HOME ================= */ 362body.home { 363   background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png'); 364 background-size: cover; 365 background-position: center; 366 background-repeat: no-repeat; 367 background-attachment: fixed; 368} 369 370/* ============ AUTRES PAGES ============ */ 371body:not(.home) { 372 position: relative; 373 background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png'); 374 background-size: cover; 375 background-position: center; 376 background-repeat: no-repeat; 377 background-attachment: fixed; 378} 379 380/* Overlay UNIQUEMENT hors home */ 381body:not(.home)::before { 382 content: ""; 383 position: fixed; 384 top: 0; 385 left: 0; 386 width: 100%; 387 height: 100%; 388 background-color: rgba(255,255,255,0.9); 389 z-index: -1; 390} 391 392 393/* Nouveau style pour le header avec image haute qualité */ 394header.site-header { 395   background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png'); 396 /* 'cover' assure que l'image remplit tout l'espace sans se déformer */ 397 background-size: cover; 398 /* 'center' permet de garder le trophée et les drapeaux bien au milieu */ 399 background-position: center center; 400 background-repeat: no-repeat; 401 position: relative; 402 /* Ajuste la hauteur si nécessaire pour mieux voir l'image */ 403 min-height: 300px; 404} 405 406header.site-header::before { 407 content: ""; 408 position: absolute; 409 top: 0; 410 left: 0; 411 right: 0; 412 bottom: 0; 413 /* Overlay sombre pour faire ressortir le menu et le texte (0.4 = 40% d'obscurité) */ 414 background-color: rgba(0, 0, 0, 0.3); 415 z-index: 0; 416} 417 418header.site-header * { 419 position: relative; 420 z-index: 1; 421 /* Optionnel : Force le texte en blanc pour contrer le fond foncé */ 422 color: #ffffff; 423} 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460
461/* TOP CATEGORIES : 2 colonnes sur mobile + image + cadre agrandi + centrée */ 462@media (max-width: 768px) { 463 464 /* Grille 2 colonnes avec petit gap */ 465 .hp-listing-categories .hp-row, 466 .hp-listing-categories .hp-grid { 467 display: grid !important; 468 grid-template-columns: 1fr 1fr !important; 469 gap: 8px !important; /* Petit espace horizontal */ 470 align-items: start; 471 } 472 473 /* Chaque item prend toute la colonne */ 474 .hp-listing-categories .hp-grid__item, 475 .hp-listing-categories .hp-row > .hp-grid__item { 476 width: 100% !important; 477 margin: 0 !important; 478 box-sizing: border-box; 479 } 480 481 /* Bloc catégorie */ 482 .hp-listing-category, 483 .hp-listing-category--view-block { 484 height: auto !important; 485 display: block !important; 486 padding: 6px !important; 487 text-align: center !important; 488 transition: transform 0.3s ease; 489 } 490 491 .hp-listing-category:hover { 492 transform: scale(1.03); 493 } 494 495 /* ð¥ Agrandir le container de l'image */ 496 .hp-listing-category__image { 497 width: 100% !important; 498 height: 220px !important; /* Hauteur du cadre */ 499 display: flex !important; 500 justify-content: center !important; 501 align-items: center !important; 502 overflow: hidden !important; /* Pour que l'image reste dans le cadre */ 503 border-radius: 10px !important;
503 /* Coins arrondis du cadre */ 504 } 505 506 /* Image centrée et couvre tout le container */ 507 .hp-listing-category__image img, 508 .hp-listing-category img { 509 width: 100% !important; 510 height: 100% !important; 511 object-fit: cover !important; 512 display: block !important; 513 } 514 515 /* Texte sous l'image */ 516 .hp-listing-category__content, 517 .hp-listing-category__name { 518 padding-top: 6px !important; 519 font-size: 14px !important; 520 line-height: 1.2 !important; 521 text-align: center !important; 522 } 523} 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545/* TEXTE visible blanc foncé sur toutes les tailles */ 546.hp-listing-category__name a { 547 font-size: 14px !important; /* taille lisible */ 548 color: #f0f0f0 !important; /* blanc foncé */ 549 visibility: visible !important; 550} 551 552/* Supprimer overlay ::after si tu avais utilisé */ 553.hp-listing-category__name a::after { 554 content: none !important; 555} 556 557/* Optionnel : mobile (pour garder taille plus petite ou spacing) */ 558@media screen and (max-width: 767px) { 559 .hp-listing-category__name a { 560 font-size: 14px !important; /* taille adaptée mobile */ 561 } 562} 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638/* Titres H1 H2 H3 sur la page dâaccueil */ 639.home h1, 640.home h2, 641.home h3 { 642 color: #ffffff !important; 643} 644 645/* Texte des widgets UNIQUEMENT sur la Home */ 646.home .widget, 647.home .widget-title, 648.home .widget p, 649.home .widget span, 650.home .widget a, 651.home .widget li { 652 color: #ffffff !important; 653} 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670@media (max-width: 767px) { 671 /* Conteneur principal : scroll horizontal + peek très visible */ 672 .hp-listing-categories .hp-row { 673 display: flex !important; 674 overflow-x: auto; 675 -webkit-overflow-scrolling: touch; 676 gap: 6px; /* rapprocher les cartes */ 677 padding: 0 15px 15px 15px; 678 padding-right: 140px; /* â peek encore plus visible */ 679 margin-left: 0 !important; 680 margin-right: 0 !important; 681 flex-wrap: nowrap !important; 682 scrollbar-width: none; 683 position: relative; 684 } 685 686 .hp-listing-categories .hp-row::-webkit-scrollbar {
687 display: none; 688 } 689 690 /* Dégradé droit pour indiquer "plus" */ 691 .hp-listing-categories .hp-row::after { 692 content: ""; 693 position: absolute; 694 right: 0; 695 top: 0; 696 height: 100%; 697 width: 60px; /* légèrement plus large pour lâeffet peek */ 698 pointer-events: none; 699 background: linear-gradient(to left, 700 rgba(255,255,255,1) 0%, 701 rgba(255,255,255,0.6) 40%, 702 rgba(255,255,255,0) 100%); 703 } 704 705 /* Cartes : largeur plus grande pour mieux montrer le peek */ 706 .hp-listing-categories .hp-row .hp-grid__item.hp-col-xs-12 { 707 width: 170px !important; /* cartes plus larges */ 708 min-width: 170px !important; 709 float: none !important; 710 clear: none !important; 711 flex-shrink: 0 !important; 712 padding-left: 0 !important; 713 padding-right: 0 !important; 714 margin-bottom: 0 !important; 715 } 716 717 .hp-listing-categories .hp-row .hp-grid__item { 718 margin-top: 0 !important; 719 margin-right: 6px; 720 } 721 722 .hp-listing-category--view-block { 723 padding: 0; /* enlever padding interne */ 724 border-radius: 10px; 725 background: none; /* pas de fond */ 726 transition: transform 0.3s ease; 727 } 728 729 /* Images remplissent complètement le cadre */ 730 .hp-listing-category--view-block img { 731 width: 100%; 732 height: 150px; /* plus haut pour lâeffet pro */ 733 object-fit: cover; 734 display: block; 735 border-radius: 10px; 736 transition: transform 0.3s ease; 737 cursor: pointer; 738 } 739 740 /* Au clic : zoom temporaire */ 741 .hp-listing-category--view-block img:active { 742 transform: scale(1.2); 743 z-index: 5; 744 } 745} 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765/* --- CODE PC (STRICTEMENT INCHANGÃ) --- */ 766.hp-listing-categories { 767 margin-top: 30px !important; 768 position: relative; 769 z-index: 5; 770} 771 772.hp-listing-categories .hp-grid__item { 773 background: rgba(255, 255, 255, 0.05) !important; 774 backdrop-filter: blur(5px); 775 border: 1px solid rgba(255, 255, 255, 0.1) !important; 776 border-radius: 12px !important; 777 padding: 10px !important; 778 transition: all 0.3s ease !important; 779} 780 781.hp-listing-category__name a { 782 color: #ffffff !important; 783 text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important; 784 font-size: 14px !important; 785 font-weight: 600 !important; 786} 787 788.hp-listing-category__image img { 789 height: 120px !important; 790 width: 100% !important; 791 object-fit: cover !important; 792 border-radius: 8px !important; 793 opacity: 0.9; 794} 795 796.hp-listing-categories .hp-grid__item:hover { 797 background: rgba(255, 255, 255, 0.15) !important; 798 transform: scale(1.02) !important; 799} 800 801 802 803 804 805 806 807 808 809 810/* Style Professionnel Agrandi pour le Header (PC) */ 811@media screen and (min-width: 992px) { 812 813 /* FORCE LE HEADER COMPLET DEVANT TOUT LE RESTE */ 814 .site-header { 815 position: relative !important; 816 z-index: 99999 !important; 817 } 818 819 /* 1. Suppression des box et réglage de la taille du texte */ 820 .header-navbar__menu ul.menu li a { 821 background: none !important; 822 border: none !important; 823 box-shadow: none !important; 824 color: #333 !important; 825 font-size: 16px !important; 826 font-weight: 600 !important; 827 text-transform: none !important; 828 padding: 5px 12px !important; 829 transition: color 0.3s ease; 830 } 831 832 /* 2. Effet au survol */ 833 .header-navbar__menu ul.menu li a:hover { 834 color: #2c7cf6 !important; 835 text-decoration: none !important; 836 } 837 838 /* 3. Masquage des catégories et du doublon profil */ 839 .header-navbar__menu .menu-item-type-taxonomy, 840 .header-navbar__menu .menu-item--last.menu-item--user-account { 841 display: none !important; 842 } 843 844 /* 4. Alignement et espacement */ 845 .header-navbar__menu ul.menu { 846 display: flex !important; 847 flex-direction: row !important; 848 align-items: center !important; 849 justify-content: flex-end !important; 850 gap: 25px !important; 851 margin: 0 !important; 852 } 853 854 /* 5. Forcer l'affichage horizontal */ 855 .menu-item-privacy-policy, 856 #menu-item-7525, 857 #menu-item-6304, 858 .menu-item--first.menu-item--user-account { 859 display: flex !important; 860 } 861 862 /* 6. FORCE LE MENU DÃROULANT AU PREMIER PLAN */ 863 .header-navbar__menu, 864 .menu-item--user-account, 865 .sub-menu.hp-menu--user-account { 866 z-index: 100000 !important; 867 overflow: visible !important; /* Empêche le menu d'être coupé */ 868 } 869 870 .sub-menu.hp-menu--user-account { 871 background: #ffffff !important; 872 box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important; 873 visibility: visible !important; 874 } 875} 876 877/* Style Professionnel Agrandi - Correction Menu Déroulant */ 878@media screen and (min-width: 992px) { 879 880 /* 1. Force le header au premier plan */ 881 .site-header, .header-navbar { 882 z-index: 99999 !important; 883 position: relative !important; 884 } 885 886 /* 2. Style des liens (Texte seul, pas de box) */ 887 .header-navbar__menu ul.menu li a { 888 background: none !important; 889 border: none !important; 890 box-shadow: none !important; 891 color: #333 !important; 892 font-size: 16px !important; 893 font-weight: 600 !important; 894 text-transform: none !important; 895 padding: 5px 12px !important; 896 transition: color 0.3s ease; 897 } 898 899 /* 3. Masquage des éléments inutiles */ 900 .header-navbar__menu .menu-item-type-taxonomy, 901 .header-navbar__menu .menu-item--last.menu-item--user-account { 902 display: none !important; 903 } 904 905 /* 4. Alignement du menu */ 906 .header-navbar__menu ul.menu { 907 display: flex !important; 908 flex-direction: row !important; 909 align-items: center !important; 910 justify-content: flex-end !important; 911 gap: 25px !important; 912 } 913 914 /* 5. GESTION DU MENU DÃROULANT (PROFILE) */ 915 916 /* Cache le menu par défaut */ 917 .menu-item--user-account .sub-menu { 918 display: none !important; 919 visibility: hidden !important; 920 opacity: 0; 921 position: absolute !important; 922 z-index: 100000 !important; 923 background: #000000 !important; 924 box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; 925 transition: opacity 0.2s ease; 926 } 927 928 /* Affiche le menu UNIQUEMENT au survol de la souris */
929 .menu-item--user-account:hover .sub-menu { 930 display: block !important; 931 visibility: visible !important; 932 opacity: 1; 933 } 934 935 /* Assure que les éléments du sous-menu sont lisibles */ 936 .sub-menu.hp-menu--user-account li a { 937 font-size: 14px !important; 938 font-weight: 500 !important; 939 padding: 10px 20px !important; 940 display: block !important; 941 } 942} 943 944 945 946 947 948 949 950 951 952 953 954/* --- CERCLE BLANC MENU MOBILE (TOUT LE SITE) --- */ 955@media (max-width: 991px) { 956 /* On cible l'icône bars directement, peu importe la page */ 957 i.fas.fa-bars, 958 i.fa-bars, 959 .hp-menu-toggle i, 960 .header-navbar__toggler i { 961 background-color: #ffffff !important; /* Fond blanc */ 962 color: #000000 !important; /* Traits noirs */ 963 width: 42px !important; 964 height: 42px !important; 965 line-height: 42px !important; /* Centre verticalement */ 966 text-align: center !important; /* Centre horizontalement */ 967 border-radius: 50% !important; /* Cercle parfait */ 968 display: inline-block !important; 969 box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) !important; 970 font-size: 18px !important; 971 cursor: pointer !important; 972 /* Fix pour éviter les déformations sur certaines pages */ 973 margin: 0 !important; 974 padding: 0 !important; 975 } 976 977 /* On nettoie le bouton parent pour ne pas avoir de double fond */ 978 .hp-menu-toggle, 979 .navbar-toggler, 980 .header-navbar__toggler { 981 background: transparent !important; 982 border: none !important; 983 padding: 0 !important; 984 box-shadow: none !important; 985 } 986} 987 988 989 990 991 992 993/* S'applique UNIQUEMENT aux mobiles et tablettes (écran < 1024px) */ 994@media (max-width: 1024px) { 995 996 /* Force le noir sur l'icône de profil et les éléments du menu mobile */ 997 .site-header i, 998 .site-header svg, 999 .site-header a, 1000 [class*="wd-"] i, 1001 [class*="wd-"] svg, 1002 .mobile-menu-inner i, 1003 .mobile-menu-inner svg, 1004 .wd-tools-icon::before, 1005 .wd-tools-icon::after, 1006 .wd-header-my-account i, 1007 .wd-my-account-with-icon i { 1008 color: #000000 !important; 1009 fill: #000000 !important; 1010 -webkit-text-fill-color: #000000 !important; 1011 } 1012 1013 /* Force spécifiquement le bouton de fermeture (X) s'il est blanc */ 1014 .wd-close-button, .close-side-widget { 1015 color: #000000 !important; 1016 } 1017} 1018header.site-header { 1019   background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png') !important; 1020 background-size: cover !important; 1021 background-position: center 0% !important; /* Ajuste la hauteur des drapeaux */ 1022 background-repeat: no-repeat !important; 1023} 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033/* Force le menu en BLANC sur toutes les langues - Uniquement PC */ 1034@media screen and (min-width: 1024px) { 1035 #menu-header-1, 1036 #menu-header-1 li a, 1037 #menu-header-1 li a span, 1038 #menu-header-1 .hp-icon { 1039 color: #ffffff !important; 1040 fill: #ffffff !important; 1041 } 1042 1043 /* Force aussi les liens qui ne sont pas dans le menu principal mais dans le header */ 1044 .header-navbar__end a, 1045 .header-navbar__end span { 1046 color: #ffffff !important; 1047 } 1048} 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125/* Correction PC : On descend encore plus les éléments */ 1126@media (min-width: 992px) { 1127 1128 /* 1. Descend la barre de recherche du haut par rapport à l'image Hero */ 1129 .hp-page__header { 1130 margin-top: 40px !important; /* Augmenté de 20 à 40px */ 1131 margin-bottom: 40px !important; 1132 } 1133 1134 /* 2. Descend le filtre de gauche quand on scroll la page */ 1135 /* On augmente le 'top' pour qu'il s'arrête plus bas sur l'écran */ 1136 .hp-page__sidebar .inner-wrapper-sticky, 1137 .site-sidebar [data-component="sticky"] { 1138 top: 160px !important; /* Augmenté de 130 à 160px */ 1139 } 1140 1141 /* 3. Espace de sécurité interne pour le filtre de gauche */ 1142 .hp-page__sidebar .inner-wrapper-sticky { 1143 padding-top: 15px !important; 1144 } 1145} 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224/* S'applique à tous les écrans (PC + Mobile) */ 1225 1226/* 1. Change la couleur de la bordure du cadre en OR */ 1227article.hp-listing-category--view-block { 1228 border: 2px solid #bf953f !important; /* Couleur Or métallique */ 1229 border-radius: 15px !important; /* Coins arrondis */ 1230 overflow: hidden !important; 1231 background-color: transparent !important; 1232} 1233 1234/* 2. Supprime tout fond noir qui pourrait rester dans le cadre */ 1235.hp-listing-category--view-block .hp-listing-category__header { 1236 background-color: transparent !important; 1237} 1238 1239/* 3. Optionnel : Petit effet de brillance au survol de la souris sur PC */ 1240article.hp-listing-category--view-block:hover { 1241 border-color: #fcf6ba !important; /* Or plus clair au survol */ 1242 transition: border-color 0.3s ease; 1243} 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298/* Correction spécifique pour PC uniquement */ 1299@media (min-width: 1025px) { 1300 1301 /* 1. On force la section cover tout en bas */ 1302 section.header-hero--cover,
1303 .header-hero { 1304 z-index: 1 !important; 1305 position: relative !important; 1306 } 1307 1308 /* 2. On force le LOGIN (et son conteneur Fancybox) à monter */ 1309 .fancybox-container, 1310 .fancybox-overlay, 1311 .hp-modal, 1312 #user_login_modal { 1313 z-index: 99999 !important; /* Très haut */ 1314 } 1315 1316 /* 3. On met le CHAT AI au sommet de la pyramide (encore plus haut que le login) */ 1317 #ai-float-btn { 1318 z-index: 1000000 !important; /* 1 Million pour être sûr */ 1319 pointer-events: auto !important; 1320 } 1321 1322 #ai-chat-popup { 1323 z-index: 1000001 !important; 1324 pointer-events: auto !important; 1325 } 1326 1327 #ai-chat-overlay { 1328 z-index: 999999 !important; 1329 } 1330} 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436/* BOUTON OR MÃTAL MASSIF 3D - TEXTE NOIR UNIVERSEL */ 1437.hp-menu__item--listing-submit.button { 1438 /* 1. Dégradé Or Foncé Miroir */ 1439 background: linear-gradient(180deg, 1440 #7d5d11 0%, 1441 #bf953f 40%, 1442 #ffffff 50%, 1443 #b38728 60%, 1444 #4a3708 100% 1445 ) !important; 1446 background-size: 100% 100% !important; 1447 1448 /* 2. ÃCRITURE NOIRE (Visible partout) */ 1449 color: #000000 !important; 1450 font-weight: 800 !important; 1451 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4) !important; /* Ombre claire pour détacher le noir */ 1452 1453 /* 3. EFFET 3D MASSIF */ 1454 border: 1px solid #5c440a !important; 1455 border-bottom: 5px solid #3d2e05 !important; 1456 border-radius: 8px !important; 1457 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important; 1458 1459 /* 4. MOUVEMENT */ 1460 display: inline-flex !important; 1461 align-items: center !important; 1462 position: relative !important; 1463 animation: goldPulse3D 2s infinite ease-in-out !important; 1464 transition: all 0.2s ease-in-out !important; 1465 cursor: pointer !important; 1466} 1467 1468/* SÃCURITà : FORCE LE NOIR SUR LE TEXTE ET GOOGLE TRANSLATE */ 1469.hp-menu__item--listing-submit.button span, 1470.hp-menu__item--listing-submit.button font, 1471.hp-menu__item--listing-submit.button i { 1472 color: #000000 !important; 1473} 1474 1475/* 5. L'ÃCLAIR QUI PASSE */ 1476.hp-menu__item--listing-submit.button::after { 1477 content: "" !important; 1478 position: absolute !important; 1479 top: -50% !important; 1480 left: -150% !important; 1481 width: 80px !important; 1482 height: 200% !important; 1483 background: linear-gradient( 1484 to right, 1485 rgba(255,255,255,0) 0%, 1486 rgba(255,255,255,0.7) 50%, 1487 rgba(255,255,255,0) 100% 1488 ) !important; 1489 transform: rotate(25deg) !important; 1490 animation: goldShine3D 3s infinite !important; 1491} 1492 1493/* KEYFRAMES UNIQUE : Pulsation du bouton */
1494@keyframes goldPulse3D { 1495 0% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); } 1496 50% { transform: scale(1.06); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6); } 1497 100% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); } 1498} 1499 1500/* KEYFRAMES : Flash de lumière */ 1501@keyframes goldShine3D { 1502 0% { left: -150%; } 1503 25% { left: 150%; } 1504 100% { left: 150%; } 1505} 1506 1507/* Icône + en NOIR */ 1508.hp-menu__item--listing-submit.button i { 1509 color: #000000 !important; 1510 margin-right: 8px !important; 1511 font-size: 1.1em !important; 1512} 1513 1514/* Effet au clic (s'enfonce) */ 1515.hp-menu__item--listing-submit.button:active { 1516 transform: scale(0.95) !important; 1517 border-bottom: 2px solid #3d2e05 !important; 1518} 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593/* 1. On stabilise le bloc parent */ 1594.hp-listing--view-block { 1595 position: relative !important; 1596} 1597 1598/* 2. Positionnement précis sur l'image */ 1599.hp-listing--view-block .hp-listing__attribute--statut { 1600 display: flex !important; 1601 align-items: center !important; 1602 justify-content: center !important; 1603 position: absolute !important; 1604 1605 /* Centrage sur la zone de l'image */ 1606 /* top: 25% permet de viser le milieu de la photo plutôt que le milieu de la carte entière */ 1607 top: 25% !important; 1608 left: 50% !important; 1609 transform: translate(-50%, -50%) !important; 1610 1611 /* Priorité visuelle */ 1612 z-index: 9999 !important; 1613 1614 /* Design Gold avec transparence (0.85) */ 1615 background: linear-gradient(135deg, rgba(191,149,63,0.85), rgba(252,246,186,0.85), rgba(179,135,40,0.85)) !important; 1616 color: #000 !important; 1617 border: 1px solid rgba(138,109,41,1) !important; 1618 1619 /* Taille XXL */ 1620 padding: 10px 25px !important; 1621 border-radius: 6px !important; 1622 font-weight: 900 !important; 1623 font-size: 18px !important; 1624 text-transform: uppercase !important; 1625 letter-spacing: 1px !important; 1626 box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; 1627 1628 white-space: nowrap !important; 1629 pointer-events: none; /* Laisse l'image cliquable */ 1630} 1631 1632/* 3. On annule les marges qui pourraient décentrer le badge */ 1633.hp-listing--featured .hp-listing__attribute--statut { 1634 left: 50% !important; 1635} 1636 1637/* 4. On s'assure que le badge ne réapparaît pas en bas */ 1638.hp-listing__footer .hp-listing__attribute--statut { 1639 position: absolute !important; 1640 margin: 0 !important; 1641} 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736/* 1. On vide le texte original "Supprimer" et les balises font */ 1737.hp-listing__action--delete span { 1738 font-size: 0 !important; 1739 visibility: hidden !important; 1740 display: inline-block !important; 1741} 1742 1743/* 2. On injecte "Vendu" à la place */ 1744.hp-listing__action--delete span::after { 1745 content: "Vendu" !important; 1746 font-size: 14px !important; /* On redonne une taille au texte */ 1747 font-weight: 600 !important; 1748 text-transform: uppercase !important; 1749 visibility: visible !important; 1750 display: inline-block !important; 1751 color: #d4af37 !important; /* Couleur dorée pour le côté pro */ 1752 margin-left: 5px !important; 1753} 1754 1755/* 3. On s'assure que l'icône (X) reste visible ou change de couleur */ 1756.hp-listing__action--delete i { 1757 font-size: 14px !important; 1758 color: #d4af37 !important; 1759} 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847/* 1. Cacher le texte de la description (Do you confirm...) */ 1848.hp-form--listing-delete .hp-form__description, 1849.hp-form--listing-delete .hp-form__description font { 1850 font-size: 0 !important; 1851 visibility: hidden !important; 1852} 1853 1854/* Insérer le nouveau message de confirmation */ 1855.hp-form--listing-delete .hp-form__description::before { 1856 content: "Confirmez-vous la validation de cette vente ? Cette action est définitive." !important; 1857 font-size: 16px !important; /* Ajuste la taille selon ton besoin */ 1858 visibility: visible !important; 1859 display: block !important; 1860 color: #333 !important; 1861 margin-bottom: 15px !important; 1862} 1863 1864/* 2. Cacher le texte du bouton (Delete an ad) */ 1865.hp-form--listing-delete .hp-field--submit span, 1866.hp-form--listing-delete .hp-field--submit span font { 1867 font-size: 0 !important; 1868 visibility: hidden !important; 1869} 1870 1871/* Insérer le nouveau texte sur le bouton */ 1872.hp-form--listing-delete .hp-field--submit span::before { 1873 content: "Valider la vente" !important; 1874 font-size: 14px !important; 1875 visibility: visible !important; 1876 text-transform: uppercase !important; 1877 font-weight: bold !important; 1878} 1879 1880/* 3. Optionnel : Changer la couleur du bouton en Vert ou Gold pour le côté positif */ 1881.hp-form--listing-delete .hp-field--submit { 1882 background-color: #d4af37 !important; /* Gold comme ton badge */ 1883 border-color: #d4af37 !important; 1884} 1885 1886.hp-form--listing-delete .hp-field--submit:hover { 1887 background-color: #b38728 !important; 1888} 1889 1890 1891/* 1. Cache le titre original du modal de suppression */ 1892#listing_delete_modal .hp-modal__title, 1893.hp-form--listing-delete .hp-modal__title { 1894 font-size: 0 !important; 1895 visibility: hidden !important; 1896} 1897 1898/* 2. Injecte le nouveau titre pro */ 1899#listing_delete_modal .hp-modal__title::before, 1900.hp-form--listing-delete .hp-modal__title::before { 1901 content: "Validation de la vente" !important; 1902 font-size: 22px !important; /* Taille standard des titres HivePress */ 1903 visibility: visible !important; 1904 display: block !important; 1905 font-family: inherit !important; 1906 font-weight: 600 !important; 1907 color: #333 !important; 1908} 1909 1910/* 3. Petit ajustement de l'icône de fermeture (optionnel) */ 1911.hp-modal__close { 1912 color: #999 !important; 1913} 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936/* ================================================================ 1937 BOUTON "S'INSCRIRE" - VERSION ANTI-PARASITE FINALE 1938 ================================================================ */ 1939 1940.hp-menu__item--listing-submit.button { 1941 display: inline-flex !important;
1942 align-items: center !important; 1943 justify-content: center !important; 1944 min-width: 140px !important; 1945 height: 34px !important; 1946 position: relative !important; 1947 1948 /* 1. ON FORCE LE CACHAGE DE TOUT CE QUI DÃPASSE */ 1949 overflow: hidden !important; 1950 font-size: 0 !important; 1951 color: transparent !important; 1952} 1953 1954/* 2. ON NEUTRALISE LE SPAN ORIGINAL (MÃME AU SURVOL) */ 1955.hp-menu__item--listing-submit.button span, 1956.hp-menu__item--listing-submit.button:hover span { 1957 display: none !important; 1958 opacity: 0 !important; 1959 visibility: hidden !important; 1960 position: absolute !important; 1961 left: -9999px !important; /* On l'envoie très loin */ 1962} 1963 1964/* 3. ON NEUTRALISE L'ICÃNE ORIGINALE */ 1965.hp-menu__item--listing-submit.button i, 1966.hp-menu__item--listing-submit.button:hover i { 1967 display: none !important; 1968 opacity: 0 !important; 1969} 1970 1971/* 4. ON INJECTE NOTRE TEXTE "S'INSCRIRE" DE MANIÃRE FIXE */ 1972.hp-menu__item--listing-submit.button::before { 1973 content: "S'INSCRIRE" !important; 1974 font-family: inherit !important; 1975 font-size: 11px !important; 1976 font-weight: 800 !important; 1977 color: #000000 !important; 1978 1979 /* Propriétés de positionnement */ 1980 display: block !important; 1981 visibility: visible !important; 1982 opacity: 1 !important; 1983 position: relative !important; 1984 z-index: 10 !important; 1985 text-indent: 0 !important; /* Annule le décalage du texte original */ 1986} 1987 1988/* 5. DESIGN DU BOUTON (OR 3D) */ 1989.hp-menu__item--listing-submit.button { 1990 background: linear-gradient(180deg, #7d5d11 0%, #bf953f 40%, #ffffff 50%, #b38728 60%, #4a3708 100%) !important; 1991 border-radius: 8px !important; 1992 border: 1px solid #5c440a !important; 1993 border-bottom: 3px solid #3d2e05 !important; 1994} 1995 1996/* 6. EFFET DE SURVOL (SANS CHANGER LE TEXTE) */ 1997.hp-menu__item--listing-submit.button:hover { 1998 filter: brightness(1.1) !important; 1999} 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036/* ================================================================ 2037 TITRES H5 EN ORANGE / GOLD (PAGE HOME UNIQUEMENT) 2038 ================================================================ */ 2039 2040.home h5.widget__title { 2041 /* Un beau orange doré profond */ 2042 color: #bf953f !important; 2043 2044 /* Optionnel : Un léger relief pour plus de lisibilité */ 2045 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important; 2046 font-weight: 700 !important; 2047 text-transform: uppercase !important; 2048} 2049 2050/* On change aussi la petite barre décorative juste au-dessus */ 2051.home h5.widget__title::before { 2052 background-color: #ff9800 !important; /* Orange vif pour le rappel */ 2053} 2054 2055 2056.home h5, 2057.home h5 a { 2058 color: #ffffff !important; 2059} 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136/* ================================================================ 2137 FORCE L'ALIGNEMENT DES ANNONCES (SANS TOUCHER AUX CATÃGORIES) 2138 ================================================================ */ 2139 2140/* 1. On cible uniquement les blocs d'ANNONCES (services) */ 2141/* On exclut strictement tout ce qui contient "category" */ 2142.hp-grid__item article.hp-listing:not(.hp-listing-category) { 2143 display: flex !important; 2144 flex-direction: column !important; 2145 height: 100% !important; 2146} 2147 2148/* 2. On aligne le contenu interne pour pousser le footer (icônes) en bas */ 2149article.hp-listing:not(.hp-listing-category) .hp-listing__content { 2150 flex-grow: 1 !important; 2151 display: flex !important; 2152 flex-direction: column !important; 2153 justify-content: space-between !important; 2154} 2155 2156/* 3. On fixe une hauteur minimale pour les titres des annonces pour qu'ils soient alignés */ 2157article.hp-listing:not(.hp-listing-category) .hp-listing__title { 2158 min-height: 2.5em !important; 2159 margin-bottom: 10px !important; 2160} 2161 2162/* ================================================================ 2163 VERROUILLAGE DU DESIGN DES CATÃGORIES (PROTECTION) 2164 ================================================================ */ 2165 2166/* On force les catégories à ignorer les règles Flexbox ci-dessus 2167 pour qu'elles gardent ton design (cadre Or, images 4:3, etc.) */ 2168article.hp-listing-category, 2169.hp-listing-category--view-block { 2170 display: block !important; /* Retour au mode normal */ 2171 height: auto !important; 2172} 2173
2174/* On s'assure que le contenu des catégories reste centré comme dans ton code */ 2175.hp-listing-category__content { 2176 display: block !important; 2177 text-align: center !important; 2178} 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236/* ================================================================ 2237 DESIGN ANNONCES "ULTRA-PRO" - STYLE LUXE & RELIEF 2238 ================================================================ */ 2239 2240/* 1. La Carte (Le conteneur) */ 2241article.hp-listing--view-block { 2242 background: #ffffff !important; 2243 border: 1px solid rgba(191, 149, 63, 0.2) !important; /* Bordure or très fine */ 2244 border-radius: 15px !important; 2245 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; 2246 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; 2247 overflow: hidden !important; 2248} 2249 2250/* 2. Le Cadre Photo (L'effet "Cercle/Carré Or" Pro) */ 2251.hp-listing__header { 2252 padding: 12px !important; /* Crée l'espace interne */ 2253 background: #ffffff !important; 2254} 2255 2256.hp-listing__image { 2257 border: 2px solid #bf953f !important; /* Le trait d'or qui entoure la photo */ 2258 border-radius: 12px !important; 2259 overflow: hidden !important; 2260 position: relative !important; 2261} 2262 2263.hp-listing__image img { 2264 transition: transform 0.6s ease !important; 2265 object-fit: cover !important; 2266} 2267 2268/* 3. Style du Texte (Titre et contenu) */ 2269.hp-listing__content { 2270 padding: 15px !important; 2271 text-align: left !important; 2272} 2273 2274.hp-listing__title a { 2275 font-size: 17px !important; 2276 color: #222 !important; 2277 font-weight: 700 !important; 2278 line-height: 1.3 !important; 2279 text-decoration: none !important; 2280} 2281 2282/* 4. Le Footer (Zone du bas avec icônes) */ 2283.hp-listing__footer { 2284 background: #f9f9f9 !important; 2285 border-top: 1px solid rgba(0,0,0,0.05) !important; 2286 padding: 10px 15px !important; 2287} 2288 2289/* 5. Effet au Survol (Hover) - TRÃS PRO */ 2290article.hp-listing--view-block:hover { 2291 transform: translateY(-5px) !important; 2292 box-shadow: 0 12px 30px rgba(191, 149, 63, 0.2) !important; /* Ombre dorée diffuse */ 2293 border-color: #bf953f !important; 2294} 2295 2296article.hp-listing--view-block:hover .hp-listing__image img { 2297 transform: scale(1.1) !important; /* Zoom doux sur l'image */ 2298} 2299 2300article.hp-listing--view-block:hover .hp-listing__title a { 2301 color: #bf953f !important; /* Le texte devient or */ 2302} 2303 2304/* 6. Badge "Vérifié" ou Statut s'il existe */ 2305.hp-listing__attribute--statut { 2306 border-radius: 4px !important; 2307 letter-spacing: 0.5px !important; 2308} 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352/* Application de l'image au header du site */ 2353.hp-header, .site-header { 2354 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/IMG_20260223_191447.png") !important; 2355 background-size: cover !important; 2356 background-position: center center !important; 2357 background-repeat: no-repeat !important; 2358 padding: 60px 0 !important; /* Ajuste la hauteur du header ici */ 2359 transition: background 0.3s ease-in-out; 2360} 2361 2362/* Assure que le texte sur l'image reste lisible (blanc) */ 2363.hp-header a, .hp-header .hp-menu__item, .site-header { 2364 color: #ffffff !important; 2365} 2366 2367/* Adaptation pour mobile */ 2368@media (max-width: 768px) { 2369 .hp-header, .site-header { 2370 padding: 40px 0 !important; 2371 background-attachment: scroll !important; 2372 } 2373} 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436/* 1. FORCE LE TRI SUR TOUS LES ÃCRANS */ 2437.hp-listing-categories .hp-row { 2438 display: flex !important; 2439 /* On garde le nowrap pour ton effet de scroll mobile */ 2440 flex-wrap: nowrap !important; 2441} 2442 2443/* Sur PC on veut que ça revienne à la ligne normalement */ 2444@media (min-width: 768px) { 2445 .hp-listing-categories .hp-row { 2446 flex-wrap: wrap !important; 2447 } 2448} 2449 2450/* 2. POSITIONNEMENT DES ÃLÃMENTS */ 2451/* Toutes les catégories ont l'ordre 1 par défaut */ 2452.hp-listing-categories .hp-grid__item { 2453 order: 1 !important; 2454} 2455 2456/* Cible spécifiquement "Autre secteur" par son lien pour le mettre à la fin */ 2457.hp-listing-categories .hp-grid__item:has(a[href*="autre-secteur"]) { 2458 order: 99 !important; 2459} 2460 2461/* 3. RÃTABLISSEMENT DU SCROLL MOBILE (Ton Peek effect) */ 2462@media (max-width: 767px) { 2463 .hp-listing-categories .hp-row { 2464 overflow-x: auto !important; 2465 -webkit-overflow-scrolling: touch !important; 2466 /* On s'assure que le conteneur ne bloque pas le tri */ 2467 display: flex !important; 2468 } 2469 2470 /* On s'assure que les cartes ne rétrécissent pas à cause du flex */ 2471 .hp-listing-categories .hp-row .hp-grid__item { 2472 flex-shrink: 0 !important; 2473 } 2474} 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535#ai-chat-teaser { 2536 pointer-events: none; /* Le clic traverse l'élément et touche le bouton en dessous */ 2537} 2538 2539#ai-chat-teaser img { 2540 pointer-events: auto; /* Permet de cliquer quand même sur l'image si besoin */ 2541} 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551/* Uniquement le fond noir sur la page d'accueil */ 2552body.home { 2553 background-color: #000000 !important; 2554} 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641/* 1. On active le mode Flex sur le conteneur des annonces */ 2642.hp-listings.hp-grid { 2643 display: flex !important; 2644 flex-wrap: wrap; 2645} 2646 2647/* 2. On donne un ordre par défaut (0) à toutes les annonces */ 2648.hp-listings .hp-grid__item { 2649 order: 1; 2650} 2651 2652/* 3. On cible l'annonce qui CONTIENT l'attribut "Inscription en attente" pour la mettre à la fin */ 2653.hp-listings .hp-grid__item:has(.hp-listing__attribute--statut) { 2654 order: 99 !important; 2655 opacity: 0.7; /* Optionnel : pour différencier visuellement celles en attente */ 2656} 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836/* Appliquer l'image en fond d'écran uniquement sur la page d'accueil */ 2837body.home { 2838 background-image: url('https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/04/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important; 2839 background-attachment: fixed !important; /* L'image reste fixe lors du scroll */ 2840 background-size: cover !important; /* L'image couvre tout l'écran */ 2841 background-position: center !important; /* L'image est centrée */ 2842 background-repeat: no-repeat !important; 2843} 2844 2845/* Optionnel : Si votre thème a des blocs blancs qui cachent le fond, 2846 ce code rend les conteneurs transparents pour voir l'image derrière */ 2847body.home .site-content, 2848body.home .hp-listing-categories { 2849 background-color: transparent !important; 2850} 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906
2907/* --- FORCE LE MENU ET LE BOUTON SUR UNE SEULE LIGNE --- */ 2908@media screen and (min-width: 1024px) { 2909 2910 /* 1. On force le conteneur à ne JAMAIS casser la ligne */ 2911 .header-navbar__end { 2912 display: flex !important; 2913 flex-wrap: nowrap !important; 2914 align-items: center !important; 2915 justify-content: flex-end !important; 2916 width: auto !important; 2917 } 2918 2919 /* 2. On rend le menu ultra-compact */ 2920 .header-navbar__menu ul.menu { 2921 display: flex !important; 2922 flex-wrap: nowrap !important; 2923 gap: 8px !important; /* Espace minimum entre les liens */ 2924 margin: 0 !important; 2925 padding: 0 !important; 2926 } 2927 2928 /* 3. On réduit la taille du texte et on interdit le retour à la ligne sur les mots */ 2929 .header-navbar__menu ul.menu > li > a { 2930 font-size: 12px !important; /* Taille réduite pour laptop */ 2931 letter-spacing: -0.2px !important; /* Rapproche un peu les lettres */ 2932 white-space: nowrap !important; /* INTERDIT de passer à la ligne */ 2933 padding: 5px 4px !important; 2934 } 2935 2936 /* 4. On s'assure que le bouton doré reste collé au menu sans sauter */ 2937 .hp-menu__item--listing-submit { 2938 flex-shrink: 0 !important; /* Le bouton ne peut pas rétrécir */ 2939 white-space: nowrap !important; 2940 margin-left: 10px !important; 2941 font-size: 11px !important; 2942 padding: 8px 12px !important; 2943 } 2944 2945 /* 5. Si vraiment ça ne passe pas sur les très petits laptops (1280px) */ 2946 @media screen and (max-width: 1300px) { 2947 .header-navbar__menu ul.menu > li > a span { 2948 font-size: 11px !important; 2949 } 2950 /* On réduit les emojis si nécessaire */ 2951 .header-navbar__menu ul.menu > li > a i { 2952 margin-right: 2px !important; 2953 } 2954 } 2955} 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018/* --- TIKVET : FIX DEFINITIF VISIBILITà + ANIMATION TRAIT --- */ 3019@media screen and (min-width: 1024px) { 3020 3021 /* 1. CONTENEUR : On force la ligne unique et on centre */ 3022 .header-navbar__menu { 3023 width: 100% !important; 3024 overflow: visible !important; 3025 } 3026 3027 .header-navbar__menu ul.menu { 3028 display: flex !important; 3029 flex-wrap: nowrap !important; /* Interdit le passage à la ligne */ 3030 justify-content: center !important; 3031 align-items: center !important; 3032 margin: 0 auto !important; 3033 padding: 0 !important; 3034 list-style: none !important; 3035 /* Gap ultra-réduit sur petit laptop, normal sur grand écran */ 3036 gap: clamp(2px, 0.8vw, 12px) !important; 3037 } 3038 3039 /* 2. LIENS : Texte dynamique et padding minimal */ 3040 .header-navbar__menu ul.menu > li > a { 3041 position: relative !important; 3042 display: flex !important; 3043 align-items: center !important; 3044 /* Padding réduit au maximum pour gagner de la place */ 3045 padding: 6px clamp(4px, 1vw, 12px) !important; 3046 color: #ffffff !important; 3047 white-space: nowrap !important; /* Force le texte sur une ligne */ 3048 font-size: clamp(10px, 0.85vw, 13px) !important; /* Police plus petite sur laptop */ 3049 transition: all 0.3s ease !important; 3050 z-index: 1; 3051 } 3052 3053 /* Réduction de la taille des emojis/icônes pour gagner de la place */ 3054 .header-navbar__menu ul.menu > li > a span, 3055 .header-navbar__menu ul.menu > li > a i { 3056 font-size: 0.9em !important; 3057 margin-right: 4px !important; 3058 } 3059 3060 /* 3. L'ANIMATION DU TRAIT (WAW) */ 3061 .header-navbar__menu ul.menu > li > a::before { 3062 content: ''; 3063 position: absolute; 3064 bottom: 0; 3065 left: 10%; 3066 width: 25px; 3067 height: 2px; 3068 background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent); 3069 border-radius: 2px; 3070 animation: energySlide 3s infinite ease-in-out; 3071 box-shadow: 0 0 8px rgba(191, 149, 63, 0.6); 3072 pointer-events: none; 3073 } 3074 3075 /* 4. SURVOL ET CLIC */ 3076 .header-navbar__menu ul.menu > li > a:hover { 3077 background: rgba(191, 149, 63, 0.1) !important; 3078 color: #FCF6BA !important; 3079 } 3080 3081 .header-navbar__menu ul.menu > li > a:hover::before { 3082 width: 80%; 3083 left: 10%; 3084 animation: pulseEnergy 1s infinite alternate; 3085 } 3086 3087 .header-navbar__menu ul.menu > li > a:active { 3088 transform: scale(0.95); 3089 } 3090 3091 /* 5. PRIORITà AU BOUTON "S'INSCRIRE" / "MON COMPTE" */ 3092 .hp-menu__item--listing-submit, 3093 .hp-menu__item--user-login { 3094 flex-shrink: 0 !important; /* Ne peut pas être réduit */ 3095 } 3096 3097 /* 6. SOUS-MENUS GLASS */ 3098 .header-navbar__menu ul.sub-menu { 3099 background: rgba(10, 10, 10, 0.95) !important; 3100 backdrop-filter: blur(10px) !important; 3101 border: 1px solid rgba(191, 149, 63, 0.3) !important; 3102 border-radius: 10px !important; 3103 opacity: 0 !important; 3104 visibility: hidden !important; 3105 transform: translateY(10px) !important; 3106 transition: 0.3s ease !important; 3107 } 3108 3109 .header-navbar__menu ul.menu > li:hover > ul.sub-menu { 3110 opacity: 1 !important; 3111 visibility: visible !important; 3112 transform: translateY(0) !important; 3113 } 3114} 3115 3116/* --- ANIMATIONS --- */
3117@keyframes energySlide { 3118 0% { left: 5%; opacity: 0.2; } 3119 50% { left: 60%; opacity: 1; } 3120 100% { left: 5%; opacity: 0.2; } 3121} 3122 3123@keyframes pulseEnergy { 3124 from { filter: brightness(1); box-shadow: 0 0 8px #BF953F; } 3125 to { filter: brightness(1.4); box-shadow: 0 0 15px #FCF6BA; } 3126} 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202/* ================= HOME (Inchangé) ================= */ 3203body.home { 3204 background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png'); 3205 background-size: cover; 3206 background-position: center; 3207 background-repeat: no-repeat; 3208 background-attachment: fixed; 3209} 3210 3211/* ============ PAGE VÃTÃRINAIRE UNIQUEMENT (ID 689) ============ */ 3212/* On cible précisément l'ID 689 pour l'image de fond */ 3213body.page-id-689 { 3214 background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important; 3215 background-size: cover !important; 3216 background-position: center !important; 3217 background-repeat: no-repeat !important; 3218 background-attachment: fixed !important; 3219} 3220 3221/* On retire l'overlay blanc uniquement sur cette page pour voir les chiens */ 3222body.page-id-689::before { 3223 display: none !important; 3224} 3225 3226/* On rend le contenu du thème transparent sur cette page */ 3227.page-id-689 #content, 3228.page-id-689 .site-content, 3229.page-id-689 .container, 3230.page-id-689 .entry-content { 3231 background: transparent !important; 3232 background-color: transparent !important; 3233 border: none !important; 3234} 3235 3236/* Style des cartes sombres comme sur image_67e1ec.png */ 3237.page-id-689 .glass-card { 3238 background: #0f1115 !important; 3239 border: 1px solid rgba(212, 175, 55, 0.4) !important; 3240 border-radius: 30px !important; 3241 box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important; 3242} 3243 3244/* ============ TOUTES LES AUTRES PAGES (Sauf Home et 689) ============ */ 3245body:not(.home):not(.page-id-689) { 3246 position: relative; 3247 background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png'); 3248 background-size: cover; 3249 background-position: center; 3250 background-repeat: no-repeat; 3251 background-attachment: fixed; 3252} 3253 3254/* L'overlay blanc reste actif pour les autres pages */ 3255body:not(.home):not(.page-id-689)::before { 3256 content: ""; 3257 position: fixed; 3258 top: 0; 3259 left: 0; 3260 width: 100%; 3261 height: 100%; 3262 background-color: rgba(255,255,255,0.9); 3263 z-index: -1; 3264} 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282/* ============ RECOUVREMENT DU BAS DE PAGE (ID 689) ============ */ 3283 3284/* 1. On crée un fond sombre derrière toute la section du bas */ 3285.page-id-689 #recent-posts-5, 3286.page-id-689 .widget_recent_entries, 3287.page-id-689 .widget_recent_comments, 3288.page-id-689 .widget_gtranslate { 3289 background: rgba(0, 0, 0, 0.7) !important; /* Voile noir à 70% */ 3290 padding: 25px !important; 3291 border-radius: 20px !important; 3292 border: 1px solid rgba(212, 175, 55, 0.2) !important; 3293 backdrop-filter: blur(5px); /* Effet flou sur le circuit imprimé */ 3294 margin-bottom: 20px !important; 3295} 3296 3297/* 2. TITRES EN OR (Articles, Commentaires, Traduire) */ 3298.page-id-689 .widget__title, 3299.page-id-689 .widget-title, 3300.page-id-689 h5.widget__title { 3301 color: #d4af37 !important; 3302 background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important; 3303 -webkit-background-clip: text !important; 3304 -webkit-text-fill-color: transparent !important; 3305 font-weight: 800 !important; 3306 text-transform: uppercase !important; 3307 border-bottom: 2px solid #bf953f !important; 3308 display: inline-block !important; 3309 margin-bottom: 15px !important; 3310} 3311 3312/* 3. TEXTES ET LIENS EN BLANC ÃCLATANT */ 3313.page-id-689 #recent-posts-5 ul li a, 3314.page-id-689 .recentcomments, 3315.page-id-689 .recentcomments a, 3316.page-id-689 .widget_gtranslate a, 3317.page-id-689 .goog-te-menu-value span { 3318 color: #ffffff !important; 3319 font-weight: 500 !important; 3320 text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; /* Ombre pour décoller du fond */ 3321 text-decoration: none !important; 3322} 3323 3324/* 4. EFFET SURVOL (HOVER) */ 3325.page-id-689 #recent-posts-5 ul li a:hover, 3326.page-id-689 .recentcomments a:hover { 3327 color: #fcf6ba !important; 3328 padding-left: 5px !important; 3329 transition: 0.3s; 3330} 3331 3332/* 5. NETTOYAGE DES PUCES ET LISTES */ 3333.page-id-689 .widget ul { 3334 list-style: none !important; 3335 padding: 0 !important; 3336} 3337 3338.page-id-689 .widget ul li { 3339 padding: 8px 0 !important; 3340 border-bottom: 1px solid rgba(255,255,255,0.1) !important; 3341} 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437/* --- OPTIMISATION PC : REGROUPEMENT PAIEMENT & BOUTON --- */ 3438@media (min-width: 901px) { 3439 /* Empêche la section de s'étirer inutilement */ 3440 .tikvet-pay-section { 3441 justify-content: flex-start !important; 3442 height: fit-content !important; /* S'adapte au contenu */ 3443 align-self: start !important; /* Aligné en haut */ 3444 } 3445 3446 /* Rapproche le RIB, la case à cocher et le bouton */ 3447 .premium-card { 3448 margin-bottom: 10px !important; 3449 } 3450 3451 .legal-box { 3452 margin: 10px 0 20px 0 !important; 3453 } 3454 3455 .btn-pay-innov { 3456 margin-top: 10px !important; 3457 } 3458} 3459 3460/* Correction pour mobile (pour garder un bon espacement) */ 3461@media (max-width: 900px) { 3462 .tikvet-pay-section { 3463 margin-top: 20px !important; 3464 } 3465} 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597/* 1. RESET ET POLICE */ 3598@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap'); 3599 3600:root { 3601 --gold-premium: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 70%, #aa771c 100%); 3602 --gold-solid: #d4af37; 3603 --dark-deep: #0a0b0e; 3604 --card-bg: #121418; 3605 --shadow: 0 20px 50px rgba(0,0,0,0.5); 3606} 3607 3608 3609/* 2. STRUCTURE FORCEE (PC & MOBILE) */ 3610.tikvet-innov-wrapper { 3611 all: initial; /* Reset complet pour ignorer le thème WP */ 3612 display: flex !important; 3613 flex-wrap: wrap !important; 3614 gap: 30px !important; 3615 max-width: 1200px !important; 3616 margin: 40px auto !important; 3617 padding: 20px !important; 3618 font-family: 'Plus Jakarta Sans', sans-serif !important; 3619 background: transparent !important; 3620 box-sizing: border-box !important; 3621} 3622 3623 3624 3625 3626 3627 3628/* 3. CARTES PREMIUM */ 3629.glass-card { 3630 flex: 1 1 450px !important; /* S'adapte sur PC et passe à la ligne sur Mobile */ 3631 background: var(--card-bg) !important; 3632 border: 1px solid rgba(212, 175, 55, 0.15) !important; 3633 border-radius: 30px !important; 3634 padding: 40px !important; 3635 box-shadow: var(--shadow) !important; 3636 min-width: 320px !important; 3637 transition: all 0.4s ease !important; 3638 position: relative !important; 3639 overflow: hidden !important; 3640} 3641 3642.glass-card:hover { 3643 border-color: var(--gold-solid) !important; 3644 transform: translateY(-5px) !important; 3645 box-shadow: 0 15px 40px rgba(212, 175, 55, 0.1) !important; 3646} 3647 3648/* 4. TITRES ET TEXTES */ 3649.tikvet-booking-section h2 { 3650 font-size: 28px !important; 3651 font-weight: 800 !important; 3652 margin-bottom: 30px !important; 3653 background: var(--gold-premium) !important; 3654 -webkit-background-clip: text !important; 3655 -webkit-text-fill-color: transparent !important; 3656 text-transform: uppercase !important; 3657} 3658 3659.input-group label { 3660 display: block !important; 3661 color: var(--gold-solid) !important; 3662 font-size: 11px !important; 3663 font-weight: 700 !important; 3664 letter-spacing: 1.5px !important; 3665 margin-bottom: 8px !important; 3666 text-transform: uppercase !important; 3667} 3668 3669/* 5. CHAMPS DE SAISIE ULTRA-PRO */ 3670.innov-input { 3671 width: 100% !important; 3672 height: 55px !important; 3673 background: #ffffff !important; 3674 border: 2px solid transparent !important; 3675 border-radius: 15px !important; 3676 padding: 0 20px !important; 3677 font-size: 16px !important; 3678 color: #000 !important; 3679 font-weight: 600 !important; 3680 margin-bottom: 20px !important; 3681 box-sizing: border-box !important; 3682 transition: 0.3s !important; 3683} 3684 3685.innov-input:focus { 3686 border-color: var(--gold-solid) !important; 3687 box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important; 3688} 3689 3690textarea.innov-input { height: 120px !important; padding-top: 15px !important; } 3691 3692/* 6. GRILLE D'HORAIRES */ 3693.time-grid { 3694 display: grid !important; 3695 grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important; 3696 gap: 10px !important; 3697 margin-bottom: 20px !important; 3698} 3699 3700.time-slot { 3701 background: rgba(255,255,255,0.05) !important; 3702 border: 1px solid rgba(255,255,255,0.1) !important; 3703 padding: 12px !important; 3704 border-radius: 12px !important; 3705 color: #fff !important; 3706 text-align: center !important; 3707 font-weight: 600 !important; 3708 cursor: pointer !important; 3709} 3710 3711.time-slot.selected { 3712 background: var(--gold-premium) !important; 3713 color: #000 !important; 3714 border: none !important; 3715} 3716 3717/* 7. SECTION PRIX ET BOUTON */ 3718.price-tag { 3719 font-size: 50px !important; 3720 font-weight: 900 !important; 3721 color: #fff !important; 3722 background: var(--gold-premium) !important; 3723 -webkit-background-clip: text !important; 3724 -webkit-text-fill-color: transparent !important; 3725} 3726 3727.rib-box { 3728 background: #000 !important; 3729 border: 1px dashed var(--gold-solid) !important; 3730 padding: 15px !important; 3731 border-radius: 15px !important; 3732 display: flex !important; 3733 justify-content: space-between !important;
3734 align-items: center !important; 3735} 3736 3737.btn-pay-innov { 3738 width: 100% !important; 3739 height: 70px !important; 3740 background: var(--gold-premium) !important; 3741 background-size: 200% auto !important; 3742 border: none !important; 3743 border-radius: 20px !important; 3744 color: #000 !important; 3745 font-size: 18px !important; 3746 font-weight: 800 !important; 3747 text-transform: uppercase !important; 3748 cursor: pointer !important; 3749 box-shadow: 0 10px 30px rgba(191, 149, 63, 0.4) !important; 3750 transition: 0.5s !important; 3751} 3752 3753.btn-pay-innov:hover { 3754 background-position: right center !important; 3755 transform: scale(1.02) !important; 3756} 3757 3758/* 8. ADAPTATION MOBILE RADICALE */ 3759@media (max-width: 768px) { 3760 .tikvet-innov-wrapper { 3761 margin: 10px auto !important; 3762 padding: 10px !important; 3763 } 3764 .glass-card { 3765 padding: 25px 15px !important; 3766 flex: 1 1 100% !important; 3767 } 3768 .time-grid { 3769 grid-template-columns: repeat(3, 1fr) !important; 3770 } 3771 .price-tag { 3772 font-size: 35px !important; 3773 } 3774} 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815/* FORCE L'ALIGNEMENT CÃTE à CÃTE SUR PC */ 3816@media (min-width: 992px) { 3817 .tikvet-innov-wrapper { 3818 display: flex !important; 3819 flex-direction: row !important; /* Force la ligne */ 3820 align-items: stretch !important; 3821 justify-content: center !important; 3822 gap: 30px !important; 3823 max-width: 1250px !important; 3824 margin: 40px auto !important; 3825 } 3826 3827 /* Le formulaire prend 60% de la largeur */ 3828 .tikvet-booking-section { 3829 flex: 0 0 60% !important; 3830 max-width: 60% !important; 3831 } 3832 3833 3834/* STYLE GÃNÃRAL DES CARTES (WAW QUALITY) */ 3835.glass-card { 3836 background: #0f1115 !important; 3837 border: 1px solid rgba(212, 175, 55, 0.2) !important; 3838 border-radius: 35px !important; 3839 padding: 40px !important; 3840 box-shadow: 0 30px 60px rgba(0,0,0,0.8) !important; 3841} 3842 3843/* CHAMPS DE SAISIE BLANCS PRO */ 3844.innov-input { 3845 width: 100% !important; 3846 background: #ffffff !important; 3847 border-radius: 18px !important; 3848 padding: 18px 25px !important; 3849 border: 2px solid transparent !important; 3850 font-size: 15px !important; 3851 font-weight: 600 !important; 3852 color: #000 !important; 3853 box-sizing: border-box !important; 3854} 3855 3856/* GRILLE HORAIRE */ 3857.time-grid { 3858 display: grid !important; 3859 grid-template-columns: repeat(4, 1fr) !important; 3860 gap: 10px !important; 3861 margin-top: 15px !important; 3862} 3863 3864.time-slot { 3865 padding: 12px !important; 3866 background: rgba(255,255,255,0.05) !important; 3867 border: 1px solid rgba(255,255,255,0.1) !important; 3868 border-radius: 12px !important; 3869 color: #fff !important; 3870 text-align: center !important; 3871 font-weight: 700 !important; 3872 cursor: pointer !important; 3873} 3874 3875/* BOUTON CONFIRMER */ 3876.btn-pay-innov { 3877 width: 100% !important; 3878 padding: 22px !important; 3879 background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important; 3880 border-radius: 20px !important; 3881 border: none !important; 3882 color: #000 !important; 3883 font-weight: 800 !important; 3884 font-size: 18px !important; 3885 text-transform: uppercase !important; 3886 box-shadow: 0 10px 25px rgba(191, 149, 63, 0.4) !important; 3887} 3888 3889/* ADAPTATION MOBILE (1 sous l'autre uniquement sur smartphone) */ 3890@media (max-width: 991px) { 3891 .tikvet-innov-wrapper { 3892 display: flex !important; 3893 flex-direction: column !important; 3894 padding: 15px !important; 3895 } 3896 .tikvet-booking-section, .tikvet-pay-section { 3897 max-width: 100% !important; 3898 width: 100% !important; 3899 } 3900} 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036/* FORCE LE CENTRAGE SUR PC (Dès 992px) */ 4037@media (min-width: 992px) { 4038 /* On cible l'élément avec une précision maximale pour gagner le conflit de priorité */ 4039 div.tikvet-innov-wrapper { 4040 position: relative !important; 4041 /* On annule le décalage forcé à gauche */ 4042 left: auto !important; 4043 right: auto !important; 4044 margin-left: auto !important; 4045 margin-right: auto !important; 4046 4047 /* On définit une largeur pro et on centre */ 4048 width: 100% !important; 4049 max-width: 1200px !important; 4050 display: grid !important; 4051 grid-template-columns: 1.2fr 0.8fr !important; 4052 gap: 30px !important; 4053 4054 /* Nettoyage du fond si nécessaire */ 4055 background: transparent !important; 4056 } 4057 4058 /* On s'assure que les deux colonnes s'affichent bien côte à côte */ 4059 .tikvet-booking-section, 4060 .tikvet-innov-wrapper > .glass-card:last-child { 4061 width: 100% !important; 4062 max-width: none !important; 4063 } 4064} 4065 4066/* PROTECTION MOBILE : On vérifie que rien ne bouge en dessous de 991px */ 4067@media (max-width: 991px) { 4068 div.tikvet-innov-wrapper { 4069 display: flex !important; 4070 flex-direction: column !important; 4071 width: 100% !important; 4072 margin-left: 0 !important; 4073 margin-right: 0 !important; 4074 left: 0 !important; 4075 padding: 15px !important; 4076 } 4077} 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136/* --- NETTOYAGE ET CENTRAGE MOBILE --- */ 4137
4138/* Cache le formulaire en double s'il est présent */ 4139.tikvet-innov-wrapper + .tikvet-booking-section { 4140 display: none !important; 4141} 4142 4143/* Force le conteneur principal à être centré */ 4144div.tikvet-innov-wrapper { 4145 margin: 20px auto !important; 4146 width: 95% !important; 4147 max-width: 1200px !important; 4148 display: flex !important; 4149 flex-wrap: wrap !important; 4150 justify-content: center !important; 4151 align-items: flex-start !important; 4152 gap: 20px !important; 4153} 4154 4155/* S'assure que les cartes sont centrées sur mobile */ 4156@media (max-width: 768px) { 4157 div.tikvet-innov-wrapper { 4158 flex-direction: column !important; 4159 align-items: center !important; 4160 } 4161 4162 .glass-card { 4163 width: 100% !important; 4164 max-width: 500px !important; 4165 margin: 10px 0 !important; 4166 } 4167 4168 /* Centre le texte et les éléments à l'intérieur */ 4169 .tikvet-booking-section h2, 4170 .tikvet-booking-section .input-group label { 4171 text-align: center !important; 4172 } 4173} 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236/* Sécurité : ferme une éventuelle règle cassée au-dessus */ 4237} 4238 4239/* ======================================================= 4240 FORCE ABSOLUE : TIMING GRIDS TIKVET 4241 ======================================================= */ 4242 4243/* Force l'affichage de TOUTES les heures en doré sur fond blanc */ 4244html body div.time-grid div.time-slot, 4245html body .time-slot { 4246 color: #d4af37 !important; 4247 background: #ffffff !important; 4248 background-color: #ffffff !important; 4249 background-image: none !important; 4250 border: 2px solid #d4af37 !important; 4251 opacity: 1 !important; 4252 visibility: visible !important; 4253} 4254 4255/* Force l'affichage du bouton cliqué (sélectionné) */ 4256html body div.time-grid div.time-slot.selected, 4257html body .time-slot.selected { 4258 color: #ffffff !important; 4259 background: #d4af37 !important; 4260 background-color: #d4af37 !important; 4261 background-image: none !important; 4262 border-color: #d4af37 !important; 4263} 4264 4265/* Force l'affichage des boutons déjà réservés */ 4266html body div.time-grid div.time-slot.booked, 4267html body .time-slot.booked { 4268 color: #aaaaaa !important; 4269 background: #eeeeee !important; 4270 background-color: #eeeeee !important; 4271 background-image: none !important; 4272 border-color: #cccccc !important; 4273 text-decoration: line-through !important; 4274} 4275 4276 4277 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340/* Utilise l'ID de ta page pour ne cibler QUE la page du chat sur PC */ 4341@media (min-width: 992px) { 4342 4343 /* 1. On cible le body de la page spécifique pour que ça ne touche pas le reste du site */ 4344 .page-id-2420 .site-header, 4345 .page-id-2420 .header-hero, 4346 .page-id- .site-content { 4347 display: none !important; 4348 } 4349 4350 /* 2. On affiche le chat en plein écran uniquement sur cette page */ 4351 .page-id-2430 #premium-chat-app { 4352 position: fixed !important; 4353 top: 0 !important; 4354 left: 0 !important; 4355 width: 100vw !important; 4356 height: 100vh !important; 4357 z-index: 2147483647 !important; 4358 margin: 0 !important; 4359 background: #0f0f0f !important; 4360 } 4361} 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382/* On ajuste le conteneur du bouton pour qu'il ne soit pas trop loin */ 4383.chat-header { 4384 display: flex !important; 4385 justify-content: center !important; /* Maintient le titre au centre */ 4386 align-items: center !important; 4387 position: relative !important; 4388} 4389 4390/* On change le positionnement pour qu'il soit à côté du nom */ 4391#open-main-menu { 4392 position: absolute !important; /* Reste positionné par rapport au header */ 4393 left: 60px !important; /* Ajuste cette valeur pour le rapprocher ou l'éloigner du bord gauche */ 4394 padding: 6px 12px !important; /* Un peu plus compact */ 4395 margin: 0 !important; 4396} 4397 4398/* Si tu veux le rapprocher davantage du nom "TikVet", 4399 tu peux ajuster la valeur 'left' ci-dessus (ex: 50px ou 70px) */ 4400 4401 4402 4403 4404/* Décaler le nom de l'utilisateur dans l'en-tête du chat privé */ 4405#private-target-name { 4406 margin-left: 30px !important; /* Augmente cette valeur (ex: 40px, 50px) pour le décaler encore plus à droite */ 4407} 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */ 4437.page-id-2420 .footer-widgets, 4438.page-id-2420 .site-footer, 4439.page-id-2420 footer { 4440 display: none !important; 4441} 4442 4443/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */ 4444.page-id-2420 .widget_recent_entries, 4445.page-id-2420 .widget_recent_posts, 4446.page-id-2420 #google_translate_element, 4447.page-id-2420 .gtranslate { 4448 display: none !important; 4449} 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */ 4466.page-id-2484 .footer-widgets, 4467.page-id-2484 .site-footer, 4468.page-id-2484 footer { 4469 display: none !important; 4470} 4471 4472/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */ 4473.page-id-2484 .widget_recent_entries, 4474.page-id-2484 .widget_recent_posts, 4475.page-id-2484 #google_translate_element, 4476.page-id-2484 .gtranslate { 4477 display: none !important; 4478} 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509/* Alignement global de l'en-tête (Avatar et Menu restent naturellement à gauche) */ 4510.chat-header { 4511 position: relative !important; 4512 display: flex !important;
4513 align-items: center !important; 4514 justify-content: flex-start !important; 4515 min-height: 62px !important; /* Assure une hauteur stable */ 4516} 4517 4518/* 1. Titre forcé au centre absolu */ 4519.chat-header div[style*="flex-direction:column"] { 4520 position: absolute !important; 4521 left: 50% !important; 4522 top: 50% !important; 4523 transform: translate(-50%, -50%) !important; 4524 max-width: 35vw !important; 4525 text-align: center !important; 4526 z-index: 5 !important; 4527 margin: 0 !important; 4528} 4529 4530/* 2. Icônes d'action forcées à l'extrême droite */ 4531.chat-header .header-actions { 4532 position: absolute !important; 4533 right: 16px !important; 4534 top: 50% !important; 4535 transform: translateY(-50%) !important; 4536 display: flex !important; 4537 gap: 12px !important; 4538 z-index: 10 !important; 4539 margin: 0 !important; 4540} 4541 4542/* Formatage du texte du titre */ 4543#room-title-name { 4544 display: block !important; 4545 width: 100% !important; 4546 white-space: nowrap !important; 4547 overflow: hidden !important; 4548 text-overflow: ellipsis !important; 4549 font-size: 14px !important; 4550} 4551 4552/* Formatage du texte "en ligne" */ 4553.chat-header div[style*="flex-direction:column"] span:last-child { 4554 font-size: 11px !important; 4555} 4556 4557/* Protection de l'avatar et du bouton Menu pour qu'ils restent cliquables */ 4558.header-user-avatar, .back-btn { 4559 position: relative !important; 4560 z-index: 10 !important; 4561} 4562 4563/* Ajustements pour les petits écrans (mobiles) */ 4564@media (max-width: 480px) { 4565 .chat-header .header-actions { 4566 right: 10px !important; 4567 gap: 8px !important; /* Rapproche légèrement les icônes */ 4568 } 4569 .chat-header div[style*="flex-direction:column"] { 4570 max-width: 30vw !important; /* Protège le titre de la collision avec les icônes */ 4571 } 4572 #room-title-name { 4573 font-size: 13px !important; 4574 } 4575} </style> 4576 </head> 4577 <body class="wp-custom-logo wp-embed-responsive wp-theme-listinghive theme-listinghive woocommerce-no-js hp-theme--listinghive hp-template hp-template--page-narrow hp-template--user-login-page"> 4578 <div class="site-loader" data-component="loader"> 4579 <svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg"> 4580 <defs> 4581 <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="gradient"> 4582 <stop stop-color="#d4af37" stop-opacity="0" offset="0%"/> 4583 <stop stop-color="#d4af37" stop-opacity=".631" offset="63.146%"/> 4584 <stop stop-color="#d4af37" offset="100%"/> 4585 </linearGradient> 4586 </defs> 4587 <g fill="none" fill-rule="evenodd"> 4588 <g transform="translate(1 1)"> 4589 <path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)" stroke-width="3"></path> 4590 <circle fill="#fff" cx="36" cy="18" r="1"></circle> 4591 </g> 4592 </g> 4593 </svg> 4594</div> 4595<a href="#content" class="skip-link screen-reader-text">Skip to content</a><style> 4596/* --- 1. BOUTON FLOTTANT --- */ 4597#ai-float-btn { 4598 position: fixed; 4599 bottom: 80px; 4600 left: 20px; 4601 width: 64px; 4602 height: 64px; 4603 border-radius: 50%; 4604 z-index: 10000; 4605 cursor: pointer; 4606 box-shadow: 0 8px 25px rgba(0,0,0,0.3); 4607 animation: pulseChat 2.5s infinite; 4608 transition: transform .2s; 4609} 4610#ai-float-btn img { width: 100%; height: 100%; border-radius: 50%; border: 2px solid #BF953F; } 4611 4612@keyframes pulseChat { 4613 0% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0.4); transform: scale(1); } 4614 70% { box-shadow: 0 0 0 20px rgba(191, 149, 63, 0); transform: scale(1.05); } 4615 100% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0); transform: scale(1); } 4616} 4617 4618/* --- 2. POPUP DESIGN PRO --- */ 4619#ai-chat-popup { 4620 position: fixed; 4621 bottom: 155px; 4622 left: 20px; 4623 width: 380px; 4624 max-width: 92%; 4625 height: 550px; 4626 max-height: calc(100vh - 200px); 4627 background: #ffffff !important; 4628 border-radius: 16px; 4629 border: 1.5px solid #BF953F; 4630 box-shadow: 0 15px 50px rgba(0,0,0,0.4); 4631 display: flex; 4632 flex-direction: column; 4633 overflow: hidden; 4634 z-index: 10001; 4635 transform: scale(0.9) translateY(20px); 4636 opacity: 0; 4637 visibility: hidden; 4638 transform-origin: bottom left; 4639 transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); 4640} 4641 4642#ai-chat-popup.active { 4643 transform: scale(1) translateY(0); 4644 opacity: 1; 4645 visibility: visible; 4646} 4647 4648#ai-chat-header { 4649 background: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); 4650 color: #000; 4651 padding: 15px 18px; 4652 display: flex; 4653 align-items: center; gap: 12px; 4654} 4655 4656#ai-chat-header span { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000 !important; } 4657 4658/* --- 3. DESIGN INTÃRIEUR BLANC PUR --- */ 4659#ai-chat-content { 4660 flex: 1; 4661 overflow-y: auto; 4662 background: #ffffff !important; 4663 padding: 15px; 4664} 4665 4666.mwai-chatbot-container .mwai-ai { 4667 background: #fdfbf0 !important; 4668 border-left: 4px solid #BF953F !important; 4669 border-radius: 4px 15px 15px 15px !important; 4670 color: #333 !important; 4671 box-shadow: 2px 4px 10px rgba(0,0,0,0.05) !important; 4672} 4673 4674.mwai-chatbot-container .mwai-user { 4675 /* FOND BLEU #166d99 ET TEXTE BLANC */ 4676 background: #166d99 !important; 4677 color: #ffffff !important; 4678 border-radius: 15px 15px 4px 15px !important; 4679 font-weight: 500; 4680 box-shadow: 0 4px 12px rgba(22, 109, 153, 0.2) !important; 4681} 4682 4683/* --- 4. FIX MENU NAVIGATION --- */ 4684@media screen and (min-width: 1024px) { 4685 .header-navbar__menu ul.menu { 4686 display: flex !important; 4687 flex-wrap: nowrap !important; 4688 gap: clamp(4px, 0.6vw, 8px) !important; 4689 justify-content: center !important; 4690 align-items: center !important; 4691 width: 100% !important; 4692 } 4693 4694 .hp-menu__item--listing-submit { 4695 flex-shrink: 0 !important; 4696 margin-left: auto !important; 4697 padding-left: 15px !important; 4698 } 4699 4700 .header-navbar__menu ul.menu > li > a { 4701 position: relative !important; 4702 padding: 8px clamp(4px, 0.8vw, 10px) !important; 4703 font-size: clamp(10px, 0.75vw, 13px) !important; 4704 white-space: nowrap !important; 4705 } 4706 4707 .header-navbar__menu ul.menu > li > a::before { 4708 content: ''; 4709 position: absolute; 4710 bottom: 2px; 4711 left: 10%; 4712 width: 25px; 4713 height: 2px; 4714 background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent); 4715 animation: energySlide 3s infinite ease-in-out; 4716 } 4717} 4718 4719@keyframes energySlide { 4720 0% { left: 5%; opacity: 0.3; } 4721 50% { left: 65%;
4721 opacity: 1; } 4722 100% { left: 5%; opacity: 0.3; } 4723} 4724 4725@media (max-width: 768px) { 4726 #ai-chat-popup { width: 95%; height: 75vh; bottom: 140px; left: 2.5%; } 4727} 4728</style> 4729 4730<div id="ai-chat-overlay" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9999;"></div> 4731 4732<div id="ai-float-btn"> 4733 <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chat AI"> 4734</div> 4735 4736<div id="ai-chat-popup"> 4737 <div id="ai-chat-header"> 4738 <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" style="width:30px; height:30px; border-radius:5px; background:#fff;" alt="Logo"> 4739 <span>Assistant TikVet AI</span> 4740 <div id="ai-chat-close" style="margin-left:auto; cursor:pointer; font-size:24px; color:#000;">Ã</div> 4741 </div> 4742 <div id="ai-chat-content"> 4743 <div class='mwai-chatbot-container' data-params='{"aiName":"Jad : ","userName":"Utilisateur : ","guestName":"Invit\u00e9 :","aiAvatar":true,"userAvatar":true,"guestAvatar":true,"aiAvatarUrl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/uploads\/2025\/06\/Gemini_Generated_Image_488hpb488hpb488h-e1750848882471-Photoroom-e1750864762475.png","guestAvatarUrl":"chat-color-blue.svg","textSend":"Envoyer","textClear":"Supprimer l\u2019historique","imageUpload":false,"fileUpload":false,"multiUpload":false,"maxUploads":1,"fileUploads":0,"mode":"chat","textInputPlaceholder":"\u00c9crivez votre message\u2026","textEmptyHint":"","textInputMaxLength":250,"textCompliance":"","startSentence":"TikVet est avec vous ! Comment puis-je vous aider ?","localMemory":true,"themeId":"timeless","window":false,"icon":"","iconText":"","iconTextDelay":1,"iconTextDuration":0,"iconTextOnce":"session","iconAlt":"AI Engine Chatbot","iconPosition":"bottom-right","centerOpen":false,"width":"","openDelay":"","iconBubble":false,"windowAnimation":"zoom","fullscreen":false,"copyButton":false,"pdfButton":false,"headerSubtitle":"Discuss with","containerType":"standard","headerType":"standard","messagesType":"standard","inputType":"standard","footerType":"standard"}' data-system='{"botId":"chatbot-64w3ft","customId":null,"userData":null,"sessionId":null,"restNonce":null,"contextId":null,"pluginUrl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/plugins\/ai-engine","restUrl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json","stream":false,"debugMode":false,"eventLogs":false,"speech_recognition":true,"speech_synthesis":false,"typewriter":false,"crossSite":false,"texts":{"Ask me anything!":"Ask me anything!","Jump to the latest message":"Jump to the latest message","Try again":"Try again","Conversation cleared.":"Conversation cleared.","Undo":"Undo","Done!":"Done!","New Chat":"New Chat","No messages yet":"No messages yet","Rename":"Rename","Delete":"Delete","Your text was cut at %d characters.":"Your text was cut at %d characters.","Hold to Talk":"Hold to Talk","Release to Send":"Release to Send","Press Space to talk":"Press Space to talk","Start session to upload images":"Start session to upload images","Usage limit exceeded":"Usage limit exceeded","Connection failed":"Connection failed","Connection failed. Please check your network and try again.":"Connection failed. Please check your network and try again.","Connection lost. Reconnecting...":"Connection lost. Reconnecting...","Connection lost while uploading image. Please try again.":"Connection lost while uploading image. Please try again.","Connection timeout: The server took too long to respond.":"Connection timeout: The server took too long to respond.","Could not start realtime session.":"Could not start realtime session.","An error occurred while starting the realtime session.":"An error occurred while starting the realtime session.","An error occurred while processing your request. Please try again.":"An error occurred while processing your request. Please try again.","An error occurred while committing the stats.":"An error occurred while committing the stats.","An error occurred while committing the discussion.":"An error occurred while committing the discussion.","An error occurred while executing the function.":"An error occurred while executing the function.","Authentication failed: Your session has expired. Please refresh the page.":"Authentication failed: Your session has expired. Please refresh the page.","Error uploading image. Please try again.":"Error uploading image. Please try again.","Failed to access microphone: ":"Failed to access microphone: ","Failed to access microphone. Please ensure microphone permissions are granted and try again.":"Failed to access microphone. Please ensure microphone permissions are granted and try again.","Failed to establish connection with OpenAI servers. Please try again.":"Failed to establish connection with OpenAI servers. Please try again.","Failed to read image file.":"Failed to read image file.","Failed to send image. Please try again.":"Failed to send image. Please try again.","Failed to upload image.":"Failed to upload image.","Image file size must be less than 20MB.":"Image file size must be less than 20MB.","Internal server error: An unexpected error occurred. Please try again.":"Internal server error: An unexpected error occurred. Please try again.","Invalid API key: Please check your OpenAI API key in settings.":"Invalid API key: Please check your OpenAI API key in settings.","Invalid request: The message format was not recognized by the server.":"Invalid request: The message format was not recognized by the server.","
4743MediaDevices API not available. Please ensure you are using HTTPS and a modern browser.":"MediaDevices API not available. Please ensure you are using HTTPS and a modern browser.","Model overloaded: The AI model is currently experiencing high demand.":"Model overloaded: The AI model is currently experiencing high demand.","Network error: Failed to establish connection to the AI service.":"Network error: Failed to establish connection to the AI service.","Please select an image file.":"Please select an image file.","Please start a session before uploading images.":"Please start a session before uploading images.","Quota exceeded: You have reached your usage limit for this period.":"Quota exceeded: You have reached your usage limit for this period.","Rate limit exceeded: Too many requests. Please try again later.":"Rate limit exceeded: Too many requests. Please try again later.","Service unavailable: The AI service is temporarily down for maintenance.":"Service unavailable: The AI service is temporarily down for maintenance."},"actions":[],"blocks":[],"shortcuts":[]}' data-theme='{"type":"internal","name":"Timeless","themeId":"timeless","settings":{"backgroundPrimaryColor":"#d992041c","backgroundUserColor":"#166d99"},"style":"","cssUrl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/plugins\/ai-engine\/themes\/timeless.css"}'></div> 4744 </div> 4745</div> 4746
4747<script> 4748document.addEventListener("DOMContentLoaded", function() { 4749 var btn = document.getElementById('ai-float-btn'); 4750 var popup = document.getElementById('ai-chat-popup'); 4751 var overlay = document.getElementById('ai-chat-overlay'); 4752 var close = document.getElementById('ai-chat-close'); 4753 4754 btn.addEventListener('click', function() { 4755 popup.classList.add('active'); 4756 overlay.style.display = 'block'; 4757 }); 4758 close.addEventListener('click', function() { 4759 popup.classList.remove('active'); 4760 overlay.style.display = 'none'; 4761 }); 4762 overlay.addEventListener('click', function() { 4763 popup.classList.remove('active'); 4764 overlay.style.display = 'none'; 4765 }); 4766}); 4767</script>
4767 <div class="site-container"> 4768 <header class="site-header"> 4769 <div class="header-navbar"> 4770 <div class="header-navbar__start"> 4771 <div class="header-logo"> 4772 <a href="https://mediumblue-goat-586134.hostingersite.com/" class="custom-logo-link" rel="home"><img width="689" height="675" src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png" class="custom-logo" alt="TikVet" decoding="async" srcset="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png 689w, https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-300x294.png 300w, https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-600x588.png 600w" sizes="(max-width: 689px) 100vw, 689px" /></a> </div> 4773 </div> 4774 <div class="header-navbar__end"> 4775 <div class="header-navbar__burger" data-component="burger"> 4776 <a href="#"><i class="fas fa-bars"></i></a> 4777 <ul id="menu-header" class="menu"><li class="menu-item menu-item--first menu-item--user-login"> <a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link"> 4778 <i class="hp-icon fas fa-sign-in-alt"></i> 4779 <span>Se connecter</span> 4780 </a> 4781 </li><li id="menu-item-1037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1037"><a href="https://mediumblue-goat-586134.hostingersite.com/">ð¥ï¸Vétérinaire Maroc</a></li> 4782<li id="menu-item-2430" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2430"><a href="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/">ð¥ Chat & Discussion</a></li> 4783<li id="menu-item-1998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/">ð Consultation à distance</a></li> 4784<li id="menu-item-1995" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1995"><a href="https://mediumblue-goat-586134.hostingersite.com/articles-veterinaire/">ð Articles</a></li> 4785<li id="menu-item-2385" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2385"><a href="https://mediumblue-goat-586134.hostingersite.com/submit-listing/details/">𩺠Inscription vétérinaire</a></li> 4786<li id="menu-item-1399" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1399"><a href="https://mediumblue-goat-586134.hostingersite.com/gestion-de-stock/">ðGestion de stock</a></li> 4787<li id="menu-item-1036" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1036"><a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%90-politique-de-confidentialite/">ð Politique de Confidentialité</a></li><li class="menu-item menu-item--last menu-item--user-login"> <a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link"> 4788 <i class="hp-icon fas fa-sign-in-alt"></i> 4789 <span>Se connecter</span> 4790 </a> 4791 </li> 4792</ul> </div> 4793 <nav class="header-navbar__menu" data-component="menu"> 4794 <ul id="menu-header-1" class="menu"><li class="menu-item menu-item--first menu-item--user-login"> <a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link"> 4795 <i class="hp-icon fas fa-sign-in-alt"></i> 4796 <span>Se connecter</span> 4797 </a> 4798 </li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1037"><a href="https://mediumblue-goat-586134.hostingersite.com/">ð¥ï¸Vétérinaire Maroc</a></li> 4799<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2430"><a href="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/">ð¥ Chat & Discussion</a></li> 4800<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/">ð Consultation à distance</a></li> 4801<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1995"><a href="https://mediumblue-goat-586134.hostingersite.com/articles-veterinaire/">ð Articles</a></li> 4802<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2385"><a href="https://mediumblue-goat-586134.hostingersite.com/submit-listing/details/">𩺠Inscription vétérinaire</a></li> 4803<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1399"><a href="https://mediumblue-goat-586134.hostingersite.com/gestion-de-stock/">ðGestion de stock</a></li> 4804<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1036"><a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%90-politique-de-confidentialite/">ð Politique de Confidentialité</a></li><li class="menu-item menu-item--last menu-item--user-login"> <a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link"> 4805 <i class="hp-icon fas fa-sign-in-alt"></i> 4806 <span>Se connecter</span> 4807 </a> 4808 </li> 4809</ul> </nav> 4810 <div class="header-navbar__actions"> 4811 <div class="hp-menu hp-menu--site-header hp-menu--main"> <button type="button" class="hp-menu__item hp-menu__item--listing-submit button button--secondary" data-component="link" data-url="https://mediumblue-goat-586134.hostingersite.com/submit-listing/"><i class="hp-icon fas fa-plus"></i><span>Ajouter une annonce</span></button> 4812 </div> </div> 4813 </div>
4814 </div> 4815 </header> 4816 <div class="site-content" id="content"> 4817 <div class="container"> 4818<div class="content-area"><div class="hp-page site-main"><div class="hp-row"><div class="hp-page__content hp-col-sm-4 hp-col-sm-offset-4 hp-col-xs-12"> <h1 class="hp-page__title">Se connecter</h1> 4819 <form class="hp-form--narrow hp-block hp-form hp-form--user-login" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/login/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="current-password" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Se connecter</span></button><div class="hp-form__actions"> <p class="hp-form__action hp-form__action--user-register">Vous nâavez pas encore de compte ? <a href="#user_register_modal">Sâinscrire</a></p> 4820 <a href="#user_password_request_modal" class="hp-form__action hp-form__action--user-password-request">Mot de passe oublié ?</a> 4821</div></div></form></div></div></div></div> </div> 4822 </div> 4823 </div> 4824 <footer class="site-footer"> 4825 <div class="container"> 4826 <div class="footer-widgets"> 4827 <div class="row"> 4828 4829 <div class="col-sm col-xs-12"><div id="recent-posts-5" class="widget widget--footer widget_recent_entries"> 4830 <h5 class="widget__title">Articles</h5> 4831 <ul> 4832 <li> 4833 <a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez/">ð¨ Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez</a> 4834 </li> 4835 <li> 4836 <a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%a5-votre-chien-a-chaud-ne-le-sortez-surtout-pas-a-cette-heure/">ð¥ Votre chien a chaud ? Ne le sortez surtout pas à cette heure !</a> 4837 </li> 4838 <li> 4839 <a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%aa%b3-une-seule-puce-peut-elle-vraiment-envahir-toute-votre-maison/">𪳠Une seule puce peut-elle vraiment envahir toute votre maison ?</a> 4840 </li> 4841 <li> 4842 <a href="https://mediumblue-goat-586134.hostingersite.com/la-rage-votre-animal-peut-etre-vaccine-gratuitement-%f0%9f%87%b2%f0%9f%87%a6%f0%9f%92%89/">La rage : votre animal peut être vacciné gratuitement ! ð²ð¦ð</a> 4843 </li> 4844 <li> 4845 <a href="https://mediumblue-goat-586134.hostingersite.com/une-genisse-nee-avec-un-jumeau-male-95-de-risque-detre-sterile/">Naissance de jumeaux: 95 % de risque d’être stérile !</a> 4846 </li> 4847 <li> 4848 <a href="https://mediumblue-goat-586134.hostingersite.com/west-nile-virus-chez-les-volailles-danger-symptomes-et-prevention/">West Nile Virus chez les volailles : danger, symptômes et prévention</a> 4849 </li> 4850 <li> 4851 <a href="https://mediumblue-goat-586134.hostingersite.com/declaration-de-chiots-a-la-centrale-canine-demarches-documents-et-delais/">Comment obtenir un Acte de Naissance pour une portée de chiots ? Guide complet</a> 4852 </li> 4853 <li> 4854 <a href="https://mediumblue-goat-586134.hostingersite.com/elevage-100-moutons-production-aid-viande/">PROJET : ÃLEVAGE 100 moutons (PRODUCTION AÃD + VIANDE)</a> 4855 </li> 4856 <li> 4857 <a href="https://mediumblue-goat-586134.hostingersite.com/aid-al-adha-approche-faut-il-manger-la-viande-du-mouton-immediatement-ou-attendre/">Aïd Al-Adha approche : faut-il manger la viande du mouton immédiatement ou attendre ?</a> 4858 </li> 4859 <li> 4860 <a href="https://mediumblue-goat-586134.hostingersite.com/projet-elevage-de-poules-au-maroc/">Projet élevage de poules au Maroc : simulation complète et rentable</a> 4861 </li> 4862 </ul> 4863 4864 </div></div><div class="col-sm col-xs-12"><div id="recent-comments-5" class="widget widget--footer widget_recent_comments"><h5 class="widget__title">Commentaires</h5><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">elevageab</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/listing/cabinet-veterinaire-el-jadida-dr-salma-kandil/#comment-65">Cabinet Vétérinaire El Jadida – Dr.Salma Kandil</a></li><li class="recentcomments"><span class="comment-author-link">TestVisit</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/elevage-100-moutons-production-aid-viande/#comment-64">PROJET : ÃLEVAGE 100 moutons (PRODUCTION AÃD + VIANDE)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://elevagefamilialdelaubepine.fr/parasites-chez-le-chien-identification-et-solutions-efficaces/" class="url" rel="ugc external nofollow">Parasites chez le chien : identification et solutions efficaces - elevagefamilialdelaubepine.fr</a></span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/les-parasites-chez-le-chien-comprendre-prevenir-et-traiter/#comment-53">Les Parasites chez le Chien : Comprendre, Prévenir et Traiter</a></li><li class="recentcomments"><span class="comment-author-link">Yassine</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/la-leishmaniose-chez-le-chien-une-maladie-grave/#comment-50">La Leishmaniose chez le Chien : Une Maladie Grave</a></li></ul></div></div><div class="col-sm col-xs-12"><div id="gtranslate-5" class="widget widget--footer widget_gtranslate"><h5 class="widget__title">Traduire</h5><div class="gtranslate_wrapper" id="gt-wrapper-30990653"></div></div></div> </div> 4865 </div> 4866 <div class="footer-navbar"> 4867 <div class="footer-navbar__start"> 4868 <div class="footer-navbar__copyright"> 4869 Leader au Maroc dans la prise de rendez-vous vétérinaires. Trouvez rapidement et facilement le vétérinaire le plus proche de chez vous ! </div> 4870 </div> 4871 <div class="footer-navbar__end"> 4872 <nav class="footer-navbar__menu"> 4873 </nav> 4874 </div>
4875 </div> 4876 </div> 4877 </footer> 4878
4878<script type="speculationrules"> 4879{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/listinghive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4880</script>
4880 4881<div id="user_login_modal" class="hp-modal" data-component="modal"> <h3 class="hp-modal__title">Se connecter</h3> 4882 <form class="hp-form--narrow hp-block hp-form hp-form--user-login" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/login/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="current-password" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Se connecter</span></button><div class="hp-form__actions"> <p class="hp-form__action hp-form__action--user-register">Vous nâavez pas encore de compte ? <a href="#user_register_modal">Sâinscrire</a></p> 4883 <a href="#user_password_request_modal" class="hp-form__action hp-form__action--user-password-request">Mot de passe oublié ?</a> 4884</div></div></form></div><div id="user_register_modal" class="hp-modal" data-component="modal"> <h3 class="hp-modal__title">Sâinscrire</h3> 4885 <form class="hp-form--narrow hp-block hp-form hp-form--user-register" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--email"><label class="hp-field__label hp-form__label"><span>E-mail</span></label><input type="email" name="email" value="" autocomplete="email" maxlength="254" required="required" class="hp-field hp-field--email"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="new-password" minlength="8" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Sâinscrire</span></button><div class="hp-form__actions"><p class="hp-form__action hp-form__action--user-login">Vous avez déjà un compte ? <a href="#user_login_modal">Se connecter</a></p> 4886</div></div></form></div><div id="user_password_request_modal" class="hp-modal" data-component="modal"> <h3 class="hp-modal__title">Réinitialiser le mot de passe</h3> 4887 <form data-message="Un e-mail de réinitialisation du mot de passe a été envoyé." action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/request-password/" method="POST" data-component="form" class="hp-form hp-form--user-password-request"><div class="hp-form__header"><p class="hp-form__description">Veuillez saisir votre identifiant ou votre adresse e-mail. Un lien permettant de créer un nouveau mot de passe vous sera envoyé par e-mail.</p><div class="hp-form__messages" data-component="messages"></div></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Envoyer un e-mail</span></button></div></form></div>
4887<script> 4888 (function() { 4889 // Vérifie si l'utilisateur ouvre le site via l'application (PWA) 4890 var isPWA = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true; 4891 4892 if (isPWA) { 4893 // On ne compte qu'une seule fois par appareil 4894 if (!localStorage.getItem('pwa_installed_tikvet')) { 4895 localStorage.setItem('pwa_installed_tikvet', '1'); 4896 4897 // Envoie la requête vers le serveur pour augmenter le chiffre 4898 fetch('https://mediumblue-goat-586134.hostingersite.com/?pwa_count=1', { 4899 method: 'POST' 4900 }) 4901 .then(res => res.text()) 4902 .then(data => console.log('Installation TikVet enregistrée')) 4903 .catch(err => console.warn('Erreur compteur PWA:', err)); 4904 } 4905 } 4906 })(); 4907 </script>
4907 4908 <style> 4909 :root { --pwa-gold-linear: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); } 4910 4911 #pwaInstallBanner { 4912 position: fixed; bottom: 0; left: 0; width: 100%; 4913 background: rgba(20, 20, 20, 0.95); border-top: 2px solid #B38728; 4914 box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.5); padding: 8px 15px; 4915 display: none; align-items: center; justify-content: space-between; 4916 z-index: 9999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 4917 } 4918 4919 .pwa-content-wrapper { display: flex; align-items: center; } 4920 #pwaInstallBanner img { width: 40px; height: 40px; margin-right: 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); } 4921 #pwaInstallBanner span { font-size: 14px; color: #ffffff; line-height: 1.2; } 4922 #pwaInstallBanner span strong { font-weight: 600; } 4923 4924 #pwaInstallBtn { 4925 background: var(--pwa-gold-linear); border: none; color: #000 !important; 4926 padding: 8px 16px; font-size: 12px; font-weight: 700; border-radius: 4px; 4927 cursor: pointer; text-transform: uppercase; margin-left: 10px; 4928 } 4929 4930 #pwaCloseBanner { position: absolute; top: 2px; right: 8px; cursor: pointer; font-size: 22px; color: #adb5bd; font-weight: bold; } 4931 4932 @media (max-width: 550px) { 4933 #pwaInstallBanner { padding: 20px 10px 10px 10px; } 4934 #pwaInstallBanner span { font-size: 12px; } 4935 #pwaInstallBtn { padding: 6px 10px; font-size: 11px; } 4936 } 4937 </style> 4938 4939 <div id="pwaInstallBanner"> 4940 <span id="pwaCloseBanner">×</span> 4941 <div class="pwa-content-wrapper"> 4942 <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/03/icon-512.png" alt="App Icon"> 4943 <span>Profitez de notre application mobile !<br><strong>Installez-la maintenant !</strong></span> 4944 </div> 4945 <button id="pwaInstallBtn">Installer</button> 4946 </div> 4947 4948
4948<script> 4949 let deferredPrompt; 4950 const banner = document.getElementById('pwaInstallBanner'); 4951 const installBtn = document.getElementById('pwaInstallBtn'); 4952 4953 // Détection iOS 4954 const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; 4955 // Détection Standalone 4956 const isStandalone = () => window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true; 4957 4958 // Capture l'événement d'installation Android/Chrome 4959 window.addEventListener('beforeinstallprompt', (e) => { 4960 e.preventDefault(); 4961 deferredPrompt = e; 4962 if (!isStandalone()) { 4963 banner.style.display = 'flex'; 4964 } 4965 }); 4966 4967 // Affichage forcé pour iOS car beforeinstallprompt n'existe pas chez Apple 4968 window.addEventListener('load', () => { 4969 if (isIOS && !isStandalone()) { 4970 banner.style.display = 'flex'; 4971 } 4972 }); 4973 4974 installBtn.addEventListener('click', async () => { 4975 if (deferredPrompt) { 4976 // Lance le popup natif 4977 deferredPrompt.prompt(); 4978 const { outcome } = await deferredPrompt.userChoice; 4979 if (outcome === 'accepted') { 4980 deferredPrompt = null; 4981 banner.style.display = 'none'; 4982 } 4983 } else if (isIOS) { 4984 alert("â¹ï¸ Pour installer : Appuyez sur le bouton 'Partager' en bas de Safari, puis sur 'Sur l'écran d'accueil'."); 4985 } else { 4986 // Si pas de deferredPrompt sur Android/PC, le navigateur bloque l'install 4987 alert("â¹ï¸ L'installation est bloquée par votre navigateur. Vérifiez que vous n'avez pas déjà installé l'application ou videz votre cache."); 4988 } 4989 }); 4990 4991 document.getElementById('pwaCloseBanner').addEventListener('click', () => { 4992 banner.style.display = 'none'; 4993 }); 4994 </script>
4994 4995
4995<script> 4996document.addEventListener('click', function(e) { 4997 var type = ''; 4998 var link = e.target.closest('a'); 4999 var btn = e.target.closest('.btn-confirm-tikvet'); 5000 5001 if (link) { 5002 var href = link.getAttribute('href') || ''; 5003 // Détection WhatsApp 5004 if (href.indexOf('wa.me') !== -1 || href.indexOf('whatsapp.com') !== -1) { 5005 type = 'WhatsApp'; 5006 } 5007 // Détection Appel 5008 else if (href.indexOf('tel:') === 0) { 5009 type = 'Appel'; 5010 } 5011 // NOUVEAU : Détection Google Business 5012 else if (href.indexOf('share.google') !== -1) { 5013 type = 'Google'; 5014 } 5015 } else if (btn) { 5016 type = 'WhatsApp'; 5017 } 5018 5019 if (type !== '') { 5020 var titleEl = document.querySelector('.hp-listing__title') || document.querySelector('h1'); 5021 var pageTitle = titleEl ? titleEl.innerText.trim() : document.title; 5022 var url = 'https://mediumblue-goat-586134.hostingersite.com/wp-admin/admin-ajax.php'; 5023 var data = new FormData(); 5024 data.append('action', 'track_tikvet_click'); 5025 data.append('annonce', pageTitle); 5026 data.append('type', type); 5027 navigator.sendBeacon(url, data); 5028 } 5029}, true); 5030</script>
5030 5031<style> 5032/* CODE 1 */ 5033#ai-chat-teaser { 5034 position: fixed; 5035 bottom: 155px; 5036 left: 20px; 5037 max-width: 260px; 5038 background: #ffffff; 5039 padding: 12px 16px; 5040 border-radius: 14px; 5041 box-shadow: 0 8px 22px rgba(0,0,0,0.18); 5042 font-size: 14px; 5043 font-weight: 500; 5044 color: #333; 5045 display: flex; 5046 align-items: center; 5047 gap: 10px; 5048 z-index: 9999; 5049 opacity: 0; 5050 transform: translateY(15px); 5051 transition: opacity .4s ease, transform .4s ease; 5052 pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */ 5053} 5054 5055#ai-chat-teaser img { 5056 width: 38px; 5057 height: 38px; 5058 border-radius: 50%; 5059} 5060 5061#ai-chat-teaser:after { 5062 content: ""; 5063 position: absolute; 5064 bottom: -12px; 5065 left: 35px; 5066 border-left: 10px solid transparent; 5067 border-right: 10px solid transparent; 5068 border-top: 12px solid #ffffff; 5069} 5070 5071#ai-chat-teaser.show { 5072 opacity: 1; 5073 transform: translateY(0); 5074 pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */ 5075} 5076 5077/* CODE 2 */ 5078#ai-chat-teaser-random { 5079 position: fixed; 5080 bottom: 155px; 5081 left: 20px; 5082 max-width: 260px; 5083 background: #ffffff; 5084 padding: 12px 16px; 5085 border-radius: 14px; 5086 box-shadow: 0 8px 22px rgba(0,0,0,0.18); 5087 font-size: 14px; 5088 font-weight: 500; 5089 color: #333; 5090 display: flex; 5091 align-items: center; 5092 gap: 10px; 5093 z-index: 2147483647; 5094 opacity: 0; 5095 transform: translateY(15px); 5096 transition: opacity .8s ease, transform .8s ease; 5097 pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */ 5098} 5099 5100#ai-chat-teaser-random img { 5101 width: 38px; 5102 height: 38px; 5103 border-radius: 50%; 5104} 5105 5106#ai-chat-teaser-random::after { 5107 content: ""; 5108 position: absolute; 5109 bottom: -12px; 5110 left: 35px; 5111 border-left: 10px solid transparent; 5112 border-right: 10px solid transparent; 5113 border-top: 12px solid #ffffff; 5114} 5115 5116#ai-chat-teaser-random.show { 5117 opacity: 1; 5118 transform: translateY(0); 5119 pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */ 5120} 5121</style> 5122 5123<div id="ai-chat-teaser"> 5124 <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot"> 5125 <div>ðTikVet est avec vous ! Comment puis-je vous aider ?</div> 5126</div> 5127 5128<div id="ai-chat-teaser-random"> 5129 <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot"> 5130 <div id="ai-chat-message"></div> 5131</div> 5132
5133<script> 5134document.addEventListener("DOMContentLoaded", function () { 5135 5136 const bubble1 = document.getElementById("ai-chat-teaser"); 5137 const bubble2 = document.getElementById("ai-chat-teaser-random"); 5138 const messages = ["\ud83d\udc4b Besoin d\u2019aide pour trouver un v\u00e9t\u00e9rinaire ?","\ud83d\udca1 Cherchez-vous un v\u00e9t\u00e9rinaire ? Je peux vous aider !","\ud83d\ude0a Une question sur votre profil Veterinary.ma ? Cliquez ici.","\ud83d\ude80 Je peux vous aider \u00e0 trouver un v\u00e9t\u00e9rinaire rapidement !","\ud83d\udccc Vous voulez contacter un v\u00e9t\u00e9rinaire maintenant ?","\ud83d\ude4c Je vous accompagne pour choisir le bon v\u00e9t\u00e9rinaire.","\u2728 Trouvez ou r\u00e9servez votre v\u00e9t\u00e9rinaire facilement ici !","\ud83d\udcac H\u00e9sitez-vous ? Je peux vous guider pour votre v\u00e9t\u00e9rinaire.","\ud83d\udc4b Je suis l\u00e0 pour vous aider \u00e0 trouver le meilleur v\u00e9t\u00e9rinaire !","\u26a1 Cliquez ici pour des conseils rapides et pratiques.","\ud83d\udca1 Voulez-vous que je trouve un v\u00e9t\u00e9rinaire disponible maintenant ?","\ud83d\ude0a Je peux vous montrer comment choisir un v\u00e9t\u00e9rinaire fiable !","\ud83d\ude80 Besoin d\u2019un v\u00e9t\u00e9rinaire pour chien, chat ou autre animal ?","\ud83d\udccc Cliquez ici pour voir les profils disponibles pr\u00e8s de vous.","\ud83d\ude4c Je peux vous aider \u00e0 contacter un v\u00e9t\u00e9rinaire rapidement.","\u2728 Voulez-vous que votre v\u00e9t\u00e9rinaire vous r\u00e9ponde rapidement ?","\ud83d\udcac Je peux vous guider pour trouver un v\u00e9t\u00e9rinaire adapt\u00e9.","\ud83d\udc4b Une question rapide sur un v\u00e9t\u00e9rinaire ? Je suis l\u00e0 !","\u26a1 Cliquez ici pour g\u00e9rer votre demande facilement.","\ud83d\udca1 Je peux vous aider \u00e0 trouver le bon v\u00e9t\u00e9rinaire sans attendre !"]; 5139 5140 const CODE1_INTERVAL = 30 * 60 * 1000; // 30 minutes 5141 const CODE2_INTERVAL = 3 * 60 * 1000; // 3 minutes 5142 const CODE1_VISIBLE = 7000; // durée visible Code1 5143 const CODE2_VISIBLE = 7000; // durée visible Code2 5144 const CODE2_DELAY_FIRST = 10000; // délai 10s avant premier Code2 5145 const KEY1_LAST = "ai_teaser_last"; 5146 const KEY2_LAST = "ai_teaser_random_last"; 5147 5148 // -------- CODE 1 -------- 5149 function showCode1() { 5150 bubble1.classList.add("show"); 5151 setTimeout(() => { bubble1.classList.remove("show"); }, CODE1_VISIBLE); 5152 localStorage.setItem(KEY1_LAST, Date.now()); 5153 } 5154 5155 const last1 = parseInt(localStorage.getItem(KEY1_LAST), 10) || 0; 5156 if(Date.now() - last1 >= CODE1_INTERVAL) showCode1(); 5157 setInterval(showCode1, CODE1_INTERVAL); 5158 5159 // -------- CODE 2 -------- 5160 function showCode2() { 5161 if(bubble1.classList.contains("show")) return; // pas chevaucher Code1 5162 const randomMessage = messages[Math.floor(Math.random() * messages.length)]; 5163 document.getElementById("ai-chat-message").textContent = randomMessage; 5164 bubble2.classList.add("show"); 5165 localStorage.setItem(KEY2_LAST, Date.now()); 5166 setTimeout(() => { bubble2.classList.remove("show"); }, CODE2_VISIBLE); 5167 } 5168 5169 function checkCode2() { 5170 const last2 = parseInt(localStorage.getItem(KEY2_LAST), 10) || 0; 5171 if(Date.now() - last2 >= CODE2_INTERVAL) showCode2(); 5172 } 5173 5174 // Premier affichage Code2 avec délai 10s 5175 setTimeout(() => { 5176 checkCode2(); 5177 setInterval(checkCode2, 60000); 5178 }, CODE2_DELAY_FIRST); 5179 5180}); 5181</script>
5181
5181<script> 5182 (function () { 5183 var c = document.body.className; 5184 c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); 5185 document.body.className = c; 5186 })(); 5187 </script>
5187 5188 <link rel='stylesheet' id='wc-blocks-style-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.7.0' media='all' /> 5189<link rel='stylesheet' id='mwai_chatbot_theme_timeless-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/ai-engine/themes/timeless.css?ver=1790919792' media='all' />
5190<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 5190
5190
5191<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script>
vendor: 1 bytes, line 5191
5191
5192<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?ver=1.7.13" id="jquery-ui-touch-punch-js"></script>
vendor: 1 bytes, line 5192
5192
5193<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/blueimp-file-upload/js/jquery.fileupload.js?ver=1.7.13" id="fileupload-js"></script>
vendor: 1 bytes, line 5193
5193
5194<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.js?ver=1.7.13" id="fancybox-js"></script>
vendor: 1 bytes, line 5194
5194
5195<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/slick-carousel/slick/slick.min.js?ver=1.7.13" id="slick-js"></script>
vendor: 1 bytes, line 5195
5195
5196<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/sticky-sidebar/dist/jquery.sticky-sidebar.min.js?ver=1.7.13" id="sticky-sidebar-js"></script>
vendor: 1 bytes, line 5196
5196
5197<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/php-date-formatter/js/php-date-formatter.min.js?ver=1.7.13" id="php-date-formatter-js"></script>
vendor: 1 bytes, line 5197
5197
5198<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/flatpickr.min.js?ver=1.7.13" id="flatpickr-js"></script>
vendor: 1 bytes, line 5198
5198
5199<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/js/select2.full.min.js?ver=1.7.13" id="select2-full-js"></script>
vendor: 1 bytes, line 5199
5199
5200<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/intl-tel-input/build/js/intlTelInput.min.js?ver=1.7.13" id="intl-tel-input-js"></script>
vendor: 1 bytes, line 5200
5200
5201<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script>
vendor: 1 bytes, line 5201
5201
5202<script id="hivepress-core-js-extra"> 5203var hivepressCoreData = {"apiURL":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/hivepress\/v1","apiNonce":"7d21fa43ba","language":"fr"}; 5204</script>
vendor: 1 bytes, line 5204
5204
5205<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/js/common.min.js?ver=1.7.13" id="hivepress-core-js"></script>
vendor: 1 bytes, line 5205
5205
5206<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script>
vendor: 1 bytes, line 5206
5206
5207<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
vendor: 1 bytes, line 5207
5207
5208<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/js/frontend.min.js?ver=1.7.13" id="hivepress-core-frontend-js"></script>
vendor: 1 bytes, line 5208
5208
5209<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/node_modules/raty-js/lib/jquery.raty.js?ver=1.3.2" id="raty-js"></script>
vendor: 1 bytes, line 5209
5209
5210<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/assets/js/frontend.min.js?ver=1.3.2" id="hivepress-reviews-frontend-js"></script>
vendor: 1 bytes, line 5210
5210
5211<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
vendor: 1 bytes, line 5211
5211
5212<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 5212
5212
5213<script id="wp-i18n-js-after"> 5214wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 5215</script>
vendor: 1 bytes, line 5215
5215
5216<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6" id="swv-js"></script>
vendor: 1 bytes, line 5216
5216
5217<script id="contact-form-7-js-translations"> 5218( function( domain, translations ) { 5219 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 5220 localeData[""].domain = domain; 5221 wp.i18n.setLocaleData( localeData, domain ); 5222} )( "contact-form-7", {"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 5223</script>
vendor: 1 bytes, line 5223
5223
5224<script id="contact-form-7-js-before"> 5225var wpcf7 = { 5226 "api": { 5227 "root": "https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/", 5228 "namespace": "contact-form-7\/v1" 5229 }, 5230 "cached": 1 5231}; 5232</script>
vendor: 1 bytes, line 5232
5232
5233<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6" id="contact-form-7-js"></script>
vendor: 1 bytes, line 5233
5233
5234<script id="superpwa-register-sw-js-extra"> 5235var superpwa_sw = {"url":"\/superpwa-sw.js?2.2.42","disable_addtohome":"0","enableOnDesktop":"","offline_form_addon_active":"","ajax_url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-admin\/admin-ajax.php","offline_message":"1","offline_message_txt":"You are currently offline.","online_message_txt":"You're back online . <a href=\"javascript:location.reload()\">refresh<\/a>","manifest_name":"superpwa-manifest.json","script_debug":""}; 5236</script>
vendor: 1 bytes, line 5236
5236
5237<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/super-progressive-web-apps/public/js/register-sw.js?ver=2.2.46" id="superpwa-register-sw-js"></script>
vendor: 1 bytes, line 5237
5237
5238<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/l10n/fr.js?ver=1.7.13" id="flatpickr-fr-js"></script>
vendor: 1 bytes, line 5238
5238
5239<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/js/i18n/fr.js?ver=1.7.13" id="select2-fr-js"></script>
vendor: 1 bytes, line 5239
5239
5240<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/js/focus-visible.min.js?ver=1.1.1" id="focus-visible-js"></script>
vendor: 1 bytes, line 5240
5240
5241<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
vendor: 1 bytes, line 5241
5241
5242<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/comment-reply.min.js?ver=6.8.10" id="comment-reply-js" data-wp-strategy="async"></script>
vendor: 1 bytes, line 5242
5242
5243<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/js/frontend.min.js?ver=1.1.1" id="hivetheme-core-frontend-js"></script>
vendor: 1 bytes, line 5243
5243
5244<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/assets/js/frontend.min.js?ver=1.2.11" id="hivetheme-parent-frontend-js"></script>
vendor: 1 bytes, line 5244
5244
5245<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0" id="sourcebuster-js-js"></script>
vendor: 1 bytes, line 5245
5245
5246<script id="wc-order-attribution-js-extra"> 5247var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; 5248</script>
vendor: 1 bytes, line 5248
5248
5249<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0" id="wc-order-attribution-js"></script>
vendor: 1 bytes, line 5249
5249
5250<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1" id="react-js"></script>
vendor: 1 bytes, line 5250
5250
5251<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1" id="react-dom-js"></script>
vendor: 1 bytes, line 5251
5251
5252<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/escape-html.min.js?ver=6561a406d2d232a6fbd2" id="wp-escape-html-js"></script>
vendor: 1 bytes, line 5252
5252
5253<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/element.min.js?ver=a4eeeadd23c0d7ab1d2d" id="wp-element-js"></script>
vendor: 1 bytes, line 5253
5253
5254<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/ai-engine/app/chatbot.js?ver=1790919792" id="mwai_chatbot-js"></script>
vendor: 1 bytes, line 5254
5254
5255<script id="gt_widget_script_30990653-js-before"> 5256window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['30990653'] = {"default_language":"fr","languages":["ar","en","fr","es"],"url_structure":"none","detect_browser_language":1,"flag_style":"2d","flag_size":32,"wrapper_selector":"#gt-wrapper-30990653","alt_flags":[],"horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"}; 5257</script>
5257<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/gtranslate/js/fn.js?ver=5.0.1" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/account/login/" data-gt-orig-domain="mediumblue-goat-586134.hostingersite.com" data-gt-widget-id="30990653" defer></script>
5257 <!-- Compteur invisible : Envoie un signal à l'API sur chaque page visitée --> 5258
5258<script> 5259 (function() { 5260 // On génère l'URL de l'API dynamiquement 5261 const apiUrl = window.location.origin + '/wp-json/custom/v1/visitors?nocache=' + Date.now(); 5262 5263 // On utilise fetch pour appeler l'API en arrière-plan 5264 fetch(apiUrl, { 5265 method: 'GET', 5266 mode: 'no-cors', 5267 cache: 'no-store' 5268 }).catch(function(err) { 5269 // On ignore les erreurs pour que ce soit totalement invisible pour l'utilisateur 5270 }); 5271 })(); 5272 </script>
5272 5273
5273<script> 5274 (function() { 5275 document.addEventListener('DOMContentLoaded', function() { 5276 // SÃLECTEURS ADAPTATIFS (On cherche les classes communes de ton nouveau thème) 5277 const burger = document.querySelector('.header-navbar__burger, .hp-menu-burger, .burger-menu'); 5278 const menu = document.getElementById('menu-header') || document.querySelector('.header-navbar__menu'); 5279 5280 if (!burger || !menu) { 5281 console.log("Burger ou Menu non trouvé sur ce thème"); 5282 return; 5283 } 5284 5285 // On déplace le menu dans le body pour éviter les problèmes de superposition (z-index) 5286 document.body.appendChild(menu); 5287 5288 // NETTOYAGE DES DOUBLONS 5289 function removeMenuDuplicates() { 5290 const items = menu.querySelectorAll('li'); 5291 const seenLinks = []; 5292 5293 items.forEach(item => { 5294 const link = item.querySelector('a'); 5295 if (!link) return; 5296 5297 const href = link.getAttribute('href'); 5298 const text = item.innerText.trim().toLowerCase(); 5299 const uniqueKey = href && href !== '#' ? href : text; 5300 5301 if (seenLinks.includes(uniqueKey)) { 5302 item.remove(); 5303 } else { 5304 seenLinks.push(uniqueKey); 5305 } 5306 }); 5307 } 5308 5309 // BOUTON FERMER (X) 5310 if(!document.querySelector('.menu-close-x')){ 5311 const closeBtn = document.createElement('div'); 5312 closeBtn.innerHTML = '×'; 5313 closeBtn.className = 'menu-close-x'; 5314 menu.prepend(closeBtn); 5315 5316 closeBtn.addEventListener('click', function() { 5317 menu.classList.remove('is-open'); 5318 document.body.style.overflow = ''; 5319 }); 5320 } 5321 5322 // OUVERTURE 5323 burger.addEventListener('click', function(e) { 5324 e.preventDefault(); 5325 e.stopPropagation(); // Empêche la fermeture immédiate 5326 removeMenuDuplicates(); 5327 menu.classList.add('is-open'); 5328 document.body.style.overflow = 'hidden'; 5329 }); 5330 5331 // FERMETURE AU CLIC EXTÃRIEUR 5332 menu.addEventListener('click', function(e) { 5333 if (e.target === menu || e.target.closest('a')) { 5334 menu.classList.remove('is-open'); 5335 document.body.style.overflow = ''; 5336 } 5337 }); 5338 }); 5339 })(); 5340 </script>
5340 5341 5342 <style> 5343 /* On utilise l'ID ou la classe détectée pour le style mobile */ 5344 @media (max-width: 991px) { 5345 #menu-header.menu, .header-navbar__menu { 5346 position: fixed !important; 5347 top: 0 !important; 5348 left: 0 !important; 5349 width: 100% !important; 5350 height: 100vh !important; 5351 background: rgba(0, 0, 0, 0.8) !important; 5352 backdrop-filter: blur(8px); 5353 z-index: 999999 !important; 5354 display: none; /* Caché par défaut */ 5355 align-items: center !important; 5356 justify-content: center !important; 5357 margin: 0 !important; 5358 padding: 20px !important; 5359 } 5360 5361 #menu-header.is-open, .header-navbar__menu.is-open { 5362 display: flex !important; 5363 flex-direction: column !important; 5364 } 5365 5366 #menu-header li, .header-navbar__menu li { 5367 background: #ffffff !important; 5368 width: 90% !important; 5369 max-width: 300px !important; 5370 list-style: none !important; 5371 margin: 0 !important; 5372 padding: 0 !important; 5373 border-bottom: 1px solid #f0f0f0 !important; 5374 display: block !important; 5375 text-align: center !important; 5376 } 5377 5378 /* Design des coins arrondis */ 5379 #menu-header li:first-of-type, .header-navbar__menu li:first-of-type { 5380 border-radius: 20px 20px 0 0 !important; 5381 } 5382 #menu-header li:last-of-type, .header-navbar__menu li:last-of-type { 5383 border-radius: 0 0 20px 20px !important; 5384 border-bottom: none !important; 5385 } 5386 5387 #menu-header li a, .header-navbar__menu li a { 5388 color: #333 !important; 5389 padding: 15px !important; 5390 display: block !important; 5391 text-decoration: none !important; 5392 font-size: 17px !important; 5393 font-weight: 600 !important; 5394 } 5395 5396 .menu-close-x { 5397 position: absolute; 5398 top: 20px; 5399 right: 25px; 5400 font-size: 50px; 5401 color: #fff; 5402 cursor: pointer; 5403 z-index: 1000000; 5404 } 5405 } 5406 </style> 5407
5407<script type='text/javascript'> 5408document.tidioChatCode = "clzofqxztgr4mnls0cdtrcfsmb1xv8xa"; 5409(function() { 5410 function asyncLoad() { 5411 var tidioScript = document.createElement("script"); 5412 tidioScript.type = "text/javascript"; 5413 tidioScript.async = true; 5414 tidioScript.src = "//code.tidio.co/clzofqxztgr4mnls0cdtrcfsmb1xv8xa.js"; 5415 document.body.appendChild(tidioScript); 5416 } 5417 if (window.attachEvent) { 5418 window.attachEvent("onload", asyncLoad); 5419 } else { 5420 window.addEventListener("load", asyncLoad, false); 5421 } 5422})(); 5423</script>
5423 </body> 5424</html> 5425 5426 5427<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-10-03 04:39:31 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.