/* Barlow SemiCondensed - latin */ @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 900; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Black.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 900; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BlackItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 800; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 800; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBoldItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 700; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 700; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-BoldItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 600; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBold.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 600; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-SemiBoldItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 500; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Medium.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 500; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-MediumItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 400; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 400; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 300; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Light.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 300; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-LightItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 200; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLight.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 200; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraLightItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: normal; font-weight: 100; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Thin.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BarlowSemiCondensed'; font-style: italic; font-weight: 100; src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BarlowSemiCondensed/BarlowSemiCondensed-ThinItalic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */ } /* Montserrat - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../fonts/Montserrat/Montserrat-Black.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Black.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('../fonts/Montserrat/Montserrat-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-BlackItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-BlackItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/Montserrat/Montserrat-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Bold.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../fonts/Montserrat/Montserrat-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-BoldItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/Montserrat/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-SemiBoldItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../fonts/Montserrat/Montserrat-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Medium.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('../fonts/Montserrat/Montserrat-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-MediumItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-MediumItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/Montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('../fonts/Montserrat/Montserrat-Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../fonts/Montserrat/Montserrat-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Light.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../fonts/Montserrat/Montserrat-LightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-LightItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-LightItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../fonts/Montserrat/Montserrat-ExtraLight.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-ExtraLight.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-ExtraLightItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('../fonts/Montserrat/Montserrat-Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-Thin.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-Thin.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('../fonts/Montserrat/Montserrat-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Montserrat/Montserrat-ThinItalic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @keyframes rotating { from { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes move-right { from { left: 0%; } to { left: 100%; } } @keyframes move-left { from { left: 100%; } to { left: 0%; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } html { margin: 0 auto; background: #FFFFFF; padding: 0px; min-height: 568px; min-width: 320px; } html body { width: 100%; font-family: Montserrat; font-weight: 400; margin: 0 auto; max-width: 1380px; } html body.home { background-color: #cbeffd; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { margin: 0px; padding: 0px; font-size: 1em; } html body a { text-decoration: none; cursor: pointer; padding: 0px; } html body a:hover { text-decoration: none; background-color: transparent; } html body img { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ display: block; } html body img.round { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } html body p { margin-bottom: 0px; } html body button { border: none; text-decoration: none; cursor: pointer; } html body button:hover { text-decoration: none; } html body nav { height: auto; line-height: initial; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } html body .hidden { display: none; } html body .inline { display: inline-block; } html body .block { display: block; } html body .left { text-align: left; } @media only screen and (min-width: 992px) { html body .d-left { text-align: left !important; } } html body .center { text-align: center; } html body .right { text-align: right; } html body .relative { position: relative; } @media only screen and (max-width: 991.98px) { html body .m-hidden { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { html body .t-hidden { display: none !important; } } @media only screen and (min-width: 992px) { html body .d-hidden { display: none !important; } } html body .ios-device { display: none; } html body .ios-hidden { opacity: 0; } html body .ios-hidden.show { opacity: 1; -webkit-animation: fadeIn 300ms ease; -moz-animation: fadeIn 300ms ease; -ms-animation: fadeIn 300ms ease; -o-animation: fadeIn 300ms ease; animation: fadeIn 300ms ease; } html:root { font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component.component_illustration { position: relative; } .component.component_illustration .component_illustration_image img { width: 100%; height: auto; } .component.component_illustration .component_illustration_image.home_illustration { background-color: #ebeef2; } .component.component_illustration .component_illustration_image.pathologie_illustration { background-color: #ebeef2; } .component.component_illustration .component_illustration_image.pathologie_illustration .pathologie_header_separator { position: absolute; bottom: 0; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container, .component.component_illustration.component_article_header .article_shortest_introduction_container { position: absolute; top: 20%; right: 1%; width: 44%; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text h2, .component.component_illustration.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text h2 { font-size: 2rem; font-weight: 600; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text p, .component.component_illustration.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text p { font-weight: 500; color: #11135f; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text p:first-child, .component.component_illustration.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text p:first-child { font-size: 2rem; font-weight: 600; background: linear-gradient(to right, #342e77, #2388ca); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container--blue, .component.component_illustration.component_article_header .article_shortest_introduction_container--blue, .component.component_illustration.component_pathologie_header .article_shortest_introduction_container--lightblue, .component.component_illustration.component_article_header .article_shortest_introduction_container--lightblue { padding: 0; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container--red, .component.component_illustration.component_article_header .article_shortest_introduction_container--red { padding: 0 3rem; } .component.component_illustration.component_pathologie_header .article_shortest_introduction_container--blue, .component.component_illustration.component_article_header .article_shortest_introduction_container--blue { width: 31%; right: 9%; } .component.component_conseils_container { padding-left: 10%; padding-right: 10%; height: 21rem; background-color: #eaeff5; } @media only screen and (min-width: 1200px) { .component.component_conseils_container > div:first-child { margin-left: 15%; } } .component.component_conseils_container .component_conseils_introduction { display: inline-block; vertical-align: top; } .component.component_conseils_container .component_conseils_introduction h3 { font-size: 1.5rem; font-weight: bold; } .component.component_conseils_container .component_conseils_introduction h3 sup { font-size: 0.9rem; } .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction--blue, .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction_title--blue { color: #009ed9; } .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction--red, .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction_title--red { color: #f2692a; } .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction--lightblue, .component.component_conseils_container .component_conseils_introduction h3.component_conseils_introduction_title--lightblue { color: #40bcdb; } .component.component_conseils_container .component_conseils_introduction p { font-weight: 600; color: #11135f; } .component.component_conseils_container .component_conseils_introduction .read_more_button a { font-size: 0.75rem; font-weight: 600; color: #11135f; border: 1px solid #11135f; } .component.component_conseils_container .component_conseils_introduction--blue h3 { color: #009ed9; } .component.component_conseils_container .component_conseils_introduction--red h3 { color: #f2692a; } .component.component_conseils_container .component_conseils_introduction--lightblue h3 { color: #40bcdb; } .component.component_pathologie_product_container { background-color: #8edaf7; text-align: center; } .component.component_pathologie_product_container .pathologie_product_separator { background-color: #eaeff5; } .component.component_pathologie_product_container .pathologie_product_container { height: fit-content; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0)); } .component.component_pathologie_product_container .pathologie_product_container .pathologie_product_column { display: inline-block; margin: 0 3%; width: 25%; text-align: center; vertical-align: text-top; } .component.component_pathologie_product_container .pathologie_product_container .pathologie_product_column .pathologie_product_title { font-size: 1.5rem; font-weight: 500; text-transform: uppercase; color: #20409a; line-height: 1.8rem; } .component.component_pathologie_product_container .pathologie_product_container .pathologie_product_column .pathologie_product_image img { margin: 0 auto; } .component.component_pathologie_product_container .pathologie_product_container .pathologie_product_column .pathologie_product_learn_more a { display: inline-block; padding: 5px; margin-top: 25px; width: 100px; border: 3px solid #20409a; border-radius: 25px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; color: #20409a; } .component.component_pathologie_true_false_container { background-color: #ffffff; } .component.component_pathologie_true_false_container .pathologie_true_false_separator { background-color: #8edaf7; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_title p { font-size: 2.75rem; font-weight: 400; text-align: center; color: #20409a; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions { margin: 0 auto; width: 55%; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block { float: left; display: block; width: 306px; height: 222px; margin: 4%; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_4 { display: block; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 { display: none; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_4 { margin: 0 auto; width: 306px; height: 222px; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_1 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_2 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_3 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_4 p { padding: 10%; font-size: 1.2rem; text-align: center; color: #fff; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 { margin: 0 auto; width: 306px; height: 222px; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3 p, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 p { padding: 5%; font-size: 0.9rem; text-align: center; color: #fff; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1 p span, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2 p span, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3 p span, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 p span { font-size: 1.75rem; font-weight: 500; } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_1 { background: url(../img/pathologie/pathologie_question_1.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_2 { background: url(../img/pathologie/pathologie_question_2.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_3 { background: url(../img/pathologie/pathologie_question_3.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_4 { background: url(../img/pathologie/pathologie_question_4.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1 { background: url(../img/pathologie/pathologie_answer_1.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2 { background: url(../img/pathologie/pathologie_answer_2.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3 { background: url(../img/pathologie/pathologie_answer_3.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 { background: url(../img/pathologie/pathologie_answer_4.png); } .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_question_4, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_1, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_2, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_3, .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block #pathologie_answer_4 { background-position: center top; background-repeat: no-repeat; background-size: cover; } .component.component_pathologie_consult_container .pathologie_consult_container { display: block; background: url(../img/pathologie/pathologie_consult_illustration.jpg); background-repeat: no-repeat; background-position-x: -15rem; background-position-y: -10rem; background-size: 160rem; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_separator { position: absolute; width: 100%; height: auto; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_separator_2 { position: relative; width: 100%; height: auto; bottom: 0; } .component.component_pathologie_consult_container .pathologie_consult_container img { width: 100%; height: auto; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { width: 50%; margin: 0 auto; margin-right: 11%; padding-top: 27%; padding-bottom: 0; line-height: normal; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { margin: 0 0 2.5rem; font-size: 2rem; font-weight: 600; color: #214089; max-width: 25.3125rem; line-height: 2.2rem; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_subtitle { font-size: 1rem; font-weight: 700; color: #009ed9; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ul, .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; font-size: 12px; } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ul li, .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ol li { margin-bottom: 1rem; font-size: 1rem; font-weight: 500; line-height: 1.75rem; color: #214089; /* list-style : disc; list-style-position: inside; */ } .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ul li:before, .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ol li:before { content: '.'; display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 2rem; position: relative; top: -9px; } .component.component_pathologie_reference_container { display: inline-block; padding-top: 5%; padding-bottom: 2%; width: 100%; background-color: #ffffff; } .component.component_pathologie_reference_container .pathologie_reference_container, .component.component_pathologie_reference_container .pathologie_subreference_container { width: 80%; margin: 0 auto; } .component.component_pathologie_reference_container .pathologie_reference_container { margin-bottom: 1rem; } .component.component_pathologie_reference_container .pathologie_reference_container p { font-size: 0.75rem; font-weight: 600; } .component.component_pathologie_reference_container .pathologie_reference_container p strong { font-weight: bolder; } .component.component_pathologie_reference_container .pathologie_subreference_container ul, .component.component_pathologie_reference_container .pathologie_subreference_container ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .component.component_pathologie_reference_container .pathologie_subreference_container ul li, .component.component_pathologie_reference_container .pathologie_subreference_container ol li { font-size: 0.6rem; line-height: 1.25rem; color: grey; list-style: decimal; list-style-position: inside; } .component.component_article_header .article_illustration .article_header_separator { position: absolute; bottom: 0; } .component.component_article_header .article_shortest_introduction_container { width: 46%; right: 5%; } .component.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text h2 { font-size: 1.9rem; font-weight: 700; } .component.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text p { font-size: 0.95rem; padding-right: 19.5%; } .component.component_article_header .article_shortest_introduction_container .article_shortest_introduction_text p sup { font-size: 0.7rem; } .component .breadcrumbs { position: absolute; top: 6rem; left: 8.5rem; font-size: 0.75rem; text-align: left; color: #6c6c6c; z-index: 60; } .component .breadcrumbs a { color: #6c6c6c; } .component .breadcrumbs span { font-weight: 600; color: #003799; } .component .breadcrumbs a:nth-child(2), .component .breadcrumbs span:nth-child(2) { text-transform: uppercase; } .component .read_more_button, .component .go_back_link { position: absolute; top: 9rem; text-align: center; z-index: 60; } .component .read_more_button a, .component .go_back_link a { display: inline-block; padding: 5px; width: 100px; border: 2px solid #6177b3; border-radius: 25px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #6177b3; } .component .go_back_link { position: absolute; top: 9rem; left: 8.5rem; text-align: center; z-index: 60; } .component .go_back_link a { display: inline-block; padding: 5px; width: 100px; border: 2px solid #6177b3; border-radius: 25px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #6177b3; } .component .read_more_button { position: relative; top: initial; left: initial; text-align: left; } .component .read_more_button a { margin-top: 15px; padding: 5px 15px; width: max-content; border: 1px solid #005faa; font-weight: 500; color: #005faa; } .component.component_article_container { display: flow-root; background-color: #ffffff; } .component.component_article_container .component_article_content, .component.component_article_container .component_article_references { margin: 0 auto; margin-bottom: 3%; width: 70%; } .component.component_article_container .component_article_content p { font-size: 1rem; font-weight: 400; color: #11135f; } .component.component_article_container .component_article_content p.article_subtitle { font-size: 1.75rem; font-weight: 500; } .component.component_article_container .component_article_content p.article_subtitle--blue { color: #009ed9; } .component.component_article_container .component_article_content p.article_subtitle--red { color: #f2692a; } .component.component_article_container .component_article_content p.article_subtitle--lightblue { color: #009ed9; } .component.component_article_container .component_article_content ul, .component.component_article_container .component_article_content ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .component.component_article_container .component_article_content ul li, .component.component_article_container .component_article_content ol li { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem; color: #11135f; list-style: disc; list-style-position: inside; } .component.component_article_container .component_article_references ul, .component.component_article_container .component_article_references ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .component.component_article_container .component_article_references ul li, .component.component_article_container .component_article_references ol li { font-size: 0.6rem; line-height: 1.25rem; color: grey; list-style: decimal; list-style-position: inside; } .component.component_gamme_header .gamme_illustration .gamme_header_separator { position: absolute; bottom: 0; } .component.gamme_container { display: block; background-color: #d4f2fd; } .component.gamme_container .gamme_content { background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); } .component.gamme_container .gamme_content__wrapper { width: 100%; } .component.gamme_container .gamme_content__wrapper .gamme_list { position: relative; margin: 0 auto; margin-top: -175px; width: 80%; text-align: center; } .component.gamme_container .gamme_content__wrapper .gamme_list .gamme_illustration { display: inline-block; } @media screen and (max-width: 340px) { .component.gamme_container .gamme_content__wrapper .gamme_list .gamme_illustration { width: 100%; } } .component.gamme_container > img { position: absolute; bottom: 0; } .component.gamme_learn_more { width: 100%; height: auto; /* position: relative; top : -220px; */ z-index: 10; /* .gamme_learn_more_separator{ position: relative; top : -150px; } */ /* .gamme_learn_more_illustration{ display: inline-block; width : 66%; } */ /* .gamme_learn_more_text{ display : inline-block; width : 40%; position: absolute; right : 5%; } */ } .component.gamme_conseils_content { background-color: #e0ebf6; position: relative; } .component.gamme_conseils_content .gamme_conseils_separator { position: relative; top: -150px; width: 100%; } .component.gamme_conseils_content .gamme_conseils_text { position: relative; top: -160px; text-align: center; color: #11135f; background-color: #e0ebf6; height: 40%; } .component.gamme_conseils_content .gamme_conseils_text h4 { text-align: center; padding-top: 50px; display: inline-block; } .component.gamme_conseils_content .gamme_conseils_text h4 span.page_titre_part-0 { font-size: 2rem; font-weight: 600; background: linear-gradient(to right, #342e77, #2388ca); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .component.gamme_conseils_content .gamme_conseils_text .gamme_conseils_pictures { width: fit-content; margin: 0 auto; background-color: #e0ebf6; } .component.gamme_conseils_content .gamme_conseils_text .gamme_conseils_pictures .gamme_conseils_picture { display: inline-block; } .component.gamme_conseils_content .gamme_conseils_text .gamme_conseils_pictures .component_hexa_3_col .component_hexa_3_col_content { position: relative; left: 0; bottom: 0; } .component.gamme_conseils_content .gamme_conseils_text .gamme_conseils_pictures .gamme_conseils_references { font-size: 0.6rem; text-align: left; line-height: 1.25rem; color: grey; } .component.gamme_conseils_content > img:last-child { position: absolute; bottom: 0px; width: 100%; left: 0px; } .component.component_product_header .product_illustration, .component.component_product_header .product_illustration--yellow, .component.component_product_header .product_illustration--exomuc, .component.component_product_header .product_illustration--blue, .component.component_product_header .product_illustration--red, .component.component_product_header .product_illustration--orange, .component.component_product_header .product_illustration--green, .component.component_product_header .product_illustration--cyan, .component.component_product_header .product_illustration--hexaphyto { position: relative; } .component.component_product_header .product_illustration .product_header_separator, .component.component_product_header .product_illustration--yellow .product_header_separator, .component.component_product_header .product_illustration--exomuc .product_header_separator, .component.component_product_header .product_illustration--blue .product_header_separator, .component.component_product_header .product_illustration--red .product_header_separator, .component.component_product_header .product_illustration--orange .product_header_separator, .component.component_product_header .product_illustration--green .product_header_separator, .component.component_product_header .product_illustration--cyan .product_header_separator, .component.component_product_header .product_illustration--hexaphyto .product_header_separator { position: absolute; bottom: 0; } .component.component_product_header .product_illustration .product_header_submenu, .component.component_product_header .product_illustration--yellow .product_header_submenu, .component.component_product_header .product_illustration--exomuc .product_header_submenu, .component.component_product_header .product_illustration--blue .product_header_submenu, .component.component_product_header .product_illustration--red .product_header_submenu, .component.component_product_header .product_illustration--orange .product_header_submenu, .component.component_product_header .product_illustration--green .product_header_submenu, .component.component_product_header .product_illustration--cyan .product_header_submenu, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu { position: absolute; top: 25%; left: 10%; font-size: 0.9rem; text-align: left; color: #6c6c6c; z-index: 60; } .component.component_product_header .product_illustration .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--yellow .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--exomuc .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--blue .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--red .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--orange .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--green .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--cyan .product_header_submenu .product_header_submenu_category, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu .product_header_submenu_category { font-size: 1rem; font-weight: bold; text-transform: uppercase; color: #223d8d; } .component.component_product_header .product_illustration .product_header_submenu ul, .component.component_product_header .product_illustration--yellow .product_header_submenu ul, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul, .component.component_product_header .product_illustration--blue .product_header_submenu ul, .component.component_product_header .product_illustration--red .product_header_submenu ul, .component.component_product_header .product_illustration--orange .product_header_submenu ul, .component.component_product_header .product_illustration--green .product_header_submenu ul, .component.component_product_header .product_illustration--cyan .product_header_submenu ul, .component.component_product_header .product_illustration .product_header_submenu ol, .component.component_product_header .product_illustration--yellow .product_header_submenu ol, .component.component_product_header .product_illustration--blue .product_header_submenu ol, .component.component_product_header .product_illustration--red .product_header_submenu ol, .component.component_product_header .product_illustration--orange .product_header_submenu ol, .component.component_product_header .product_illustration--green .product_header_submenu ol, .component.component_product_header .product_illustration--cyan .product_header_submenu ol, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol { margin-block-start: 0; margin-block-start: 0.4em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; border-top: 2px solid rgba(108, 108, 108, 0.21); margin-bottom: 1.8em; } .component.component_product_header .product_illustration .product_header_submenu ul li, .component.component_product_header .product_illustration--yellow .product_header_submenu ul li, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul li, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul li, .component.component_product_header .product_illustration--blue .product_header_submenu ul li, .component.component_product_header .product_illustration--red .product_header_submenu ul li, .component.component_product_header .product_illustration--orange .product_header_submenu ul li, .component.component_product_header .product_illustration--green .product_header_submenu ul li, .component.component_product_header .product_illustration--cyan .product_header_submenu ul li, .component.component_product_header .product_illustration .product_header_submenu ol li, .component.component_product_header .product_illustration--yellow .product_header_submenu ol li, .component.component_product_header .product_illustration--exomuc .product_header_submenu ol li, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol li, .component.component_product_header .product_illustration--blue .product_header_submenu ol li, .component.component_product_header .product_illustration--red .product_header_submenu ol li, .component.component_product_header .product_illustration--orange .product_header_submenu ol li, .component.component_product_header .product_illustration--green .product_header_submenu ol li, .component.component_product_header .product_illustration--cyan .product_header_submenu ol li { border-bottom: 2px solid rgba(108, 108, 108, 0.21); padding-top: 5%; padding-bottom: 5%; } .component.component_product_header .product_illustration .product_header_submenu ul li a, .component.component_product_header .product_illustration--yellow .product_header_submenu ul li a, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul li a, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul li a, .component.component_product_header .product_illustration--blue .product_header_submenu ul li a, .component.component_product_header .product_illustration--red .product_header_submenu ul li a, .component.component_product_header .product_illustration--orange .product_header_submenu ul li a, .component.component_product_header .product_illustration--green .product_header_submenu ul li a, .component.component_product_header .product_illustration--cyan .product_header_submenu ul li a, .component.component_product_header .product_illustration .product_header_submenu ol li a, .component.component_product_header .product_illustration--yellow .product_header_submenu ol li a, .component.component_product_header .product_illustration--exomuc .product_header_submenu ol li a, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol li a, .component.component_product_header .product_illustration--blue .product_header_submenu ol li a, .component.component_product_header .product_illustration--red .product_header_submenu ol li a, .component.component_product_header .product_illustration--orange .product_header_submenu ol li a, .component.component_product_header .product_illustration--green .product_header_submenu ol li a, .component.component_product_header .product_illustration--cyan .product_header_submenu ol li a { font-weight: 700; color: #6c6c6c; } .component.component_product_header .product_illustration .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--yellow .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--blue .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--red .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--orange .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--green .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration--cyan .product_header_submenu ul li.product_header_submenu_active, .component.component_product_header .product_illustration .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--yellow .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--exomuc .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--blue .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--red .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--orange .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--green .product_header_submenu ol li.product_header_submenu_active, .component.component_product_header .product_illustration--cyan .product_header_submenu ol li.product_header_submenu_active { color: #223d8d; } .component.component_product_header .product_illustration .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--yellow .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--blue .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--red .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--orange .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--green .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration--cyan .product_header_submenu ul li.product_header_submenu_active::before, .component.component_product_header .product_illustration .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--yellow .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--exomuc .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--blue .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--red .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--orange .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--green .product_header_submenu ol li.product_header_submenu_active::before, .component.component_product_header .product_illustration--cyan .product_header_submenu ol li.product_header_submenu_active::before { content: "."; display: block; font-size: 3.2rem; position: RELATIVE; left: -0.27em; top: -0.85em; width: 0; height: 0; } .component.component_product_header .product_illustration .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--yellow .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--exomuc .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--blue .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--red .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--orange .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--green .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration--cyan .product_header_submenu ul li.product_header_submenu_active a, .component.component_product_header .product_illustration .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--yellow .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--exomuc .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--hexaphyto .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--blue .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--red .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--orange .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--green .product_header_submenu ol li.product_header_submenu_active a, .component.component_product_header .product_illustration--cyan .product_header_submenu ol li.product_header_submenu_active a { color: #223d8d; } .component.component_product_header .product_slogan_container { position: absolute; top: 23%; right: 15%; width: 20%; } .component.component_product_header .product_slogan_container .slogan_hexaspray { margin: 0 auto; margin-bottom: 15%; width: 100%; } .component.component_product_header .product_slogan_container .product_slogan_text { padding: 40% 10% 25% 10%; height: 21rem; text-align: center; background-repeat: no-repeat; background-position: center top; background-size: contain; } .component.component_product_header .product_slogan_container .product_slogan_text--lightblue { background-image: url(../img/product/hexagone--lightblue.png); } .component.component_product_header .product_slogan_container .product_slogan_text--blue { background-image: url(../img/product/hexagone--blue.png); } .component.component_product_header .product_slogan_container .product_slogan_text--orange { padding: 50% 2% 25% 2%; background-image: url(../img/product/hexagone--orange.png); } .component.component_product_header .product_slogan_container .product_slogan_text--cyan { background-image: url(../img/product/hexagone--cyan.png); } .component.component_product_header .product_slogan_container .product_slogan_text--green { padding: 50% 5% 25% 5%; background-image: url(../img/product/hexagone--green.png); } .component.component_product_header .product_slogan_container .product_slogan_text--yellow { background-image: url(../img/product/hexagone--yellow.png); } .component.component_product_header .product_slogan_container .product_slogan_text--exomuc { background-image: url(../img/product/hexagone--yellow.png); } .component.component_product_header .product_slogan_container .product_slogan_text--hexaphyto p{ font-weight: 400; font-size: 1.4rem; } .component.component_product_header .product_slogan_container .product_slogan_text p { margin: 0; color: #26348b; } .component.component_product_header .product_slogan_container .product_slogan_text .product_slogan_text_title { font-weight: 700; text-transform: uppercase; color: #009ed9; } .component.component_product_header .product_slogan_container .product_slogan_text span { display: block; font-weight: 400; font-size: 1.75rem; line-height: 2rem; color: #20409a; } .component.component_product_information_container { padding-top: 3rem; } .component.component_product_information_container--blue { background-color: #4d93c1; } .component.component_product_information_container--blue .component_product_information_content .product_information .product_notices_links { position: relative; top: -1.5rem; } .component.component_product_information_container--orange { background-color: #ffe3b3; background: linear-gradient(to right, #ffe3b3, #ffdb9e 50%, #ffdb9d); } .component.component_product_information_container--orange .component_product_information_content .product_information .product_notices_links { position: relative; top: -4.5rem; } @media screen and (max-width: 1024px) { .component.component_product_information_container--orange .component_product_information_content .product_information .product_notices_links { top: -3.5rem; } } @media screen and (max-width: 780px) { .component.component_product_information_container--orange .component_product_information_content .product_information .product_notices_links { top: -3rem; } } @media screen and (max-width: 680px) { .component.component_product_information_container--orange .component_product_information_content .product_information .product_notices_links { top: -4.5rem; } } .component.component_product_information_container--cyan { background-color: #76cee5; background: linear-gradient(to right, #80d2e7, #76cee5 50%, #75cee5); } .component.component_product_information_container--cyan .component_product_information_content .product_information .product_notices_links { position: relative; top: -1.5rem; } .component.component_product_information_container--green { background-color: #d2ed99; background: linear-gradient(to right, #dcf2a5, #d2ed99 50%, #d2ed9b); } .component.component_product_information_container--green .component_product_information_content .product_information .product_notices_links { position: relative; top: -2.5rem; } .component.component_product_information_container--yellow { background-color: #f5eb7a; background: linear-gradient(to right, #f7f09a, #f5eb7a 50%, #f5eb7a); } .component.component_product_information_container--yellow .component_product_information_content .product_information .product_notices_links { position: relative; top: -2.5rem; } .component.component_product_information_container--exomuc { background-color: #ffa900; /*background: linear-gradient(to right, #f7f09a, #f5eb7a 50%, #f5eb7a);*/ } .component.component_product_information_container--exomuc .component_product_information_content .product_information .product_notices_links { position: relative; top: -2.5rem; } .component.component_product_information_container .component_product_information_content { text-align: center; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 0)); /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, 0)); */ } .component.component_product_information_container .component_product_information_content .product_information { position: relative; display: inline-block; width: 60%; max-width: 60%; } .component.component_product_information_container .component_product_information_content .product_information .product_information_picture { margin: 0 auto; display: block; width: 100%; height: auto; max-width: 49%; } .component.component_product_information_container .component_product_information_content .product_information .product_notices_links { display: inline-block; margin-left: 10%; margin-right: 5%; width: 90%; font-family: 'BarlowSemiCondensed'; font-style: normal; font-size: 0.75rem; font-weight: 500; text-align: center; text-transform: uppercase; word-break: break-word; color: #26348b; } @media screen and (max-width: 720px) { .component.component_product_information_container .component_product_information_content .product_information .product_notices_links { margin-left: 5%; } } .component.component_product_information_container .component_product_information_content .product_information .product_notices_links p { margin-bottom: 10px; } .component.component_product_information_container .component_product_information_content .product_information .product_notices_links .product_notice_link { max-width: 45%; display: inline-block; padding: 5px 20px; color: #26348b; border: 1px solid #26348b; border-radius: 15px; } @media screen and (max-width: 1024px) { .component.component_product_information_container .component_product_information_content .product_information .product_notices_links .product_notice_link { display: block; margin: 0 auto; margin-bottom: 1rem; width: 60%; max-width: 60%; } } @media screen and (max-width: 780px) { .component.component_product_information_container .component_product_information_content .product_information .product_notices_links .product_notice_link { width: 65%; max-width: 65%; } } @media screen and (max-width: 480px) { .component.component_product_information_container .component_product_information_content .product_information .product_notices_links .product_notice_link { width: 100%; max-width: 100%; } } .component.component_product_information_container .component_product_information_content .product_information .product_notices_links a { margin-right: 0.5em; } .component.component_product_information_container .component_product_information_content .product_information .product_notices_links p, .component.component_product_information_container .component_product_information_content .product_information .product_notices_links a { font-size: 1rem; } .component.component_product_information_container .component_product_information_content .product_information .product_details { display: inline-block; max-width: 32%; vertical-align: text-top; } .component.component_product_information_container .component_product_information_content .product_information .product_information_notices_title { position: absolute; top: 74%; margin-top: 4%; display: block; width: 100%; font-size: 0.75rem; font-weight: 500; text-align: center; text-transform: uppercase; color: #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details { display: inline-block; width: 39%; padding-left: 1%; text-align: left; vertical-align: top; } .component.component_product_information_container .component_product_information_content .product_information_details .product_information_intro p, .component.component_product_information_container .component_product_information_content .product_information_details .product_information_intro .product_family_picto { display: inline-block; } .component.component_product_information_container .component_product_information_content .product_information_details .product_information_intro p { text-transform: uppercase; color: #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details .product_information_separator { margin: 5% 0; width: 15%; height: auto; border-top: 1px solid #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title { margin: 20px 0; font-size: 1.25rem; font-weight: bold; color: #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title span { padding-left: 0; float: none; display: inline; font-size: 1.75rem; font-weight: 400; text-transform: uppercase; color: #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line { margin: 0; padding-top: 15px; font-size: 0.9rem; color: #26348b; } .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line img, .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line p { display: inline-block; vertical-align: middle; } .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line p { margin: 0; padding-left: 0.2rem; width: 84%; font-size: 0.85rem; } .component.component_product_information_container .component_product_information_content .product_locator_button { position: relative; display: block; margin: 0 auto; margin-top: 5%; padding: 5px 25px; width: fit-content; text-align: center; background-color: #ffffff; border-radius: 30px; -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.15); } .component.component_product_information_container .component_product_information_content .product_locator_button a { font-family: 'BarlowSemiCondensed'; font-style: normal; font-size: 1.25rem; font-weight: 400; text-transform: uppercase; line-height: 3rem; /* color: #0068b9; */ } .component.component_product_information_container .component_product_information_content .product_locator_button a span { font-weight: 600; } .component.component_product_information_container .component_product_information_content .product_locator_button a .product_locator_picto { display: inline-block; position: relative; top: 7px; margin-left: 15px; } .component.component_product_information_container .component_product_information_content .product_locator_button--blue a { color: #0068b9; } .component.component_product_information_container .component_product_information_content .product_locator_button--orange a { color: #f77233; } .component.component_product_information_container .component_product_information_content .product_locator_button--cyan a { color: #3cb5d3; } .component.component_product_information_container .component_product_information_content .product_locator_button--green a { color: #61ae15; } .component.component_product_information_container .component_product_information_content .product_locator_button--yellow a { color: #edbb15; } .component.component_product_information_container .component_product_information_content .product_locator_button--exomuc a { color: #ffa900; } .component.product_posologie_container { display: block; background-color: #ffffff; } .component.product_posologie_container .product_posologie_separator { width: 100%; } .component.product_posologie_container .product_posologie_separator--blue { background-color: #4d93c1; } .component.product_posologie_container .product_posologie_separator--orange { background-color: #ffe3b3; background: linear-gradient(to right, #ffe3b3, #ffdb9e 50%, #ffdb9d); } .component.product_posologie_container .product_posologie_separator--cyan { background-color: #76cee5; background: linear-gradient(to right, #80d2e7, #76cee5 50%, #75cee5); } .component.product_posologie_container .product_posologie_separator--green { background-color: #d2ed99; background: linear-gradient(to right, #dcf2a5, #d2ed99 50%, #d2ed9b); } .component.product_posologie_container .product_posologie_separator--yellow { background-color: #f5eb7a; background: linear-gradient(to right, #f7f09a, #f5eb7a 50%, #f5eb7a); } .component.product_posologie_container .product_posologie_separator--exomuc { background-color: #ffa900; /*background: linear-gradient(to right, #f7f09a, #f5eb7a 50%, #f5eb7a);*/ } .component.product_posologie_container .product_posologie_content { width: 75%; margin: 0 auto; } .component.product_posologie_container .product_posologie_content p { font-size: 1.5rem; font-weight: 500; text-align: center; color: #274b95; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container { text-align: center; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details { display: inline-block; padding: 1%; width: 19%; text-align: center; vertical-align: text-top; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc .row{ margin-bottom: 0px; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details { display: inline-block; padding: 1%; width: 46%; text-align: center; vertical-align: text-top; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc .product_posologie_subtitle{ margin-top: 15px; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details{ padding: 0px !important; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details img, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc img, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details img { display: inline-block; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details p, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc p, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details p { margin: 0; padding: 0 2%; font-size: 0.9rem; color: #474747; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details p strong, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc p strong, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details p strong { font-weight: bold; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details .product_posologie_title, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc .product_posologie_title, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details .product_posologie_title { margin-bottom: 10px; font-size: 0.9rem; text-transform: uppercase; color: #274b95; } .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details .product_posologie_subtitle, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc .product_posologie_subtitle, .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details .product_posologie_subtitle { color: #0ab3e3; } .component.product_posologie_container .product_posologie_content .product_notice_mention { margin: 0 auto; margin-top: 3%; padding: 1%; width: 60%; background-color: #e9f8fd; border-radius: 15px; } .component.product_posologie_container .product_posologie_content .product_notice_mention p { color: #5c5c5c; } .component.product_posologie_container .product_posologie_content .product_notice_mention p.product_notice_title { font-size: 1rem; font-weight: 700; text-align: center; } .component.product_posologie_container .product_posologie_content .product_notice_mention ul, .component.product_posologie_container .product_posologie_content .product_notice_mention ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .component.product_posologie_container .product_posologie_content .product_notice_mention ul li, .component.product_posologie_container .product_posologie_content .product_notice_mention ol li { font-size: 0.8rem; text-align: center; color: #8a9193; list-style-type: disc; list-style-position: inside; } .component.product_posologie_container .product_posologie_content .product_notice_mention ul li strong, .component.product_posologie_container .product_posologie_content .product_notice_mention ol li strong { font-weight: 700; } .component.product_video_container { position: relative; min-height: 112px; } .component.product_video_container .product_video_illustration { max-height: 771px; } .component.product_video_container .product_video_illustration .product_video_thumb { width: 100%; height: auto; max-height: 771px; } .component.product_video_container .product_video_play_button_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .component.product_video_container .product_video_play_button_container a .product_video_play_button { margin: 0 auto; } .component.product_video_container .product_video_play_button_container p { font-family: 'BarlowSemiCondensed'; font-style: normal; font-size: 0.9rem; font-weight: 400; text-transform: uppercase; color: #ffffff; } .component.product_video_container .product_video_play_button_container p span { font-weight: 700; } .component.product_video_container .product_video_top_separator, .component.product_video_container .product_video_bottom_separator { position: absolute; left: 0; width: 100%; height: auto; } .component.product_video_container .product_video_top_separator { top: 0; } .component.product_video_container .product_video_bottom_separator { bottom: 0; } .component.product_other_products_container { background-color: #c9effd; } .component.product_other_products_container .product_other_products_content { text-align: center; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0)); } .component.product_other_products_container .product_other_products_content .product_other_products_block { display: inline-block; width: 25%; vertical-align: top; text-align: center; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { margin: 0 auto; margin-bottom: 2rem; width: 90%; height: 5rem; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; color: #20409a; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration { position: relative; height: 18rem; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration img { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); margin: 0 auto; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_logo { height: 3rem; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_logo img { margin: 0 auto; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_text { height: 3rem; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_text p { margin: 0; font-size: 0.6rem; font-weight: 700; color: #263676; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_text p strong { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_see_more { height: 3rem; margin-top: 15px; } .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_see_more a { display: inline-block; padding: 5px; width: 100px; border: 3px solid #20409a; border-radius: 25px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; color: #20409a; } .component.product_locator_container { background-color: #eeeeee; } .component.product_locator_container .product_locator_separator { background-color: #c9effd; } .component.product_locator_container .product_locator_separator img { width: 100%; } .component.product_locator_container .product_locator_content { text-align: center; background-color: #ffffff; } .component.product_locator_container .product_locator_content .product_locator_fiches_item { display: inline-block; width: 90%; max-width: 837px; height: 250px; background: none; margin-bottom: 5%; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content { padding: 3%; width: 100%; height: 100%; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .locator_head_picture { position: relative; left: 2%; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg { box-shadow: 0 0 25px grey; width: 100%; height: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-repeat: no-repeat; background-position: top right; position: relative; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title { position: absolute; top: 0; left: 0; height: 75%; width: 75%; padding: 20px; border-bottom: 1px dashed #b3bec7; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 { text-align: left; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span { display: block; font-size: 26px; line-height: 26px; font-weight: 700; text-transform: uppercase; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span.title_light { font-size: 22px; line-height: 28px; font-weight: 300; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta { text-align: center; width: 229px; height: 64px; display: inline-block; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta .product_locator_fiches_item_content_bg_cta_link { display: inline-block; font-size: 18px; line-height: 18px; font-weight: 600; color: #ffffff; text-transform: uppercase; width: 100%; height: 100%; padding: 19px 23px 38px; font-family: BarlowSemiCondensed; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta .product_locator_fiches_item_content_bg_cta_link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta.absolute { position: absolute; left: 50%; margin-left: -115px; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta.absolute.bottom { bottom: -32px; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_cta.cta_red .product_locator_fiches_item_content_bg_cta_link { background: transparent url(../img/components/fiches/btn_red.png) no-repeat center; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input { position: absolute; top: calc(75% - 25px); left: 24%; width: 95%; height: 50px; margin-left: -173px; background: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 0 2px 20 #000000; -webkit-box-shadow: 0 0 2px 20 #000000; -o-box-shadow: 0 0 2px 20 #000000; box-shadow: 0 0 2px 20 #000000; padding: 5px 60px 5px 20px; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input input { border: none; margin: 0px; display: inline-block; width: 100%; height: 100%; } .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input button { width: 24px; height: 24px; position: absolute; top: 50%; right: 20px; margin-top: -12px; background: #FFFFFF url(../img/loupe.svg) no-repeat center; background-size: cover; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.margin-top { margin-top: 0; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.margin-bottom { margin-bottom: 160px; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.bg_blue .product_locator_fiches_item_content_bg { background-color: #cedeec; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.bg_blue .product_locator_fiches_item_content_bg h2 span { color: #0b51a7; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.bg_green .product_locator_fiches_item_content_bg { background-color: #dcedcc; } .component.product_locator_container .product_locator_content .product_locator_fiches_item.bg_green .product_locator_fiches_item_content_bg h2 span { color: #61ae15; } .component.component_page_header { position: relative; min-height: 260px; background-color: #ffffff; } .component.component_page_header .component_page_header_content { position: absolute; bottom: 0; padding: 3%; padding-top: 4%; padding-left: 14%; width: 100%; background-color: #eeeeee; } .component.component_page_header .component_page_header_content .breadcrumbs { padding-left: 4%; } .component.component_page_header .component_page_header_content .page_title { margin: 0; width: fit-content; font-size: 2rem; font-weight: 700; background: linear-gradient(to right, #314086, #1fc5f1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .component.component_page_container { padding: 3% 10%; background-color: #ffffff; } .component.component_page_container .component_page_content p { color: #000000; } .component.component_page_container .component_page_content p.page_subtitle { font-size: 1.5rem; font-weight: 500; color: #1fc5f1; } .component.component_page_container .component_page_content p a { color: #195eb5; } .component.component_page_container .component_page_content #contact_form { margin: 0 auto; width: 90%; } .component.component_page_container .component_page_content #contact_form .contact_form_error_message { font-size: 1.25rem; font-weight: 700; line-height: 2rem; color: red; } .component.component_page_container .component_page_content #contact_form .contact_form_confirmation_message { font-size: 1.25rem; font-weight: 700; line-height: 2rem; color: green; } .component.component_page_container .component_page_content #contact_form .contact_form_label { position: relative; top: initial; left: initial; font-size: 1.25rem; font-weight: 500; line-height: 4rem; color: #1fc5f1; } .component.component_page_container .component_page_content #contact_form .contact_form_optin_label { font-size: 1rem; font-weight: 300; color: #000000; } .component.component_page_container .component_page_content #contact_form .contact_form_input, .component.component_page_container .component_page_content #contact_form .select-wrapper { padding: 1% 2%; } .component.component_page_container .component_page_content #contact_form .contact_form_input, .component.component_page_container .component_page_content #contact_form .select-wrapper, .component.component_page_container .component_page_content #contact_form .contact_form_textarea, .component.component_page_container .component_page_content #contact_form .contact_form_checkbox { color: #4a4a4a; -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); } .component.component_page_container .component_page_content #contact_form .contact_form_column_block { display: inline-block; margin-bottom: 3%; width: 49%; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .contact_form_input { width: 90%; height: 2rem; padding: 1% 3%; border: 0; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .select-wrapper { width: 96%; border: 0; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .select-wrapper input.select-dropdown { margin: 0; height: 2rem; color: #4a4a4a; line-height: 2.5rem; border: 0; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .select-wrapper .caret { width: 32px; fill: #1fc5f1; height: 32px; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .select-wrapper .dropdown-content { width: 100% !important; top: 0 !important; left: 0 !important; } .component.component_page_container .component_page_content #contact_form .contact_form_column_block .select-wrapper .dropdown-content li span { color: #4a4a4a; } .component.component_page_container .component_page_content #contact_form .contact_form_textarea { margin-bottom: 3%; padding: 2%; width: 96.5%; height: 15rem; border: 0; resize: none; } .component.component_page_container .component_page_content #contact_form #optin_label span { font-size: 0.9rem; font-weight: 600; color: #4a4a4a; } .component.component_page_container .component_page_content #contact_form #optin_label span::before { border: 0; -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15); } .component.component_page_container .component_page_content #contact_form #optin_label [type="checkbox"]:checked + span:not(.lever):before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #1fc5f1; border-bottom: 2px solid #1fc5f1; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } .component.component_page_container .component_page_content #contact_form #contact_form_button { display: block; margin: 0 auto; margin-top: 3%; margin-bottom: 5%; padding: 5px 25px; text-transform: uppercase; color: #20409a; border: 1px solid #20409a; border-radius: 15px; background-color: #ffffff; cursor: pointer; } .component.component_page_container .component_page_content #contact_form p { font-size: 0.9rem; } .component.component_page_container .component_page_content #contact_form p a { text-decoration: underline; color: #195eb5; } .component.component_hexa_3_col { position: relative; width: 100%; } .component.component_hexa_3_col--grey { background-color: #ebeef2; } .component.component_hexa_3_col--light-blue { background-color: #d9eff7; } .component.component_hexa_3_col .component_hexa_3_col_content { position: absolute; left: 0px; bottom: -150px; text-align: center; width: 100%; z-index: 1; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa { width: 360px; height: 380px; display: inline-block; text-align: center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content { padding: 16px 40px; display: block; height: 100%; width: 100%; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_illustration { width: 105px; height: 91px; margin-top: 45px; display: inline-block; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text { color: #0b51a7; margin-top: 15px; margin-bottom: 10px; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span { display: block; font-size: 22px; line-height: 22px; font-weight: 400; text-transform: uppercase; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span.light { font-weight: 300; font-size: 19px; line-height: 19px; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta { text-align: center; width: 229px; height: 64px; display: inline-block; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta .component_hexa_3_col_content_hexa_content_cta_link { display: inline-block; font-size: 18px; line-height: 18px; font-weight: 600; color: #ffffff; text-transform: uppercase; width: 100%; height: 100%; padding: 19px 23px 38px; font-family: BarlowSemiCondensed; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta .component_hexa_3_col_content_hexa_content_cta_link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_red { background: transparent url(../img/components/hexa_3_col/red.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_red .component_hexa_3_col_content_hexa_illustration { background: transparent url(../img/components/hexa_3_col/gorge.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_red .component_hexa_3_col_content_hexa_content_cta_link { background: transparent url(../img/components/hexa_3_col/btn_red.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_lightblue { background: transparent url(../img/components/hexa_3_col/lightblue.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_lightblue .component_hexa_3_col_content_hexa_illustration { background: transparent url(../img/components/hexa_3_col/tousse.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_lightblue .component_hexa_3_col_content_hexa_content_cta_link { background: transparent url(../img/components/hexa_3_col/btn_lightblue.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_blue { background: transparent url(../img/components/hexa_3_col/blue.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_blue .component_hexa_3_col_content_hexa_illustration { background: transparent url(../img/components/hexa_3_col/nez.png) no-repeat center; } .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_blue .component_hexa_3_col_content_hexa_content_cta_link { background: transparent url(../img/components/hexa_3_col/btn_blue.png) no-repeat center; } .component.component_carousel_zoom { width: 100%; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0)); } .component.component_carousel_zoom .component_carousel_zoom_title { text-align: center; color: #11135f; font-size: 32px; line-height: 32px; font-weight: 300; } .component.component_carousel_zoom .component_carousel_zoom_title .component_solution_sep { margin-top: 15px; } .component.component_carousel_zoom .component_carousel_zoom_carousel { width: 100%; height: 400px; } .component.component_carousel_zoom .component_carousel_zoom_carousel .carousel-item { top: -30px; left: -35px; width: 260px; height: 365px; opacity: 0.75 !important; visibility: visible !important; } .component.component_carousel_zoom .component_carousel_zoom_carousel .carousel-item.active { top: -45px; opacity: 1 !important; } .component.component_solution_sep { background: transparent url(../img/components/solution_sep/sep.png) no-repeat center; width: 100%; height: 30px; } .component.component_fiches { text-align: center; background-color: #ffffff; } .component.component_fiches .component_fiches_separator { background: #cbeffd; } .component.component_fiches .component_fiches_separator img { width: 100%; height: auto; } .component.component_fiches .component_fiches_item { display: inline-block; width: 90%; max-width: 837px; height: 250px; background: none; margin-bottom: 5%; } .component.component_fiches .component_fiches_item .component_fiches_item_content { padding: 3%; width: 100%; height: 100%; } .component.component_fiches .component_fiches_item .component_fiches_item_content .locator_head_picture { position: relative; left: 2%; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg { box-shadow: 0 0 25px grey; width: 100%; height: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-repeat: no-repeat; background-position: top right; position: relative; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title { position: absolute; top: 0; left: 0; height: 75%; width: 75%; padding: 20px; border-bottom: 1px dashed #b3bec7; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title h2 { text-align: left; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title h2 span { display: block; font-size: 26px; line-height: 26px; font-weight: 600; text-transform: uppercase; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title h2 span.title_light { font-size: 22px; line-height: 28px; font-weight: 300; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta { text-align: center; width: 229px; height: 64px; display: inline-block; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta .component_fiches_item_content_bg_cta_link { display: inline-block; font-size: 18px; line-height: 18px; font-weight: 600; color: #ffffff; text-transform: uppercase; width: 100%; height: 100%; padding: 19px 23px 38px; font-family: BarlowSemiCondensed; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta .component_fiches_item_content_bg_cta_link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta.absolute { position: absolute; left: 50%; margin-left: -115px; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta.absolute.bottom { bottom: -32px; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_cta.cta_red .component_fiches_item_content_bg_cta_link { background: transparent url(../img/components/fiches/btn_red.png) no-repeat center; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_input { position: absolute; top: calc(75% - 25px); left: 24%; width: 96%; height: 50px; margin-left: -173px; background: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 0 2px 20 #000000; -webkit-box-shadow: 0 0 2px 20 #000000; -o-box-shadow: 0 0 2px 20 #000000; box-shadow: 0 0 2px 20 #000000; padding: 5px 60px 5px 20px; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_input input { border: none; margin: 0px; display: inline-block; width: 100%; height: 100%; } .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_input button { width: 24px; height: 24px; position: absolute; top: 50%; right: 20px; margin-top: -12px; background: #FFFFFF url(../img/loupe.svg) no-repeat center; background-size: cover; } .component.component_fiches .component_fiches_item.margin-top { margin-top: 0; } .component.component_fiches .component_fiches_item.margin-bottom { margin-bottom: 160px; } .component.component_fiches .component_fiches_item.bg_blue .component_fiches_item_content_bg { background-color: #cedeec; } .component.component_fiches .component_fiches_item.bg_blue .component_fiches_item_content_bg h2 span { color: #0b51a7; } .component.component_fiches .component_fiches_item.bg_green .component_fiches_item_content_bg { background-color: #dcedcc; } .component.component_fiches .component_fiches_item.bg_green .component_fiches_item_content_bg h2 span { color: #61ae15; } .component.absolute { position: absolute; top: 0px; left: 0px; } .component.secondary_footer { background-color: #eee; padding: 0; background-image: url(../img/home/secondary_footer_bg.png); background-position: top center; background-repeat: no-repeat; background-size: contain; } @media only screen and (min-width: 1200px) { .component.secondary_footer { padding: 0px 125px; } } .component.secondary_footer .secondary_footer_menu_container { background-image: url(../img/home/secondary_footer_menu_bg.png); background-position: top center; background-repeat: no-repeat; background-size: cover; } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu { display: inline-block; vertical-align: text-top; padding: 1%; margin: 2%; } @media only screen and (min-width: 992px) { .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu { width: 29%; } } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu .secondary_footer_column_title { padding: 0; margin: 0; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; color: #fff; } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul, .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ol { margin-block-start: 0; margin-block-start: 1.2em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; padding: 0; margin: 0; } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li a, .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ol li a { font-size: 0.75rem; font-weight: lighter; text-decoration: none; color: #fff; border-bottom: 1px solid #73a0c5; } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li a:hover, .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ol li a:hover { text-decoration: none; color: #fff; border-bottom: 0; } .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li a:visited, .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ol li a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #73a0c5; } html body .container-fluid .row header #main-menu #open, html body .container-fluid .row header #main-menu #close { display: none; } @media screen and (max-width: 1280px) { html body .container-fluid .row .component .go_back_link { left: 8rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component .go_back_link { top: 5.5rem; left: 7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .go_back_link { top: 0.5rem !important; left: 0.5rem !important; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .go_back_link a { padding: 0.2rem; font-size: 0.6rem; } } html body .container-fluid .row .component.component_product_header .product_illustration #sub-menu #open-sub-menu, html body .container-fluid .row .component.component_product_header .product_illustration #sub-menu #close-sub-menu { display: none; } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_carousel_zoom .component_carousel_zoom_carousel .carousel-item { left: 0; } } @media screen and (max-width: 1024px) { html body .container-fluid .row header #main-menu { z-index: 100; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu { position: fixed; width: 33%; height: 100%; background-color: rgba(255, 255, 255, 0.9); font-family: sans-serif; font-size: 21px; line-height: 1.6; margin: 0; display: flex; color: #f00; transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); } } @media screen and (max-width: 420px) { html body .container-fluid .row header #main-menu { width: 50%; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu:not(:target) { transform: translate3d(100%, 0, 0); } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu:target { overflow: auto; transform: translate3d(0, 0, 0); } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu #open, html body .container-fluid .row header #main-menu #close { height: 44px; text-align: right; display: block; margin-right: -30px; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu #open { position: absolute; left: -50px; top: 10px; } html body .container-fluid .row header #main-menu #open svg { padding: 5px; background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu #close { margin: 0; margin-right: 15px; width: 100%; font-size: 2rem; color: #024ea8; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu:target #open, html body .container-fluid .row header #main-menu:not(:target) #close { display: none; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu:target #open { display: none; } } @media screen and (max-width: 1280px) { html body .container-fluid .row header #main-menu #home-link-header { left: 8rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row header #main-menu #home-link-header { top: 1.25rem; left: 6.5rem; } html body .container-fluid .row header #main-menu #home-link-header a { font-weight: 400; font-size: 12px; line-height: 12px; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu #home-link-header { top: 25px; left: unset; right: 0; padding: 20px; } html body .container-fluid .row header #main-menu #home-link-header a { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 480px) { html body .container-fluid .row header #main-menu #home-link-header a { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 1024px) { html body .container-fluid .row header #main-menu .main-navbar-desktop { display: inline-block; position: absolute; top: 15px; left: unset; right: 0; padding: 5px; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu .main-navbar-desktop { display: block; position: absolute; top: 75px; left: unset; right: 0; padding: 5px; } } @media screen and (max-width: 1024px) { html body .container-fluid .row header #main-menu .main-navbar-desktop .main-navbar-desktop-elm { padding: 5px 20px; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu .main-navbar-desktop .main-navbar-desktop-elm { float: initial; padding: 15px; display: block; } } @media screen and (max-width: 1024px) { html body .container-fluid .row header #main-menu .main-navbar-desktop .main-navbar-desktop-elm .main-navbar-desktop-elm-link, html body .container-fluid .row header #main-menu .main-navbar-desktop .main-navbar-desktop-elm .main-navbar-desktop-elm-selected { font-size: 0.7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row header #main-menu .product_header_submenu_mobile { display: block; left: 4rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row header #main-menu .product_header_submenu_mobile { left: 2rem; } } @media screen and (max-width: 340px) { html body .container-fluid .row header #main-menu .product_header_submenu_mobile { left: 0.5rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_page_container .component_page_content #contact_form { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_page_container .component_page_content #contact_form .contact_form_column_block { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image { width: inherit; overflow: hidden; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image img { position: relative; left: initial; width: 100%; max-width: 100%; height: auto; transform: none; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--hexaphyto, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red { height: 20rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red img { width: 210%; max-width: 210%; position: relative; top: -8rem; left: 0; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green img, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red img { width: 210%; max-width: 210%; top: -1rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--hexaphyto img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green img.product_header_separator, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red img.product_header_separator { width: 100%; min-width: 100%; position: absolute; top: unset; bottom: 0; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--hexaphyto .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red .product_header_submenu { font-size: 0.6rem; } html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--hexaphyto .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green .product_header_submenu .product_header_submenu_category, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red .product_header_submenu .product_header_submenu_category { font-size: 0.7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exom .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--yellow .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--exomuc .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--hexaphyto .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--blue .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--lightblue .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--cyan .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--orange .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--green .product_header_submenu, html body .container-fluid .row .component.component_illustration .component_illustration_image.product_illustration--red .product_header_submenu { display: none; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_illustration .component_illustration_image.gamme_illustration img { position: relative; top: 4rem; width: 180%; max-width: 180%; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 1110px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content { width: 130%; transform: scale(0.75); margin-left: -14%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content { position: absolute; top: -10rem; left: unset; right: unset; bottom: unset; transform: none; margin: 0; width: 100%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content { position: relative; top: -5rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa { width: 15rem; height: 15rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa { width: 13rem; height: 14rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_red, html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_lightblue, html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa.hexa_blue { background-position: top center; background-size: contain; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_illustration { width: 5rem; height: 4rem; margin-top: 2rem; background-size: contain; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_illustration { width: 5rem; height: 4rem; margin-top: 1.25rem; background-size: contain; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text { margin: 0; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text { margin: 0; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span { font-size: 0.9rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span { font-size: 0.75rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span.light { font-size: 0.8rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_text span.light { font-size: 0.5rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta { width: 9rem; height: 2rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta { width: 8rem; height: 2rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta .component_hexa_3_col_content_hexa_content_cta_link { padding: 9px 23px 10px; font-size: 0.55rem; line-height: initial; background-size: contain; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_hexa_3_col .component_hexa_3_col_content .component_hexa_3_col_content_hexa .component_hexa_3_col_content_hexa_content .component_hexa_3_col_content_hexa_content_cta .component_hexa_3_col_content_hexa_content_cta_link { padding: 10px 23px 10px; font-size: 0.5rem; line-height: initial; background-size: contain; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches { padding-bottom: 25px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item { display: block; margin: 25px auto; width: 326px; height: 265px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content { padding: 21px 13px 15px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg { background-size: contain; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title { padding: 10px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title h2 span { font-size: 1.25rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_title h2 span.title_light { font-size: 1rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item .component_fiches_item_content .component_fiches_item_content_bg .component_fiches_item_content_bg_input { position: relative; left: unset; width: 90%; height: 50px; margin: 0 auto; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-top, html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-bottom { display: block; position: relative; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-top, html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-bottom { display: block; position: relative; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-top { margin-top: 0; margin-bottom: 0; right: unset; left: 5%; padding-bottom: 5%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-top { margin-top: 0; margin-bottom: 0; left: unset; right: unset; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-bottom { margin-bottom: 0; left: 15%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-bottom { margin-bottom: 0; left: unset; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-top { margin-top: unset; margin-bottom: 30px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.margin-bottom { margin-bottom: 30px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_fiches .component_fiches_item.bg_green .component_fiches_item_content .component_fiches_item_content_bg { background-size: 60%; } } @media screen and (max-width: 929px) { html body .container-fluid .row .component.component_pathologie_header .component_illustration_image.pathologie_illustration { position: relative; } } @media screen and (max-width: 929px) { html body .container-fluid .row .component.component_pathologie_header .component_illustration_image.pathologie_illustration img.pathologie_header_separator { height: 132px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_header .component_illustration_image.pathologie_illustration img.pathologie_header_separator { position: absolute; left: 0; bottom: 0; transform: unset; width: 100%; height: auto; } } @media screen and (max-width: 1068px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container { right: 0; left: 58%; width: 40%; } } @media screen and (max-width: 929px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container { /* top : 10%; right : 2%; width : 50%; */ position: initial; width: 100%; padding: 1rem; background-color: #eaeff5; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text h2 br { display: none; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text h2 { font-size: 1.5rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text h2 sup { font-size: 1rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text p br { display: none; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container .article_shortest_introduction_text p { font-size: 0.75rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container--blue { width: 32%; right: 0; left: 58%; } html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container--blue .article_shortest_introduction_text p { font-size: 0.75rem; } html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container--blue .article_shortest_introduction_text p:first-child { font-size: 1.5rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container--blue .article_shortest_introduction_text p { font-size: 1rem; } html body .container-fluid .row .component.component_pathologie_header .article_shortest_introduction_container--blue .article_shortest_introduction_text p:first-child { font-size: 2rem; } } html body .container-fluid .row .component.component_conseils_container { /* min-height: 710px;; */ } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_conseils_container { padding-top: 2rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container { /* position: relative; */ } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container > div :nth-child(2) { transform: scale(0.75); margin-left: 10px; margin-right: 0; margin-top: -21vw; margin-bottom: -10vw; padding-top: 2rem; /* position: absolute !important; padding : 0 !important; transform: scale(0.75); top : -70px !important; */ } } @media screen and (max-width: 350px) { html body .container-fluid .row .component.component_conseils_container > div :nth-child(2) { transform: scale(0.67); margin-left: -5px; } } html body .container-fluid .row .component.component_conseils_container > div :nth-child(2).carousel-item { transform: none; margin: 0; padding: 0; } @media screen and (max-width: 1068px) { html body .container-fluid .row .component.component_conseils_container > div:nth-child(2) { padding-top: 2rem; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_conseils_container > div:first-child { margin-left: 10%; width: 45%; } } @media screen and (max-width: 1068px) { html body .container-fluid .row .component.component_conseils_container > div:first-child { width: 90%; margin: 0; padding: 0; box-sizing: content-box; padding-top: 2rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container > div:first-child { padding-top: 0; } } @media screen and (max-width: 1200px) { } @media screen and (max-width: 1068px) { html body .container-fluid .row .component.component_conseils_container.component_conseils_container--flex { flex-direction: column-reverse; padding-top: 1rem; } } @media screen and (max-width: 929px) { html body .container-fluid .row .component.component_conseils_container.component_conseils_container--flex { padding: 0; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_introduction { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_introduction h3 { font-size: 1.25rem; font-weight: 1.75rem; } html body .container-fluid .row .component.component_conseils_container .component_conseils_introduction p { padding-top: 1rem; margin: 0 !important; transform: none !important; font-size: 0.75rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel { display: block; margin: 0 auto; position: relative; top: 0; width: 100%; max-width: fit-content; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel { width: 300px !important; min-width: 300px !important; } html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_conseils_carousel__shape { width: inherit !important; min-width: inherit !important; } html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_conseils_carousel__shape .component_conseils_carousel_background { width: inherit !important; min-width: inherit !important; } html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_conseils_carousel__shape .component_conseils_carousel_background img { width: inherit !important; min-width: inherit !important; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .pathologies_conseils_carousel--layout { transform: unset !important; margin: 0 !important; padding: 0 !important; } } @media screen and (max-width: 720px) { } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_pathologie_conseils_carousel { height: 10rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_pathologie_conseils_carousel .carousel_item { height: 10rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_pathologie_conseils_carousel .carousel_item img { max-width: 90%; max-height: 75px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_conseils_container .component_conseils_carousel .component_pathologie_conseils_carousel .carousel_item .pathologie_conseil_text { font-size: 0.7rem; } } html body .container-fluid .row .component.component_pathologie_product_container .pathologie_product_separator img { width: 100%; height: auto; } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_product_container .pathologie_product_container .pathologie_product_column { margin: 10% 3%; width: 94%; } } html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_separator img { width: 100%; height: auto; } @media screen and (max-width: 748px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_title p { font-size: 2rem; } } @media screen and (max-width: 1341px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions { width: 730px; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions { width: 50%; } } @media screen and (max-width: 680px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions { min-width: 306px; width: auto; display: block !important; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block { margin: 1%; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block { margin: 8%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_true_false_container .pathologie_true_false_container .pathologie_true_false_questions .pathologie_question_block { float: none; margin: 0 auto; display: block !important; } } @media screen and (max-width: 1440px) { html body .container-fluid .row .component.component_pathologie_consult_container { margin-top: 2rem; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-position-x: -15rem; background-position-y: -10rem; background-size: 160rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-position-y: -12rem; background-size: 155rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-position-y: -15rem; background-size: 130rem; } } @media screen and (max-width: 736px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-size: 135rem; } } @media screen and (max-width: 680px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-position-x: -19rem; background-position-y: -12rem; background-size: 115rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container { background-position-x: -15rem; background-position-y: -9rem; background-size: 85rem; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { margin-right: 5%; padding-top: 30%; width: 55%; } } @media screen and (max-width: 821px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { padding-top: 24%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { padding-top: 40%; margin-right: 5%; width: 65%; } } @media screen and (max-width: 680px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { padding-top: 25%; margin-right: 5%; width: 70%; } } @media screen and (max-width: 522px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { padding-top: 11%; margin: 0 auto; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text { padding-top: 8rem; margin: 0 auto; margin-left: 6rem; } } @media screen and (max-width: 980px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { margin-bottom: 1rem; } } @media screen and (max-width: 801px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { font-size: 1.75rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { font-size: 1.25rem; } } @media screen and (max-width: 605px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { line-height: 1.5rem; } } @media screen and (max-width: 522px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { line-height: 1.5rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_title { font-size: 1rem; line-height: 1.25rem; margin-bottom: 0.25rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_subtitle { font-size: 0.8rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text .pathologie_consult_subtitle { font-size: 0.7rem; margin: 0; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ul li { font-size: 0.75rem; line-height: 1.25rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_pathologie_consult_container .pathologie_consult_container .pathologie_consult_text ul li { margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 0.7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_reference_container, html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_subreference_container { width: 90%; } html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_reference_container p, html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_subreference_container p { font-size: 0.6rem; } html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_reference_container ul li, html body .container-fluid .row .component.component_pathologie_reference_container .pathologie_subreference_container ul li { font-size: 0.5rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_gamme_header .gamme_illustration img { position: relative; width: 150%; max-width: 150%; } } @media screen and (max-width: 680px) { html body .container-fluid .row .component.component_gamme_header .gamme_illustration img { width: 180%; max-width: 180%; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.component_gamme_header .gamme_illustration img.gamme_header_separator { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_gamme_header .gamme_illustration img.gamme_header_separator { position: absolute; left: 0; bottom: 0; transform: unset; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_gamme_header .gamme_illustration img.gamme_header_separator { position: absolute; top: unset; left: 0; bottom: 0; transform: unset; } } html body .container-fluid .row .component.gamme_container .gamme_content { height: auto; } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.gamme_container .gamme_content .gamme_content__wrapper { top: 0; height: auto; } } html body .container-fluid .row .component.gamme_container .gamme_content .gamme_content__wrapper .gamme_list { width: 100%; } html body .container-fluid .row .component.gamme_container > img { position: relative; width: 100%; } @media screen and (max-width: 480px) { html body .container-fluid .row .component.gamme_learn_more { margin-bottom: 4rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block { padding-bottom: 2rem; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block h4 { position: relative; width: 100%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content { display: inline-block; position: relative; width: 100%; min-height: 500px; overflow: hidden; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content > div { width: 100%; left: 0px; padding: 1rem 5rem; margin: 0px; margin-top: 3rem; top: 0px; background: rgba(255, 255, 255, 0.5); position: absolute; height: 100%; } } @media screen and (max-width: 767.98px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content > div { width: 100%; left: 0px; margin-top: 1rem; padding: 1rem; background: rgba(255, 255, 255, 0.5); } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content > div br { display: none; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content .gamme_learn_more_illustration { height: auto; min-height: 500px; margin: 0px; padding: 0px; padding-top: 20rem; z-index: 0; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.gamme_learn_more .gamme_learn_more_block .gamme_learn_more_block__content .gamme_learn_more_illustration { position: relative; width: 100%; padding-top: 35rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .gamme_learn_more_content { position: relative; height: fit-content; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component .gamme_learn_more_content .gamme_learn_more_separator { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .gamme_learn_more_content .gamme_learn_more_separator { top: 0; background-color: #d4f2fd; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .gamme_learn_more_content h4 span.page_titre_part-0 { font-size: 1.5rem; padding: 15px; display: block; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .gamme_learn_more_content .gamme_learn_more_text { padding: 0 5% 0 5%; position: relative; right: unset; width: 100%; font-size: 0.75rem; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component .gamme_learn_more_content .gamme_learn_more_illustration { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component .gamme_learn_more_content .gamme_learn_more_illustration { width: 100%; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.gamme_conseils_content { height: auto; margin-top: 0px; } } @media screen and (max-width: 991.98px) { html body .container-fluid .row .component.gamme_conseils_content .gamme_conseils_separator, html body .container-fluid .row .component.gamme_conseils_content .gamme_conseils_text, html body .container-fluid .row .component.gamme_conseils_content > img { width: 100%; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.gamme_conseils_content .gamme_conseils_text .gamme_conseils_pictures .gamme_conseils_references { padding: 0 20%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_illustration img { width: 200%; max-width: 200%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_illustration img { width: 210%; max-width: 210%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_illustration img.pathologie_header_separator { position: absolute; left: 0; bottom: 0; transform: unset; width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_illustration img.product_header_separator { position: absolute; left: 0; bottom: 0; transform: unset; width: 100%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_illustration img.product_header_separator { position: absolute; top: -5rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu { font-size: 0.6rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu { display: none; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu { display: flex; margin: 0; position: fixed; top: 0; left: 0; width: 50%; height: 100%; font-family: sans-serif; font-size: 0.9rem; text-align: left; line-height: 1.6; color: #6c6c6c; background-color: rgba(255, 255, 255, 0.75); z-index: 60; transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu:not(:target) { transform: translate3d(-101%, 0, 0); } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu:target { transform: translate3d(0, 0, 0); } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu #open-sub-menu, html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu #close-sub-menu { height: 44px; text-align: right; display: block; margin-right: -30px; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu #open-sub-menu { position: absolute; left: 105%; top: 10px; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu #open-sub-menu svg { padding: 5px; background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu #close-sub-menu { margin-left: 15px; font-size: 2rem; color: #ee5434; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu:target #open, html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu:not(:target) #close-sub-menu { display: none; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu:target #open-sub-menu { display: none; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar { display: block; position: absolute; top: 45px; left: unset; right: 0; padding: 5px; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar ul { border-top: 2px solid rgba(108, 108, 108, 0.21); } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar ul li { float: initial; padding: 15px; padding-top: 5%; padding-bottom: 5%; display: list-item; border-bottom: 2px solid rgba(108, 108, 108, 0.21); list-style: disc; list-style-position: inside; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar ul li a { font-weight: 700; color: #6c6c6c; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar ul li.product_header_submenu_active { list-style: disc; list-style-position: inside; color: #223d8d; } html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu#sub-menu .sub-menu-navbar ul li.product_header_submenu_active a { color: #223d8d; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu .sub-menu-navbar ul li { padding-top: 3%; padding-bottom: 3%; list-style: disc; list-style-position: inside; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu .product_header_submenu_category { font-size: 0.9rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu .product_header_submenu_category { font-size: 0.6rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_product_header .product_illustration .product_header_submenu .product_header_submenu_category { font-size: 0.5rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_slogan_container, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue, html body .container-fluid .row .component.component_product_header .product_slogan_container--green, html body .container-fluid .row .component.component_product_header .product_slogan_container--red, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc { right: 5%; width: 50%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue, html body .container-fluid .row .component.component_product_header .product_slogan_container--green, html body .container-fluid .row .component.component_product_header .product_slogan_container--red, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc { position: absolute; top: 40%; left: 15%; right: 15%; width: 70%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--hexaphyto { position: absolute; top: 0px !important; left: inherit !important; right: 5% !important; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .slogan_hexaspray { margin-bottom: 5%; width: 50%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .slogan_hexaspray { margin: 0 auto; position: absolute; left: 15%; right: 15%; width: 70%; max-width: 70%; height: auto; transform: unset; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p { font-size: 0.9rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { font-size: 1.5rem; line-height: 1.75rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text { padding: 15% 32%; height: 15rem; font-size: 0.8rem; background-size: contain; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p { font-size: 0.75rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { font-size: 1.25rem; line-height: 1.75rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { font-size: 1.15rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text { margin-top: 40%; margin-bottom: 20%; padding: 20% 28% 10% 28%; height: 20rem; background-size: contain; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p { margin-bottom: 1rem; font-size: 0.9rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { padding-top: 2rem; font-size: 1.25rem; line-height: 1.75rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p.product_slogan_text_title { font-size: 1.25rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { padding-top: 1rem; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text { padding: 40% 10% 25% 10%; } } @media screen and (max-width: 340px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p { font-size: 0.75rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p span { padding-top: 1rem; font-size: 1rem; line-height: 1.25rem; } html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text p.product_slogan_text_title, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text p.product_slogan_text_title { font-size: 1rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text--green p span { padding-top: 1rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--lightblue .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--red .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text--green p span, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text--green p span { padding-top: 0; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan { top: 1rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan { top: 5rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .slogan_hexaspray { left: 0; right: 0; width: 100%; max-width: 100%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text { margin-top: 10rem; } } html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span { padding-top: 2.5rem; } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span { padding-top: 2rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span { padding-top: 1rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span { padding-top: 2rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--cyan .product_slogan_text p span { padding-top: 1rem; } } html body .container-fluid .row .component.component_product_header .product_slogan_container--green { top: 30%; } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--green { top: 23%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--green .slogan_hexaspray { width: 45%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--green .slogan_hexaspray { width: 70%; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text { padding: 22% 28%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--green .product_slogan_text { padding: 20% 28% 10% 28%; margin-top: 5rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .slogan_hexaspray { width: 45%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .slogan_hexaspray, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .slogan_hexaspray { width: 70%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_header .product_slogan_container--orange .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--yellow .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--exomuc .product_slogan_text, html body .container-fluid .row .component.component_product_header .product_slogan_container--blue .product_slogan_text { margin-top: 6rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_information_container { padding-top: 15rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_information_container--hexaphyto { padding-top: 1rem !important; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content { padding-top: 10%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content { padding: 0; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information, html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details { display: block; width: 90%; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information { position: relative; display: block; margin: 0 auto; width: 90%; max-width: 90%; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details { display: block; padding-bottom: 15%; max-width: 100%; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details .product_information_picture { margin: 0 auto; display: block; width: 75%; height: auto; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details .product_notices_links { display: block; margin: 0; width: 100%; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details .product_notices_links p { margin-bottom: 10px; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details .product_notices_links .product_notice_link { display: inline-block; padding: 5px 20px; color: #26348b; border: 1px solid #26348b; border-radius: 15px; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_information_notices_title { display: none; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information { padding-top: 2rem; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_information_picture { max-width: 100%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details { font-size: 0.7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details { display: block; width: 90%; padding: 0; margin: 0 auto; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_information_intro { font-size: 0.8rem; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title { font-size: 0.8rem; } html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title span { font-size: 1.5rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title { margin: 10px 0; font-size: 0.75rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_title span { font-size: 1.25rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line img { width: 10%; height: 10%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information_details .product_pack_description .product_pack_description_line p { font-size: 0.7rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_details .product_notices_links { margin-top: 10%; font-size: 0.6rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_information .product_information_notices_title { display: none; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_product_information_container .component_product_information_content .product_locator_button a { font-size: 1rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content { width: 90%; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content p { font-size: 1.25rem; font-weight: 700; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc { width: 24%; } } @media screen and (min-width: 721px) { .product_posologie_details_container .d-md-none{ display: none !important; } } @media screen and (max-width: 720px) { .product_posologie_details_container .d-none{ display: none !important; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc { width: 49%; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details{ width: 100%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details img, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details img, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc img { width: 100%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details p, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details p, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc p { font-size: 0.7rem; font-weight: 600; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details p.product_posologie_title, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details p.product_posologie_title, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc p.product_posologie_title { font-size: 0.9rem; font-weight: 900; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details p.product_posologie_subtitle, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_sous_details p.product_posologie_subtitle, html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .product_posologie_details_exomuc p.product_posologie_subtitle { font-weight: 800; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_posologie_details_container .precaution_emploi div { width: 100%; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_notice_mention { padding: 1%; width: 98%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_notice_mention { margin-top: 5%; padding: 5%; width: 90%; } html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_notice_mention p.product_notice_title { font-size: 0.9rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_notice_mention ul li { font-size: 0.75rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_posologie_container .product_posologie_content .product_notice_mention ul li { font-size: 0.7rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_video_container .product_video_play_button_container a .product_video_play_button { width: 40%; } html body .container-fluid .row .component.product_video_container .product_video_play_button_container p { margin-top: 5%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block { padding: 5% 0; display: block; width: 100%; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { font-size: 1.25rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { margin-bottom: 0; height: fit-content; font-size: 1rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { font-size: 0.75rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { width: 50%; font-size: 1.25rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_title { width: 85%; font-size: 1.5rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration { height: 13rem; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration { height: 18rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration img { width: 100%; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration img { margin: 0 auto; position: relative; left: 50%; width: auto; height: 13rem; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration img { left: 14%; } } @media screen and (max-width: 480px) { html body .container-fluid .row .component.product_other_products_container .product_other_products_content .product_other_products_block .product_other_products_illustration img { position: absolute; left: 50%; height: 18rem; } } @media screen and (max-width: 780px) { html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input { top: calc(75% - 25px); left: 28%; width: 97%; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item { width: 100%; height: 207px; background-size: contain; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content { padding: 25px 11px 1px; width: 92%; height: 60%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .locator_head_picture { left: 7%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg { margin-left: 5%; width: 100%; height: 166%; background-size: 30%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title { padding: 3%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span { font-size: 1.5rem; line-height: 1.75rem; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span.title_light { font-size: 1.25rem; line-height: 1.5rem; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input { top: calc(80% - 25px); left: 31%; width: 96%; height: 35px; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item { width: 100%; height: 207px; background-size: contain; background: transparent; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content { padding: 24px 6px 15px; width: 90%; height: 60%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .locator_head_picture { left: 10%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg { width: 100%; height: 166%; background-size: 45%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title { padding: 3%; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span { font-size: 1.25rem; line-height: 1.5rem; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_title h2 span.title_light { font-size: 0.9rem; line-height: 1.25rem; } html body .container-fluid .row .component.product_locator_container .product_locator_content .product_locator_fiches_item .product_locator_fiches_item_content .product_locator_fiches_item_content_bg .product_locator_fiches_item_content_bg_input { top: calc(80% - 25px); left: 56%; width: 94%; height: 35px; } } @media screen and (max-width: 1280px) { html body .container-fluid .row .component .breadcrumbs { top: 5.5rem; left: 8rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component .breadcrumbs { top: 3.75rem; left: 6.5rem; font-size: 0.5rem; } } @media screen and (max-width: 929px) { html body .container-fluid .row .component .breadcrumbs { display: none; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.secondary_footer { padding: 0; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.secondary_footer { padding: 0; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container { text-align: left; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container { text-align: center; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu { margin: 1%; text-align: left; } } @media screen and (max-width: 991px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu { width: 49.5%; padding: 15px; margin: 0px; display: inline-block; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu { display: block; padding: 3%; margin: 0; width: 100%; text-align: left; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu .secondary_footer_column_title { font-size: 1.25rem; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li { margin-bottom: 15px; max-width: 98%; } } @media screen and (max-width: 420px) { html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li { margin-bottom: 15px; } html body .container-fluid .row .component.secondary_footer .secondary_footer_menu_container .secondary_footer_column_menu ul li a { font-size: 0.9rem; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container { padding: 30px 15px; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator { display: block; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-search { display: inline-block; width: 25%; margin: 0px; float: left; } } @media screen and (max-width: 992px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-search { width: 100%; float: none; max-width: 300px; margin: 0 auto; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-reponse-layout { width: 67%; display: inline-block; margin: 0px; float: right; } } @media screen and (max-width: 992px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-reponse-layout { width: 100%; float: none; margin-top: 30px; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-reponse-layout .store-locator-map { width: 100%; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-reponse-layout .store-locator-responses { width: 100%; margin-top: 70px; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_container .store-locator .store-locator-reponse-layout .store-locator-responses .store-locator-response .store-locator-response__button { max-width: 200px; } } @media screen and (max-width: 1200px) { html body .container-fluid .row .component.component_page_header { min-height: 230px; } } @media screen and (max-width: 1024px) { html body .container-fluid .row .component.component_page_header { min-height: 170px; } } @media screen and (max-width: 720px) { html body .container-fluid .row .component.component_page_header { height: 120px; } } @media screen and (max-width: 1280px) { html body .container-fluid .main-footer { padding: 5rem 8rem; } } @media screen and (max-width: 1200px) { html body .container-fluid .main-footer { padding: 15px; height: auto; } } @media screen and (max-width: 991.98px) { html body .container-fluid .main-footer { padding: 15px; height: auto; } html body .container-fluid .main-footer .main-footer-nav { display: block; text-align: center; } html body .container-fluid .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm { float: none; } html body .container-fluid .main-footer .secondary-footer-nav { display: block; } html body .container-fluid .main-footer .secondary-footer-nav .secondary-footer-nav-desktop { display: block; width: 100%; text-align: center; } html body .container-fluid .main-footer .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm { float: none; display: inline-block; border-right: 0px; } html body .container-fluid .main-footer .secondary-footer-nav .footer-social-group { display: block; width: 100%; text-align: center; padding: 50px 0px; } html body .container-fluid .main-footer .secondary-footer-nav .footer-recordati-lab { display: block; width: 100%; text-align: center; padding-top: 15px; } html body .container-fluid .main-footer .secondary-footer-nav .footer-recordati-lab a { display: inline-block; text-align: center; } } @media screen and (max-width: 500px) { html body .container-fluid .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm { display: block; padding: 10px 0px; } html body .container-fluid .main-footer .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm { display: block; padding: 10px 0px; } } @media screen and (max-width: 780px) { html body .container-fluid .main-footer .footer-copyright, html body .container-fluid .main-footer .footer-covid-mention { padding: 0 4rem; } } @media screen and (max-width: 1024px) { html body.page-template.page-template-store-locator .container-fluid .component_page_header { height: 190px; } } html body.page-template.page-template-store-locator .container-fluid .component_page_header_content { padding: 55px 0 55px 14%; } @media screen and (max-width: 1094px) { html body.page-template.page-template-store-locator .container-fluid .component_page_header_content { max-height: 170px; padding-top: 30px; } } @media screen and (max-width: 1024px) { html body.page-template.page-template-store-locator .container-fluid .component_page_header_content { padding: 30px 0 30px 7%; } } @media screen and (max-width: 1024px) { html body.page-template.page-template-store-locator .container-fluid .component_page_header_content .page_title { font-size: 1.8rem; } } @media screen and (max-width: 853px) { html body.page-template.page-template-store-locator .container-fluid .component_page_header_content .page_title { font-size: 1.2rem; text-align: center; width: 100%; } } @media screen and (max-width: 1094px) { html body.page-template.page-template-store-locator .container-fluid .breadcrumbs { top: 8.6rem; } } @media screen and (max-width: 1024px) { html body.page-template.page-template-store-locator .container-fluid .breadcrumbs { top: 5rem; padding-left: 0; } } html body.page-template.page-template-store-locator .container-fluid .component_page_container { padding-left: 0; padding-right: 0; width: fit-content; margin: 0 auto; } html body.page-template.page-template-store-locator .container-fluid .component_fiches > :nth-child(2) { margin-top: 2rem; } @media screen and (max-width: 1094px) { html body.page-template.page-template-store-locator .container-fluid .store-locator-map { width: 30rem; height: 30rem; } html body.page-template.page-template-store-locator .container-fluid .store-locator-responses { margin-left: 0; width: 100%; } } @media screen and (max-width: 1024px) { html body.page-template.page-template-store-locator .container-fluid .store-locator > div { margin-left: 1.5rem; } } @media screen and (max-width: 853px) { html body.page-template.page-template-store-locator .container-fluid .store-locator > div { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 853px) { html body.page-template.page-template-store-locator .container-fluid .store-locator-reponse-layout { display: none; } html body.page-template.page-template-store-locator .container-fluid .store-locator-response__button { display: none; } } @media screen and (max-width: 933px) { html body.post-template-default.single .container-fluid .row .breadcrumbs { display: none; } } @media screen and (max-width: 933px) { html body.post-template-default.single .container-fluid .row .component_article_header > :first-child { position: relative; min-height: 8rem; } } @media screen and (max-width: 1087px) { html body.post-template-default.single .container-fluid .row .component_article_header > :nth-child(2) { left: 53%; width: 42%; right: 0; } } @media screen and (max-width: 1024px) { html body.post-template-default.single .container-fluid .row .component_article_header > :nth-child(2) { top: 18%; } } @media screen and (max-width: 933px) { html body.post-template-default.single .container-fluid .row .component_article_header > :nth-child(2) { position: static; width: 70%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 450px) { html body.post-template-default.single .container-fluid .row .component_article_header > :nth-child(2) { width: 90%; } } @media screen and (max-width: 720px) { html body.post-template-default.single .container-fluid .row .component_article_header > :nth-child(4) { top: 1.5rem; left: 2rem; } } @media screen and (max-width: 1024px) { html body.post-template-default.single .container-fluid .row .component_article_header .article_illustration > img:first-child { width: 100%; height: auto; } } @media screen and (max-width: 720px) { html body.post-template-default.single .container-fluid .row .component_article_header .article_illustration > img:nth-child(2) { position: absolute; width: 100%; height: auto; } } @media screen and (max-width: 450px) { html body.post-template-default.single .container-fluid .row .component_article_content, html body.post-template-default.single .container-fluid .row .component_article_references { width: 90%; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .gamme_learn_more_block { background-color: #ffffff; } .gamme_learn_more_block h4 { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; } .gamme_learn_more_block h4 span.page_titre_part-0 { font-size: 2rem; font-weight: 600; background: linear-gradient(to right, #342e77, #2388ca); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gamme_learn_more_block .gamme_learn_more_block__content { color: #11135f; display: flex; } .gamme_learn_more_block .gamme_learn_more_block__content > div:first-of-type { margin-left: -9em; margin-top: 5.5em; } .gamme_learn_more_block .gamme_learn_more_block__content > div:first-of-type > div:first-of-type { color: #009bd5; margin-bottom: 1em; font-size: 24px; line-height: 1.25em; } .gamme_learn_more_block .gamme_learn_more_block__content > div:first-of-type li { margin-bottom: 1em; padding-left: 0.5rem; } .precaution_emploi { display: flex; flex-direction: column-reverse; align-items: center; padding-top: 3em; padding-bottom: 9em; } .precaution_emploi div { border-radius: 10px; text-align: center; width: 40rem; max-width: 90%; padding: 1em; font-weight: 300; font-size: 1rem; line-height: 1.5rem; background-color: #e9f8fd; color: #474747; } .precaution_emploi div strong { font-size: 1.25rem; } .precaution_emploi div ul { display: flex; flex-direction: column; align-items: center; } .precaution_emploi div ul li:before { content: "."; display: inline-block; font-size: 1.5rem; position: relative; top: -0.2rem; left: -0.2rem; line-height: 0; } .store-locator { display: flex; } .store-locator > div { margin-left: 2.5rem; } .store-locator-search { background: #dcedcc url(/wp-content/plugins/df-store-locator/img/france-locator.png) no-repeat bottom right; background-size: 100%; background-position: 100% 25%; position: relative; display: flex; flex-direction: column; z-index: 0; width: 22rem; min-width: 22rem; height: 21rem; min-height: 21rem; padding: 1.25rem; margin-left: 0; border-radius: 12px; } .store-locator-search::before { content: ""; display: block; position: absolute; top: -7px; left: 21px; width: 130px; height: 79px; z-index: 5; background: url(../img/components/fiches/header.png) no-repeat top left; } .store-locator-search > p:first-child { margin-bottom: 2.5rem; margin-top: 0; } .store-locator-search__text { text-align: left; line-height: 2.5rem; font-size: 2rem; font-weight: 300; color: #61ae15; } .store-locator-search__text span { font-size: 2.25rem; display: block; font-weight: 400; } .store-locator-input { position: relative; background-color: white; border-radius: 40px; height: 50px; } .store-locator-input input[type=text] { border: none; /* padding-left: 1.2rem; */ max-width: 13rem; transition: none; } .store-locator-input::before { content: ""; display: block; position: absolute; top: 50%; left: 100%; transform: translate(-50px, -50%); width: 23px; height: 24px; background: #ffffff url(../img/loupe.svg) no-repeat center; } .store-locator-input .store-locator-input__picto { background: #ffffff url(../img/loupe.svg) no-repeat center; background-size: cover; } .store-locator-reponse-layout { display: flex; flex-direction: column; } .store-locator-reponse-layout > div:first-child { margin-bottom: 2rem; } .store-locator-map { position: relative; overflow: hidden; width: 40rem; height: 39rem; top: 0; /* display: none; */ } .store-locator-map--shadow { border-radius: 0px; background: #dddddd; box-shadow: 0px 20px 30px #bcbcbc, 0px -20px 30px #fefefe; } .store-locator-info-layout { width: 327px; height: 170px; background-color: aqua; } .store-locator-info-window { display: flex; flex-direction: column; /* width: 100%; */ /* height: 100%; */ border-radius: 12px; overflow: hidden; width: 327px; height: 170px; } .store-locator-info-window > div { padding: 14px 20px 14px 30px; } .store-locator-info-window__header { background-color: white; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; justify-content: space-between; } .store-locator-info-window__header > span { /* padding: 15px 0 15px 30px; */ flex-grow: 8; height: 100%; color: #63af17; font-weight: 700; font-size: 15px; text-align: left; } .store-locator-info-window__header .close-button { flex-grow: 2; height: 100%; padding: 15px 0; text-align: center; font-weight: 700; } .store-locator-info-window__body { display: flex; flex-direction: column; background-color: #f2f2f2; justify-content: space-evenly; height: 100%; } .store-locator-info-window-item { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; text-align: left; /* &__picto { img { padding-left: 1.5rem;; } } */ } .store-locator-info-window-item > div:last-child { width: 80%; font-size: 14px; /* padding-left: 1.5rem; */ } .store-locator-info-window-item__adresse { display: flex; flex-direction: column; font-weight: 400; font-size: 0.875rem; } .store-locator-info-window-item__tel { font-weight: 400; } .store-locator-responses { width: 640px; display: flex; flex-direction: column; margin-left: 372px; } .store-locator-responses > div { padding-bottom: 25px; margin-bottom: 5px; } .store-locator-responses > div:not(:first-child) { border-top: solid 1px #d9d9d9; padding-top: 30px; } .store-locator-response { width: 100%; display: flex; justify-content: space-around; align-items: flex-start; } .store-locator-response:hover { background-color: #f7f7f7; } .store-locator-response__picto { flex-grow: 1; } .store-locator-response__picto img { height: 45px; } .store-locator-response__content { flex-grow: 8; display: flex; flex-direction: column; font-size: 14px; color: #474747; line-height: 1.7em; text-align: left; } .store-locator-response__content span:nth-child(1) { font-size: 15px; color: #63af17; } .store-locator-response__button { flex-grow: 4; padding: 2px 0; color: #20409a; border-radius: 12px; border: solid 1px #20409a; font-size: 15px; text-align: center; text-transform: uppercase; font-stretch: condensed; } .component_conseils_carousel { display: inline-block; position: relative; top: -7rem; width: 45%; max-width: 427px; } .component_conseils_carousel .component_conseils_carousel_background { position: absolute; } .component_conseils_carousel .pathologies_conseils_carousel_title { position: relative; margin-top: 22%; left: 5%; width: 90%; height: auto; min-height: 4rem !important; font-size: 1.15rem; font-weight: bold; text-align: center; color: #0b51a7; line-height: 1.5rem; } @media screen and (max-width: 480px) { .component_conseils_carousel .pathologies_conseils_carousel_title { padding-top: 0.75rem; padding-bottom: 0.5rem; width: 70% !important; min-height: 3rem !important; font-size: 0.8rem; line-height: 1rem; } } .component_conseils_carousel .pathoogie_conseils_hexa_dot_line { position: relative; margin-top: 1%; left: 5%; width: 90%; } .component_conseils_carousel .pathoogie_conseils_hexa_dot_line img { width: 100%; height: auto; } @media screen and (max-width: 480px) { .component_conseils_carousel .pathoogie_conseils_hexa_dot_line { transform: unset !important; margin: 0 !important; padding: 0 !important; } } .component_conseils_carousel .pathologies_conseils_carousel_subtitle { position: relative; margin-top: 2%; width: 90%; font-size: 1rem; text-align: center; color: #009ed9; } .component_conseils_carousel .pathologies_conseils_carousel_subtitle--layout--red { color: #f2692a; } @media screen and (max-width: 480px) { .component_conseils_carousel .pathologies_conseils_carousel_subtitle--layout--red, .component_conseils_carousel .pathologies_conseils_carousel_subtitle--layout--lightblue { font-size: 0.75rem; } } .component_conseils_carousel .component_pathologie_conseils_carousel { position: relative; top: 30%; margin: 0 auto; width: 45%; height: 15rem; } .component_conseils_carousel .component_pathologie_conseils_carousel .carousel-item { display: none; top: -30px; width: 190px; height: 15rem; text-align: center; vertical-align: middle; } .component_conseils_carousel .component_pathologie_conseils_carousel .carousel-item img { margin: 0 auto; width: auto; max-width: 100%; max-height: 125px; } .component_conseils_carousel .component_pathologie_conseils_carousel .carousel-item .pathologie_conseil_text { font-size: 0.75rem; color: #11135f; } .component_conseils_carousel .component_pathologie_conseils_carousel .carousel-item:first-child { display: table-cell; } .component_conseils_carousel .component_carousel_zoom_carousel { padding: 0px 20px; height: 305px; text-align: center; position: relative; top: -36px; } .component_conseils_carousel .component_carousel_zoom_carousel img { max-height: 120px; max-width: 50%; width: auto; margin: 0 auto; } @media screen and (max-width: 480px) { .component_conseils_carousel .component_carousel_zoom_carousel img { max-height: 100px; max-width: 25%; } } .component_conseils_carousel .component_carousel_zoom_carousel .carousel-item { width: 400px; } .component_conseils_carousel .component_carousel_zoom_carousel .pathologie_conseil_text, .component_conseils_carousel .component_carousel_zoom_carousel .carousel-item__pagination { font-size: 0.9rem; color: #11135f; margin: 0 !important; } @media screen and (max-width: 480px) { .component_conseils_carousel .component_carousel_zoom_carousel .pathologie_conseil_text, .component_conseils_carousel .component_carousel_zoom_carousel .carousel-item__pagination { transform: unset !important; padding: 0 !important; font-size: 0.7rem; } } .component_conseils_carousel .component_carousel_zoom_carousel .pathologie_conseil_text { padding: 0.5rem 3rem !important; } @media screen and (max-width: 480px) { .component_conseils_carousel .component_carousel_zoom_carousel .pathologie_conseil_text { padding: 0.25rem 5rem !important; } } .component_conseils_carousel .component_carousel_zoom_carousel .carousel-item__pagination { position: absolute; top: 13rem; left: 10rem; width: 5rem; text-align: center; } @media screen and (max-width: 480px) { .component_conseils_carousel .component_carousel_zoom_carousel .carousel-item__pagination { position: absolute; top: 11rem; left: 10rem; } } @media screen and (max-width: 480px) { .component_conseils_carousel .component_carousel_zoom_carousel { top: -2rem; } } .component_conseils_carousel #conseils_carousel_nav { position: relative; text-align: center; color: #11135f; } .component_conseils_carousel #conseils_carousel_nav #conseils_carousel_index, .component_conseils_carousel #conseils_carousel_nav #conseils_carousel_total { display: inline-block; color: #11135f; } .component_conseils_carousel .component_conseils_carousel_arrow_left, .component_conseils_carousel .component_conseils_carousel_arrow_right { position: absolute; top: 50%; cursor: pointer; z-index: 15; } .component_conseils_carousel .component_conseils_carousel_arrow_left:hover, .component_conseils_carousel .component_conseils_carousel_arrow_right:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .component_conseils_carousel .component_conseils_carousel_arrow_right { right: 0; } @media screen and (max-width: 480px) { .component_conseils_carousel .component_conseils_carousel_arrow_right { top: 11rem !important; left: 17rem !important; } .component_conseils_carousel .component_conseils_carousel_arrow_left { transform: unset !important; padding: 0 !important; margin: 0 !important; top: 11rem !important; left: -1rem !important; } } .main-footer { display: flex; flex-direction: column; background-color: #eeeeee; padding: 63px 13.1875rem 85px 13.75rem; height: 304px; } .main-footer > div:last-child { margin-top: 40px; margin-bottom: 40px; } .main-footer .main-footer-nav { flex: 1; } .main-footer .main-footer-nav .main-footer-nav-desktop { list-style-type: none; padding: 0px 0px 30px 0px; border-bottom: 1px solid #d4d4d4; margin: 0px; } .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm { display: inline-block; padding: 0px 20px; } .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm .main-footer-nav-desktop-elm-link { color: #024ea8; text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 600; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm .main-footer-nav-desktop-elm-link:hover { color: #009ed9; } .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm:first-child { padding-left: 0px; } .main-footer .main-footer-nav .main-footer-nav-desktop .main-footer-nav-desktop-elm:last-child { padding-right: 0px; } .main-footer .footer-copyright, .main-footer .footer-covid-mention { flex: 1; font-size: 0.75rem; line-height: 12px; font-weight: 300; color: #6c6c6c; text-align: center; } .product-covid-mention { padding: 1rem; margin: 1rem 0 0 0; display: inline-block; border: 2px solid #6c6c6c; } .secondary-footer-nav { flex: 1; display: flex; /* padding: 45px 0 25px 0; */ border-bottom: 1px solid #d4d4d4; margin: 0; align-items: baseline; justify-content: space-between; padding: 19px 0; /* &>div:last-child { margin-top: 40px;; } */ } .secondary-footer-nav .footer-recordati-lab { /* position: absolute; */ /* bottom: 31px; left: 0px; */ } .secondary-footer-nav .footer-recordati-lab .img-logo { width: auto; height: 38px; } .secondary-footer-nav .secondary-footer-nav-desktop { list-style-type: none; display: inline-block; } .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm { display: inline-block; padding: 0px 20px; border-right: 1px solid #8e9dc7; } .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm .secondary-footer-nav-desktop-elm-link { color: #024ea8; font-size: 12px; line-height: 12px; font-weight: 600; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm .secondary-footer-nav-desktop-elm-link:hover { color: #009ed9; } .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm:first-child { padding-left: 0px; } .secondary-footer-nav .secondary-footer-nav-desktop .secondary-footer-nav-desktop-elm:last-child { padding-right: 0px; border-right: none; } .secondary-footer-nav .footer-social-group { display: inline-block; padding-left: 65px; } .secondary-footer-nav .footer-social-group .social-btn { height: 20px; width: 20px; margin: 0px 10px; display: inline-block; cursor: pointer; } .secondary-footer-nav .footer-social-group .social-btn.facebook { background: transparent url(../img/facebook_ico.svg) no-repeat center; background-size: auto 20px; } .secondary-footer-nav .footer-social-group .social-btn.facebook:hover { background: transparent url(../img/facebook_ico_selected.svg) no-repeat center; background-size: auto 20px; } .secondary-footer-nav .footer-social-group .social-btn.youtube { background: transparent url(../img/youtube_ico.svg) no-repeat center; background-size: 20px auto; } .secondary-footer-nav .footer-social-group .social-btn.youtube:hover { background: transparent url(../img/youtube_ico_selected.svg) no-repeat center; background-size: 20px auto; } .secondary-footer-nav .footer-social-group .social-btn:first-child { margin-left: 0px; } .secondary-footer-nav .footer-social-group .social-btn:last-child { margin-right: 0px; } .product_locator_ml { margin: 0 auto; width: 66%; padding-bottom: 40px; } .product_locator_ml p { margin: 0; padding-bottom: 10px; font-size: 0.75rem; font-weight:400; text-align: left; color: #000000; } .product_locator_ml p strong { /*font-weight: 400 !important;*/ } .main-navbar-desktop-elm--blue .main-navbar-desktop-elm-selected { background-image: url(../img/components/menu/main_menu_active_bg__blue.png) !important; } .main-navbar-desktop-elm--red .main-navbar-desktop-elm-selected { background-image: url(../img/components/menu/main_menu_active_bg__red.png) !important; } .main-navbar-desktop-elm--lightblue .main-navbar-desktop-elm-selected { background-image: url(../img/components/menu/main_menu_active_bg__lightblue.png) !important; } .pathologie_answer--vrai { background-image: url(../img/pathologie/pathologie_answer_2.png) !important; } .pathologie_answer--faux { background-image: url(../img/pathologie/pathologie_answer_1.png) !important; } .pathologie_consult_text--red .pathologie_consult_subtitle { color: #f2692a !important; } .pathologie_consult_text--blue .pathologie_consult_text { color: #40bcdb !important; } .pathologie_consult_text--color ul li, .pathologie_consult_text--color ol li { color: #11135f !important; } .pathologie_consult_text--lightblue .pathologie_consult_subtitle { color: #40bcdb !important; } .row--mb-less { margin-bottom: 0 !important; } .component_gamme_header__title { position: absolute; top: 129px; left: 47%; font-weight: 400; font-size: 34px; background: -webkit-gradient(linear, left top, right top, from(#314287), to(#46c5ed)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; height: 200px; } @media screen and (max-width: 1024px) { .component_gamme_header__title { top: 50px; padding-top: 1rem; font-size: 1.5rem; } } @media screen and (max-width: 780px) { .component_gamme_header__title { font-size: 1rem; } } @media screen and (max-width: 720px) { .component_gamme_header__title { top: 0; left: 0; } } @media screen and (max-width: 500px) { .component_gamme_header__title { font-size: 24px; line-height: 24px; } } @media screen and (max-width: 480px) { .component_gamme_header__title { padding: 0; height: fit-content; top: 2rem; left: 0; text-align: left; } } @media screen and (max-width: 420px) { .component_gamme_header__title { top: 15px; } } .component_gamme_header__title p { margin-top: 0px; padding-left: 4rem; font-weight: bold; line-height: 34px; } @media screen and (max-width: 991.98px) { .component_gamme_header__title p { line-height: 2rem; } } @media screen and (max-width: 500px) { .component_gamme_header__title p { font-size: 24px; line-height: 24px; } } @media screen and (max-width: 480px) { .component_gamme_header__title p { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 360px) { .component_gamme_header__title p { font-size: 16px; line-height: 16px; } } .component_gamme_header__title p:first-child { font-size: 42px; line-height: 42px; } @media screen and (max-width: 991.98px) { .component_gamme_header__title p:first-child { font-size: 2rem; line-height: 2.5rem; } } @media screen and (max-width: 500px) { .component_gamme_header__title p:first-child { font-size: 30px; line-height: 30px; } } @media screen and (max-width: 360px) { .component_gamme_header__title p:first-child { font-size: 24px; line-height: 24px; } } .gamme_learn_more_block { background-color: #ffffff; } .gamme_learn_more_block .gamme_learn_more_block__title { position: absolute; left: 50%; transform: translateX(-50%); } .gamme_learn_more_block .gamme_learn_more_block__title h4 { text-align: center; } .gamme_learn_more_block .gamme_learn_more_block__title h4 span.page_titre_part-0 { font-size: 2rem; font-weight: 600; background: linear-gradient(to right, #342e77, #2388ca); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gamme_learn_more_block .gamme_learn_more_block__content { display: flex; } .gamme_learn_more_block .gamme_learn_more_block__content > div { margin-left: -120px; margin-top: 60px; margin-right: 11rem; padding-bottom: 150px; } .gamme_learn_more_block .gamme_learn_more_block__content > div > div { font-weight: bold; } .gamme_learn_more_block .gamme_learn_more_block__content > div ul { padding-left: 1rem; } .gamme_learn_more_block .gamme_learn_more_block__content > div ul li { list-style-type: disc; } @media screen and (max-width: 480px) { .gamme_container { margin-top: 7rem; } } sup { font-size: 0.4em; position: initial; vertical-align: super; } body { background: #FFFFFF; position: relative; } body .main-navbar { position: absolute; top: 0px; right: 0px; z-index: 50; width: 100%; text-align: right; } body .main-navbar #home-link-header { position: absolute; top: 3.5rem; left: 8.5rem; } body .main-navbar #home-link-header a { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 18px; color: #003799; } body .main-navbar .main-navbar-desktop { list-style-type: none; margin: 0px; padding: 41px 210px 65px; display: inline-block; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm { display: inline-block; padding: 20px; text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 600; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm .main-navbar-desktop-elm-selected { text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 500; color: #ffffff; background-image: url(../img/components/menu/main_menu_active_bg.png); background-position: top left; background-repeat: no-repeat; background-size: cover; border-radius: 20px; padding: 5px 10px; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm .main-navbar-desktop-elm-link { text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 600; color: #009ed9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm .main-navbar-desktop-elm-link:hover { color: #024ea8; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm:first-child { padding-left: 0px; } body .main-navbar .main-navbar-desktop .main-navbar-desktop-elm:last-child { padding-right: 0px; } body .main-navbar .product_header_submenu_mobile { display: none; position: absolute; top: 16rem; left: 2rem; font-size: 0.9rem; text-align: right; color: #6c6c6c; z-index: 60; } body .main-navbar .product_header_submenu_mobile .product_header_submenu_mobile_category { font-size: 0.7rem; font-weight: bold; text-transform: uppercase; color: #223d8d; } body .main-navbar .product_header_submenu_mobile ul, body .main-navbar .product_header_submenu_mobile ol { margin-block-start: 0; margin-block-start: 0.4em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; margin-bottom: 0.8em; } body .main-navbar .product_header_submenu_mobile ul li, body .main-navbar .product_header_submenu_mobile ol li { padding-top: 5%; padding-bottom: 5%; display: block; float: none; } body .main-navbar .product_header_submenu_mobile ul li a, body .main-navbar .product_header_submenu_mobile ol li a { font-size: 0.7rem; font-weight: 700; color: #6c6c6c; } body .main-navbar .product_header_submenu_mobile ul li.product_header_submenu_mobile_active, body .main-navbar .product_header_submenu_mobile ol li.product_header_submenu_mobile_active { color: #223d8d; } body .main-navbar .product_header_submenu_mobile ul li.product_header_submenu_mobile_active::before, body .main-navbar .product_header_submenu_mobile ol li.product_header_submenu_mobile_active::before { content: "."; display: block; font-size: 2.2rem; position: RELATIVE; left: 2rem; top: -0.85em; width: 0; height: 0; } body .main-navbar .product_header_submenu_mobile ul li.product_header_submenu_mobile_active a, body .main-navbar .product_header_submenu_mobile ol li.product_header_submenu_mobile_active a { color: #223d8d; } /*# sourceMappingURL=maps/styles.css.map */ .component.component_product_information_container .component_product_information_content .product_information .product_notices_links .product_notice_link{ margin: 5px; } @media screen and (min-wdith:704px) { .pt-0{ padding-top: 0px !important; } } #gamme_pastilles{ position: relative; } #gamme_pastilles .pack{ width: 450px; } @media screen and (min-width:1090px) { #gamme_pastilles .col-indication { position: absolute; left: -120px; top: 20px; } } @media screen and (max-width:599px) { #gamme_pastilles .bg-pastille{ display: none; } } #gamme_pastilles .row{ justify-content: center !important; position: relative; } #gamme_pastilles .bg-pastille{ width: 100%; height: 100%; position: absolute; background-size: contain; background-repeat: no-repeat; max-height: 240px; } #gamme_pastilles .bg-pastille.bg-left{ background-position: left; } #gamme_pastilles .bg-pastille.bg-right{ background-position: right; }