:root{
  --background :#f8f9fa;
  --fumerolles : #800000;
  --materialFrom : #c8ab37;
  --materialTo : /*#ffcb7d*/#d6a355;
  --e-liquideFrom : #000080; 
  --e-liquideTo : /*#00e1ff*/#009fb5; 
  --diy : #6c2987;
  --diyFrom : #450047;
  --diyTo : #c900c2;
  --background-material : conic-gradient(from 90deg at 40% -25%, var(--materialFrom), var(--materialTo));
  --background-diy : conic-gradient(from 90deg at 30% -25%, var(--diyFrom), var(--diyTo));
  --background-eliquide: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMTA4MCIKICAgaGVpZ2h0PSIxMDgwIgogICB2aWV3Qm94PSIwIDAgMjg1Ljc0OTk5IDI4NS43NSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zLjIgKDE6MS4zLjIrMjAyMzExMjUyMTUwKzA5MWUyMGVmMGYpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjYWRyZV8xMDgwXzEwODAuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiNjY2NjY2MiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iIzRlNGU0ZSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6em9vbT0iMSIKICAgICBpbmtzY2FwZTpjeD0iMTIyIgogICAgIGlua3NjYXBlOmN5PSIxODUiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxODQyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTYiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ijc4IgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImcxNiIgLz4KICA8ZGVmcwogICAgIGlkPSJkZWZzMSIgLz4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiPgogICAgPGcKICAgICAgIGlkPSJnMTUiPgogICAgICA8ZwogICAgICAgICBpZD0iZzE2Ij4KICAgICAgICA8cGF0aAogICAgICAgICAgIGlkPSJwYXRoMTIiCiAgICAgICAgICAgc3R5bGU9ImZpbGw6IzZkMDIwNDtzdHJva2Utd2lkdGg6MS43NDgwMTtzdHJva2UtbGluZWNhcDpzcXVhcmUiCiAgICAgICAgICAgZD0ibSAyNi4yMzI1MDcsMCB2IDEuNzQ4MjEzNyBjIDAsMi42OTE3NzAxIC0wLjYzMjgyNyw1LjQwNTg2MjggLTEuNzE1NjU3LDguMDA1NzEyOSBIIDkuNzU1OTkzNyBWIDI0LjUxNjMzMyBjIC0yLjYwNDU3NTEsMS4wODYxODcgLTUuMzIxMDA2NSwxLjcxOTc5MiAtOC4wMDc3OCwxLjcxOTc5MiBIIDAgdiAxMjEuNTI1Mzk1IDEuNzQ4MjIgMS43NDgyMSAxMDkuNTcyMTIgaCAxLjc0ODIxMzcgYyAyLjY5OTg0NjUsMCA1LjQxMjYwNzYsMC41ODc3OCA4LjAwNzc4LDEuNTk1NzcgdiAxMy41NTY4IEggMjQuMzgxOTc0IGMgMS4xNjUwMzEsMi41NTE0IDEuODUwNTMzLDUuMjY0MDkgMS44NTA1MzMsOC4wMjY5IHYgMS43NDgyMSBIIDI1OS41MTc0OSB2IC0xLjc0ODIxIGMgMCwtMi43NTIxNCAwLjY4NiwtNS40NjA3MiAxLjg1MjYsLTguMDExNCBoIDE0LjYyODA1IHYgLTEzLjU2ODY4IGMgMi41OTMwNiwtMS4wMDk2NiA1LjMwNDA5LC0xLjU5OTM5IDguMDAzNjUsLTEuNTk5MzkgSCAyODUuNzUgViAxNTEuMjk2NzEgMTQ5LjU0Njk0IDE0Ny43OTg3MyAyNi4yMzYxMjUgaCAtMS43NDgyMSBjIC0yLjY4MzgsMCAtNS4zOTkxNCwtMC42MzgxMjMgLTguMDAzNjUsLTEuNzMwMTI3IFYgOS43NTM5MjY2IEggMjYxLjI0OTE3IEMgMjYwLjE1NjIsNy4xNDcyMTg1IDI1OS41MTc0OSw0LjQzMDc5OTMgMjU5LjUxNzQ5LDEuNzQ4MjEzNyBWIDAgWiBNIDI3NS45OTg2NiwxLjAwMjAwNiB2IDguNzUxNDAzOCBoIDguNzQwNTUgViAxLjAwMjAwNiBaIE0gMjkuNTIxNzEyLDMuNDk3OTc3NyBIIDI1Ni4yMjY3NCBjIDAuMTcwMjksMi4xMzAwODY2IDAuNjU0MDMsNC4yMjQ4MDA3IDEuMzYwMTIsNi4yNTU5NDg5IGggLTYuNjkwNTUgViA5Ljc0MDQ5MDcgSCAzNC44NTUyMzcgdiAwLjAxMzQzNiBoIC02LjY4MzMxMyBjIDAuNzAwNDA0LC0yLjAyOTExMDMgMS4xODA5NjksLTQuMTIzNDU1OCAxLjM0OTc4OCwtNi4yNTU5NDg5IHogbSA3Ljk2MDc1NSw4Ljg2OTIyNjMgSCAyNDguMjY5NiB2IDAuMDEzNDQgaCAwLjE1NTU1IGMgMC4zOTgyOCw2LjMzNzY2MyAzLjQ3MTMzLDEyLjQ3MDgwNiA4LjA1NzM5LDE3LjEzNDg3MSA0LjU4NTgxLDQuNjYzODE3IDEwLjYyNTgyLDcuNzk4MTkxIDE2Ljg4ODM3LDguMjA1MTg0IHYgNTAuMDE1NTUyIDEuMzEyNTgxIGggMi42MjcyMyBWIDg3LjczNjI0NyAzNS4yNTIxMTIgMjguMTY2MjM5IGMgMi4wMjk5NiwwLjcwNTMzOSA0LjEyMzkxLDEuMTg4ODY0IDYuMjUzODgsMS4zNTkwOTEgdiAxMTguMjczNCAxLjc0ODIxIDEuNzQ5NzcgMTA2LjIyMDkgYyAtMi4xMjU2OSwwLjE1MjU1IC00LjIyMDgxLDAuNTk3OTggLTYuMjUzODgsMS4yNTM2NyB2IC05LjU4OTU5IC0xLjMxNDY1IC00Ny43ODEwNiAtMS4zMTQxMyBoIC0yLjYyNzIzIHYgMS4zMTQxMyA0Ny45NDE3NyBjIC02LjI1MDE3LDAuNDA4MjggLTEyLjI4ODcxLDMuNTQ1NDYgLTE2Ljg3NzAxLDguMjA4ODEgLTQuNTkyMzIsNC42Njc0MyAtNy42NzQ0MSwxMC44MDE4MyAtOC4wNzAzLDE3LjEzNDM1IGggLTAuMTU0IHYgNS4yZS00IEggMzcuNDgyNDY3IHYgLTAuMDE2IGggLTAuMTU2NTggYyAtMC4zOTk0ODQsLTYuMzQ5NzkgLTMuNDgyMjQ3LC0xMi40ODIyOCAtOC4wNzM5MjYsLTE3LjE0MDU2IC00LjU4OTgyMywtNC42NTYzOSAtMTAuNjI3OTczLC03Ljc3OTcgLTE2Ljg2OTI1NCwtOC4xODcxIHYgLTQ3Ljg4MDc5IC0xLjMxNDY1IEggOS43NTU5OTM3IHYgMS4zMTQ2NSA0Ny43MDY2NSAxLjMxMjU4IDEuMzI4MDggOC4yNzU5OCBjIC0yLjAzNDg1MiwtMC42NTU0OCAtNC4xMzE2MDYsLTEuMTAwMjkgLTYuMjU4MDE2LC0xLjI1MjY0IFYgMTUxLjI1Nzk1IDE0OS41MDk3NCAxNDcuNzYxNTIgMjkuNTI3Mzk3IGMgMi4xMzEyMzcxLC0wLjE2OTE4MyA0LjIyNjcsLTAuNjUwMzk5IDYuMjU4MDE2LC0xLjM1Mjg4OSB2IDguNDA1Njg4IDEuMzEyNTgyIDQ5LjgyNzk2NiAxLjMxMjU4MSBIIDEyLjM4MjcwNyBWIDg3LjcyMDc0NCAzNy43MjA2OTUgYyA2LjI2MTM0MSwtMC40MDQ3NyAxMi4zMDMyNDMsLTMuNTE4NDE3IDE2Ljg4ODg5MSwtOC4xNzIxMTEgNC41ODc5MDUsLTQuNjU1OTgyIDcuNjYwNDk3LC0xMC43OTQwMzQgOC4wNTY4NzMsLTE3LjE2Nzk0NCBoIDAuMTUzOTk2IHogbSAtMjUuMDk5NzYsMC4wMTM0NCBIIDIzLjI1MDI2IGMgLTEuMjUxMjcsMi4yNDA4MzUgLTIuODM0ODY0LDQuMzQ4OTMzIC00LjY5MTcwMyw2LjIwMzIzOSAtMS44NDg1NjksMS44NDYwNDcgLTMuOTQ3MjE0LDMuNDIwMzY4IC02LjE3NTg1LDQuNjY1MzQ4IHogbSAxNC43MzUwMTgsMCBoIDcuNjU3NDEzIGMgLTAuMzk2ODk0LDUuNTU5Mzg0IC0zLjIwNzk3MSwxMS4wOTgxNDIgLTcuMzcyNjc2LDE1LjMyNDY0NiAtNC4xNjAxNjUsNC4yMjE4OTYgLTkuNTk3MDY2LDcuMDU5MDY0IC0xNS4wMTk3NTUsNy40NjQ2NiB2IC04LjA1MTE4OCBjIDMuMTc3MjcxLC0xLjQ3NzQwMSA2LjEyNTM0MywtMy41NDAzMTIgOC42NDg1NjcsLTYuMDYwMDk1IDIuNTMxMDk1LC0yLjUyNzY0MyA0LjYwMzg3MywtNS40ODU2MSA2LjA4NjQ1MSwtOC42NzgwMjMgeiBtIDIyMy44NTkyMDUsMCBoIDcuNjcwMzMgYyAxLjQ4MjMsMy4xNzM3MzIgMy41NTAyMSw2LjExOTY5OCA2LjA3MTQ3LDguNjQyODgzIDIuNTIzOTYsMi41MjU4OTcgNS40NzMzNiw0LjU5NzMyMiA4LjY1MjE4LDYuMDgxNzk5IHYgOC4wNjQxMDggYyAtNS40MTgxNCwtMC40MDgwNDggLTEwLjg1NDk2LC0zLjI2MjY2IC0xNS4wMTcxNywtNy40OTU2NjcgLTQuMTY0MzksLTQuMjM1MjE0IC02Ljk3NzIsLTkuNzczOTcxIC03LjM3NjgxLC0xNS4yOTMxMjMgeiBtIDExLjU0NTAzLDAgaCAxMC44NDg5NSB2IDEwLjg1MjA1IGMgLTIuMjI4NjYsLTEuMjUwNjU2IC00LjMyODA3LC0yLjgzMTEzMyAtNi4xNzc0LC00LjY4MTg4NCAtMS44NDY2MiwtMS44NDgwMzUgLTMuNDIzNDEsLTMuOTQ1MTIzIC00LjY3MTU1LC02LjE3MDE2NiB6IE0gOS43NTU5OTM3LDEwNC45NjY3MiB2IDEuMzEyNTggMjYuMzYxMTggMS4zMTI1OCBoIDIuNjI2NzEzMyB2IC0xLjMxMjU4IC0yNi4zNjExOCAtMS4zMTI1OCB6IG0gMjYzLjYxNDkxNjMsMC4wMTU1IHYgMS4zMTQ2NSAyNi4yODg4NCAxLjMxNDY0IGggMi42MjcyMyB2IC0xLjMxNDY0IC0yNi4yODg4NCAtMS4zMTQ2NSB6IE0gOS43NTU5OTM3LDE1My45MTk4IHYgMS4zMTI1OSAyNi4zNTM0MyAxLjMxNDY0IGggMi42MjY3MTMzIHYgLTEuMzE0NjQgLTI2LjM1MzQzIC0xLjMxMjU5IHogbSAyNjMuNjE0OTE2MywwLjAxMDMgdiAxLjMxMjA2IDI2LjI4MzY3IDEuMzE0MTMgaCAyLjYyNzIzIHYgLTEuMzE0MTMgLTI2LjI4MzY3IC0xLjMxMjA2IHogTSAxMi4zODI3MDcsMjUwLjU3Njk1IGMgNS4zOTc0NTksMC40MDg3MiAxMC44MzQzNDEsMy4yNTU1MiAxNS4wMDAxMTgsNy40ODE3MiA0LjE3MDAyNyw0LjIzMDUxIDYuOTkxNDA1LDkuNzY2OCA3LjM5MTc5NywxNS4yOTY3NCBIIDI2Ljk3MzAzMSBDIDIzLjk2MTQsMjY3LjM1OTA4IDE4LjYxOTI1NSwyNjIuNDYxMzggMTIuMzgyNzA3LDI1OS43NTQxNyBaIG0gMjYwLjk4ODIwMyw1LjJlLTQgdiA5LjE3OTI4IGMgLTYuMjQxNTYsMi43MTI5NyAtMTEuNTg0NDksNy42MjEwNyAtMTQuNTk2MDEsMTMuNjE0MTYgaCAtNy43OTg0OSBjIDAuMzk3MzIsLTUuNTEwNDUgMy4yMTcyNiwtMTEuMDUwODkgNy4zODg3LC0xNS4yOTA1NCA0LjE2NTM4LC00LjIzMzUxIDkuNjAyMjEsLTcuMDkzMDggMTUuMDA1OCwtNy41MDI5IHogbSAtMjYwLjk4ODIwMywxMy4wMjk3IGMgNC4zMDU5NzMsMi4yNDYzNyA4LjA5NTU4LDUuNjg4MTYgMTAuNjE0ODU2LDkuNzQ4MjQgSCAxMi4zODI3MDcgWiBtIDI2MC45ODgyMDMsMC4wMDcgdiA5Ljc1NzAzIGggLTEwLjYxNDg2IGMgMi41MTkzOCwtNC4wNTcyMiA2LjMwODU1LC03LjUwNTEzIDEwLjYxNDg2LC05Ljc1NzAzIHogTSAyOC4xMDExMjcsMjc1Ljk4MjY0IGggNi43NTQxMSB2IDAuMDE1NSBoIDIxNi4wNDEwNzMgNi43NDk5OCBjIC0wLjc0MTYxLDIuMDA5NDcgLTEuMjQ2NTEsNC4xMDQyNyAtMS40MTk1NSw2LjI2MzcgSCAyOS41MjE3MTIgYyAtMC4xNzI4MTksLTIuMTY2NzggLTAuNjc4MzcxLC00LjI2NjQ1IC0xLjQyMDU4NSwtNi4yNzkyIHogbSAtMjcuMDg2NzE4Niw1LjFlLTQgdiA4Ljc1MTQxIGggOC43NDA1NTE3IHYgLTguNzUxNDEgeiBtIDI3NC45ODQyNTE2LDAgdiA4Ljc1MTQxIGggOC43NDA1NSB2IC04Ljc1MTQxIHoiCiAgICAgICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjc2NjY3NjY2NjY3NjY2NzY2NzY2Njc2NjY2Njc2NjY3NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY2NzY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY3NjY2Njc2Njc2NjY3NjY3NjY2Njc2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2Njc2NjY2NjY2Njc2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjYyIgLz4KICAgICAgICA8cGF0aAogICAgICAgICAgIGlkPSJwYXRoMTciCiAgICAgICAgICAgc3R5bGU9ImZpbGw6IzZkMDIwNDtzdHJva2Utd2lkdGg6MS43NDgwMTtzdHJva2UtbGluZWNhcDpzcXVhcmUiCiAgICAgICAgICAgZD0ibSAyNi4yMzI1MDcsMCB2IDEuNzQ4MjEzNyBjIDAsMi42OTE3NzAxIC0wLjYzMjgyNyw1LjQwNTg2MjggLTEuNzE1NjU3LDguMDA1NzEyOSBIIDkuNzU1OTkzNyBWIDI0LjUxNjMzMyBjIC0yLjYwNDU3NTEsMS4wODYxODcgLTUuMzIxMDA2NSwxLjcxOTc5MiAtOC4wMDc3OCwxLjcxOTc5MiBIIDAgdiAxMjEuNTI1Mzk1IDEuNzQ4MjIgMS43NDgyMSAxMDkuNTcyMTIgaCAxLjc0ODIxMzcgYyAyLjY5OTg0NjUsMCA1LjQxMjYwNzYsMC41ODc3OCA4LjAwNzc4LDEuNTk1NzcgdiAxMy41NTY4IEggMjQuMzgxOTc0IGMgMS4xNjUwMzEsMi41NTE0IDEuODUwNTMzLDUuMjY0MDkgMS44NTA1MzMsOC4wMjY5IHYgMS43NDgyMSBIIDI1OS41MTc0OSB2IC0xLjc0ODIxIGMgMCwtMi43NTIxNCAwLjY4NiwtNS40NjA3MiAxLjg1MjYsLTguMDExNCBoIDE0LjYyODA1IHYgLTEzLjU2ODY4IGMgMi41OTMwNiwtMS4wMDk2NiA1LjMwNDA5LC0xLjU5OTM5IDguMDAzNjUsLTEuNTk5MzkgSCAyODUuNzUgViAxNTEuMjk2NzEgMTQ5LjU0Njk0IDE0Ny43OTg3MyAyNi4yMzYxMjUgaCAtMS43NDgyMSBjIC0yLjY4MzgsMCAtNS4zOTkxNCwtMC42MzgxMjMgLTguMDAzNjUsLTEuNzMwMTI3IFYgOS43NTM5MjY2IEggMjYxLjI0OTE3IEMgMjYwLjE1NjIsNy4xNDcyMTg1IDI1OS41MTc0OSw0LjQzMDc5OTMgMjU5LjUxNzQ5LDEuNzQ4MjEzNyBWIDAgWiBNIDI3NS45OTg2NiwxLjAwMjAwNiB2IDguNzUxNDAzOCBoIDguNzQwNTUgViAxLjAwMjAwNiBaIE0gMjkuNTIxNzEyLDMuNDk3OTc3NyBIIDI1Ni4yMjY3NCBjIDAuMTcwMjksMi4xMzAwODY2IDAuNjU0MDMsNC4yMjQ4MDA3IDEuMzYwMTIsNi4yNTU5NDg5IGggLTYuNjkwNTUgViA5Ljc0MDQ5MDcgSCAzNC44NTUyMzcgdiAwLjAxMzQzNiBoIC02LjY4MzMxMyBjIDAuNzAwNDA0LC0yLjAyOTExMDMgMS4xODA5NjksLTQuMTIzNDU1OCAxLjM0OTc4OCwtNi4yNTU5NDkgeiBtIDcuOTYwNzU1LDguODY5MjI2MyBIIDI0OC4yNjk2IHYgMC4wMTM0NCBoIDAuMTU1NTUgYyAwLjM5ODI4LDYuMzM3NjYzIDMuNDcxMzMsMTIuNDcwODA2IDguMDU3MzksMTcuMTM0ODcxIDQuNTg1ODEsNC42NjM4MTcgMTAuNjI1ODIsNy43OTgxOTEgMTYuODg4MzcsOC4yMDUxODQgdiA1MC4wMTU1NTIgMS4zMTI1ODEgaCAyLjYyNzIzIFYgODcuNzM2MjQ3IDM1LjI1MjExMiAyOC4xNjYyMzkgYyAyLjAyOTk2LDAuNzA1MzM5IDQuMTIzOTEsMS4xODg4NjQgNi4yNTM4OCwxLjM1OTA5MSB2IDExOC4yNzM0IDEuNzQ4MjEgMS43NDk3NyAxMDYuMjIwOSBjIC0yLjEyNTY5LDAuMTUyNTUgLTQuMjIwODEsMC41OTc5OCAtNi4yNTM4OCwxLjI1MzY3IHYgLTkuNTg5NTkgLTEuMzE0NjUgLTQ3Ljc4MTA2IC0xLjMxNDEzIGggLTIuNjI3MjMgdiAxLjMxNDEzIDQ3Ljk0MTc3IGMgLTYuMjUwMTcsMC40MDgyOCAtMTIuMjg4NzEsMy41NDU0NiAtMTYuODc3MDEsOC4yMDg4MSAtNC41OTIzMiw0LjY2NzQzIC03LjY3NDQxLDEwLjgwMTgzIC04LjA3MDMsMTcuMTM0MzUgaCAtMC4xNTQgdiA1LjJlLTQgSCAzNy40ODI0NjcgdiAtMC4wMTYgaCAtMC4xNTY1OCBjIC0wLjM5OTQ4NCwtNi4zNDk3OSAtMy40ODIyNDcsLTEyLjQ4MjI4IC04LjA3MzkyNiwtMTcuMTQwNTYgLTQuNTg5ODIzLC00LjY1NjM5IC0xMC42Mjc5NzMsLTcuNzc5NyAtMTYuODY5MjU0LC04LjE4NzEgdiAtNDcuODgwNzkgLTEuMzE0NjUgSCA5Ljc1NTk5MzcgdiAxLjMxNDY1IDQ3LjcwNjY1IDEuMzEyNTggMS4zMjgwOCA4LjI3NTk4IGMgLTIuMDM0ODUyLC0wLjY1NTQ4IC00LjEzMTYwNiwtMS4xMDAyOSAtNi4yNTgwMTYsLTEuMjUyNjQgViAxNTEuMjU3OTUgMTQ5LjUwOTc0IDE0Ny43NjE1MiAyOS41MjczOTcgYyAyLjEzMTIzNzEsLTAuMTY5MTgzIDQuMjI2NywtMC42NTAzOTkgNi4yNTgwMTYsLTEuMzUyODg5IHYgOC40MDU2ODggMS4zMTI1ODIgNDkuODI3OTY2IDEuMzEyNTgxIEggMTIuMzgyNzA3IFYgODcuNzIwNzQ0IDM3LjcyMDY5NSBjIDYuMjYxMzQxLC0wLjQwNDc3IDEyLjMwMzI0MywtMy41MTg0MTcgMTYuODg4ODkxLC04LjE3MjExMSA0LjU4NzkwNSwtNC42NTU5ODIgNy42NjA0OTcsLTEwLjc5NDAzNCA4LjA1Njg3MywtMTcuMTY3OTQ0IGggMC4xNTM5OTYgeiBtIC0yNS4wOTk3NiwwLjAxMzQ0IEggMjMuMjUwMjYgYyAtMS4yNTEyNywyLjI0MDgzNSAtMi44MzQ4NjQsNC4zNDg5MzMgLTQuNjkxNzAzLDYuMjAzMjM5IC0xLjg0ODU2OSwxLjg0NjA0NyAtMy45NDcyMTQsMy40MjAzNjggLTYuMTc1ODUsNC42NjUzNDggeiBtIDE0LjczNTAxOCwwIGggNy42NTc0MTMgYyAtMC4zOTY4OTQsNS41NTkzODQgLTMuMjA3OTcxLDExLjA5ODE0MiAtNy4zNzI2NzYsMTUuMzI0NjQ2IC00LjE2MDE2NSw0LjIyMTg5NiAtOS41OTcwNjYsNy4wNTkwNjQgLTE1LjAxOTc1NSw3LjQ2NDY2IHYgLTguMDUxMTg4IGMgMy4xNzcyNzEsLTEuNDc3NDAxIDYuMTI1MzQzLC0zLjU0MDMxMiA4LjY0ODU2NywtNi4wNjAwOTUgMi41MzEwOTUsLTIuNTI3NjQzIDQuNjAzODczLC01LjQ4NTYxIDYuMDg2NDUxLC04LjY3ODAyMyB6IG0gMjIzLjg1OTIwNSwwIGggNy42NzAzMyBjIDEuNDgyMywzLjE3MzczMiAzLjU1MDIxLDYuMTE5Njk4IDYuMDcxNDcsOC42NDI4ODMgMi41MjM5NiwyLjUyNTg5NyA1LjQ3MzM2LDQuNTk3MzIyIDguNjUyMTgsNi4wODE3OTkgdiA4LjA2NDEwOCBjIC01LjQxODE0LC0wLjQwODA0OCAtMTAuODU0OTYsLTMuMjYyNjYgLTE1LjAxNzE3LC03LjQ5NTY2NyAtNC4xNjQzOSwtNC4yMzUyMTQgLTYuOTc3MiwtOS43NzM5NzEgLTcuMzc2ODEsLTE1LjI5MzEyMyB6IG0gMTEuNTQ1MDMsMCBoIDEwLjg0ODk1IHYgMTAuODUyMDUgYyAtMi4yMjg2NiwtMS4yNTA2NTYgLTQuMzI4MDcsLTIuODMxMTMzIC02LjE3NzQsLTQuNjgxODg0IC0xLjg0NjYyLC0xLjg0ODAzNSAtMy40MjM0MSwtMy45NDUxMjMgLTQuNjcxNTUsLTYuMTcwMTY2IHogTSA5Ljc1NTk5MzcsMTA0Ljk2NjcyIHYgMS4zMTI1OCAyNi4zNjExOCAxLjMxMjU4IGggMi42MjY3MTMzIHYgLTEuMzEyNTggLTI2LjM2MTE4IC0xLjMxMjU4IHogbSAyNjMuNjE0OTE2MywwLjAxNTUgdiAxLjMxNDY1IDI2LjI4ODg0IDEuMzE0NjQgaCAyLjYyNzIzIHYgLTEuMzE0NjQgLTI2LjI4ODg0IC0xLjMxNDY1IHogTSA5Ljc1NTk5MzcsMTUzLjkxOTggdiAxLjMxMjU5IDI2LjM1MzQzIDEuMzE0NjQgaCAyLjYyNjcxMzMgdiAtMS4zMTQ2NCAtMjYuMzUzNDMgLTEuMzEyNTkgeiBtIDI2My42MTQ5MTYzLDAuMDEwMyB2IDEuMzEyMDYgMjYuMjgzNjcgMS4zMTQxMyBoIDIuNjI3MjMgdiAtMS4zMTQxMyAtMjYuMjgzNjcgLTEuMzEyMDYgeiBNIDEyLjM4MjcwNywyNTAuNTc2OTUgYyA1LjM5NzQ1OSwwLjQwODcyIDEwLjgzNDM0MSwzLjI1NTUyIDE1LjAwMDExOCw3LjQ4MTcyIDQuMTcwMDI3LDQuMjMwNTEgNi45OTE0MDUsOS43NjY4IDcuMzkxNzk3LDE1LjI5Njc0IEggMjYuOTczMDMxIEMgMjMuOTYxNCwyNjcuMzU5MDggMTguNjE5MjU1LDI2Mi40NjEzOCAxMi4zODI3MDcsMjU5Ljc1NDE3IFogbSAyNjAuOTg4MjAzLDUuMmUtNCB2IDkuMTc5MjggYyAtNi4yNDE1NiwyLjcxMjk3IC0xMS41ODQ0OSw3LjYyMTA3IC0xNC41OTYwMSwxMy42MTQxNiBoIC03Ljc5ODQ5IGMgMC4zOTczMiwtNS41MTA0NSAzLjIxNzI2LC0xMS4wNTA4OSA3LjM4ODcsLTE1LjI5MDU0IDQuMTY1MzgsLTQuMjMzNTEgOS42MDIyMSwtNy4wOTMwOCAxNS4wMDU4LC03LjUwMjkgeiBtIC0yNjAuOTg4MjAzLDEzLjAyOTcgYyA0LjMwNTk3MywyLjI0NjM3IDguMDk1NTgsNS42ODgxNiAxMC42MTQ4NTYsOS43NDgyNCBIIDEyLjM4MjcwNyBaIG0gMjYwLjk4ODIwMywwLjAwNyB2IDkuNzU3MDMgaCAtMTAuNjE0ODYgYyAyLjUxOTM4LC00LjA1NzIyIDYuMzA4NTUsLTcuNTA1MTMgMTAuNjE0ODYsLTkuNzU3MDMgeiBNIDI4LjEwMTEyNywyNzUuOTgyNjQgaCA2Ljc1NDExIHYgMC4wMTU1IGggMjE2LjA0MTA3MyA2Ljc0OTk4IGMgLTAuNzQxNjEsMi4wMDk0NyAtMS4yNDY1MSw0LjEwNDI3IC0xLjQxOTU1LDYuMjYzNyBIIDI5LjUyMTcxMiBjIC0wLjE3MjgxOSwtMi4xNjY3OCAtMC42NzgzNzEsLTQuMjY2NDUgLTEuNDIwNTg1LC02LjI3OTIgeiBNIDEuMDE0NDA4NCwxLjAwMzE0NTEgdiA4Ljc1MTQxIGggOC43NDA1NTE3IHYgLTguNzUxNDEgeiBNIDI3NS45OTg2NiwyNzUuOTgzMTUgdiA4Ljc1MTQxIGggOC43NDA1NSB2IC04Ljc1MTQxIHoiCiAgICAgICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjc2NjY3NjY2NjY3NjY2NzY2NzY2Njc2NjY2Njc2NjY3NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY2NzY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3NjY2NjY3NjY2Njc2Njc2NjY3NjY3NjY2Njc2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2Njc2NjY2NjY2Njc2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjYyIgLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=='); /* SVG encodé en Base64 */
  --background-shadow: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}

.header-top .form-search-control{
    border-top: none;
    border-right: none;
    border-left: none;
}
#index #wrapper{
padding-top: 0;
}
.block-links ul>li a{
padding-left:0;
}
.block-links ul>li a:before {
content:none;
}

.elementor-element-shvyti5 {
    padding-left: 6px;
    padding-right: 6px;
}

.elementor-element-shvyti5 a {
  position: relative;
  display: contents;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.elementor-element-shvyti5 a {
  width: auto;
  height: auto;
}

.elementor-element.elementor-element-shvyti5 a .circle{
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #60462a;
  border-radius: 1.625rem;
}

.elementor-element.elementor-element-shvyti5 a .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

.elementor-element.elementor-element-shvyti5 a .circle .icon.arrow{
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.elementor-element.elementor-element-shvyti5 a .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

.elementor-element.elementor-element-shvyti5 a .elementor-button-text{
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.elementor-element.elementor-element-shvyti5 a:hover .circle {
  width: 100%;
}

.elementor-element.elementor-element-shvyti5 a:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}

.elementor-element.elementor-element-shvyti5 a:hover {
  background: none !important;
  transform: translate(1rem, 0);
}

.elementor-element.elementor-element-shvyti5 a:hover .elementor-button-text {
  color: #fff;
}

.iqit-accordion .title{
    font-weight: 900;
    font-size: 1.28571rem;
}

.iqit-accordion .content{
    border-bottom: none !important;
}

.product-description .rte-content {
    font-size: 1.1rem;
}

.product_p_price_container{

  border-top: none !important;

}

.price_cart {
  display: flex;
}

.child_price_cart{
  flex: 1;
}

.elementor-element-xmoigmf a{
  text-decoration: none;
  transition: 0.3s ease-in-out;
  }
  
  .elementor-element-xmoigmf a:hover {
    box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px #b36924;
  }

/*idxproduct configurator*/
.topblock-price{
  font-size: 1.28571rem;
  font-weight: 900;
}

.idx_price{
  color: var(--fumerolles);
}

#priceblock{
  margin-top: 3%;
  padding-bottom: 2%;
  border-bottom: 1px solid rgba(160,160,160,0.25);
}

.page-product-box.row{
  display: block;
  font-size: 1.20rem;
  font-weight: 900;
  letter-spacing: 0.6px;
}

.page-product-box.row .card-block{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card-header{
  background: linear-gradient(127deg, var(--diyFrom) 0%, var(--diy) 50%, var(--diyTo) 100%);

}

.cart-content.active {
  background:rgb(181, 181, 181);
  color: white;
  letter-spacing: 0.6px;
}
.cart-content.active > span{
  color: white;
  letter-spacing: 0.6px;
}
.cart-content.active .option_titles {
  border: hidden;
}

#submit_idxrcustomproduct {
  justify-content: flex-end;
  margin-top: 2%;
}
.alert-warning {
  margin-top: 2%;
}

#component_step_last{
  margin-top: 2%;
}

.card-block .option_div span{
  color: #545454;
  font-weight: bold;
}

.card.step_content{
  margin-bottom: 2%;
  border-color: linear-gradient(to right, var(--diyFrom) 0%, var(--diy) 50%, var(--diyTo) 100%) !important;

}

#configurator .modal-footer{
  flex-direction: column;
  align-items: normal;
}

.modal-footer#submit_idxrcustomproduct_alert{
  display: flex;
}
/*end idxproduct*/

.btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-secondary, .btn-product-list{
  border-radius: 6px 6px 6px 6px;
  letter-spacing: 0.6px;
  font-weight: 900;
  color: #fff;
}

.btn-primary:hover, .btn-primary.disabled:hover, .btn-primary.disabled:hover{
  box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);
  background-color: var(--fumerolles);
}

.btn-primary:focus{
  background: var(--fumerolles);
}


.fa{
vertical-align: middle;
}

.fa-info-circle.configurate{
  font-size: 1.28571rem;
  color: var(--fumerolles);
  margin-right:3%;
  cursor: help;
}

.fa-info-circle.configurate:hover{
  border-radius: 50%;
  color: #fff;
  box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);
  background-color: var(--fumerolles);
}

.fa-info-circle.configurate:after {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.fa-info-circle.configurate:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

@media (max-width: 576px){
  .card-block .option_div span{
      text-align: center !important;
  }
  .card-footer a {
    float: right;
  }

  .product_header_container.clearfix{
    display: flex;
    flex-direction: column;
    }
}

.materiel .page-title span, .E-liquides .page-title span, .DIY .page-title span{
  text-transform: uppercase;
}

/*material category*/
.materiel#content-wrapper .section-title span, .materiel .page-title span, .materiel .iqit-accordion .title a span, .materiel .iqitadditionaltab a{
  color: var(--materialFrom) !important;
}
.materiel#content-wrapper .product-accessories p.section-title,.materiel .topblock-price #topblock_total_price_until{
  background: linear-gradient(to right, var(--materialFrom)0%, var(--materialTo) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.materiel .product_header_container,.materiel .iqit-accordion .title{
  border-bottom:2px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--materialFrom), var(--materialTo));

}

.materiel .product-additional-info{
  border-top: 2px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--materialFrom), var(--materialTo));

}

.materiel .btn-primary, .materiel .btn-primary.disabled, .materiel .btn-primary.disabled:hover{
  background: var(--fumerolles)  !important;
}

.materiel .btn-primary:hover{
box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);

}
.materiel .row{

  justify-content: flex-start;
}

.materiel .row > .col-3.col-md-6.col-lg-2 .subcategory-image
{
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.materiel .products-grid .js-product-miniature-wrapper >article::before, .materiel .images-container .product-cover:before, .materiel .products-list .js-product-miniature-wrapper >article::before{
  content:"";
  position: absolute;
  inset: 0;
  background: var(--background-material);
  filter: blur(4px);
  clip-path: var(--background-shadow);
}

.materiel .products-grid .js-product-miniature-wrapper >article, .materiel .products-list .js-product-miniature-wrapper >article{
  border: solid 1px var(--fumerolles);
  background-color: white;
}

.materiel .cbp-column-title img{
  border: solid 1px var(--fumerolles);
}

.materiel .product-images img{
  border: solid 1px var(--materialFrom)
}
/*End material*/

/*e-liquide category*/
.E-liquides .products-grid {
  position: relative; /* Assure que la div parent est une référence pour le positionnement absolu */
}

.E-liquides .products-grid .js-product-miniature-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Couvre toute la largeur de la div */
  height: 100%; /* Couvre toute la hauteur de la div */
  background: url('../img/cadre_1080_1080.svg') no-repeat;
  background-size: cover; /* Le SVG couvre tout sans déformation */
  z-index: -1; /* Place le SVG derrière les produits */
  filter: hue-rotate(250deg);
}

/*

.E-liquides .product_header_container, .E-liquides .iqit-accordion .title, .e-liquide .product-miniature-list,.E-liquides .iqitadditionaltab .title{
  border-bottom:2px solid transparent;  
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--e-liquideFrom), var(--e-liquideTo));

}

.E-liquides .product-additional-info{
  border-top: 2px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--e-liquideFrom), var(--e-liquideTo));
}

.E-liquides .btn-primary, .e-liquide .btn-primary.disabled, .e-liquide .btn-primary.disabled:hover{
  background: var(--fumerolles)  !important;
}

.E-liquides .btn-primary:hover{
box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);

}
.E-liquides .row{

  justify-content: flex-start;
}

.E-liquides .products-grid .js-product-miniature-wrapper >article, .E-liquides .products-list .js-product-miniature-wrapper >article{
  border: solid 1px var(--fumerolles);
  background-color: white;
}
.E-liquides .page-title span, .E-liquides#content-wrapper .section-title span, .E-liquides .iqit-accordion .title a span, .E-liquides .iqitadditionaltab .title a {
  color: var(--e-liquideFrom);
}

.E-liquides#content-wrapper .product-accessories p.section-title,.E-liquides .topblock-price #topblock_total_price_until{
  background: linear-gradient(to right, var(--e-liquideFrom) 0%, var(--e-liquideTo));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.E-liquides  .row > .col-3.col-md-6.col-lg-2 .subcategory-image
{
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.E-liquides .products-grid .js-product-miniature-wrapper >article::before, .E-liquides .images-container .product-cover:before, .E-liquides .products-list .js-product-miniature-wrapper >article::before{
    content:"";
    position: absolute;
    inset: 0;
    background: var(--background-eliquide);
    filter: blur(4px);
    clip-path: var(--background-shadow);
}*/
/*End e-liquides*/

/*diy category*/
.DIY#content-wrapper .section-title span, .DIY .page-title span, .DIY .iqit-accordion .title a span,.DIY .topblock-price #topblock_total_price_until, .DIY .iqitadditionaltab a{
  color: var(--diyFrom) !important;
}

.DIY#content-wrapper .product-accessories p.section-title{
  background: linear-gradient(to right, var(--diyFrom) 0%, var(--diyTo) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.DIY .product_header_container, .DIY .iqit-accordion .title{
  border-bottom: 2px solid transparent;  
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--diyFrom), var(--diyTo));

}

.DIY .product-additional-info{
  border-top: 2px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, var(--diyFrom), var(--diyTo));
}

.DIY .btn-primary, .DIY .btn-primary.disabled, .DIY .btn-primary.disabled:hover, #configurator .btn-md{
  background: var(--fumerolles)  !important;
  border-width: 0!important;
}

.DIY .btn-primary:hover{
box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);

}
.DIY .row{
  justify-content: flex-start;
}

.DIY .products-grid .js-product-miniature-wrapper >article, .DIY .products-list .js-product-miniature-wrapper >article, .diyColor >div:nth-child(1) {
  border: solid 2px var(--fumerolles);
  background-color: white;
}

.DIY .row > .col-3.col-md-6.col-lg-2 .subcategory-image
{
  display: flex;
  flex-direction: column;
  align-items: stretch;

}

.DIY  .products-grid .js-product-miniature-wrapper >article::before, .DIY .images-container .product-cover:before, .DIY .products-list .js-product-miniature-wrapper >article::before, .diyColor >div:nth-child(1)::after{
    content:"";
    position: absolute;
    inset: 0;
    background: var(--background-diy);
    filter: blur(4px);
    clip-path: var(--background-shadow);
}

.diyColor, .pDiy{
  margin: 2%;
}
/*End diy*/

#header .header-nav, .sticky-desktop-wrapper #desktop-header.stuck-header, #mobile-header, body{
  /*background:#e6e6e62f;*/
  background: var(--background);
}

/*.rte-content p{
  background: var(--background) !important;
}*/

.swiper-container .swiper-wrapper article,.col-product-image .swiper-container{
  background: white;
  border-radius: 1%;
  border: solid 1px #c5c5c5 !important;
}

.faqAlert{
  display: flex;
}

.faqAlert a{
  text-decoration: none !important;
  color: #0c5460 !important;
}
.faqAlert a:hover{
  color: black !important;
}

.group-span-filestyle label{
  display: flex;
  align-items: center;
}

.elementor-section .elementor-container{
  margin: 0;
}
.elementor-column-gap-default .elementor-element-populated{
  padding-left: 0;
}

@media only screen and (min-width: 768px){
  #content-wrapper .page-title:after{
    border-bottom: 1px solid rgba(160,160,160,0.25);
    width: 100%;
    bottom: 0 !important;
  }
  #content-wrapper .page-title {
    padding-bottom: 0.3em;
  }
}
@media only screen and (max-width: 767px){
  #content-wrapper .page-title:after{
    border-bottom: none;
  }
  #content-wrapper .page-title {
    padding-bottom: 0.3em;
  }
}
/*Banner*/
.cloudbanner{
  height: 21vw;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.bubbleRow{
  justify-content: space-around;
  height: 75%;
  align-items: flex-end;
  position: absolute;
  width: 100%;
}

.bathhouse {
  margin-top: -6%;
  width: 100%;
  max-width: 558px;
}

.clouds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.clouds img {
  position: absolute;
  bottom: 0;
  max-width: 63%;
  animation: animateSteam calc(3s * var(--i)) linear infinite;
  margin-left: 20% ;
}

@keyframes animateSteam {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  25%,
  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(3);
  }
}

.bubbleContainer {
  position: relative;
}

.ball {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: relative;
  background: radial-gradient(circle at bottom, #f68181, #ef7686 10%, #940518 80%, #450614 100%);
  overflow: hidden;
}

.ball:before {
  content: "";
  position: absolute;
  top: 1%;
  left: 5%;
  width: 90%;
  height: 90%;
  border-radius: 100%;
  background: radial-gradient(circle at top, white, rgba(255, 255, 255, 0) 58%);
  -webkit-filter: blur(5px);
  filter: blur(5px);

  z-index: 100;
}

.ball:after {
  content: "";
  position: absolute;
  display: block;
  top: 5%;
  left: 10%;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  -webkit-transform: rotateZ(-30deg);
  transform: rotateZ(-30deg);
  overflow: hidden;
  z-index: 100;
}

.ball .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
  -webkit-transform: rotateX(90deg) translateZ(-160px);
  transform: rotateX(90deg) translateZ(-160px);
  z-index: 200;
}

.ball.plain {
  background: black;
}

.ball.bubble {
  background: radial-gradient(circle at 50% 55%, rgba(240, 245, 255, 0.9), rgba(240, 245, 255, 0.9) 40%, rgba(225, 238, 255, 0.8) 60%, rgba(43, 130, 255, 0.4));
  -webkit-animation: bubble-anim 2s ease-out infinite;
  animation: bubble-anim 2s ease-out infinite;
}

.ball.bubble:before {
  -webkit-filter: blur(0);
  filter: blur(0);
  height: 80%;
  width: 40%;
  transform: translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg);
}

.ball.bubble:after {
  display: block;
  background: radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);
}

.stage {    
  width: 18vw;
  height: 11vw;
  display: flex;
  margin: auto;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  perspective: 600px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

@-webkit-keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05);
  }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9);
  }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02);
  }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98);
  }

  97%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05);
  }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9);
  }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02);
  }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98);
  }

  97%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.wave {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #259fda;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
}

.gold.wave {
  background: #e0dd06;
}

.purple.wave {
  background: #450047;
}

.blue.wave {
  background: #000080;
}

.white.wave {
  background: #e7e7e7;
}

.water.wave {
  background: #259fda;
}

.wave:before,
.wave:after {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  left: 50%;
  transform: translate(-50%, -75%);
  background: #000;
}

.wave:before {
  border-radius: 45%;
  background: radial-gradient(circle at 50% 55%, rgba(240, 245, 255, 0.9), rgba(240, 245, 255, 0.9) 40%, rgba(225, 238, 255, 0.8) 60%, rgba(43, 130, 255, 0.4));
  animation: animate 5s linear infinite;
}

.wave:after {
  border-radius: 40%;
  background: radial-gradient(circle at 50% 55%, rgba(240, 245, 255, 0.9), rgba(240, 245, 255, 0.9) 40%, rgba(225, 238, 255, 0.8) 60%, rgba(43, 130, 255, 0.4));
  animation: animate 8s linear infinite;
}

.gold.wave:after {
  background: radial-gradient(circle at 50% 55%, #fffb00, rgba(255 229 46 / 90%) 40%, rgba(255 247 171 / 80%) 60%, rgba(203 255 43 / 28%));
}

.purple.wave:after {
  background: radial-gradient(circle at 50% 55%, #c900c2, rgba(248, 46, 255, 0.9) 40%, rgba(255, 171, 251, 0.8) 60%, rgba(255, 43, 227, 0.28));
}

.blue.wave:after {
  background: radial-gradient(circle at 50% 55%, #00ffff, rgba(0, 255, 255, 0.9) 40%, rgba(65, 195, 255, 0.8) 60%, rgba(0, 43, 227, 0.28));
}

h1.gold {
  background-image: linear-gradient(45deg, gold, #c8ab37);
}

h1.purple {
  background-image: linear-gradient(45deg, #450047, #c900c2);
}

h1.white {
  background-image: linear-gradient(45deg, #e7e7e7, #e7e7e7);
}

h1.water {
  background-image: linear-gradient(45deg, #259fda, #074869);
}

h1.blue {
  background-image: linear-gradient(45deg, #000080, #00ffff);
}

.bubbleRow h1 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-align: center;
}

.wrapper {
  transition: ease-out 0.3s, 1.3s;
  background-color: white;
}

@keyframes animate {
  0% {
    transform: translate(-50%, -84%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -84%) rotate(360deg);
  }
}
.bouncing{
  transition-property: transform;
  -webkit-animation-name: bouncing, bouncing-float;
  animation-name: bouncing, bouncing-float;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
  }

@keyframes bouncing {
  0% {
      -webkit-transform: translateY(-10%);
      transform: translateY(-10%);
    }
    50% {
      -webkit-transform: translateY(-5%);
      transform: translateY(-5%);
    }
    100% {
      -webkit-transform: translateY(-10%);
      transform: translateY(-10%);
    }
}


@keyframes bouncing-float {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media only screen and (min-width: 740px) and (max-width : 1024px)
{
  .bubbleRow{
    flex-wrap: nowrap;
  }

  .bubbleRow h1{
    font-size: 1.40em;
  }  
}

@media only screen and (max-height: 650px) {
  .bathhouse {
    margin-top: -2%;
    max-width: 360px;
  }
}

@media only screen and (max-height: 460px) {
  .bathhouse {
    max-width: 300px;
  }
}

@media only screen and (max-height: 330px) {
  .bathhouse {
    max-width: 250px;
  }
}

@media only screen and (max-width: 600px) {
  .bubbleRow{
    flex-wrap: nowrap;
  }

  .bubbleRow h1{
    font-size: 1.1em;
  }

.cloudbanner{
  height: 36vw;
  }
}

/*end banner*/

#blockcart-content .no-gutters>.col span:nth-child(2), #blockcart-content .cart-subtotals span:nth-child(2), #blockcart-content .cart-totals span, #cart-subtotal-products span:nth-child(2){ 
  color: var(--fumerolles);
}

#blockcart-content .btn-lg{
  padding: 0.7rem;
}

#blockcart-content .btn-secondary{
  background-color: #0c5460;
}

#blockcart-content .btn-secondary:hover{
  box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px #0c5460;
  color: white;
  
  }
#content-wrapper .cart-summary-line.cart-total{
  color: var(--fumerolles);
}
#cart-toogle{
  border-radius:6px ;
  padding: 0.4142857143rem 0.4142857143rem;
}

#cart-toogle:hover{
  box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--fumerolles);
}

#user_info{
  text-align: left !important;
}

#blockcart-content{
  background: #f3f3f3;
}

#category .product-description-short a, .product-description-short, .product-functional-buttons-links i
{
  color: black;
}

#category .product-price-and-shipping{
  font-weight: 900;
}

#main-page-content .h1.page-title{
  color: var(--fumerolles);
}

#notifications
{    
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}

#notifications .close{
  line-height: unset;
}

.product-miniature-grid .product-title{
  height: auto;
}

#category .subcategory-image a{
  margin-bottom: 0.5vw;
} 

#category .subcategory-image{
  filter: grayscale(93%);
  transition: all 0.3s;
}

#category .subcategory-image:hover{
  filter: none;
  opacity: 1;
}

#manufacturer #manufacturer-description p a,#product #productdaas-accordion p a{
  color:var(--fumerolles);
}

#manufacturer #manufacturer-description p a:hover, #product #productdaas-accordion p a:hover{
  color: #787878;
}
#search_filters .facet .facet-title {
    width: 100%;
}

/*configurator*/
.idxrcp_resume_opt_price_wodiscount, #js_resume_opt_13_price_wodiscount_formated{
  display: none;
}

#configurator i {
  float: right;
}

#configurator .btn-md:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  
.ndk-none{
	display:none;
}
}

/*index page*/
  .main-text {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    color: #333;
  }

  .cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    max-width: auto;
    margin: 0 auto;
  }

  .card {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1.5rem;
    text-align: center;
  }

  /* Responsive : sur écran très petit, une seule colonne */
  @media (max-width: 480px) {
    .cards-grid {
      grid-template-columns: 1fr;
      max-width: 100%;
    }
  }