/* * Theme Name: Inodia * Description: * Author: Vincent Michelet - Inodia * Version: 1.0.0 */ @layer init, third-party, variables, reset, core, structure, components, utility; @font-face { font-family: 'Lexend-Variable'; src: url('./static/fonts/Lexend-Variable.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: 'inodia-icons'; src: url('./static/fonts/inodia-icons.woff2'); font-weight: normal; font-style: normal; font-display: block; } @keyframes marquee-animation { to { translate: -100%; } } @keyframes loader-animation { 0% { scale: 0; } 15% { opacity: .25; } 50% { scale: 1; opacity: 1; } 85% { opacity: .25; } 100% { scale: 0; } } @layer variables { :root { color-scheme: light dark; --border-radius: .5rem; --border-radius-small: calc(var(--border-radius) / 4); --border-width: 1px; --outline-width: 2px; --wrapper-size: 100rem; --wrapper-size-medium: 85rem; --wrapper-size-small: 60rem; --wrapper-size-mobile: 90%; --logo-ratio: 198 / 72; --logo-height: clamp(2rem, 1.375rem + 3.125vw, 4.5rem); --padding-header: clamp(.75rem, .4375rem + 1.5625vw, 2rem); --dark-color: oklch(19.657% .10187 265.212); --light-color: oklch(96.583% .0118 79.687); --primary-color: oklch(53.191% .25811 267.588); --primary-hover-color: oklch(47.516% .26616 265.773); --primary-active-color: oklch(59.662% .21911 270.648); --secondary-color: oklch(68.677% .2502 319.177); --secondary-hover-color: oklch(59.765% .2665 318.203); --secondary-active-color: oklch(73.822% .21974 319.546); --tertiary-color: oklch(88.012% .20255 151.4); --tertiary-hover-color: oklch(76.011% .21578 148.102); --tertiary-active-color: oklch(88.333% .14804 153.919); --alert-danger-color: light-dark(oklch(58.59% .21458 24.279), oklch(70.919% .13936 17.357)); --alert-success-color: light-dark(oklch(69.389% .13104 154.452), oklch(82.307% .1478 154.918)); --alert-info-color: light-dark(oklch(62.31% .1881 259.83), oklch(80.61% .08979 260.028)); --background-color: light-dark(var(--light-color), var(--dark-color)); --background-grey: color-mix(in oklab, var(--background-color), var(--title-color) 5%); --background-blue: color-mix(in oklab, var(--background-color), var(--primary-color) 20%); --border-color: var(--shadow-color); --border-hover-color: var(--outline-color); --border-focus-color: var(--primary-color); --title-color: light-dark(var(--dark-color), var(--light-color)); --strong-color: oklch(from var(--title-color) l c h / .85); --text-color: oklch(from var(--title-color) l c h / .75); --muted-color: oklch(from var(--title-color) l c h / .6); --outline-color: oklch(from var(--title-color) l c h / .3); --shadow-color: oklch(from var(--title-color) l c h / .1); --font-text: 'Lexend-Variable', sans-serif; --font-icon: normal 400 var(--text-size-normal)/1 "inodia-icons"; --line-height: 1.4; --letter-spacing: 0; --h1-font-size: clamp(2.5rem, 2.125rem + 1.875vw, 4rem); --h2-font-size: clamp(2rem, 1rem + 5vw, 6rem); --h3-font-size: clamp(1.5rem, 1.375rem + .625vw, 2rem); --h4-font-size: clamp(1.25rem, 1.1875rem + .3125vw, 1.5rem); --text-size-big: clamp(1rem, .95rem + .25vw, 1.25rem); --text-size-normal: 1rem; --text-size-small: .75rem; --text-weight-normal: 300; --text-weight-medium: 500; --text-weight-bold: 700; --spacing-4xs: .25rem; --spacing-3xs: .5rem; --spacing-2xs: .75rem; --spacing-xs: 1rem; --spacing-sm: clamp(1rem, .875rem + .625vw, 1.5rem); --spacing-md: clamp(1.5rem, 1.375rem + .625vw, 2rem); --spacing-lg: clamp(2rem, 1.75rem + 1.25vw, 3rem); --spacing-xl: clamp(2.5rem, 2.125rem + 1.875vw, 4rem); --spacing-2xl: clamp(3rem, 2.25rem + 3.75vw, 6rem); --spacing-3xl: clamp(4rem, 3rem + 5vw, 8rem); --spacing-4xl: clamp(5rem, 3.75rem + 6.25vw, 10rem); --columns-gap: 9%; --box-shadow: 0 16px 24px -16px oklch(from var(--primary-color) l c h / .15); --transition-default: all .3s ease-in-out, outline .1s ease-in-out; } @media (prefers-contrast: more) { :root { --border-color: var(--title-color); --border-hover-color: var(--title-color); --text-color: var(--title-color); --strong-color: var(--title-color); --muted-color: var(--title-color); --outline-color: var(--title-color); } } main { --sidebar-width: 18rem; --items-margin: clamp(.5rem, .375rem + .625vw, 1rem); --items-gap: calc(var(--items-margin) * 3) var(--items-margin); --items-min-size: 28rem; --cas-client-min-size: 32rem; --line: polygon(100% 97.561%,100% 97.561%,99.346% 97.956%,97.451% 98.332%,94.419% 98.682%,90.352% 99.001%,85.354% 99.286%,79.528% 99.529%,72.977% 99.728%,65.803% 99.876%,58.11% 99.968%,50% 100%,50% 100%,41.89% 99.968%,34.197% 99.876%,27.023% 99.728%,20.472% 99.529%,14.646% 99.286%,9.648% 99.001%,5.581% 98.682%,2.549% 98.332%,0.654% 97.956%,0% 97.561%,0% 97.561%,0.513% 97.21%,2.005% 96.875%,4.404% 96.559%,7.64% 96.265%,11.64% 95.997%,16.335% 95.759%,21.652% 95.553%,27.52% 95.383%,33.869% 95.253%,40.626% 95.166%,40.626% 4.834%,40.626% 4.834%,33.869% 4.747%,27.52% 4.617%,21.652% 4.447%,16.335% 4.241%,11.64% 4.003%,7.64% 3.735%,4.404% 3.441%,2.005% 3.125%,0.513% 2.79%,0% 2.439%,0% 2.439%,0.654% 2.044%,2.549% 1.668%,5.581% 1.318%,9.648% 0.999%,14.646% 0.715%,20.472% 0.471%,27.023% 0.272%,34.197% 0.124%,41.89% 0.032%,50% 0%,50% 0%,58.11% 0.032%,65.803% 0.124%,72.977% 0.272%,79.528% 0.471%,85.354% 0.715%,90.352% 0.999%,94.419% 1.318%,97.451% 1.668%,99.346% 2.044%,100% 2.439%,100% 2.439%,99.487% 2.79%,97.995% 3.125%,95.596% 3.441%,92.36% 3.735%,88.36% 4.003%,83.665% 4.241%,78.348% 4.447%,72.48% 4.617%,66.131% 4.747%,59.374% 4.834%,59.374% 95.166%,59.374% 95.166%,66.131% 95.253%,72.48% 95.383%,78.348% 95.553%,83.665% 95.759%,88.36% 95.997%,92.36% 96.265%,95.596% 96.559%,97.995% 96.875%,99.487% 97.21%,100% 97.561%); --star: polygon(55.553% 0%,44.447% 0%,44.447% 36.593%,18.569% 10.717%,10.718% 18.574%,36.596% 44.451%,0% 44.451%,0% 55.556%,36.596% 55.556%,10.718% 81.433%,18.569% 89.283%,44.447% 63.407%,44.447% 100%,55.553% 100%,55.553% 63.407%,81.431% 89.283%,89.282% 81.433%,63.404% 55.556%,100% 55.556%,100% 44.451%,63.404% 44.451%,89.282% 18.574%,81.431% 10.717%,55.553% 36.593%,55.553% 0%); --circles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='581' height='577'%3E%3Cpath fill='%23000' d='M282.634 0c135.954 0 249.487 95.9929 276.521 223.898 13.601 30.917 21.153 65.097 21.153 101.04l-.005 1.624c-.874 137.965-112.985 249.536-251.156 249.537l-1.625-.005c-27.017-.171-53.023-4.611-77.376-12.674C109.353 547.307 0 427.741 0 282.634.0001 126.539 126.539 0 282.634 0Zm277.494 228.706c3.373 17.457 5.14 35.486 5.14 53.928 0 156.094-126.54 282.634-282.634 282.634-9.312 0-18.519-.451-27.6-1.331 23.419 7.254 48.31 11.162 74.113 11.162 138.16-.001 250.16-112.001 250.161-250.161 0-34.101-6.824-66.609-19.18-96.232ZM329.147 74.7773C190.988 74.7775 78.9863 186.779 78.9863 324.938c.0003 110.633 71.8177 204.491 171.3747 237.5 10.591 1.209 21.359 1.83 32.273 1.83 155.542 0 281.634-126.092 281.634-281.634 0-20.031-2.092-39.574-6.068-58.422-38.753-87.998-126.727-149.4345-229.053-149.4347ZM282.634 1C127.092 1 1.0001 127.092 1 282.634c0 142.967 106.528 261.051 244.537 279.211-97.124-34.278-166.8572-126.589-167.5458-235.283l-.0049-1.624c0-138.712 112.4487-251.1605 251.1607-251.1607l1.624.0049c100.352.6356 186.739 60.1238 226.384 145.6848C528.481 94.339 416.458 1 282.634 1Zm99.544 128.17c74.938 0 135.688 60.749 135.688 135.687l-.011 1.754c-.938 74.13-61.324 133.935-135.677 133.935l-1.753-.011c-74.131-.939-133.935-61.325-133.935-135.678.001-74.937 60.75-135.687 135.688-135.687Zm0 1c-74.386 0-134.687 60.302-134.688 134.687 0 74.386 60.302 134.689 134.688 134.689s134.688-60.303 134.688-134.689c0-74.385-60.303-134.687-134.688-134.687Z'/%3E%3C/svg%3E") 50% / contain no-repeat; --dev-data-ia: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='473' height='446'%3E%3Cpath fill='%23d955f9' d='M15.5391 446H.0186v-90.382H15.539V446Zm84.3222 0H83.6855l-6.8496-23.75H46.707L39.9854 446H25.1025l25.7393-90.382h23.1523L99.8613 446Zm-49.165-37.953h22.1328l-11.1309-38.735-11.0019 38.735ZM171.506 265.036h13.571v14.202h-13.443v21.041c0 4.383 1.129 8.165 3.369 11.293 2.24 3.146 5.611 4.71 10.092 4.71v14.239c-4.39 0-8.38-.69-11.968-2.072-3.57-1.382-6.649-3.401-9.181-6.074-2.55-2.673-4.499-5.911-5.884-9.748-1.384-3.837-2.077-8.238-2.077-13.238v-60.177h15.521v25.824Zm-59.094-.909c4.226 0 7.961.581 11.713 1.745 3.753 1.164 7.104 2.965 10.092 5.42 2.969 2.455 5.337 5.601 7.104 9.42 1.767 3.837 2.66 8.42 2.66 13.748l-.018.036v35.244h-15.521v-3.619c-2.495 1.637-5.245 2.783-8.214 3.419-2.97.637-5.921.964-8.854.964-5.611 0-10.529-.946-14.7373-2.837-4.2258-1.891-7.7231-4.383-10.4736-7.492-2.7688-3.092-4.8275-6.62-6.2119-10.584-1.3844-3.965-2.0762-8.057-2.0762-12.276 0-5.419 1.02-10.22 3.042-14.403 2.022-4.182 4.6635-7.638 7.8877-10.402 3.2242-2.746 6.9217-4.838 11.0566-6.256 4.1347-1.419 8.3247-2.127 12.5507-2.127Zm115.637 0c4.226 0 7.96.581 11.713 1.745 3.752 1.164 7.104 2.965 10.092 5.42 2.969 2.455 5.337 5.601 7.104 9.42 1.767 3.837 2.659 8.42 2.659 13.748l-.017.036v35.244h-15.521v-3.619c-2.496 1.637-5.247 2.783-8.216 3.419-2.969.636-5.92.964-8.852.964-5.611 0-10.53-.946-14.738-2.837-4.225-1.891-7.723-4.383-10.473-7.492-2.769-3.092-4.828-6.62-6.212-10.584-1.385-3.965-2.077-8.057-2.077-12.276 0-5.419 1.02-10.22 3.042-14.403s4.663-7.638 7.887-10.402c3.225-2.746 6.923-4.838 11.058-6.256 4.135-1.419 8.325-2.127 12.551-2.127ZM25.7578 239.23c7.5051 0 13.8625 1.292 19.0723 3.874 5.2098 2.583 9.4913 6.001 12.8066 10.256 3.3154 4.256 5.7013 9.075 7.1768 14.458 1.4572 5.383 2.2041 10.912 2.2041 16.585 0 6.365-.7651 12.312-2.2588 17.823-1.512 5.51-3.8797 10.293-7.1221 14.33-3.2425 4.055-7.4148 7.237-12.5517 9.547-5.137 2.327-11.2757 3.492-18.4346 3.492H.1464V239.23h25.6114Zm86.2352 39.39c-2.24 0-4.59.382-6.794 1.164-2.204.782-4.19 1.928-5.9568 3.492-1.7669 1.546-3.188 3.492-4.2627 5.801-1.0748 2.31-1.6211 5.038-1.6211 8.129h.0361c0 2.328.4011 4.619 1.2207 6.91.8198 2.273 2.0403 4.329 3.6797 6.129 1.6395 1.8 3.6791 3.274 6.1391 4.383 2.459 1.127 5.319 1.673 8.598 1.673 2.678 0 4.991-.527 6.977-1.618 1.985-1.073 3.643-2.492 4.972-4.256 1.33-1.764 2.35-3.783 3.042-6.074.693-2.274 1.039-4.583 1.039-6.911.092-3.182-.346-5.946-1.293-8.255-.948-2.328-2.222-4.256-3.807-5.802-1.603-1.546-3.425-2.728-5.502-3.546-2.077-.818-4.226-1.219-6.467-1.219Zm115.637 0c-2.241 0-4.591.382-6.795 1.164-2.204.782-4.189 1.928-5.956 3.492-1.767 1.546-3.188 3.492-4.263 5.801-1.075 2.31-1.621 5.038-1.621 8.129h.036c0 2.328.401 4.619 1.221 6.91.82 2.273 2.04 4.329 3.68 6.129 1.639 1.8 3.679 3.274 6.138 4.383 2.459 1.127 5.319 1.673 8.598 1.673 2.678 0 4.992-.527 6.978-1.618 1.985-1.073 3.642-2.492 4.972-4.256 1.33-1.764 2.35-3.783 3.042-6.074.692-2.274 1.038-4.583 1.038-6.911.091-3.182-.346-5.946-1.293-8.255-.947-2.328-2.223-4.256-3.807-5.802-1.603-1.546-3.425-2.728-5.501-3.546-2.077-.818-4.227-1.219-6.467-1.219ZM15.7021 315.41h10.9668c4.226 0 7.8871-.746 11.002-2.256 3.0968-1.509 5.6841-3.637 7.7607-6.383 2.0766-2.745 3.6062-6.019 4.5899-9.82.9836-3.782 1.4941-7.965 1.4941-12.529 0-20.659-8.2705-30.988-24.8291-30.988H15.7021v61.976Zm18.5811-167.998c5.6106 0 10.4743.946 14.6094 2.837 4.1349 1.891 7.5592 4.419 10.2734 7.547 2.7142 3.146 4.737 6.71 6.085 10.711 1.3298 4.001 2.0039 8.111 2.0039 12.33 0 .782-.0369 1.564-.1279 2.382-.0911.818-.1821 1.619-.2549 2.383H15.7939c.9473 3.873 2.9325 7.255 5.9561 10.128 3.0239 2.892 7.1962 4.329 12.5518 4.329 4.1349 0 7.5779-.873 10.3466-2.655 2.7506-1.764 4.8634-4.019 6.3389-6.783H67.291l-.0185.018c-.8562 3.182-2.1862 6.22-3.9532 9.111-1.7669 2.891-4.0075 5.401-6.7216 7.547-2.7141 2.146-5.9199 3.855-9.6358 5.092-3.7161 1.254-7.9425 1.873-12.6787 1.873-5.9566 0-11.0754-.946-15.3926-2.837-4.3172-1.891-7.8695-4.401-10.6748-7.547-2.8052-3.146-4.8639-6.71-6.2119-10.711C.6741 189.166 0 185.056 0 180.837c0-4.219.6741-8.329 2.004-12.33 1.3297-4.001 3.4066-7.565 6.2118-10.711 2.8053-3.146 6.3576-5.656 10.6748-7.547s9.4359-2.837 15.3926-2.837Zm179.5208 0c5.61 0 10.474.946 14.609 2.837 4.135 1.891 7.56 4.419 10.275 7.547 2.714 3.146 4.736 6.71 6.083 10.711 1.33 4.001 2.004 8.111 2.004 12.33 0 .782-.036 1.564-.128 2.382-.091.818-.163 1.619-.254 2.383h-51.079c.948 3.873 2.934 7.255 5.957 10.128 3.024 2.892 7.196 4.329 12.551 4.329 4.135 0 7.578-.873 10.347-2.655 2.75-1.764 4.863-4.019 6.339-6.783h16.304l-.019.018c-.856 3.182-2.185 6.22-3.952 9.111-1.767 2.891-4.008 5.401-6.722 7.547-2.714 2.146-5.921 3.855-9.637 5.092-3.716 1.254-7.942 1.873-12.678 1.873-5.957 0-11.076-.946-15.393-2.837-4.317-1.891-7.869-4.401-10.675-7.547-2.805-3.146-4.864-6.71-6.212-10.711-1.329-4.001-2.003-8.111-2.003-12.33 0-4.219.674-8.329 2.003-12.33 1.33-4.001 3.407-7.565 6.212-10.711 2.806-3.146 6.358-5.656 10.675-7.547 4.317-1.891 9.436-2.837 15.393-2.837Zm132.304 1.236h13.571v14.204h-13.444v21.04c0 4.382 1.13 8.166 3.37 11.294 2.241 3.146 5.611 4.709 10.092 4.71v14.239c-4.39 0-8.379-.691-11.968-2.073-3.57-1.383-6.648-3.402-9.18-6.075-2.55-2.673-4.501-5.91-5.885-9.747-1.384-3.837-2.076-8.238-2.076-13.239v-60.176h15.52v25.823Zm-240.672-.89c7.669 0 13.717 2.327 18.107 6.965 4.481-4.656 10.51-6.965 18.106-6.965 8.362 0 14.774 2.691 19.201 8.074 4.444 5.383 6.667 12.893 6.667 22.531v34.863h-15.521v-38.863c0-4.31-1.074-7.438-3.242-9.421-2.149-1.982-4.536-2.963-7.122-2.963-2.587 0-5.083.981-7.251 2.963-2.15 1.983-3.242 5.13-3.242 9.421v38.863h-15.393v-38.863c0-4.31-1.074-7.438-3.242-9.421-2.15-1.982-4.536-2.963-7.123-2.963-2.587 0-5.082.981-7.2501 2.963-2.1496 1.983-3.2422 5.129-3.2422 9.421v38.863H79.3682v-34.863c0-9.638 2.2407-17.148 6.7216-22.531 4.4812-5.383 10.9122-8.074 19.2732-8.074h.073Zm183.254 0c9.564 0 16.942 2.691 22.116 8.074 5.173 5.383 7.759 12.893 7.759 22.531v34.863h-15.52v-37.063c0-4.31-1.33-7.747-4.008-10.329-2.678-2.582-6.12-3.874-10.347-3.874-4.226 0-7.669 1.292-10.346 3.874-2.678 2.582-4.008 6.019-4.008 10.329v37.063h-15.52v-34.863c0-9.638 2.587-17.148 7.76-22.531 5.174-5.383 12.551-8.074 22.114-8.074Zm-254.3882 13.82c-4.5723 0-8.3074 1.073-11.1856 3.219-2.8963 2.146-4.9723 4.783-6.2656 7.875h33.6015c-1.2028-3.175-3.1678-5.824-5.8769-7.93-2.7141-2.109-6.1387-3.164-10.2734-3.164Zm179.5202 0c-4.572 0-8.306 1.073-11.184 3.219-2.897 2.146-4.974 4.783-6.267 7.875h33.602c-1.203-3.175-3.168-5.824-5.877-7.93-2.714-2.109-6.139-3.164-10.274-3.164Zm227.63-129.2987c6.813.0001 12.478 1.6182 17.014 4.8369 4.536 3.2188 7.923 7.2745 10.219 12.1299 2.277 4.8555 3.406 10.1115 3.37 15.749-.037 5.6375-1.257 10.8935-3.625 15.749-2.368 4.8554-5.921 8.9102-10.675 12.1289-4.736 3.2189-10.693 4.8379-17.852 4.8379-2.932 0-5.957-.382-9.053-1.164-3.097-.782-5.903-2.0185-8.416-3.7461v36.2802h-15.393V32.2793h34.411ZM112.14 31.0244c5.61 0 10.474.9457 14.609 2.8369 4.135 1.8913 7.559 4.4192 10.273 7.5469 2.715 3.1461 4.736 6.7111 6.084 10.7119 1.33 4.0007 2.004 8.1103 2.004 12.3291 0 .782-.036 1.5645-.127 2.3828-.091.8182-.163 1.6182-.254 2.3819H93.6494c.9473 3.8735 2.9332 7.2565 5.957 10.1299 3.0236 2.8913 7.1956 4.328 12.5506 4.3281 4.135 0 7.578-.8733 10.347-2.6553 2.751-1.764 4.864-4.019 6.34-6.7832h16.303l-.018.0186c-.856 3.1823-2.186 6.2189-3.953 9.1103-1.767 2.8915-4.008 5.401-6.722 7.5469-2.714 2.1459-5.921 3.8552-9.637 5.0918-3.716 1.2547-7.941 1.873-12.677 1.873-5.957 0-11.076-.9457-15.3929-2.8369-4.3173-1.8913-7.8695-4.4008-10.6748-7.5469-2.8053-3.146-4.864-6.7101-6.2119-10.7109-1.3298-4.0008-2.004-8.111-2.004-12.3301.0001-4.2188.6743-8.3285 2.004-12.3291 1.3297-4.0008 3.4066-7.5658 6.2119-10.7119 2.8052-3.146 6.3577-5.6556 10.6748-7.5469 4.3169-1.8911 9.4359-2.8369 15.3929-2.8369Zm141.503 0c5.61 0 10.474.9457 14.609 2.8369 4.135 1.8913 7.56 4.419 10.274 7.5469 2.715 3.1461 4.736 6.7111 6.084 10.7119 1.33 4.0006 2.004 8.1103 2.004 12.3291 0 .782-.037 1.5645-.128 2.3828-.091.8182-.163 1.6182-.255 2.3819h-51.078c.948 3.8735 2.933 7.2565 5.957 10.1299 3.024 2.8912 7.196 4.3281 12.551 4.3281 4.135 0 7.578-.8731 10.347-2.6553 2.75-1.764 4.863-4.0191 6.339-6.7832h16.303l-.018.0186c-.856 3.1821-2.186 6.219-3.952 9.1103-1.767 2.8914-4.008 5.4011-6.722 7.5469-2.714 2.1458-5.921 3.8552-9.637 5.0918-3.716 1.2548-7.942 1.873-12.678 1.873-5.957 0-11.076-.9456-15.393-2.8369s-7.87-4.4008-10.675-7.5469c-2.805-3.146-4.864-6.7102-6.212-10.7109-1.329-4.0008-2.003-8.1111-2.003-12.3301 0-4.2188.674-8.3285 2.003-12.3291 1.33-4.0008 3.407-7.5658 6.212-10.7119 2.805-3.1461 6.358-5.6556 10.675-7.5469 4.317-1.8912 9.436-2.8369 15.393-2.8369Zm107.092 0c5.957 0 11.077.9456 15.394 2.8369 4.317 1.8912 7.869 4.4192 10.674 7.5469 2.805 3.1461 4.864 6.7111 6.212 10.7119 1.329 4.0007 2.004 8.1103 2.004 12.3291 0 4.2191-.675 8.3293-2.004 12.3301-1.33 4.0008-3.407 7.583-6.212 10.7109-2.805 3.146-6.357 5.6556-10.674 7.5469-4.317 1.8913-9.437 2.8369-15.394 2.8369-5.956 0-11.075-.9456-15.392-2.8369s-7.87-4.4009-10.675-7.5469c-2.805-3.1459-4.863-6.7103-6.211-10.7109-1.33-4.0008-2.004-8.111-2.004-12.3301 0-4.2188.674-8.3284 2.004-12.3291 1.33-4.0008 3.406-7.5658 6.211-10.7119 2.805-3.146 6.358-5.6556 10.675-7.5469 4.317-1.8912 9.436-2.8368 15.392-2.8369Zm-46.432 65.9404h-15.521V0h15.521v96.9648ZM182.909 83.5439l16.03-51.2646h14.883l-20.183 64.5586h-22.771l-20.183-64.5586h16.194l16.03 51.2646ZM25.7578 6.4561c7.5049 0 13.8625 1.2908 19.0723 3.873 5.2098 2.5823 9.4913 6.0014 12.8066 10.2568 3.3153 4.2554 5.7013 9.0752 7.1768 14.458 1.4572 5.3828 2.2041 10.9113 2.2041 16.585 0 6.3648-.7651 12.3112-2.2588 17.8213-1.5119 5.51-3.8798 10.293-7.1221 14.3301-3.2425 4.0553-7.4148 7.2383-12.5517 9.5478-5.1369 2.3277-11.2758 3.4912-18.4346 3.4912H.1464V6.4561h25.6114ZM360.727 45.1914c-4.131.0014-7.607.947-10.411 2.8369-2.805 1.8913-4.919 4.2549-6.339 7.0918-1.421 2.8369-2.113 5.9469-2.077 9.293.037 3.3643.747 6.456 2.131 9.293 1.385 2.8368 3.462 5.2005 6.267 7.0918 2.805 1.8912 6.266 2.8369 10.42 2.8369 4.153-.0001 7.614-.9457 10.401-2.8369 2.805-1.8913 4.901-4.255 6.267-7.0918 1.366-2.837 2.076-5.9469 2.076-9.293 0-3.3461-.692-6.4561-2.076-9.293-1.385-2.8368-3.48-5.2005-6.267-7.0918-2.803-1.8899-6.261-2.8355-10.392-2.8369Zm61.798 23.6231c0 2.8367.565 5.1822 1.676 7.0371 1.111 1.8549 2.514 3.365 4.208 4.5107 1.676 1.1637 3.534 1.9813 5.556 2.4541 2.022.4728 3.952.7099 5.756.71l.037.0175c3.716 0 6.795-.9273 9.254-2.7822 2.459-1.8549 4.317-4.1283 5.555-6.8379 1.257-2.7094 1.895-5.6734 1.931-8.9101.036-3.2188-.492-6.2016-1.621-8.9112-1.129-2.7096-2.805-4.9829-5.046-6.8379-2.241-1.8549-5.046-2.7822-8.416-2.7822h-18.89v22.3321ZM15.7021 82.6348h10.9668c4.226-.0001 7.8871-.7456 11.002-2.2549 3.0967-1.5094 5.6841-3.6368 7.7607-6.3828 2.0767-2.746 3.6062-6.0196 4.5899-9.8203.9837-3.7826 1.4941-7.9657 1.4941-12.5303-.0001-20.6585-8.2707-30.9873-24.8291-30.9873H15.7021v61.9756Zm96.4549-37.4434c-4.572.0001-8.306 1.0729-11.184 3.2188-2.8966 2.1458-4.9736 4.7825-6.2669 7.874h33.6019c-1.203-3.1742-3.167-5.8233-5.876-7.9287-2.715-2.1096-6.14-3.1641-10.275-3.1641Zm141.504 0c-4.572 0-8.306 1.0729-11.184 3.2188-2.897 2.1458-4.974 4.7825-6.267 7.874h33.601c-1.203-3.1742-3.168-5.8233-5.876-7.9287-2.715-2.1095-6.139-3.1641-10.274-3.1641Z'/%3E%3C/svg%3E") 50% / contain no-repeat; --blue-arrow: oklch(from var(--primary-color) l c h / .4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%23304FFE' d='M32.1421 0H0v11.8494h23.4355L0 35.2849l8.3838 8.3838L32.142 19.9019V44H44V0H32.1421Z'/%3E%3C/svg%3E") 50% / 45% no-repeat; } .inodia-icons.clock:before { content: "\e927" / ""; } .inodia-icons.search:before { content: "\e926" / ""; } .inodia-icons.plus:before { content: "\e925" / ""; } .inodia-icons.cart:before { content: "\e924" / ""; } .inodia-icons.pin:before { content: "\e923" / ""; } .inodia-icons.edit:before { content: "\e922" / ""; } .inodia-icons.profile:before { content: "\e921" / ""; } .inodia-icons.info:before { content: "\e920" / ""; } .inodia-icons.lightbulb:before { content: "\e91f" / ""; } .inodia-icons.like:before { content: "\e91e" / ""; } .inodia-icons.megaphone:before { content: "\e91d" / ""; } .inodia-icons.padlock:before { content: "\e91c" / ""; } .inodia-icons.protection:before { content: "\e91b" / ""; } .inodia-icons.rocket:before { content: "\e91a" / ""; } .inodia-icons.serveur:before { content: "\e919" / ""; } .inodia-icons.analytics:before { content: "\e918" / ""; } .inodia-icons.bolt:before { content: "\e917" / ""; } .inodia-icons.chat:before, .section-appel-projet .elementor-widget-wrap::before { content: "\e916" / ""; } .inodia-icons.cible:before { content: "\e915" / ""; } .inodia-icons.cloud:before { content: "\e914" / ""; } .inodia-icons.copy:before { content: "\e913" / ""; } .inodia-icons.digital:before { content: "\e912" / ""; } .inodia-icons.dislike:before { content: "\e911" / ""; } .inodia-icons.evolution:before { content: "\e910" / ""; } .inodia-icons.label-tag:before { content: "\e90f" / ""; } .inodia-icons.long_arrow_right:before, :where([type=submit]:not(.bouton-icon), .bouton:not(div, .bouton-icon, .bouton-link, .menu-item, .no-arrow))::after, .bouton:not(.bouton-icon, .bouton-link, .no-arrow) :is(a, button, [type=submit])::after { content: "\e90e" / ""; } .inodia-icons.youtube:before { content: "\e90d" / ""; } .inodia-icons.burger:before { content: "\e90c" / ""; } :where(.inodia-icons.cross, .moovegdpr-arrow-close):before { content: "\e90b" / ""; } .inodia-icons.play:before, .bouton-icon.icon-play a > span:before { content: "\e90a" / ""; } .inodia-icons.linkedin:before { content: "\e909" / ""; } .inodia-icons.instagram:before { content: "\e908" / ""; } .inodia-icons.facebook:before { content: "\e907" / ""; } .inodia-icons.checkmark:before { content: "\e906" / ""; } .inodia-icons.download:before, .bouton-download a > span:before, .bouton-download:is(a, button):before { content: "\e905" / ""; } .inodia-icons.upload:before { content: "\e904" / ""; } :where(.inodia-icons.arrow_left, .owl-prev):before, .elementor-swiper-button-prev i:before { content: "\e903" / ""; } :where(.inodia-icons.arrow_right, .owl-next):before, .elementor-swiper-button-next i:before { content: "\e902" / ""; } .inodia-icons.arrow_up:before { content: "\e901" / ""; } .inodia-icons.arrow_down:before { content: "\e900" / ""; } } @layer utility { .bouton-icon span span, :is(.sr-only, .gdpr-sr-only, .gdpr-sr-label, .elementor-field-type-upload > input) { border: 0; clip: inset(50%); inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; white-space: nowrap; overflow: hidden; position: absolute; } .skip-link { --_btn-color: var(--alert-info-color); background: var(--_btn-color); color: var(--background-color); padding-block: var(--spacing-4xs); padding-inline: var(--spacing-3xs); position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 50000; } .hidden, .skip-link::after, .elementor-maintenance-mode :where(header, footer, .breadcrumb) { display: none; } .skip-link:not(:focus-visible) { translate: 0 -150%; } .elementor-message { background: oklch(from var(--_alert-color) l c h / 10%); border: var(--border-width) solid oklch(from var(--_alert-color) l c h / 15%); border-radius: clamp(0rem, var(--border-radius) / 2, .5rem); color: var(--_alert-color); font: var(--text-weight-medium) var(--text-size-small)/1.3 var(--font-text); padding-block: var(--spacing-2xs); padding-inline: calc(var(--spacing-2xs) * 2); margin-block: var(--spacing-sm) 0; } .elementor-message-success { --_alert-color: var(--alert-success-color); } .elementor-message-danger { --_alert-color: var(--alert-danger-color); } .bouton:disabled { background: var(--shadow-color); border-color: transparent; color: var(--muted-color); cursor: not-allowed; } @container viewport (70rem < inline-size) { .show-inodia-tablet { display: none; } } @container viewport (inline-size <= 70rem) { .hide-inodia-tablet { display: none; } } @container viewport (45rem < inline-size) { .show-inodia-mobile { display: none; } } @container viewport (inline-size <= 45rem) { .hide-inodia-mobile { display: none; } } } @layer init { *, ::after, ::before { box-sizing: border-box; margin: 0; padding: 0; } } @layer reset { @view-transition { navigation: auto; } ::-webkit-scrollbar { background: var(--background-color); inline-size: 8px; block-size: 8px; } ::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: calc(var(--border-radius) / 4); } ::selection { background: var(--primary-hover-color); color: var(--light-color); } html:has(.light-scheme-color), :where(.light-scheme-color:not(.dark-default), .dark-scheme-color:not(.light-default)) .clair, .dark-scheme-color.light-default .fonce, .dark-scheme-color :is(.gdpr_infobar_postion_bottom, .gdpr_lightbox), .light-scheme-color :is(.gdpr_infobar_postion_bottom > div, .gdpr_lightbox > div) { color-scheme: light; } html:has(.dark-scheme-color), :where(.dark-scheme-color:not(.light-default), .light-scheme-color:not(.dark-default)) .fonce, .light-scheme-color.dark-default .clair, .light-scheme-color :is(.gdpr_infobar_postion_bottom, .gdpr_lightbox), .dark-scheme-color :is(.gdpr_infobar_postion_bottom > div, .gdpr_lightbox > div) { color-scheme: dark; } :is(html, body) { block-size: auto; min-block-size: fill-available; min-block-size: -webkit-fill-available; } html { scroll-padding: var(--spacing-lg); container: viewport / inline-size; overflow: auto; -webkit-font-smoothing: antialiased; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; interpolate-size: allow-keywords; } } @-moz-document url-prefix() { html { scrollbar-color: var(--primary-color) var(--background-color); scrollbar-width: thin; } } body { display: flex; flex-flow: column; inline-size: 100%; max-inline-size: 100%; min-block-size: 100vh; overflow: clip; text-wrap: pretty; position: relative; } main { flex-grow: 1; } main::before { content: ""; background: var(--shadow-color); display: flex; inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size)); block-size: var(--border-width); margin-inline: auto; } :where(p, li, time, span, small, strong, address, .elementor-testimonial-job) { color: var(--text-color); font-family: var(--font-text); } :is(p, li, time, span, strong) { line-height: var(--line-height); } :where(p, li, time, span, small, .elementor-blockquote__content) { font-weight: var(--text-weight-normal); } :where(p, li, time, span, small, figcaption, .elementor-message, .tease__title, .tease__excerpt, .post-footer-link, .elementor-testimonial-job) { letter-spacing: var(--letter-spacing); } .elementor-blockquote__content { font-style: italic; margin-block-start: 0; } :is(b, strong) { color: var(--strong-color); font-weight: var(--text-weight-bold); } p:not(:last-child, .h1, .h2, .h3, .h4, .label, .no-margin) { margin-block-end: .75lh; } p:not(.h1, .h2, .h3, .h4, .label):last-child { margin-block-end: 0; } :where(small, .message-rgpd) { font-size: var(--text-size-small); } :is(address, small) { line-height: 1.3; } address { font-style: normal; } address a:not(:first-child) { margin-block-start: var(--spacing-xs); } :is(li, summary) { list-style: none; } button:not(:where(.elementor-add-section-area-button, .elementor-add-section-close)) { all: unset; box-sizing: border-box; } button { text-align: center; } :is(a, input, button, select, textarea) { outline: none; transition: var(--transition-default); } :is(a, button, select, [type=submit]) { appearance: none; cursor: pointer; touch-action: manipulation; } a { text-decoration: none; } a[href^="tel:"] { white-space: nowrap; } :where(iframe, dialog, input[type=file]:focus, input[type=checkbox], input[type=radio], [popover]) { border: none; } :is(a, button, [type=submit]):focus-visible, .elementor-field-label:has(+ .elementor-upload-field:focus-visible) { outline: var(--outline-width) solid var(--_btn-color, var(--_link-color, var(--primary-color))); outline-offset: calc(var(--outline-width) * 2); } :is(a, button, [type=submit]) i, :is(a, button, [type=submit]) span { color: inherit; } small, input ~ span em, :is(input, textarea)::placeholder { color: var(--muted-color); } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration, input:is([type=checkbox], [type=radio]) { appearance: none; } textarea { resize: vertical; } :is(.elementor-field-type-checkbox, .elementor-field-type-radio) .elementor-field-subgroup { display: flex; flex-flow: row wrap; gap: calc(var(--spacing-2xs) * 2) var(--spacing-2xs); } :is(.elementor-field-type-checkbox, .elementor-field-type-radio) .elementor-field-option { display: table; } :is(input[type=checkbox], input[type=radio], .elementor-field-type-checkbox, .elementor-field-type-radio) { --_input-size: var(--text-size-normal); } input:is([type=checkbox], [type=radio]) { background: transparent; border-radius: 50%; aspect-ratio: 1; inline-size: var(--_input-size); position: absolute; inset-block-start: 50%; translate: 0 -50%; } input:is([type=checkbox], [type=radio]) + label { cursor: pointer; display: flex; align-items: baseline; position: relative; } input:is([type=checkbox], [type=radio]) + label, input:is([type=checkbox], [type=radio]) + label::before, input:is([type=checkbox], [type=radio]) + label::after { transition: var(--transition-default); } input:is([type=checkbox], [type=radio]) + label::before, input[type=radio] + label::after { content: ""; display: flex; aspect-ratio: 1; inline-size: var(--_input-size); position: relative; inset-block-start: 0; } input:is([type=checkbox], [type=radio]) + label::before { border: var(--border-width) solid var(--border-color); margin-inline-end: var(--spacing-3xs); outline-color: var(--outline-color); } input[type=checkbox]:focus:not(:focus-visible) + label::before { box-shadow: 0 0 0 2px var(--shadow-color); } input:is([type=checkbox], [type=radio]):checked:focus-visible + label::before { outline-color: oklch(from var(--primary-color) l c h / .3); } input[type=checkbox]:checked:focus:not(:focus-visible) + label::before { box-shadow: 0 0 0 2px oklch(from var(--primary-color) l c h / .15); } input[type=checkbox] + label::before { background: transparent; border-radius: clamp(0rem, var(--border-radius), .25rem); } input[type=checkbox] + label::after { content: "\e906" / ""; color: var(--light-color); font: var(--font-icon); font-size: calc(var(--_input-size) / 2); letter-spacing: 0; position: absolute; inset-block-start: calc(var(--_input-size) / 2); inset-inline-start: calc(var(--_input-size) / 2); translate: -50%; } input[type=radio] + label::before, input[type=radio] + label::after { border-radius: 50%; } input:is([type=checkbox], [type=radio]):hover + label::before, input:is([type=checkbox], [type=radio]) + label:hover::before { border-color: var(--strong-color); } input[type=radio] + label::after { border: .25rem solid var(--primary-color); position: absolute; inset-block-start: var(--spacing-4xs); inset-inline-start: 0; } input[type=radio]:checked + label::before { border-color: transparent; } input[type=radio]:not(:checked) + label::after { opacity: 0; } input[type=checkbox]:checked + label::before { background: var(--primary-color); border-color: var(--primary-color); } :is(picture, figure, time, .input-group, .elementor-widget-button) { display: flex; } :where(img, blockquote, .elementor-blockquote__content) { font-style: italic; } img { block-size: auto; max-inline-size: 100%; vertical-align: middle; } iframe { inline-size: 100%; } blockquote { position: relative; padding-block: var(--spacing-xs); padding-inline: var(--spacing-md); } blockquote > * { font-style: inherit; } [popover] { margin: auto; } [popover]:not(:popover-open, dialog[open]) { display: none; } dialog { max-inline-size: initial; max-block-size: initial; } :where(html:has(dialog[open]), .elementor-widget-open_street_map, .owl-carousel:not(.owl-loaded)) { overflow: hidden; } .inodia-icons :is(a, span), .bouton-icon a > span, :is(.inodia-icons, .owl-prev, .owl-next, .moovegdpr-arrow-close), :is(.elementor-select-wrapper, .elementor-accordion-title)::after, :is(.elementor-swiper-button-prev, .elementor-swiper-button-next, .elementor-accordion-icon) i { font: var(--font-icon); letter-spacing: 0; } :is(.elementor-section, .elementor-container, .elementor-column, .ino-column, .elementor-select-wrapper, .elementor-widget-open_street_map, .halo-before, .halo-after) { position: relative; } .elementor-widget-testimonial-carousel .swiper-slide { padding: 0; } :is(.elementor-field-group:last-child, .elementor-field-type-recaptcha_v3, .elementor-field-type-html:has(+ .elementor-field-type-recaptcha_v3), .elementor-testimonial-content, .elementor-testimonial__content) { margin: 0; } :is(.grecaptcha-badge, .select-caret-down-wrapper, .owl-nav.disabled, .owl-dots.disabled, .elementor-slideshow__footer), :is(.elementor-tab-content, .elementor-widget-text-editor) :is(br, *:empty), :where(.elementor-element-edit-mode, #elementor-add-new-section) li::before, :where(.elementor-text-editor, .elementor-field-type-upload > .file-loaded)::after { display: none; } :where(.elementor-widget-wrap, .elementor-widget-wrap > .elementor-element, .elementor-field-group, .input-group) { inline-size: 100%; } :where(.elementor-main-swiper, .elementor-carousel-image) { height: auto; } .elementor-testimonial__cite span { display: block; } :is(.elementor-widget-image, .elementor-testimonial-wrapper, .moove-gdpr-tab-nav) { text-align: left; } .elementor-widget-open_street_map, .elementor-top-section:not(.full, .block) .elementor-widget-image:not(.contain) img { border-radius: var(--border-radius); } .elementor-widget-open_street_map { z-index: 0; } .swiper:not(.swiper-initialized) .elementor-image-carousel { gap: 1rem; } .elementor-select-wrapper::after { content: "\e900" / ""; font-size: var(--text-size-small); pointer-events: none; position: absolute; inset-block-start: 50%; inset-inline-end: var(--spacing-sm); translate: 0 -50% 0; } .elementor-top-section[data-settings='{"background_background":"classic"}'] { background-position: 50%; background-size: cover; } .elementor-top-section[data-settings='{"background_background":"classic"}']:not(:has(.fond)) { border-image: fill 0 linear-gradient(oklch(from var(--dark-color) l c h / 50%), oklch(from var(--dark-color) l c h / 50%)); } .elementor-field-group { margin-block-end: var(--spacing-xs); } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content), :is(.elementor-tab-content, .elementor-widget-text-editor) :is(h1, h2, h3, h4, p, li, span, strong) { background: transparent !important; color: var(--text-color) !important; font: var(--text-weight-normal) var(--text-size-normal)/var(--line-height) var(--font-text) !important; letter-spacing: var(--letter-spacing) !important; text-wrap: inherit !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).text-big, :is(.elementor-tab-content, .elementor-widget-text-editor).text-big :is(h1, h2, h3, h4, p, li, span, strong) { font-size: var(--text-size-big) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).text-small, :is(.elementor-tab-content, .elementor-widget-text-editor).text-small :is(h1, h2, h3, h4, p, li, span, strong) { font-size: var(--text-size-small) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).text-primary, :is(.elementor-tab-content, .elementor-widget-text-editor).text-primary :is(h1, h2, h3, h4, p, li, span, strong) { color: var(--primary-color) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).text-secondary, :is(.elementor-tab-content, .elementor-widget-text-editor).text-secondary :is(h1, h2, h3, h4, p, li, span, strong) { color: var(--secondary-color) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).text-tertiary, :is(.elementor-tab-content, .elementor-widget-text-editor).text-tertiary :is(h1, h2, h3, h4, p, li, span, strong) { color: var(--tertiary-color) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor, .elementor-testimonial__text, .elementor-testimonial-content).exergue, :is(.elementor-tab-content, .elementor-widget-text-editor).exergue :is(h1, h2, h3, h4, p, li, span, strong) { font: var(--text-weight-normal) var(--h3-font-size)/1.1 var(--font-text) !important; letter-spacing: -.02em !important; } :is(.elementor-tab-content, .elementor-widget-text-editor).exergue strong { font-weight: var(--text-weight-bold) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor) strong { color: var(--strong-color) !important; font-weight: var(--text-weight-bold) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor) a * { color: inherit !important; } :is(.elementor-tab-content, .elementor-widget-text-editor) :is(h1, h2, h3, h4):not(:last-child) { margin-block-end: var(--spacing-xs) !important; } :is(.elementor-tab-content, .elementor-widget-text-editor) :is(h1, h2, h3, h4):last-child { margin-block-end: 0 !important; } .owl-stage-outer :is(.owl-stage, .item), :where(.owl-carousel:not(.owl-loaded), .owl-carousel > .item, .owl-nav, .owl-dots) { display: flex; } .owl-carousel > .item { flex: 0 0 auto; inline-size: calc(100% / var(--_owl-item)); } .owl-stage-outer :is(.owl-stage, .item) { block-size: 100%; } .owl-stage-outer .owl-stage { align-items: stretch; } .owl-nav { align-items: center; justify-content: space-between; inline-size: var(--wrapper-size-mobile); position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; } .owl-carousel.dots-inside, .owl-carousel.item-1 .owl-nav { color-scheme: dark; } :is(.owl-prev, .owl-next), :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) i { font-size: var(--h4-font-size); pointer-events: initial; } .owl-dots { justify-content: center; gap: var(--spacing-xs); } .owl-carousel.dots-inside { position: relative; } .owl-carousel.dots-inside .owl-dots { position: absolute; inset-block-end: var(--spacing-sm); inset-inline-end: 50%; translate: 50%; } .owl-carousel:not(.dots-inside) .owl-dots { margin-block-start: var(--spacing-lg); } .owl-dot { background: var(--title-color); border-radius: 100%; aspect-ratio: 1; inline-size: .5rem; } .owl-dot:not(.active) { opacity: .3; } :is(.owl-prev, .owl-next).disabled { cursor: not-allowed; opacity: .5; } @container viewport (inline-size <= 70rem) { .owl-carousel.item-4 { --_owl-item: 3 !important; } } @container viewport (inline-size <= 60rem) { .owl-carousel.item-3 { --_owl-item: 2 !important; } } @container viewport (45rem < inline-size) { .elementor-field-group.elementor-col-50 { inline-size: 50%; } } @container viewport (inline-size <= 45rem) { .owl-carousel:is(.item-4, .item-3) { --_owl-item: 2 !important; } .elementor-field-group:not(.elementor-field-group-rgpd) { margin-block-end: var(--spacing-3xs); } } @container viewport (36rem < inline-size) { .owl-carousel:not(.item-1) > .item { padding-block: 0; padding-inline: 1rem; } } @container viewport (inline-size <= 36rem) { .owl-carousel:is(.item-4, .item-3, .item-2) { --_owl-item: 1 !important; } .elementor-message::before { display: none; } } @container viewport (30rem < inline-size) { .label-hide, .elementor-field-group:not(.elementor-field-type-upload, .elementor-field-type-select, .elementor-field-type-checkbox, .elementor-field-type-radio) > .elementor-field-label { display: none; } } @container viewport (inline-size <= 30rem) { .label-hide + div :is(input, textarea)::placeholder, .elementor-field-group :is(input, textarea)::placeholder { color: transparent; } .elementor-field-group:not(.elementor-field-group-rgpd) { margin-block-end: var(--spacing-sm); } .elementor-field-group:not(:first-child, .elementor-field-type-upload) .elementor-field-label { margin-block-start: var(--spacing-3xs); } } } @layer structure { figcaption, .center:not(.owl-item) :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong, .elementor-widget-container, .elementor-widget-wrap), .center:not(.owl-item):where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong, .ino-pagination-block), .center:is(.h1, .h2, .h3, .h4) .elementor-heading-title { align-items: center; text-align: center; text-wrap: balance; } :is(.posts-list, .facetwp-template) { --_item-size: var(--items-min-size); display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--_item-size)), 1fr)); gap: var(--items-margin); } .facetwp-template[data-name="cas_clients"] { --_item-size: var(--cas-client-min-size); gap: calc(var(--items-margin) * 6) calc(var(--items-margin) * 3); margin-block-start: var(--spacing-lg); } .container, :is(.ino-section-boxed, .elementor-section-boxed) > :is(.ino-container, .elementor-container) { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size)); margin-inline: auto; } :is(.ino-section-boxed, .elementor-section-boxed).container-medium > :is(.ino-container, .elementor-container) { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size-medium)); } :is(.ino-section-boxed, .elementor-section-boxed).container-small > :is(.ino-container, .elementor-container) { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size-small)); } :is(.ino-section-full_width, .elementor-section-full_width) > :is(.ino-container, .elementor-container) { inline-size: 100%; } .container .container:is(.container-small, .container-medium) { inline-size: min(100%, var(--wrapper-size-small)); } :where(.elementor-top-section > .elementor-container, .ino-top-section > .ino-container) { display: flex; flex-flow: row; gap: calc(var(--spacing-4xl) * .66) var(--columns-gap); } :is(.elementor-section, .ino-section):not(.ino-grid).full :is(.elementor-container, .ino-container) { gap: 0; } :is(.elementor-top-section, .ino-top-section).fond.block:not(.full) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape), :is(.elementor-top-section, .ino-top-section).fond.block:not(.elementor-section-full_width) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { border-radius: clamp(0rem, var(--border-radius), clamp(4rem, 3rem + 5vw, 8rem)); overflow: hidden; } .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:not(:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child), .ino-grid) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child), .ino-grid) > .elementor-widget-wrap { display: flex; flex-flow: column; justify-content: center; } .ino-col-img :is(.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item, .item, [ino-lightbox], figure, picture, img), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child) :is(.elementor-widget-wrap, .elementor-widget-image, .elementor-widget-image-carousel, .elementor-widget-container, .elementor-image-carousel-wrapper, .elementor-image-carousel, figure, picture, img), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) :is(.elementor-widget-wrap, .elementor-widget-image, .elementor-widget-image-carousel, .elementor-widget-container, .elementor-image-carousel-wrapper, .elementor-image-carousel, figure, picture, img) { inline-size: 100%; block-size: 100%; } iframe, .ino-txt-img:not(.full) .ino-col-img:not(.contain) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):not(.full) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child:not(.contain)) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):not(.full) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child:not(.contain)) img { border-radius: var(--border-radius); } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) .elementor-widget-image:only-child) .elementor-top-column:has(.elementor-widget-image:only-child) picture, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) .elementor-widget-image:first-child + .bouton-icon:last-child) .elementor-top-column:has(.elementor-widget-image:first-child + .bouton-icon:last-child) picture { position: relative; z-index: 1; } .ino-col-img:not(.contain) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) img { object-fit: cover; } .ino-txt-img.full .ino-col-img img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full .elementor-top-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child) :is(.elementor-widget-image, .elementor-widget-image-carousel).contain img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) :is(.elementor-widget-image, .elementor-widget-image-carousel).contain img { border-radius: 0; } .ino-col-img.contain img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) :is(.elementor-widget-image, .elementor-widget-image-carousel).contain img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) :is(.elementor-widget-image, .elementor-widget-image-carousel).contain img { object-fit: contain; z-index: 1; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image:first-child, .elementor-widget-image.elementor-element-edit-mode:nth-child(2)) + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image:first-child, .elementor-widget-image.elementor-element-edit-mode:nth-child(2)) + .bouton-icon:last-child) .bouton-icon { color-scheme: dark; display: table; inline-size: auto; block-size: auto; position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; } .elementor-section-boxed > .elementor-container .elementor-section-boxed > .elementor-container { inline-size: 100%; } body:not(.elementor-page) .section-appel-contact:first-child, :is(.elementor-top-section, .ino-top-section):not(.no-margin, :first-child) { margin-block-start: var(--spacing-4xl); } body.elementor-page .section-suggested, :is(.elementor-top-section, .ino-top-section):not(.fond:not(.block)):last-child { margin-block-end: var(--spacing-4xl); } :is(.elementor-top-section, .ino-top-section).fond:not(.block, .elementor-section-full_width, .ino-section-full_width) { padding-block: var(--spacing-3xl); } :is(.elementor-top-section, .ino-top-section).fond:not(.block):last-child { margin-block-end: 0; } :is(.elementor-top-section, .ino-top-section).fond.block:not(.full) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { position: relative; padding: var(--spacing-2xl); } .elementor-widget + .elementor-widget-heading.no-margin, :is(.elementor-top-section, .ino-top-section) :is(.elementor-inner-section, .ino-inner-section):first-child, :is(.elementor-top-section, .ino-top-section) :is(.elementor-inner-section, .ino-inner-section).titre + :is(.elementor-inner-section, .ino-inner-section), :is(.elementor-top-section, .ino-top-section):is(.fond:not(.block), .supp) + :is(.elementor-top-section, .ino-top-section):is(.fond:not(.block), .supp) { margin-block-start: 0; } :is(.elementor-top-section, .ino-top-section).fond-noir:not(.block) + :is(.elementor-top-section, .ino-top-section).fond-noir:not(.block), :is(.elementor-top-section, .ino-top-section).fond-gris:not(.block) + :is(.elementor-top-section, .ino-top-section).fond-gris:not(.block), :is(.elementor-top-section, .ino-top-section).fond-blanc:not(.block) + :is(.elementor-top-section, .ino-top-section).fond-blanc:not(.block), :is(.elementor-top-section, .ino-top-section).fond-primary:not(.block) + :is(.elementor-top-section, .ino-top-section).fond-primary:not(.block), :is(.elementor-top-section, .ino-top-section).fond-rose:not(.block) + :is(.elementor-top-section, .ino-top-section).fond-rose:not(.block) { padding-block-start: 0; } :is(.fond-noir, .fond-blanc):not(.block), :is(.fond-noir, .fond-blanc).block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { background: var(--background-color); } .fond-gris:not(.block), .fond-gris.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { background: var(--background-grey); } .fond-rose:not(.block), .fond-rose.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { background: linear-gradient(oklch(from var(--secondary-color) l c h / .2), oklch(from var(--secondary-color) l c h / .2)), linear-gradient(var(--background-blue), var(--background-blue)); background-blend-mode: hard-light; } .light-scheme-color:not(.light-default) :where(.fond-blanc:not(.block), .fond-blanc.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .light-scheme-color.light-default :where(.fond-noir:not(.block), .fond-noir.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .dark-scheme-color:not(.dark-default) :where(.fond-noir:not(.block), .fond-noir.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .dark-scheme-color.dark-default :where(.fond-blanc:not(.block), .fond-blanc.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)) { color-scheme: dark; } .dark-scheme-color:not(.dark-default) :where(.fond-noir:not(.block), .fond-noir.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .dark-scheme-color.dark-default :where(.fond-blanc:not(.block), .fond-blanc.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .light-scheme-color:not(.light-default) :where(.fond-noir:not(.block), .fond-noir.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)), .light-scheme-color.light-default :where(.fond-blanc:not(.block), .fond-blanc.block > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape)) { color-scheme: light; } .elementor-top-section :is(.elementor-inner-section, .elementor-widget-text-editor) + .elementor-inner-section:not(.boutons) { margin-block-start: var(--spacing-xl); } :is(.elementor-column, .ino-column).fond { border-radius: var(--border-radius-small); padding: var(--spacing-xl); } :is(.elementor-top-section, .ino-top-section).top-line:not(:first-child) { display: flex; flex-flow: column; align-items: center; } .section-mea .elementor-widget-shortcode { position: relative; } .section-mea .elementor-widget-shortcode::after, :is(.elementor-top-section, .ino-top-section).top-line:not(:first-child)::before { content: ""; background: var(--primary-color); clip-path: var(--line); display: flex; aspect-ratio: 4 / 82; inline-size: auto; block-size: calc(var(--spacing-4xl) / 2); position: absolute; } :is(.elementor-top-section, .ino-top-section).top-line:not(:first-child)::before { inset-block-start: calc(var(--spacing-4xl) / -4); translate: 0 -100%; } .section-mea .elementor-widget-shortcode::after { inset-block-end: calc(var(--spacing-xl) * -1); inset-inline-start: 50%; translate: -50% 100%; } :is(.center, .center-desktop, .right) :is(.elementor-widget-container, .elementor-widget-wrap) { display: flex; flex-flow: column; } .center [type=submit] { margin-inline: auto; } .boutons:has(> .bouton), .boutons .elementor-widget-wrap { display: flex; flex-flow: row wrap; gap: var(--spacing-2xs); } .center.bouton, .center .bouton, .center .boutons .elementor-widget-wrap { justify-content: center; } .elementor-widget + :is(.boutons, .elementor-widget-form, .elementor-widget-text-editor), :is(.elementor-widget-text-editor, .elementor-widget-accordion, .elementor-widget-shortcode) + .elementor-widget { margin-block-start: calc(var(--spacing-4xl) / 3); } :is(.elementor-widget-button, .elementor-widget-text-editor) + .elementor-widget-image { margin-block-start: calc(var(--spacing-4xl) / 1.5); } .elementor-widget-image + .elementor-widget-text-editor { margin-block-start: calc(var(--spacing-4xl) / 4); } :is(.elementor-widget + .quote, .section-titre + .elementor-top-section), :is(.elementor-widget-heading.h1:not(.no-margin), .elementor-widget-heading.h2:not(.no-margin), .elementor-widget-heading:not(.h3, .h4, .no-margin):has(h1, h2)) + :is(.elementor-widget:not(.elementor-widget-heading), .elementor-inner-section) { margin-block-start: var(--spacing-lg); } :is(.elementor-widget-heading.h3:not(.no-margin), .elementor-widget-heading:not(.h2, .h4, .no-margin):has(h3)) + :is(.elementor-widget:not(.elementor-widget-heading), .elementor-inner-section) { margin-block-start: var(--spacing-md); } :is(.elementor-widget-heading.h4:not(.no-margin), .elementor-widget-heading:not(.h2, .h3, .no-margin):has(h4)) + :is(.elementor-widget:not(.elementor-widget-heading), .elementor-inner-section) { margin-block-start: var(--spacing-sm); } .elementor-widget-heading + .elementor-widget-heading { margin-block-start: var(--spacing-xs); } .elementor-inner-section + .elementor-widget, .elementor-widget:not(.elementor-widget-heading) + :is(.elementor-widget-heading.h2, .elementor-widget-heading:not(.h3, .h4):has(h2)) { margin-block-start: calc(var(--spacing-lg) * 2); } .elementor-widget:not(.elementor-widget-heading) + :is(.elementor-widget-heading.h3, .elementor-widget-heading:not(.h2, .h4):has(h3)) { margin-block-start: calc(var(--spacing-md) * 2); } .elementor-widget:not(.elementor-widget-heading) + :is(.elementor-widget-heading.h4, .elementor-widget-heading:not(.h2, .h3):has(h4)) { margin-block-start: calc(var(--spacing-sm) * 2); } .elementor-widget-image + .elementor-widget-heading { margin-block-start: var(--spacing-3xl); } :is(.elementor-col-100, .ino-col-100) { inline-size: 100%; } .ino-col-25 { inline-size: 25%; } .ino-col-20 { inline-size: 20%; } .ino-col-img:has(.owl-carousel.item-1) { aspect-ratio: 3 / 2; overflow: hidden; } .ino-grid > div { --_item-min-size: 23rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--_item-min-size)), 1fr)); gap: var(--spacing-xl) var(--spacing-sm); } main .ino-grid > div > :is(div, section) { inline-size: 100%; margin: 0 !important; } .ino-grid .ino-col-full { grid-column: 1 / -1; } @container viewport (70rem < inline-size) { .right :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong, .elementor-widget-container, .elementor-widget-wrap), .right:where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong), .right:is(.h1, .h2, .h3, .h4) .elementor-heading-title { align-items: flex-end; text-align: right; } .right.bouton, .right .bouton, .right .boutons .elementor-widget-wrap { justify-content: flex-end; } .right [type=submit] { margin-inline-start: auto; } :is(.elementor-col-66:not(.elementor-field-group), .ino-col-66) { inline-size: 66.666%; } :is(.elementor-col-50:not(.elementor-field-group), .ino-col-50) { inline-size: 50%; } :is(.elementor-col-33:not(.elementor-field-group), .ino-col-33) { inline-size: 33.333%; } :is(.ino-txt-img > .ino-container, .inner-txt-img > .elementor-container), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) > .elementor-container, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) > .elementor-container { align-items: stretch; } .ino-txt-img .ino-col-img > *:not(.ino-modal), .inner-txt-img .elementor-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) > .elementor-widget-wrap, .elementor-top-section:not(.section-custom):has(.elementor-top-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) > .elementor-widget-wrap:not(.ui-sortable), .elementor-top-section:has(.elementor-top-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) > .elementor-widget-wrap:not(.ui-sortable) { position: absolute; } .ino-txt-img:not(.full) .ino-col-txt > div, .elementor-top-section:not(.section-custom):has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):not(.full) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):not(.full) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) > .elementor-widget-wrap { padding-block: var(--spacing-xs); } .ino-txt-img.full:not(.block, .supp) .ino-col-txt > div, .elementor-top-section:not(.section-custom):has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) > .elementor-widget-wrap { padding-block: var(--spacing-2xl); } .ino-section-full_width.ino-txt-img.full:not(.block) > .ino-container, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) > .elementor-container, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) > .elementor-container { display: grid; grid-template-columns: 1fr repeat(6, calc(min(var(--wrapper-size-mobile), var(--wrapper-size)) / 6)) 1fr; } .ino-section-full_width.ino-txt-img.full:not(.block) > .ino-container > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column { inline-size: 100%; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-33:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-33:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):first-child { grid-column: 1 / 4; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-33:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-33:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):first-child { grid-column: 2 / 4; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-33:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-33:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):last-child { grid-column: 6 / 9; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-33:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-33:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):last-child { grid-column: 6 / 8; } .ino-section-full_width.ino-txt-img.full:not(.block, .supp) .ino-col-img:first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-50:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-50:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):first-child { grid-column: 1 / 5; } .ino-section-full_width.ino-txt-img.full:not(.block) .ino-col-txt:first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-50:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-50:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):first-child { grid-column: 2 / 5; } .ino-section-full_width.ino-txt-img.full:not(.block, .supp) .ino-col-img:last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-50:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-50:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):last-child { grid-column: 5 / 9; } .ino-section-full_width.ino-txt-img.full:not(.block) .ino-col-txt:last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-50:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-50:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):last-child { grid-column: 5 / 8; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-66:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-66:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):first-child { grid-column: 1 / 6; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-66:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):first-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-66:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):first-child { grid-column: 2 / 6; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-66:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column.elementor-col-66:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):last-child { grid-column: 4 / 9; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-66:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):last-child, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block) .elementor-top-column.elementor-col-66:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):last-child { grid-column: 4 / 8; } .ino-section-full_width.ino-txt-img.full.supp:not(.block) .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.supp.elementor-section-full_width:not(.block) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.supp.elementor-section-full_width:not(.block) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { position: relative; z-index: 1; } .ino-section-full_width.ino-txt-img.full.supp:not(.block) .ino-col-img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.supp.elementor-section-full_width:not(.block) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.supp.elementor-section-full_width:not(.block) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) { position: absolute; inset: 0; z-index: 0; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full .elementor-top-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child):first-child img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):first-child img { border-radius: 0 var(--border-radius) var(--border-radius) 0; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full .elementor-top-column:has(.elementor-widget-image:only-child, .elementor-widget-image-carousel:only-child):last-child img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child):last-child img { border-radius: var(--border-radius) 0 0 var(--border-radius); } .ino-section-full_width.ino-txt-img.full:not(.block, .supp) .ino-col-txt:first-child > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):first-child > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):first-child > .elementor-widget-wrap { padding-inline-end: var(--spacing-2xl); } .ino-section-full_width.ino-txt-img.full:not(.block, .supp) .ino-col-txt:last-child > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)):last-child > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.elementor-section-full_width:not(.block, .supp) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)):last-child > .elementor-widget-wrap { padding-inline-start: var(--spacing-2xl); } .ino-txt-img.full.block .ino-col-txt > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.block .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.block .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) > .elementor-widget-wrap { padding: var(--spacing-2xl); } .ino-txt-img.full.supp .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.supp .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.supp .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { border-radius: clamp(0rem, var(--border-radius), clamp(2rem, 1.5rem + 2.5vw, 4rem)); overflow: hidden; } .ino-txt-img.full.supp .ino-col-txt > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.supp .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.supp .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) > .elementor-widget-wrap { padding: var(--spacing-xl); } .elementor-top-section.supp > .elementor-container { padding-block: var(--spacing-3xl); } .section-sticky-sidebar .sidebar > .elementor-widget-wrap { max-block-size: calc(100vh - var(--spacing-lg)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; padding-block-end: var(--spacing-lg); position: sticky; inset-block-start: var(--spacing-lg); z-index: 49; } .section-sticky-sidebar :is(.sidebar, .main-content) { width: auto; } .section-sticky-sidebar .sidebar { display: table; inline-size: var(--sidebar-width); } .section-sticky-sidebar .main-content { inline-size: 100%; } } @container viewport (inline-size <= 70rem) { :is(.elementor-top-section, .ino-top-section, .inner-txt-img) > :is(.elementor-container, .ino-container) { flex-flow: column; } .elementor-top-section .elementor-container > .elementor-column { inline-size: 100%; } .ino-col-txt, .inner-txt-img .elementor-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { order: 1; } .ino-col-img, .inner-txt-img .elementor-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child) .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child) { order: 2; } .ino-txt-img.full.block .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.block .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.block .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { padding: var(--spacing-2xl); } .ino-txt-img.full:not(.block) .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full:not(.block) .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full:not(.block) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { padding-block: var(--spacing-2xl); } .ino-txt-img.full:not(.block) .ino-col-txt > div, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full:not(.block) .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)) > .elementor-widget-wrap, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full:not(.block) .elementor-top-column:not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) > .elementor-widget-wrap { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size)); margin-inline: auto; } iframe, .ino-txt-img:not(.full) .ino-col-img:not(.contain) img, .inner-txt-img .elementor-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child:not(.contain)) img, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child):not(.full) .elementor-top-column:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child:not(.contain)) img { border-radius: clamp(0rem, var(--border-radius), clamp(2rem, 1rem + 5vw, 6rem)); } } @container viewport (36rem < inline-size) { .center-desktop:not(.owl-item) :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong, .elementor-widget-container, .elementor-widget-wrap), .center-desktop:not(.owl-item):where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, strong), .center-desktop:is(.h1, .h2, .h3, .h4) .elementor-heading-title { align-items: center; text-align: center; text-wrap: balance; } .center-desktop.bouton, .center-desktop .bouton, .center-desktop .boutons .elementor-widget-wrap { justify-content: center; } .center-desktop [type=submit] { margin-inline: auto; } } @container viewport (30rem < inline-size) { .boutons .bouton { inline-size: auto; } } @container viewport (inline-size <= 30rem) { :is(.elementor-top-section, .ino-top-section).fond.block:not(.full) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { padding-inline: 0; } :is(.elementor-top-section, .ino-top-section).fond.block:not(.full) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) > div { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size)); margin-inline: auto; } :is(.elementor-top-section, .ino-top-section):is(.fond, .supp) + :is(.elementor-top-section, .ino-top-section):is(.fond, .supp) { margin-block-start: 0; } :is(.elementor-top-section, .ino-top-section):is(.fond, .supp) { margin-block-end: 0; } :is(.elementor-top-section, .ino-top-section).fond.block:not(.elementor-section-full_width) > div:not(.elementor-element-overlay, .elementor-background-overlay, .elementor-shape) { border-radius: 0; } .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).block > .elementor-container, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).block > .elementor-container { inline-size: 100%; max-inline-size: initial; } .ino-txt-img.full.block .ino-col-txt, .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):only-child).full.block .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):only-child)), .elementor-top-section:has(.elementor-column:not(.elementor-col-100) :is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child).full.block .elementor-top-column:is(.elementor-col-33, .elementor-col-50, .elementor-col-66):not(:has(:is(.elementor-widget-image, .elementor-widget-image-carousel):first-child + .bouton-icon:last-child)) { inline-size: min(var(--wrapper-size-mobile), var(--wrapper-size)); margin-inline: auto; padding-inline: 0; } } @container viewport (inline-size <= 24rem) { :is(.elementor-column, .ino-column).fond { padding: var(--spacing-md); } } } @layer core { @layer titles { :is(h1, .h1:not(.elementor-widget-heading)), .elementor-widget-heading.h1 .elementor-heading-title { color: var(--title-color); font: var(--text-weight-medium) var(--h1-font-size)/1.1 var(--font-text); letter-spacing: -.02em; text-wrap: balance; } :is(h1, .h1:not(.elementor-widget-heading)) span, .elementor-widget-heading.h1 .elementor-heading-title span { color: var(--secondary-color); font: inherit; letter-spacing: inherit; text-wrap: inherit; } :is(h1:not(.h2, .h3, .h4, .elementor-heading-title, .elementor-tab-title), .h1:not(.elementor-widget-heading)):not(.no-margin) { margin-block-end: var(--spacing-lg); } :is(h2, .h2:not(.elementor-widget-heading)), .elementor-widget-heading.h2 .elementor-heading-title { color: var(--title-color); font: var(--text-weight-normal) var(--h2-font-size)/1 var(--font-text); letter-spacing: -.02em; text-wrap: balance; } :is(h2:not(.h1, .h3, .h4, .elementor-heading-title, .elementor-tab-title), .h2:not(.elementor-widget-heading)):not(.no-margin) { margin-block-end: var(--spacing-lg); } :is(h3, .h3:not(.elementor-widget-heading)), .elementor-widget-heading.h3 .elementor-heading-title { color: var(--title-color); font: var(--text-weight-normal) var(--h3-font-size)/1.1 var(--font-text); letter-spacing: -.02em; } :is(h3:not(.h1, .h2, .h4, .elementor-heading-title, .elementor-tab-title), .h3:not(.elementor-widget-heading)):not(.no-margin) { margin-block-end: var(--spacing-md); } :is(h4, .h4:not(.elementor-widget-heading)), .elementor-widget-heading.h4 .elementor-heading-title, .team-member .elementor-image-box-title { color: var(--title-color); font: 400 var(--h4-font-size)/1.1 var(--font-text); letter-spacing: .02em; } :is(h4:not(.h1, .h2, .h3, .elementor-heading-title, .elementor-tab-title), .h4:not(.elementor-widget-heading)):not(.no-margin) { margin-block-end: var(--spacing-sm); } .sur-titre:not(div), .elementor-widget-heading.sur-titre .elementor-heading-title { color: var(--tertiary-color); font: var(--text-weight-normal) var(--text-size-normal)/1.1 var(--font-text); letter-spacing: .13em; text-transform: uppercase; } .sur-titre-secondary:not(div), .elementor-widget-heading.sur-titre-secondary .elementor-heading-title { color: var(--secondary-color); } .sur-titre:not(div)::before, .elementor-widget-heading.sur-titre .elementor-heading-title::before { content: "[" / ""; margin-inline-end: 2ch; } .sur-titre:not(div)::after, .elementor-widget-heading.sur-titre .elementor-heading-title::after { content: "]" / ""; margin-inline-start: 2ch; } } @layer form-fields { :where(label, .label, input[type="file" i]) { color: var(--title-color); } :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), select, textarea, .elementor-field-label:has(+ .elementor-upload-field)) { --_padding-field: var(--spacing-2xs); background: var(--background-grey); border: var(--border-width) solid var(--border-color); border-radius: var(--border-radius-small); color: var(--text-color); font: normal var(--text-weight-normal) var(--text-size-normal)/1 var(--font-text); letter-spacing: var(--letter-spacing); text-overflow: ellipsis; padding-block: var(--spacing-2xs); } :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), select, textarea):hover { border-color: var(--border-hover-color); color: var(--strong-color); } :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), select, textarea):focus { border-color: var(--border-focus-color); box-shadow: 0 0 0 2px oklch(from var(--border-focus-color) l c h / 10%); color: var(--title-color); } :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), textarea, .elementor-field-label:has(+ .elementor-upload-field)) { padding-inline: calc(var(--_padding-field) * 2); } textarea { line-height: 1.3; } select { color: var(--title-color); padding-inline: calc(var(--_padding-field) * 2) calc(var(--_padding-field) * 4); } select option { background: var(--background-color); } .input-group:has(.input-group-append) input:not([type="submit"]) { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); flex-grow: 1; } @container viewport (inline-size <= 30rem) { :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), select, textarea, .elementor-field-label:has(+ .elementor-upload-field)) { --_padding-field: var(--spacing-xs); } :where(input:is([type=text],[type=email],[type=number],[type=tel],[type=search],[type=date],[type=time]), textarea, .elementor-field-label:has(+ .elementor-upload-field)) { padding-inline: var(--_padding-field); } select { padding-inline: var(--_padding-field) calc(var(--_padding-field) * 3); } } } @layer lists { main :is(ul, ol):not(:last-child), .moove-gdpr-tab-main-content ul { margin-block-end: 1.25lh; } main :is(ul, ol):not(.reset-list) li:not(:last-child), .moove-gdpr-tab-main-content li:not(:last-child) { margin-block-end: .5lh; } main :is(ul, ol):last-child, main :is(ul, ol) li:last-child, .moove-gdpr-tab-main-content li:last-child { margin-block-end: 0; } main ol li { list-style-position: inside; } main ul:not(.reset-list) li, .moove-gdpr-tab-main-content li { padding-inline-start: 2ch; position: relative; } main ul:not(.reset-list) li::before, .moove-gdpr-tab-main-content li::before { content: "-" / ""; font: inherit; letter-spacing: 0; position: absolute; inset-inline-start: 0; } } @layer links { a, button:is(.link-dark, .link-primary, .link-tertiary), input:is([type=checkbox], [type=radio]):focus-visible + label, :is(.owl-prev, .owl-next, .moove-gdpr-modal-close, .moove-gdpr-infobar-reject-btn, .elementor-accordion-title) { color: var(--_link-color); } a { --_link-color: var(--secondary-color); } :is(a, button).link-primary { --_link-color: var(--primary-color); } :is(a, button).link-tertiary { --_link-color: var(--tertiary-color); } :is(a, button).link-dark, .widget_nav_menu li:not(.primary) a, input:is([type=checkbox], [type=radio]):focus-visible + label, :is(.owl-prev, .owl-next, .moove-gdpr-modal-close, .moove-gdpr-infobar-reject-btn, .elementor-accordion-title) { --_link-color: var(--title-color); } .breadcrumb a { --_link-color: var(--text-color); outline-color: var(--title-color); } @media only screen and (hover: hover) and (pointer: fine) { a:hover { --_link-color: var(--secondary-hover-color); } a:active { --_link-color: var(--secondary-active-color); } :is(a, button).link-primary:hover { --_link-color: var(--primary-hover-color); } :is(a, button).link-primary:active { --_link-color: var(--primary-active-color); } :is(a, button).link-tertiary:hover { --_link-color: var(--tertiary-hover-color); } :is(a, button).link-tertiary:active { --_link-color: var(--tertiary-active-color); } .breadcrumb a:hover, :is(a, button).link-dark:hover, .widget_nav_menu li:not(.primary) a:hover, :is(.owl-prev, .owl-next, .moove-gdpr-modal-close, .moove-gdpr-infobar-reject-btn, .elementor-accordion-title):hover { --_link-color: var(--secondary-color); } .breadcrumb a:active, :is(a, button).link-dark:active, .widget_nav_menu li:not(.primary) a:active, :is(.owl-prev, .owl-next, .moove-gdpr-modal-close, .moove-gdpr-infobar-reject-btn, .elementor-accordion-title):active { --_link-color: var(--secondary-hover-color); } } @media only screen and (hover: none) and (pointer: coarse) { a:active { --_link-color: var(--secondary-hover-color); } :is(a, button).link-primary:active { --_link-color: var(--primary-hover-color); } :is(a, button).link-tertiary:active { --_link-color: var(--tertiary-hover-color); } .breadcrumb a:active, :is(a, button).link-dark:active, .widget_nav_menu li:not(.primary) a:active, :is(.owl-prev, .owl-next, .moove-gdpr-modal-close, .moove-gdpr-infobar-reject-btn, .elementor-accordion-title):active { --_link-color: var(--secondary-color); } } :is(.skip-link, .link-underline, .moove-gdpr-infobar-reject-btn):not(:hover, :active), :where(.elementor-tab-content, .elementor-widget-text-editor, .message-rgpd, .moove-gdpr-tab-main-content) a:not(:hover, :active) { text-decoration: underline; text-underline-offset: var(--spacing-4xs); } } @layer buttons { .bouton:not(div, .ino-nav-menu-item), .bouton :is(a, button, [type=submit]), :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn), .elementor-field-label:has(+ .elementor-upload-field)) { color: var(--_btn-text-color); display: inline-flex; align-items: center; justify-content: center; gap: 1ch; } .bouton:not(.bouton-link, div, .ino-nav-menu-item), .bouton:not(.bouton-link) :is(a, button, [type=submit]), :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn), .elementor-field-label:has(+ .elementor-upload-field)) { background: var(--_btn-color); border: var(--border-width) solid var(--_btn-color); } .bouton:not(:where(.bouton-link, div, .ino-nav-menu-item)), .bouton:not(.bouton-link) :is(a, button, [type=submit]), :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn)) { --_padding-button: var(--spacing-xs); border-radius: var(--border-radius-small); text-align: center; padding-block: var(--_padding-button); padding-inline: calc(var(--_padding-button) * 2); } :where([type=submit], .bouton:not(div, .ino-nav-menu-item)):not(.bouton-icon)::after, .bouton > :is(a, button, [type=submit])::after, .bouton-download:not(div)::before, .bouton-download > :is(a, button, [type=submit])::before { font: var(--font-icon); font-size: var(--text-size-small); letter-spacing: 0; } .bouton:not(.bouton-icon), :where(.bouton:not(.bouton-icon), [type=submit]) span, .mgbutton:not(.moove-gdpr-infobar-reject-btn) { font: var(--text-weight-medium) var(--text-size-normal)/1.1 var(--font-text); } .bouton-download:not(div)::before, .bouton-download :is(a, button, [type=submit]) > span::before { font: var(--font-icon); letter-spacing: 0; } .bouton-primary:not(div), .bouton-primary :is(a, button, [type=submit]), :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn), .elementor-field-label:has(+ .elementor-upload-field)) { --_btn-color: var(--primary-color); --_btn-text-color: var(--light-color); } .bouton-secondary:not(div), .bouton-secondary :is(a, button, [type=submit]) { --_btn-color: var(--secondary-color); --_btn-text-color: var(--light-color); } .bouton-tertiary:not(div), .bouton-tertiary :is(a, button, [type=submit]) { --_btn-color: var(--tertiary-color); --_btn-text-color: var(--dark-color); } .bouton-dark:not(div), .bouton-dark :is(a, button, [type=submit]), :is(.moove-gdpr-modal-save-settings, .moove-gdpr-infobar-settings-btn) { --_btn-color: var(--title-color); --_btn-text-color: var(--background-color); } .bouton-contour:not(:hover, :active, div), .bouton-contour :is(a, button, [type=submit]):not(:hover, :active), .bouton-link:not(div), .bouton-link :is(a, button, [type=submit]), :is(.moove-gdpr-modal-save-settings, .moove-gdpr-infobar-settings-btn):not(:hover, :active) { background: transparent; border-color: var(--_btn-color); --_btn-text-color: var(--_btn-color); } @media only screen and (hover: hover) and (pointer: fine) { .bouton-primary:not(.bouton-contour, div):hover, .bouton-primary:not(.bouton-contour) :is(a, button, [type=submit]):hover, .bouton-primary.bouton-contour:not(div):active, .bouton-primary.bouton-contour :is(a, button, [type=submit]):active, :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn, .moove-gdpr-modal-save-settings, .moove-gdpr-infobar-settings-btn), .elementor-field-label:has(+ .elementor-upload-field)):hover { --_btn-color: var(--primary-hover-color); } .bouton-primary:not(.bouton-contour, div):active, .bouton-primary:not(.bouton-contour) :is(a, button, [type=submit]):active, :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn), .elementor-field-label:has(+ .elementor-upload-field)):active { --_btn-color: var(--primary-active-color); } .bouton-secondary:not(.bouton-contour, div):hover, .bouton-secondary:not(.bouton-contour) :is(a, button, [type=submit]):hover, .bouton-secondary.bouton-contour:not(div):active, .bouton-secondary.bouton-contour :is(a, button, [type=submit]):active { --_btn-color: var(--secondary-hover-color); } .bouton-secondary:not(.bouton-contour, div):active, .bouton-secondary:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--secondary-active-color); } .bouton-tertiary:not(.bouton-contour, div):hover, .bouton-tertiary:not(.bouton-contour) :is(a, button, [type=submit]):hover, .bouton-tertiary.bouton-contour:not(div):active, .bouton-tertiary.bouton-contour :is(a, button, [type=submit]):active { --_btn-color: var(--tertiary-hover-color); } .bouton-tertiary:not(.bouton-contour, div):active, .bouton-tertiary:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--tertiary-active-color); } .bouton-dark:not(.bouton-contour, div):hover, .bouton-dark:not(.bouton-contour) :is(a, button, [type=submit]):hover, .bouton-dark.bouton-contour:not(div):active, .bouton-dark.bouton-contour :is(a, button, [type=submit]):active, :is(.moove-gdpr-modal-save-settings, .moove-gdpr-infobar-settings-btn):active { --_btn-color: var(--strong-color); } .bouton-dark:not(.bouton-contour, div):active, .bouton-dark:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--text-color); } } @media only screen and (hover: none) and (pointer: coarse) { .bouton-primary:not(.bouton-contour, div):active, .bouton-primary:not(.bouton-contour) :is(a, button, [type=submit]):active, :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn)):active { --_btn-color: var(--primary-hover-color); } .bouton-primary.bouton-contour:not(div):active, .bouton-primary.bouton-contour :is(a, button, [type=submit]):active { --_btn-color: var(--primary-color); } .bouton-secondary:not(.bouton-contour, div):active, .bouton-secondary:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--secondary-hover-color); } .bouton-secondary.bouton-contour:not(div):active, .bouton-secondary.bouton-contour :is(a, button, [type=submit]):active { --_btn-color: var(--secondary-color); } .bouton-tertiary:not(.bouton-contour, div):active, .bouton-tertiary:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--tertiary-hover-color); } .bouton-tertiary.bouton-contour:not(div):active, .bouton-tertiary.bouton-contour :is(a, button, [type=submit]):active { --_btn-color: var(--tertiary-color); } .bouton-dark:not(.bouton-contour, div):active, .bouton-dark:not(.bouton-contour) :is(a, button, [type=submit]):active { --_btn-color: var(--strong-color); } .bouton-dark.bouton-contour:not(div):active, .bouton-dark.bouton-contour :is(a, button, [type=submit]):active, :is(.moove-gdpr-modal-save-settings, .moove-gdpr-infobar-settings-btn):active { --_btn-color: var(--title-color); } } .bouton-link:not(div), .bouton-link :is(a, button, [type=submit]) { color: var(--_btn-color); } .bouton-link:not(div)::after, .bouton-link :is(a, button, [type=submit])::after { content: "\e90e" / ""; color: inherit; font: var(--font-icon); font-size: var(--text-size-small); letter-spacing: 0; transition: translate .5s cubic-bezier(0.8, -0.4, 0.5, 1); } @media (prefers-reduced-motion: no-preference) { .bouton-link:not(div):hover::after, .bouton-link :is(a, button, [type=submit]):hover::after { translate: .25rem; } .bouton-link:not(div):active::after, .bouton-link :is(a, button, [type=submit]):active::after { translate: .5rem; } } .bouton-icon:not(div), .bouton-icon :is(a, button, [type=submit]) { padding: var(--spacing-sm); } .bouton-icon :is(a, button, [type=submit]) > span { font-size: var(--h4-font-size); } @media (prefers-reduced-motion: no-preference) { @media only screen and (hover: hover) and (pointer: fine) { .bouton-icon.icon-play a:hover { scale: 1.05; } .bouton-icon.icon-play a:active { scale: 1.1; } } @media only screen and (hover: none) and (pointer: coarse) { .bouton-icon.icon-play a:active { scale: 1.05; } } } .input-group .input-group-append { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } @container viewport (30rem < inline-size) { [type=submit]:not(.bouton-icon), .bouton:not(.bouton-link, .bouton-icon, .menu-item, div), .bouton:not(.bouton-link, .bouton-icon, .menu-item) :is(a, button, [type=submit]) { min-inline-size: 9rem; } } @container viewport (inline-size <= 30rem) { :where(.tease__button, .bouton:not(.bouton-link, .bouton-icon)), .bouton:not(.bouton-link, .bouton-icon, .moove-gdpr-button-holder) :is(a, button, [type=submit]), :where([type=submit]:not(.bouton-icon), .mgbutton:not(.moove-gdpr-infobar-reject-btn), .moove-gdpr-button-holder, .ino-menu-level-1) { inline-size: 100%; } .bouton:not(.bouton-link, .bouton-icon, .bouton-download, :has(i), div), .bouton:not(.bouton-link, .bouton-icon, .bouton-download, :has(i)) :is(a, button, [type=submit]), :where([type=submit], .mgbutton:not(.moove-gdpr-infobar-reject-btn)) { padding: var(--_padding-button); } .bouton:is(.bouton-download, :has(i)):not(div), .bouton:is(.bouton-download, :has(i)) :is(a, button, [type=submit]) { padding-block: var(--_padding-button); padding-inline: calc(var(--_padding-button) * 2); } .boutons .bouton-contour { order: 1; } .boutons .bouton:not(.bouton-contour) { order: 2; } } } html { background: var(--dark-color); } body { background: var(--background-color); color: var(--title-color); font: var(--text-weight-normal) var(--text-size-normal)/1 var(--font-text); accent-color: var(--primary-color); caret-color: var(--primary-color); } figcaption { font: var(--text-weight-medium) var(--text-size-small)/1.3 var(--font-text); } .breadcrumb { margin-block-start: var(--spacing-md); } .breadcrumb + * { margin-block-start: var(--spacing-xl); } .breadcrumb p { display: flex; gap: var(--spacing-4xs) 1ch; font-size: var(--text-size-small); } .breadcrumb :where(a, .last) { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumb a { max-inline-size: 12ch; } .breadcrumb .last { max-inline-size: 32ch; } .back-to-top { border-radius: calc(var(--border-radius) / 2); padding: var(--spacing-2xs); position: fixed; inset-block-end: var(--spacing-md); inset-inline-end: var(--spacing-md); transition: var(--transition-default), opacity .15s ease-in-out; z-index: 50; } .back-to-top i { font-size: .5rem; } .back-to-top.hide { opacity: 0; visibility: hidden; pointer-events: none; } .text-primary .elementor-heading-title, .text-primary:not(.elementor-widget-heading) { color: var(--primary-color); } .text-secondary .elementor-heading-title, .text-secondary:not(.elementor-widget-heading) { color: var(--secondary-color); } .text-tertiary .elementor-heading-title, .text-tertiary:not(.elementor-widget-heading) { color: var(--tertiary-color); } } @layer components { @layer pagination { .ino-pagination-block { margin-block-start: var(--spacing-2xl); } .ino-pagination { display: inline-flex; flex-flow: row wrap; align-items: center; gap: var(--spacing-sm); } .ino-pagination :is(li, span) { line-height: 1; } .ino-pagination .disabled { display: none; } .ino-pagination .current span { color: var(--primary-color); } .ino-pagination a { display: inline-flex; font-weight: var(--text-weight-medium); } .ino-pagination a:has(i) { align-items: center; gap: 1.5ch; } .ino-pagination i { font-size: var(--text-size-small); } @container viewport (inline-size <= 24rem) { .ino-pagination :is(.prev, .next) span { display: none; } } } @layer modals { .ino-modal { background: transparent; display: flex; flex-flow: column; block-size: 100%; transition: opacity .15s linear; } .ino-modal:not(.ino-modal-img) { inline-size: 100%; } .ino-modal:not(.ino-modal-img, .ino-modal-video) { background: var(--background-color); } .ino-modal:not([open], :popover-open), .gdpr_lightbox:not(.gdpr_lightbox-opened) { opacity: 0; visibility: hidden; } .gdpr_lightbox:not(.gdpr_lightbox-opened), .ino-modal:not([open], :popover-open, .ino-modal-img) { pointer-events: none; } [popover]:-internal-popover-in-top-layer::backdrop, .ino-modal:popover-open::backdrop { background: radial-gradient(var(--shadow-color), 50%, var(--muted-color)); backdrop-filter: blur(8px); color-scheme: light; } :where(.ino-modal-wrapper, .gdpr_lightbox, #moove_gdpr_cookie_info_bar) { inline-size: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; } .ino-modal:not(.ino-modal-img) .ino-modal-wrapper { flex-grow: 1; } .ino-modal-container { display: flex; align-items: safe center; position: relative; } :where(.ino-modal-container.center, .ino-modal-img) { justify-content: center; } .ino-modal:not(.ino-modal-img) .ino-modal-container { min-block-size: 100%; padding-block: 6rem; transition: translate .3s ease-out; } .ino-modal:not([open], :popover-open, .ino-modal-img) .ino-modal-container { translate: 0 -50px; } .ino-modal-close { position: absolute; inset-block-start: calc(var(--padding-header) + (var(--logo-height) / 2) - var(--banner-height)); inset-inline-end: 0; translate: 0 -50%; } .ino-modal-close i { font-size: var(--h4-font-size); } .ino-modal-img .ino-modal-container { inline-size: fit-content; margin: var(--spacing-xs); } .ino-modal-img:popover-open img { inline-size: auto; max-block-size: 90vh; pointer-events: initial; } body:has(.ino-modal-img:popover-open img:not(:hover)) * { cursor: zoom-out; } .ino-modal-video::backdrop { background: radial-gradient(var(--muted-color), 50%, var(--strong-color)); } .ino-modal-video iframe { box-shadow: var(--box-shadow); aspect-ratio: 16 / 9; max-inline-size: 100%; } .eb-ai-modal { max-block-size: 80vh; scrollbar-width: none; } } @layer elementor-widgets { :is(.elementor-widget-image, .elementor-widget-image-carousel) figure { position: relative; } :is(.elementor-widget-image, .elementor-widget-image-carousel) figcaption { background: oklch(from var(--dark-color) l c h / .25); border-radius: var(--border-radius); color: var(--light-color); inline-size: var(--wrapper-size-mobile); padding: var(--spacing-3xs); position: absolute; inset-block-end: var(--spacing-xs); inset-inline-start: 50%; translate: -50%; } .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap; margin-inline: calc(var(--spacing-3xs) * -1); } .elementor-field-group { display: flex; flex-flow: column; align-items: flex-start; padding-inline: var(--spacing-3xs); } .elementor-select-wrapper, :is(.elementor-field-group, .elementor-select-wrapper) > :is(input, select, textarea) { inline-size: 100%; } .elementor-field-label { font: var(--text-weight-medium) var(--text-size-small) / 1 var(--font-text); } .elementor-field-group:not(.elementor-field-type-upload) > label { cursor: text; margin-block-end: var(--spacing-2xs); } .elementor-field-label:has(+ .elementor-upload-field) { justify-content: flex-start; font: var(--text-weight-medium) var(--text-size-normal) / 1.2 var(--font-text); inline-size: 100%; transition: var(--transition-default); } .elementor-field-type-upload > .file-loaded { font-weight: var(--text-weight-bold); } .elementor-field-label:has(+ .elementor-upload-field:focus-visible) { outline-color: var(--_btn-color); } .elementor-field-label:has(+ .elementor-upload-field)::before { content: "\e904" / ""; font: var(--font-icon); letter-spacing: 0; } .elementor-field-group-rgpd { margin-block-end: calc(var(--spacing-2xs) * 2); } .elementor-accordion-item:not(:last-child) :is(.elementor-tab-title, .elementor-tab-content) { border-block-end: var(--border-width) solid var(--shadow-color); } .elementor-accordion-item { --_padding-accordion: var(--spacing-sm); } .elementor-accordion-item:not(:first-child) .elementor-tab-title { padding-block-start: var(--_padding-accordion); } .elementor-accordion-item:not(:last-child) .elementor-tab-title { padding-block-end: var(--_padding-accordion); } .elementor-accordion-title { display: flex; align-items: center; justify-content: space-between; gap: 3ch; font: var(--text-weight-medium) var(--text-size-big)/1.3 var(--font-text); } .elementor-accordion-title::after { font-size: var(--text-size-small); } .elementor-accordion-item .elementor-tab-title[aria-expanded=false] a::after { content: "\e900" / ""; } .elementor-accordion-item .elementor-tab-title[aria-expanded=true] a::after { content: "\e901" / ""; } .elementor-accordion-item .elementor-tab-content { display: none; padding-block: var(--_padding-accordion) calc(var(--_padding-accordion) * 2); } .elementor-widget-testimonial-carousel .elementor-main-swiper { inline-size: 100%; } :is(.elementor-testimonial-content, .elementor-testimonial__content) { display: grid; gap: var(--spacing-md); } :is(.elementor-testimonial-meta-inner, .elementor-testimonial__footer) { display: flex; align-items: center; gap: var(--spacing-xs); margin-block-start: var(--spacing-sm); } :is(.elementor-widget-testimonial, .elementor-widget-testimonial-carousel) img { aspect-ratio: 1; inline-size: var(--h2-font-size); object-fit: contain; } :is(.elementor-widget-testimonial, .elementor-widget-testimonial-carousel, .elementor-widget-image-box):not(.contain) img { border-radius: var(--border-radius); object-fit: cover; } :is(.elementor-testimonial-name, .elementor-testimonial__name) { color: var(--title-color); font: var(--text-weight-bold) var(--text-size-normal)/1.3 var(--font-text); } :is(.elementor-testimonial-job, .elementor-testimonial__title) { font: var(--text-weight-normal) var(--text-size-small)/1.3 var(--font-text); margin-block-start: var(--spacing-4xs); } .elementor-icon-box-title span { color: inherit; font: inherit; } .elementor-widget-google_maps iframe { block-size: min(calc(var(--spacing-4xl) * 5), 32rem); } .elementor-image-box-content { margin-block-start: var(--spacing-md); } } @layer teases { :is(.tease, .tease__description):not(:where(.tease-offer, .tease-post)) { display: flex; flex-flow: column; align-items: flex-start; inline-size: 100%; } .tease:not(:where(.tease-cas-clients)) { gap: var(--spacing-sm); } .tease__thumb { border-radius: var(--border-radius-small); display: flex; aspect-ratio: 36 / 26; inline-size: 100%; overflow: hidden; } .tease__thumb :is(picture, img) { inline-size: 100%; block-size: 100%; } .tease__thumb:has(.tease__thumb-placeholder) { background: var(--primary-color); } .tease__thumb img:not(.tease__thumb-placeholder) { object-fit: cover; } .tease__thumb .tease__thumb-placeholder { object-fit: contain; } @media (prefers-reduced-motion: no-preference) { .tease__thumb :is(img, svg) { transition: scale .75s linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1); } } @media only screen and (hover: hover) and (pointer: fine) { .tease__thumb:hover :is(img, svg) { scale: 1.025; } } .tease__thumb:active :is(img, svg) { scale: 1.05; } :is(.tease__description, .tease__button) { flex-grow: 1; } .tease__date { font: var(--text-weight-medium) var(--text-size-small)/1 var(--font-text); letter-spacing: .03em; margin-block-end: var(--spacing-2xs); } .tease:not(:where(.tease-offer)) .tease__title { font: 400 var(--h4-font-size)/1.1 var(--font-text); letter-spacing: .02em; } .tease__title > * { all: inherit; margin: 0; } .tease:not(:where(.tease-offer, .tease-cas-clients)) .tease__excerpt { font: var(--text-weight-normal) var(--text-size-small)/1.3 var(--font-text); margin-block: var(--spacing-xs) 0; } .tease__button { margin-block-start: var(--spacing-sm); } .tease__button:has(a) { display: grid; place-items: flex-end flex-start; } .tease-post { container: tease-post / inline-size; box-shadow: 10px 12px 3px 0 var(--background-blue); inline-size: 100%; } .tease-post .tease__wrapper { border: var(--border-width) solid var(--shadow-color); border-radius: var(--border-radius-small); display: flex; gap: var(--spacing-xs); block-size: 100%; padding: var(--spacing-sm); } .tease-post .tease__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-block-start: var(--spacing-2xs); } @container tease-post (40rem < inline-size) { .tease-post .tease__description { padding-block: var(--spacing-sm); } } @container tease-post (inline-size <= 20rem) or (28rem < inline-size <= 40rem) { .tease-post .tease__title { font-size: var(--text-size-big); } } @container tease-post (20rem < inline-size <= 28rem) or (50rem < inline-size <= 60rem) { .tease-post .tease__wrapper { padding: var(--spacing-md); } .tease-post .tease__excerpt { margin-block-start: var(--spacing-2xs); } } @container tease-post (inline-size <= 28rem) { .tease-post .tease__wrapper { flex-flow: column; } } .offer-item { container: tease-offer / inline-size; } .offer-item:not(:first-child) { border-block-start: var(--border-width) solid var(--shadow-color); margin-block-start: var(--spacing-lg); padding-block-start: var(--spacing-sm); } .tease-offer { display: grid; } @container tease-offer (28rem < inline-size) { .tease-offer { grid-template-columns: auto 1fr auto; align-items: center; gap: var(--spacing-xs) var(--spacing-lg); } .tease-offer:has(.tease__excerpt) svg { grid-area: 1 / 1 / 3 / 2; } .tease-offer .tease__excerpt { grid-area: 2 / 2 / 3 / 3; margin: 0; } .tease-offer .tease__button { min-inline-size: initial; padding-inline: var(--_padding-button); } .tease-offer:has(.tease__excerpt) .tease__button { grid-area: 1 / 3 / 3 / -1; } .tease-offer .tease__button::after { content: "\e902" / ""; font-size: var(--text-size-normal); } .tease-offer .tease__button span:not(.sr-only) { display: none; } } @container tease-offer (inline-size <= 28rem) { .tease-offer { grid-template-columns: auto 1fr; align-items: flex-start; gap: var(--spacing-xs) var(--spacing-sm); } .tease-offer svg { inline-size: auto; block-size: var(--h3-font-size); } .tease-offer:has(.tease__excerpt) svg { grid-row: 1 / 3; } .tease-offer:not(:has(.tease__excerpt)) svg { grid-row: 1 / 2; } .tease-offer .tease__button { grid-column: 1 / -1; } .tease-offer .tease__button .sr-only { display: none; } } .tease-expertise { container: tease-expertise / inline-size; } .tease-expertise .tease__wrapper, .tease-cas-clients .tease__description { background: oklch(from var(--background-blue) l c h / .4); backdrop-filter: blur(7px); border: var(--border-width) solid var(--shadow-color); border-radius: var(--border-radius-small); } .tease-expertise .tease__wrapper { inline-size: 100%; padding: var(--spacing-lg); transition: background-color .3s ease-in-out; } .tease-expertise:hover .tease__wrapper { background: var(--primary-color); } .tease-expertise :is(.tease__wrapper, .tease__description) { block-size: 100%; } .tease-expertise .tease__description::before { color: var(--tertiary-color); font: var(--font-icon); font-size: var(--spacing-lg); letter-spacing: 0; margin-block-end: var(--spacing-md); } .tease-expertise.data .tease__description::before { content: "\e918" / ""; } .tease-expertise.strategie .tease__description::before { content: "\e914" / ""; } .tease-expertise.dev .tease__description::before { content: "\e919" / ""; } .tease-expertise.transformation .tease__description::before { content: "\e912" / ""; } .tease-expertise .tease__title { display: flex; align-items: baseline; gap: 1ch; font: var(--text-weight-normal) var(--h3-font-size) / 1.1 var(--font-text); letter-spacing: -.02em; } .tease-expertise .tease__title::before { content: "///" / ""; font: inherit; } .tease-expertise .tease__excerpt { border-block-start: var(--border-width) solid var(--shadow-color); font-size: var(--text-size-normal); padding-block-start: var(--spacing-xs); margin-block-start: var(--spacing-xs); } .tease-expertise .tease__button { margin-block-start: var(--spacing-lg); } .tease-expertise:not(:hover) .bouton { background: transparent; border-color: var(--title-color); outline-color: var(--title-color); } .tease-expertise .bouton::after { content: "\e925" / ""; } @container tease-expertise (inline-size <= 24rem) { .tease-expertise .tease__wrapper { padding: var(--spacing-md); } .tease-expertise .tease__description::before { font-size: var(--spacing-md); margin-block-end: var(--spacing-sm); } .tease-expertise .tease__title { font-size: var(--h4-font-size); gap: .5ch; } } @container tease-expertise (inline-size <= 20rem) { .tease-expertise .tease__excerpt { font-size: var(--text-size-small); } } .tease-cas-clients { container: tease-cas-clients / inline-size; } .tease-cas-clients :is(.tease__wrapper, .tease__description) { display: grid; } .tease-cas-clients .tease__logo { max-inline-size: 8rem; margin-block-end: var(--spacing-sm); } .tease-cas-clients .tease__description { grid-template-columns: subgrid; } .tease-cas-clients .tease__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin-block-start: var(--spacing-xs); } .tease-cas-clients .bouton-link::after { content: "\e925" / ""; translate: initial; } @container tease-cas-clients (36rem < inline-size) { .tease-cas-clients .tease__wrapper { grid-template: repeat(7, 1fr) / repeat(17, 1fr); position: relative; } .tease-cas-clients .tease__thumb { block-size: 100%; grid-area: 1 / 1 / 7 / 9; position: absolute; } .tease-cas-clients .tease__description { grid-area: 2 / 8 / -1 / -1; padding-block: var(--spacing-md); } .tease-cas-clients .tease__description > * { grid-column: 2 / -2; } } @container tease-cas-clients (inline-size <= 36rem) { .tease-cas-clients .tease__wrapper { grid-template-columns: repeat(24, 1fr); } .tease-cas-clients .tease__thumb { grid-column: 1 / -1; } .tease-cas-clients .tease__description { grid-column: 2 / -2; margin-block-start: calc(var(--spacing-2xl) * -1); padding-block: var(--spacing-lg); } .tease-cas-clients .tease__description > * { grid-column: 3 / -3; } } @container viewport (30rem < inline-size) { .tease-cas-clients .tease__logo { justify-self: flex-end; } } @container viewport (inline-size <= 30rem) { .tease-cas-clients .tease__excerpt { font-size: var(--text-size-small); } } } @layer cookies { :where(.gdpr_lightbox, #moove_gdpr_cookie_info_bar) { background: radial-gradient(var(--muted-color), 25%, var(--title-color)); backdrop-filter: blur(8px); } :where(.gdpr_lightbox, #moove_gdpr_cookie_info_bar) { position: fixed; inset: 0; } #moove_gdpr_cookie_info_bar { display: grid; place-items: center; z-index: 9900; } :is(.moove-gdpr-info-bar-container, .eb-ai-modal) { background: var(--background-color); border-radius: clamp(0rem, var(--border-radius), 2rem); box-shadow: 0 12px 124px oklch(from var(--primary-color) l c h / .3); inline-size: min(var(--wrapper-size-mobile), 50rem); padding: var(--spacing-lg); } .moove-gdpr-cookie-notice { margin-block-end: var(--spacing-sm); } .moove-gdpr-cookie-notice p { color: var(--title-color); font-weight: var(--text-weight-medium); } .moove-gdpr-button-holder { display: flex; flex-flow: row wrap; align-items: center; gap: var(--spacing-sm); } .moove-gdpr-infobar-allow-all { order: 1; } .moove-gdpr-infobar-settings-btn { order: 2; } .moove-gdpr-infobar-reject-btn { order: 3; } .gdpr_lightbox { transition: var(--transition-default); z-index: 9990; } .gdpr_lightbox > .gdpr_lightbox-wrap { margin-block: var(--spacing-md); } :where(#moove_gdpr_cookie_modal) { all: unset; } :where(.moove-gdpr-branding-cnt, .moove-clearfix, .gdpr_lightbox-hide, .gdpr_lightbox-close, .cookie-switch > input) { display: none; } .moove-gdpr-modal-content { background: var(--background-color); border-radius: clamp(0rem, var(--border-radius), 2rem); box-shadow: 0 4px 124px oklch(from var(--primary-color) l c h / .15); display: grid; grid-template-columns: .6fr 1fr; inline-size: min(var(--wrapper-size-mobile), 70rem); min-block-size: 35rem; position: relative; margin-inline: auto; } .moove-gdpr-modal-close { position: absolute; inset-block-start: var(--spacing-sm); inset-inline-end: var(--spacing-sm); } :is(.moove-gdpr-modal-left-content, .moove-gdpr-modal-right-content) { display: flex; flex-flow: column; padding: var(--spacing-lg); } .moove-gdpr-modal-left-content { background: var(--background-color); gap: var(--spacing-md); } .moove-gdpr-company-logo-holder img { aspect-ratio: var(--logo-ratio); inline-size: min(80%, 8rem); } :is(.moove-gdpr-tab-nav, .moove-gdpr-modal-right-content) { background: var(--background-grey); } .moove-gdpr-tab-nav { border-radius: var(--border-radius-small); border: var(--border-width) solid transparent; color: var(--secondary-color); inline-size: 100%; padding-block: var(--spacing-2xs); padding-inline: calc(var(--spacing-2xs) * 2); } @media only screen and (hover: hover) and (pointer: fine) { .moove-gdpr-tab-nav:hover { background: var(--secondary-color); color: var(--light-color); } .moove-gdpr-tab-nav:active { background: var(--secondary-hover-color); color: var(--light-color); } } @media only screen and (hover: none) and (pointer: coarse) { .moove-gdpr-tab-nav:active { background: var(--secondary-color); color: var(--light-color); } } .moove-gdpr-modal-left-content .menu-item-selected :is(a, button) { background: var(--background-color); border-color: var(--background-grey); color: var(--text-color); cursor: default; } .moove-gdpr-modal-left-content :is(a, button) span { display: flex; font-size: var(--text-size-normal); line-height: 1.3; } .main-modal-content { flex-grow: 1; block-size: auto; } .moove-gdpr-tab-main .tab-title:is(h3, span) { color: var(--title-color); display: inline-flex; font: var(--text-weight-bold) var(--h4-font-size) / 1 var(--font-text); letter-spacing: 0; margin-block-end: var(--spacing-sm); } .cookie-switch { position: relative; display: inline-block; inline-size: 3rem; block-size: 2rem; } .cookie-switch .cookie-slider, .cookie-switch .cookie-slider:before { position: absolute; transition: var(--transition-default); } .cookie-switch .cookie-slider { background: var(--alert-danger-color); border-radius: 5rem; cursor: pointer; inset: 0; } .cookie-switch:has(input:checked) .cookie-slider { background: var(--alert-success-color); } .cookie-switch .cookie-slider:before { content: ""; background: var(--background-color); border-radius: 50%; aspect-ratio: 1; block-size: calc(2rem - (var(--border-width) * 2)); inset-block-end: 50%; inset-inline-start: 0; translate: var(--border-width) 50%; } .cookie-switch:has(input:checked) .cookie-slider:before { translate: 1rem 50%; } .cookie-switch .cookie-slider:after { content: attr(data-text-disabled); color: var(--alert-danger-color); font: var(--text-weight-bold) var(--text-size-normal)/1 var(--font-text); position: absolute; inset-block-start: 50%; inset-inline-end: calc(var(--spacing-2xs) * -1); translate: 100% -50%; } .cookie-switch:has(input:checked) .cookie-slider:after { content: attr(data-text-enable); color: var(--alert-success-color); } .gdpr-checkbox-disabled { opacity: .6; pointer-events: none; } .gdpr-checkbox-disabled .cookie-switch:has(input:checked) .cookie-slider { background: var(--title-color); } .gdpr-checkbox-disabled .cookie-switch:has(input:checked) .cookie-slider:after { color: var(--title-color); } .moove-gdpr-modal-content .moove-gdpr-button-holder { border-block-start: var(--border-width) solid var(--shadow-color); display: flex; justify-content: space-between; margin-block-start: var(--spacing-xl); padding-block-start: var(--spacing-md); } @container viewport (60rem < inline-size) { .moove-gdpr-modal-left-content { border-radius: clamp(0rem, var(--border-radius), 2rem) 0 0 clamp(0rem, var(--border-radius), 2rem); } .moove-gdpr-modal-left-content li:not(:first-child) { margin-block-start: var(--spacing-xs); } .moove-gdpr-modal-right-content { border-radius: 0 clamp(0rem, var(--border-radius), 2rem) clamp(0rem, var(--border-radius), 2rem) 0; } } @container viewport (inline-size <= 60rem) { .moove-gdpr-modal-content { grid-template-columns: 1fr; min-block-size: initial; } .moove-gdpr-modal-close { inset-block-start: calc(var(--spacing-lg) + (var(--logo-height) / 2)); inset-inline-end: var(--spacing-lg); translate: 0 -50%; } } @container viewport (45rem < inline-size) { .moove-gdpr-tab-main .tab-title:is(h3, span) { margin-block-end: var(--spacing-md); } } @container viewport (45rem < inline-size <= 60rem) { .moove-gdpr-modal-left-content ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-3xs); } .moove-gdpr-modal-left-content :is(li, button) { block-size: 100%; } .moove-gdpr-modal-left-content button { padding-block: var(--spacing-3xs); padding-inline: var(--spacing-xs); } .moove-gdpr-modal-left-content .gdpr-nav-tab-title { font-size: var(--text-size-small); } } @container viewport (inline-size <= 45rem) { .moove-gdpr-cookie-notice { margin-block-end: var(--spacing-md); } .moove-gdpr-modal-left-content, .moove-gdpr-tab-main:not(:first-child) .moove-gdpr-tab-main-content { display: none; } .moove-gdpr-tab-main { display: block !important; margin-block-end: var(--spacing-2xs); } .moove-gdpr-tab-main-content { margin-block-start: var(--spacing-sm); } .moove-gdpr-tab-main:not(:first-child) { background: var(--background-color); border-radius: clamp(0rem, var(--border-radius), 1rem); } .moove-gdpr-tab-main:not(:first-child) .tab-title { cursor: pointer; inline-size: 100%; padding-block: var(--spacing-2xs); padding-inline: var(--spacing-sm); transition: var(--transition-default); } .moove-gdpr-tab-main:not(:first-child) .moove-gdpr-tab-main-content { padding-block: 0 var(--spacing-lg); padding-inline: var(--spacing-sm); } .moove-gdpr-modal-right-content { border-radius: 0 0 clamp(0rem, var(--border-radius), 2rem) clamp(0rem, var(--border-radius), 2rem); padding: var(--spacing-md); } .moove-gdpr-modal-close { inset-block-start: calc(var(--spacing-md) + (var(--logo-height) / 2)); inset-inline-end: var(--spacing-md); } .moove-gdpr-tab-main-content :is(p, li, button) { font-size: var(--text-size-small); } } @container viewport (36rem < inline-size) { .moove-gdpr-modal-content .moove-gdpr-button-holder { flex-flow: row-reverse; } } @container viewport (inline-size <= 36rem) { .moove-gdpr-button-holder { flex-flow: column-reverse; align-items: center; gap: var(--spacing-3xs); margin-inline: auto; } .moove-gdpr-button-holder button { inline-size: 100%; } .moove-gdpr-infobar-reject-btn { margin-block-end: var(--spacing-xs); } } @container viewport (30rem < inline-size <= 36rem) { .moove-gdpr-button-holder { inline-size: min(100%, 16rem); } } @container viewport (inline-size <= 30rem) { .moove-gdpr-button-holder { inline-size: 100%; } } @container viewport (inline-size <= 24rem) { .moove-gdpr-cookie-notice p, .moove-gdpr-button-holder .mgbutton { font-size: var(--text-size-small); } .moove-gdpr-modal-content .mgbutton { max-inline-size: initial; } } } @layer wpfacet { .ino-filters { --_nb-cols: 2; display: grid; grid-template-columns: repeat(var(--_nb-cols), minmax(0, 1fr)); gap: var(--spacing-2xl) var(--columns-gap); } .ino-filter__title { color: var(--muted-color); font: var(--text-weight-medium) var(--text-size-small)/1.1 var(--font-text); } .facetwp-facet-realisations_types:not(:empty) { margin-block-end: var(--spacing-md); } .facetwp-type-checkboxes { display: inline-flex; flex-wrap: wrap; gap: var(--spacing-3xs); position: relative; } .facetwp-overlay { background: var(--background-color); opacity: .66; position: absolute; inset: 0; z-index: 1; } .facetwp-checkbox { background: var(--background-grey); backdrop-filter: blur(57px); border: var(--border-width) solid var(--shadow-color); border-radius: var(--border-radius-small); color: var(--title-color); cursor: pointer; font: var(--text-weight-normal) var(--text-size-normal)/ 1.3 var(--font-text); padding-block: var(--spacing-3xs); padding-inline: var(--spacing-2xs); transition: var(--transition-default); } @media only screen and (hover: hover) and (pointer: fine) { .facetwp-checkbox:hover { background: oklch(from var(--secondary-color) l c h / .3); } .facetwp-checkbox:active { background: oklch(from var(--secondary-color) l c h / .6); } } @media only screen and (hover: none) and (pointer: coarse) { .facetwp-checkbox:active { background: oklch(from var(--secondary-color) l c h / .3); } } .facetwp-checkbox.checked { background: var(--secondary-color); border-color: var(--secondary-color); } .facetwp-checkbox span { color: inherit; font: inherit; letter-spacing: inherit; margin-inline-start: var(--spacing-4xs); } .facetwp-facet-pagination .facetwp-pager { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: var(--spacing-md); } .facetwp-page { font-weight: var(--text-weight-bold); } .facetwp-page:is(.prev, .next) { display: flex; align-items: center; gap: 1ch; } .facetwp-page.prev::before, .facetwp-page.next::after { font: var(--font-icon); font-size: var(--text-size-small); letter-spacing: 0; } .facetwp-page.prev::before { content: "\e903" / ""; } .facetwp-page.next::after { content: "\e902" / ""; } @container viewport (inline-size <= 70rem) { .ino-filters { --_nb-cols: 1; } .ino-filter__title { font-size: var(--h4-font-size); } } } .pre-header { background: var(--primary-color); } .pre-header .container { padding-block: var(--spacing-3xs); } .pre-header p { color: var(--light-color); font: var(--text-weight-bold) var(--text-size-small)/1.3 var(--font-text); } header { container: main-nav / inline-size; position: relative; z-index: 5; } header:not(.header-absolute) .header-nav { background: var(--background-color); } .dark-header:not(.header-absolute) .header-nav { color-scheme: dark; } .header-nav > .container { display: flex; align-items: center; justify-content: space-between; gap: min(2.5rem, 10%); padding-block: var(--padding-header); } .logo-header a { display: flex; } .logo-header img { aspect-ratio: var(--logo-ratio); inline-size: auto; block-size: var(--logo-height); } .ino-nav-menu-list { display: flex; align-items: center; gap: var(--spacing-md); } .ino-nav-main:not(.center) ul:is([class^="ino-menu-level-"],[class*=" ino-menu-level-"]):not(.ino-menu-level-1) { flex-flow: column; align-items: flex-start; } .ino-nav-item-link { display: flex; font: var(--text-weight-normal) var(--text-size-normal)/1.3 var(--font-text); letter-spacing: .06em; } .ino-nav-item-link[href="#"] { cursor: default; } .ino-nav-item-link-3:not(:hover, :active) { color: var(--text-color); } @container main-nav (85rem < inline-size) { .show-inodia-menu { display: none; } .header-nav { pointer-events: none; } :is(.logo-header, .ino-nav-menu-item-1) { line-height: 1; pointer-events: initial; } .ino-nav-main-desktop { backdrop-filter: blur(57px); border: var(--border-width) solid var(--shadow-color); box-shadow: 0 4px 20px oklch(from var(--background-color) l c h / .3); padding-block: var(--spacing-2xs); padding-inline: var(--spacing-lg) var(--spacing-2xs); } .ino-menu-level-2, .ino-mega-menu .ino-menu-level-3 { gap: var(--spacing-xs); } .ino-nav-menu-item-1:not(:hover, :focus-within) > .ino-wrapper-menu { opacity: 0; visibility: hidden; pointer-events: none; } .ino-nav-item-link-1 { line-height: 1; } .ino-nav-menu-item-1.menu-item-has-children .ino-nav-item-link-1 { align-items: center; gap: 1ch; } .ino-nav-menu-item-1.menu-item-has-children .ino-nav-item-link-1::after { content: "\e900" / ""; color: inherit; font: var(--font-icon); font-size: var(--text-size-small); letter-spacing: 0; } .ino-nav-menu-item-1.menu-item-has-children:not(.mega) { position: relative; } .ino-nav-menu-item-1 > :is(.ino-menu-level-2, .ino-mega-menu) a { font-weight: var(--text-weight-normal); } .ino-nav-menu-item-1.menu-item-has-children > .ino-wrapper-menu { inline-size: calc(100% + var(--border-width) * 2); margin-inline: calc(var(--border-width) * -1); padding-block-start: calc(var(--logo-height) / 2); position: absolute; inset-block-end: 50%; translate: 0 100%; z-index: -1; transition: var(--transition-default); } .ino-nav-menu-item-1.menu-item-has-children > .ino-wrapper-menu:not(.ino-mega-menu) { --_padding-submenu: var(--spacing-sm); border-radius: 0 0 clamp(0rem, var(--border-radius), clamp(1.5rem, 1.375rem + .625vw, 2rem)) clamp(0rem, var(--border-radius), clamp(1.5rem, 1.375rem + .625vw, 2rem)); white-space: nowrap; min-inline-size: calc(100% + var(--_padding-submenu) * 2); inset-inline-start: calc(var(--_padding-submenu) * -1); } .ino-mega-menu { --_padding-megamenu: var(--spacing-md); inline-size: 100%; inset-inline-start: 0; } .ino-wrapper-menu > ul { background: var(--background-grey); backdrop-filter: blur(57px); border: var(--border-width) solid var(--shadow-color); box-shadow: 0 4px 20px oklch(from var(--background-color) l c h / .3); } .ino-wrapper-menu:not(.ino-mega-menu) > ul { inline-size: fit-content; padding: var(--_padding-submenu); } .ino-mega-menu > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-items: flex-start; gap: var(--spacing-lg) var(--columns-gap); padding-block: var(--_padding-megamenu); padding-inline: var(--spacing-lg); } .ino-mega-menu .ino-menu-level-2 > .menu-item-has-children { display: flex; flex-flow: column; align-items: flex-start; gap: var(--spacing-sm); } .ino-mega-menu .ino-nav-menu-item-2 { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 1.5ch; } .ino-mega-menu .ino-nav-menu-item-2::before { font: var(--font-icon); font-size: var(--h4-font-size); letter-spacing: 0; } .ino-mega-menu .ino-nav-menu-item-2.menu-item-2559::before { content: "\e918" / ""; } .ino-mega-menu .ino-nav-menu-item-2.menu-item-2561::before { content: "\e914" / ""; } .ino-mega-menu .ino-nav-menu-item-2.menu-item-2560::before { content: "\e919" / ""; } .ino-mega-menu .ino-nav-menu-item-2.menu-item-2562::before { content: "\e912" / ""; } .menu-item-2563 .ino-mega-menu .ino-nav-menu-item-2::before { content: "\e91a" / ""; } .ino-mega-menu .ino-nav-item-link-2 { font: var(--text-weight-bold) var(--text-size-big)/1.3 var(--font-text); letter-spacing: var(--letter-spacing); } a:has(+ .ino-nav-item-desc) { justify-self: flex-start; } .ino-nav-item-desc { grid-column: 1 / -1; font-size: var(--text-size-small); } } @container main-nav (inline-size <= 85rem) { .hide-inodia-menu, :where(a[aria-expanded="false"], .ino-nav-wrapper-link:has(button[aria-expanded="false"])) ~ :is(.ino-nav-menu-list, .ino-mega-menu) { display: none; } .ino-nav-mobile-btn-open i { font-size: var(--h4-font-size); } .ino-nav-main :where(ul, li) { display: flex; flex-flow: column; line-height: 1; } :where(.menu-item-has-children > a[href="#"], .menu-item-has-children:has(> a:not([href="#"])) > .ino-nav-wrapper-link) { justify-content: center; } .ino-nav-main.center :is(ul, li, a) { align-items: center; text-align: center; } .ino-menu-level-1 { gap: var(--spacing-xl); } .ino-menu-level-2 { gap: var(--spacing-md); } .ino-menu-level-3 { gap: var(--spacing-sm); } .ino-nav-menu-item-1 { gap: var(--spacing-md) var(--spacing-2xs); } .ino-nav-menu-item-2 { gap: var(--spacing-sm) var(--spacing-2xs); } .ino-nav-menu-item-3 { gap: var(--spacing-xs) var(--spacing-2xs); } .ino-nav-menu-item-1:not(:last-child) > :where(a[href="#"], .ino-nav-menu-list) > .ino-nav-sub-menu { margin-block-end: var(--spacing-sm); } .ino-nav-menu-item-2:not(:last-child) > :where(a[href="#"], .ino-nav-menu-list) > .ino-nav-sub-menu { margin-block-end: var(--spacing-2xs); } :where(.menu-item-has-children > a[href="#"], .ino-nav-wrapper-link) { display: flex; align-items: center; gap: 1.5ch; } .menu-item-has-children > a[href="#"]::after { content: "\e900" / ""; font: var(--font-icon); letter-spacing: 0; } .ino-nav-main a[aria-expanded="true"]::after, .ino-nav-main button[aria-expanded="true"] i { display: block; rotate: 180deg; } .ino-nav-menu-item-1:not(.bouton) .ino-nav-item-link-1 { font: var(--text-weight-medium) var(--h4-font-size)/1.1 var(--font-text); } .ino-nav-item-link-2 { font: var(--text-weight-normal) var(--text-size-big)/1.1 var(--font-text); } .ino-nav-item-link-3 { font: var(--text-weight-normal) var(--text-size-normal)/1.1 var(--font-text); } .ino-nav-item-link-2:not(:hover, :active) { color: var(--text-color); } } .socials-fixed { position: fixed; inset-block-start: 40svh; inset-inline-start: var(--spacing-md); z-index: 49; } .socials { display: flex; gap: var(--spacing-xs); } .socials-fixed .socials { flex-flow: column; align-items: center; } .socials-fixed .socials::before, .socials-fixed .socials::after { content: ""; background: var(--primary-color); display: flex; inline-size: var(--border-width); block-size: var(--spacing-lg); } .social__item { line-height: 1; } .social__item-link { font-size: var(--h4-font-size); } footer { display: grid; gap: var(--spacing-lg) var(--spacing-md); padding-block-end: var(--spacing-xl); } .dark-scheme-color footer img { filter: brightness(10); } .post-footer :is(p, a) { font: var(--text-weight-normal) var(--text-size-small)/2.5 var(--font-text); } .post-footer :where(p, a:not(:hover, :active)) { color: var(--title-color); } .section-appel-contact .elementor-widget-text-editor { inline-size: min(var(--wrapper-size-small), 100%); } .halo-before::before, .halo-after::after, .eb-reassurance:nth-child(9n - 6)::before { content: ""; border-radius: 100%; display: flex; aspect-ratio: 1; block-size: auto; pointer-events: none; position: absolute; } .halo-before-primary::before, .halo-after-primary::after { background: radial-gradient(50% 50% at 50% 50%, var(--primary-color) 0%, oklch(from var(--primary-color) l c h / 0%) 100%); opacity: .3; } .halo-before-secondary::before, .halo-after-secondary::after, .eb-reassurance:nth-child(9n - 6)::before { background: radial-gradient(50% 50% at 50% 50%, var(--secondary-color) 0%, oklch(from var(--secondary-color) l c h / 0%) 100%); opacity: .5; } .section-offer-intro .elementor-widget-image::before, .section-offer-intro .elementor-widget-image::after { opacity: 1; } .section-mea .elementor-widget-heading:has(h1)::after { inline-size: 35%; inset-block-end: 0; inset-inline-start: 50%; translate: -37% 50%; opacity: .5; z-index: -1; } .section-offres .elementor-widget-shortcode::before { inline-size: 53.7%; inset-block-end: 0; inset-inline-start: 0; translate: -70% 10%; } .section-expertises .elementor-widget-heading.halo-after::after { inline-size: 83.5%; inset-block-end: 0; inset-inline-end: 0; translate: 26% 80%; } .section-expertises .elementor-widget-text-editor.halo-before::before { inline-size: 54.5%; inset-block-start: 0; inset-inline-end: 0; translate: 47% -91%; } .section-actus .elementor-widget-shortcode::before { inline-size: 51.5%; inset-block-start: 0; inset-inline-end: 0; translate: 30% -24%; } .section-actus .elementor-widget-shortcode::after { inline-size: 50%; inset-block-end: 0; inset-inline-start: 0; translate: -50% 28%; } .section-cas-client .elementor-widget-shortcode::before { inline-size: 44.2%; inset-block-start: 0; inset-inline-end: 0; translate: -6%; } .section-offer-intro .elementor-widget-image::before { inline-size: 67.1%; inset-block-start: 0; inset-inline-start: 0; translate: -30% -20%; } .section-offer-intro .elementor-widget-image::after { inline-size: 87.3%; inset-block-end: 0; inset-inline-end: 0; translate: 48% 34%; } .section-accompagnement .elementor-top-column.fond::after { inline-size: 50%; inset-block-end: 0; inset-inline-end: 0; translate: 50% -10%; } .section-accompagnement .elementor-top-column:not(.fond)::before { inline-size: 50%; opacity: .2; inset-block-start: 50%; inset-inline-start: 0; translate: -70% -50%; } .section-intro-cc .halo-before::before { inline-size: 30%; inset-block-start: 0; inset-inline-start: 0; translate: -40% -25%; } .section-intro-cc .halo-after::after { opacity: .6; inline-size: 64%; inset-block-end: 0; inset-inline-end: 0; translate: 50% 32%; z-index: 1; } .eb-reassurance:nth-child(9n - 6)::before { inline-size: 58%; opacity: .2; inset-block-start: 50%; inset-inline-start: 0; translate: -45% -47%; } .elementor-shortcode:has(> .electricbrain-ai-chat) { inline-size: min(100%, 50rem); margin-inline: auto; } .electricbrain-ai-chat { background: linear-gradient(oklch(from var(--secondary-color) l c h / .1), oklch(from var(--secondary-color) l c h / .1)), linear-gradient(oklch(from var(--background-blue) l c h / .2), oklch(from var(--background-blue) l c h / .2)); background-blend-mode: color-dodge; border: var(--border-width) solid oklch(from var(--dark-color) l c h / .1); border-radius: var(--border-radius-small); box-shadow: 0 4px 4px 0 oklch(from var(--dark-color) l c h / .25); backdrop-filter: blur(7px); padding-block: var(--spacing-md); padding-inline: var(--spacing-lg); } :is(.eb-ai-chat-form-wrapper, .electricbrain-ai-chat-result-item-action, .electricbrain-ai-chat-result-item-information, .electricbrain-ai-chat-result-item-datetime) { display: flex; align-items: center; } .eb-ai-chat-result:not(:empty) { --_height-factor: 2; --_chat-height: calc(var(--spacing-4xl) * var(--_height-factor)); display: grid; gap: var(--spacing-lg); block-size: var(--_chat-height); overflow-y: auto; overscroll-behavior: contain; padding-inline-end: var(--spacing-xs); margin-block-end: var(--spacing-lg); } .eb-ai-chat-result:not(:empty)::-webkit-scrollbar { background: transparent; inline-size: 4px; } .eb-ai-chat-result:not(:empty)::-webkit-scrollbar-thumb { background: var(--outline-color); } @-moz-document url-prefix() { .eb-ai-chat-result:not(:empty) { scrollbar-color: var(--outline-color) transparent; } } .electricbrain-ai-chat-result-item.current-result-item .electricbrain-ai-chat-result-item-answer { min-block-size: var(--_chat-height); } .electricbrain-ai-chat-result-item-information { justify-content: space-between; margin-block-start: var(--spacing-sm); } .electricbrain-ai-chat-result-item-action { gap: var(--spacing-xs); } .electricbrain-ai-chat-result-item-action button { position: relative; } .electricbrain-ai-chat-result-item-action .good-answer.selected i::before { content: "\e929" / ""; } .electricbrain-ai-chat-result-item-action .bad-answer.selected i::before { content: "\e928" / ""; } .eb-ai-chat-form-wrapper { gap: var(--spacing-2xs); } .eb-ai-chat-request { background: var(--background-color); color-scheme: light; min-inline-size: 0; } .eb-ai-chat-btn { padding: var(--spacing-2xs); } :is(.eb-ai-chat-form-wrapper, .electricbrain-ai-chat-result-item-information) i { font-size: var(--text-size-big); } .eb-ai-chat-wrapper-result { position: relative; } .eb-ai-loader { display: flex; gap: var(--spacing-4xs); opacity: 0; pointer-events: none; position: absolute; inset-block-end: calc(var(--spacing-lg) / -2); translate: 0 50%; transition: var(--transition-default); } .eb-ai-chat-wrapper-result:has(.current-result-item .electricbrain-ai-chat-result-item-message:empty) .eb-ai-loader { opacity: 1; } .eb-ai-loader span { background: var(--title-color); border-radius: 100%; display: flex; aspect-ratio: 1; block-size: .5rem; animation: loader-animation 1.5s infinite; } .eb-ai-loader span:nth-child(2) { animation-delay: .2s; } .eb-ai-loader span:nth-child(3) { animation-delay: .4s; } .electricbrain-ai-chat-result-item { display: flex; flex-flow: column; align-items: flex-start; gap: var(--spacing-2xs); } .electricbrain-ai-chat-result-item-request { align-self: flex-end; } .electricbrain-ai-chat-result-item-message:not(:empty) { border-radius: var(--border-radius); padding-block: var(--spacing-2xs); padding-inline: var(--spacing-xs); } .electricbrain-ai-chat-result-item-request .electricbrain-ai-chat-result-item-message { background: var(--primary-color); } .electricbrain-ai-chat-result-item-answer .electricbrain-ai-chat-result-item-message { background: oklch(from var(--primary-color) l c h / .2); } .electricbrain-ai-chat-result-item-datetime, .electricbrain-ai-chat-result-item-datetime time { align-items: center; gap: 1ch; } .eb-ai-btn-energy { background: var(--_btn-color); border-radius: 100%; color: var(--_btn-text-color); font-size: var(--text-size-normal); padding: var(--spacing-4xs); } .eb-ai-btn-energy-modal em { color: var(--muted-color); display: flex; flex-wrap: wrap; align-items: baseline; gap: 1ch; font-size: var(--text-size-small); } .section-mea { padding-block-start: var(--spacing-sm); } :is(.section-mea, .section-offer-intro) > .elementor-container::before, .section-intro-cc.ino-txt-img .ino-col-txt::before, .section-cas-client .elementor-widget-shortcode::after { content: ""; background: var(--shadow-color); display: flex; aspect-ratio: 1; block-size: auto; mask: var(--circles); pointer-events: none; position: absolute; } .section-mea > .elementor-container::before { inline-size: 38%; inset-block-start: 0; inset-inline-start: 50%; translate: -52% -12%; } .section-intro-cc.ino-txt-img .ino-col-txt::before { inline-size: 70%; inset-block-start: 0; inset-inline-start: 0; translate: -110% -30%; scale: -1 1; } .section-cas-client .elementor-widget-shortcode::after { inline-size: 51.2%; inset-block-start: 0; inset-inline-start: 50%; translate: -23% -5%; z-index: -1; } .section-offer-intro > .elementor-container::before { inline-size: 39.65%; inset-block-start: 0; inset-inline-start: 50%; translate: -35% -11%; } .section-mea .elementor-top-column { padding-block: var(--spacing-xl); z-index: 1; } .section-mea .elementor-widget-image, .section-mea .elementor-widget-image::before, .section-mea .elementor-widget-image::after, .section-accompagnement .elementor-top-column:not(.fond)::after { inline-size: auto; position: absolute; inset-block-start: 0; inset-inline-end: 0; } .section-mea .elementor-widget-image { background: var(--background-grey); aspect-ratio: 498 / 712; block-size: 100%; margin: 0; z-index: -1; } .section-mea .elementor-widget-image::before, .section-mea .elementor-widget-image::after { content: ""; display: flex; z-index: 1; } .section-mea .elementor-widget-image::before { background: var(--primary-color); border-radius: 100%; aspect-ratio: 1; inline-size: var(--text-size-big); inset-inline-start: 0; translate: 125% -50%; } .section-mea .elementor-widget-image::after, .section-accompagnement .elementor-top-column:not(.fond)::after { background: var(--dev-data-ia); aspect-ratio: 472 / 446; filter: blur(4px); opacity: .2; } .section-mea .elementor-widget-image::after { inline-size: 100.7%; translate: 40% 3%; } .section-accompagnement .elementor-top-column:not(.fond)::after { inline-size: 66.2%; translate: 44% 3%; } .section-mea .elementor-widget-image img { mix-blend-mode: overlay; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 70%; } :is(.section-offres, .section-actus) > .elementor-container { gap: 0; } .section-offres .elementor-top-column:has(.exergue) { container: col-exergue / inline-size; padding-block: var(--spacing-2xl); } .section-offres .elementor-top-column:has(.exergue) .elementor-widget-wrap { border: var(--border-width) solid var(--shadow-color); display: flex; align-items: center; gap: var(--spacing-xl); block-size: 100%; padding-block: var(--spacing-xl); padding-inline: var(--spacing-md); } @container col-exergue (32rem < inline-size) { .section-offres .elementor-top-column:has(.exergue) .elementor-widget-wrap::before { content: ""; background: var(--secondary-color); clip-path: var(--star); display: flex; aspect-ratio: 1; inline-size: min(31%, 11rem); block-size: auto; } } .section-marquee { padding-block: var(--spacing-lg); } .section-marquee :is(.elementor-widget-wrap, .elementor-widget-html) { display: flex; align-items: center; justify-content: space-around; flex: 1 0 auto; } .section-marquee .elementor-widget-html { min-inline-size: 100%; } @media (prefers-reduced-motion: no-preference) { .section-marquee .elementor-widget-html { --_time-factor: 1; animation: marquee-animation calc(30s / var(--_time-factor)) linear infinite; } } .section-marquee svg { filter: blur(4px); padding-inline-start: clamp(1rem, .5rem + 2.5vw, 3rem); } :is(.section-expertises, .section-cas-client) .elementor-widget-wrap { display: grid; grid-template-columns: minmax(0,1fr) repeat(24, minmax(0,calc(min(var(--wrapper-size-mobile), var(--wrapper-size)) / 24))) minmax(0,1fr); position: relative; z-index: 1; } .section-expertises .elementor-widget-wrap::before { content: ""; background: linear-gradient(oklch(from var(--secondary-color) l c h / .2), oklch(from var(--secondary-color) l c h / .2)), linear-gradient(var(--background-blue), var(--background-blue)); background-blend-mode: hard-light; border-radius: var(--border-radius-small); display: flex; inline-size: 100%; block-size: 100%; position: absolute; z-index: -1; } .section-expertises .elementor-widget-text-editor { border-block-start: var(--border-width) solid var(--shadow-color); padding-block-start: var(--spacing-sm); } .section-cas-client .elementor-widget-wrap { grid-template-rows: repeat(6, auto); } .section-cas-client .elementor-widget-button { display: flex; align-items: center; gap: var(--spacing-md); } .section-cas-client .elementor-widget-button::before { content: ""; background: var(--secondary-color); border-radius: 100%; aspect-ratio: 1; inline-size: none; block-size: var(--h4-font-size); } .section-cas-client :is(.elementor-widget-shortcode, .elementor-shortcode, .tease-cas-clients, .tease__wrapper) { display: grid; grid-template-columns: subgrid; } .section-cas-client .elementor-widget-shortcode:not(:has(.tease))::before, .section-cas-client .elementor-widget-shortcode:not(:has(.tease))::after { display: none; } .section-cas-client .tease-cas-clients { container: initial; } .section-cas-client .tease__description::before { content: "\e921" / ""; color: var(--tertiary-color); font: var(--font-icon); font-size: var(--h1-font-size); letter-spacing: 0; position: absolute; inset-block-start: calc(var(--spacing-lg) / 3); inset-inline-start: 50%; translate: -50% -100%; } .section-cas-client .tease__description > * { grid-column: 2 / -2; } .section-reference .swiper-slide { display: flex; align-items: center; justify-content: center; } .section-reference .swiper-slide-inner { inline-size: min(12.5rem, 100%); } .section-appel-projet .elementor-container { background: linear-gradient(oklch(from var(--primary-color) l c h / .6), oklch(from var(--primary-color) l c h / .6)), linear-gradient(var(--background-color), var(--background-color)); background-blend-mode: color-dodge; border-radius: var(--border-radius-small); inline-size: min(var(--wrapper-size-mobile), 70rem); padding-block: var(--spacing-sm); padding-inline: var(--spacing-xl); z-index: 1; } .section-appel-projet .elementor-widget-wrap { display: grid; grid-template-columns: auto 1fr auto; gap: var(--spacing-xs) var(--spacing-lg); } .section-appel-projet .elementor-widget-wrap::before { color: var(--tertiary-color); font: var(--font-icon); font-size: var(--h2-font-size); letter-spacing: 0; align-self: center; } .section-actus > .elementor-container { align-items: center; } .section-actus .tease-post, .section-offer-intro .elementor-widget-image:only-child img { position: relative; z-index: 1; } .section-reassurances .elementor-widget-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr)); gap: var(--spacing-sm); } .eb-reassurance { border: var(--border-width) solid var(--shadow-color); border-radius: var(--border-radius-small); padding-block: var(--spacing-md); padding-inline: var(--spacing-lg); position: relative; } :is(.eb-reassurance, .eb-methode) .elementor-icon-box-wrapper { display: flex; } .eb-reassurance .elementor-icon-box-wrapper { gap: var(--spacing-xs) var(--spacing-sm); } :is(.eb-reassurance, .eb-methode) svg { inline-size: auto; block-size: var(--spacing-lg); } .eb-reassurance .elementor-icon-box-title { color: var(--title-color); border-block-end: var(--border-width) solid var(--shadow-color); font: var(--text-weight-medium) var(--text-size-normal)/1.1 var(--font-text); letter-spacing: .03em; padding-block-end: var(--spacing-2xs); margin-block-end: var(--spacing-xs); } .eb-reassurance .elementor-icon-box-description { color: var(--muted-color); font-size: var(--text-size-small); } .eb-reassurance path { fill: var(--title-color); } .section-methode .elementor-widget-wrap:has(.eb-methode) { display: grid; align-self: center; gap: var(--spacing-md); } .eb-methode .elementor-icon-box-wrapper { gap: var(--spacing-xs) var(--spacing-lg); } .eb-methode path { fill: var(--secondary-color); } .eb-methode .elementor-icon-box-title { margin-block-end: var(--spacing-2xs); } .section-accompagnement .elementor-widget-heading:not(.accompagnement) + .accompagnement { margin-block-start: var(--spacing-xl); } .section-accompagnement .accompagnement + .accompagnement { border-block-start: var(--border-width) solid var(--text-color); padding-block-start: var(--spacing-xs); margin-block-start: var(--spacing-xs); } .section-equipe .elementor-widget-wrap { column-gap: 4%; } .team-member img { aspect-ratio: 4 / 5; object-position: top; } .team-member .elementor-image-box-title { color: var(--tertiary-color); } .team-member .elementor-image-box-description { color: var(--muted-color); } .section-intro-cc .ino-col-img img { z-index: 1; } .case-study__logo { inline-size: fit-content; block-size: var(--spacing-lg); margin-block-end: var(--spacing-xs); } @container viewport (70rem < inline-size) { .section-appel-contact .elementor-container::after { content: ""; background: var(--tertiary-color); clip-path: var(--star); display: flex; aspect-ratio: 1; inline-size: 8.6%; block-size: auto; pointer-events: none; position: absolute; inset-block-start: 50%; inset-inline-end: 0; translate: 200% -50%; } footer { grid-template-columns: minmax(0,1fr) auto minmax(0,1.25fr); align-items: flex-end; justify-items: flex-start; } .section-mea .elementor-top-column { display: flex; align-items: center; min-block-size: 52.5rem; } .section-offres .elementor-top-column { --_overlap-value: 14%; } .section-offres .elementor-top-column.fond { inline-size: 75%; padding-inline-start: var(--_overlap-value); } .section-offres .elementor-top-column:not(.fond) { inline-size: 47%; margin-inline-end: calc(var(--_overlap-value) / -2); z-index: 1; } .section-expertises .elementor-widget-wrap { --_padding-pink-block: var(--spacing-xl); } .section-expertises .elementor-widget-wrap::before { grid-area: 1 / 2 / 15 / 15; } .section-expertises .sur-titre { padding-block-start: var(--_padding-pink-block); } .section-expertises .elementor-widget-heading { grid-column: 4 / 14; } .section-expertises .elementor-widget-text-editor { grid-column: 17 / -2; } .section-expertises :where(.elementor-widget-shortcode, .elementor-shortcode, .slider-expertises.owl-loaded) { display: grid; grid-template: subgrid / subgrid; } .section-expertises :is(.elementor-widget-shortcode, .elementor-shortcode, .owl-stage-outer), .section-cas-client :is(.elementor-shortcode, .tease-cas-clients, .tease__wrapper, .no-post-message) { grid-column: 1 / -1; } .section-cas-client :is(.elementor-shortcode, .tease-cas-clients, .tease__wrapper, .no-post-message) { grid-row: 1 / -1; position: relative; } .section-expertises .slider-expertises { --_owl-item: 4 !important; grid-column: 4 / -1; position: relative; } .section-expertises .slider-expertises > .item { padding-inline: .5rem; } .section-expertises .slider-expertises > .item:first-child { margin-inline-start: 180px; } .section-expertises .owl-stage-outer { overflow: hidden; order: 2; } .section-expertises .owl-dots { background: linear-gradient(oklch(from var(--secondary-color) l c h / .2), oklch(from var(--secondary-color) l c h / .2)), linear-gradient(var(--background-blue), var(--background-blue)); background-blend-mode: hard-light; display: flex; flex-flow: column; align-items: flex-start; inline-size: 180px; block-size: calc(100% + var(--border-width) * 2); order: 1; margin-block-start: 0; position: absolute; inset-block-start: 50%; inset-inline-start: 0; translate: 0 -50%; z-index: 1; } .section-expertises .owl-dot { --_dot-color: var(--primary-color); background: transparent; border-radius: 0; counter-increment: expertises-dots; display: flex; align-items: center; gap: var(--spacing-md); aspect-ratio: initial; inline-size: auto; opacity: 1; outline-color: var(--_dot-color); } .section-expertises .owl-dot::before { content: counter(expertises-dots, decimal-leading-zero); color: var(--_dot-color); inline-size: 2ch; } .section-expertises .owl-dot::after { content: ""; background: var(--_dot-color); inline-size: var(--spacing-md); block-size: var(--border-width); } .section-expertises .owl-dot.active { --_dot-color: var(--secondary-color); } .section-expertises .owl-dot span:empty { display: none; } .section-cas-client .elementor-widget-heading { grid-column: -10 / -2; } .section-cas-client .sur-titre { grid-row: 1 / 2; } .section-cas-client .elementor-widget-heading:not(.sur-titre) { grid-row: 2 / 3; margin-block-end: var(--spacing-lg); } .section-cas-client .elementor-widget-button { grid-area: 3 / -8 / 4 / -2; margin: 0; } .section-cas-client :is(.elementor-widget-shortcode, .elementor-shortcode, .tease-cas-clients, .tease__wrapper) { grid-template-rows: subgrid; } .section-cas-client .elementor-widget-shortcode { grid-area: 1 / 2 / -1 / 19; } .section-cas-client .elementor-widget-shortcode > p { align-self: flex-end; grid-area: 1 / 1 / -1 / -1; } .section-cas-client .tease__thumb { block-size: 100%; grid-area: 1 / 1 / -2 / 9; position: absolute; } .section-cas-client .tease__description { grid-area: 3 / 8 / -1 / -1; position: relative; padding-block: var(--spacing-lg); } .section-actus .elementor-top-column { --_overlap-value: 10%; } .section-actus .elementor-top-column.fond { inline-size: 55%; padding-inline-end: var(--_overlap-value); } .section-actus .elementor-top-column:has(.elementor-widget-shortcode) { margin-inline-start: calc(var(--_overlap-value) / -2); } .section-actus .tease-post::before { content: "\e90f" / ""; color: var(--tertiary-color); font: var(--font-icon); font-size: var(--h1-font-size); letter-spacing: 0; position: absolute; inset-block-start: 0; inset-inline-end: 0; translate: -50% -66%; } .section-offer-intro .elementor-top-column:has(.elementor-widget-button) { position: static; } .section-offer-intro .elementor-top-column:has(.elementor-widget-image:only-child)::after { content: ""; background: var(--secondary-color); clip-path: var(--star); display: flex; aspect-ratio: 1; inline-size: 15%; block-size: auto; pointer-events: none; position: absolute; inset-block-start: 0; inset-inline-end: 0; translate: 130% 50%; } .section-offer-intro .elementor-widget-button { inline-size: auto; margin: 0; position: absolute; inset-block-end: var(--spacing-lg); inset-inline-end: -8%; z-index: 2; } .elementor-shortcode:has(> .electricbrain-ai-chat)::before, .section-offer-intro .elementor-widget-button::before { content: ""; background: var(--blue-arrow); display: flex; aspect-ratio: 1; block-size: auto; pointer-events: none; position: absolute; inset-block-end: 0; z-index: -1; } .elementor-shortcode:has(> .electricbrain-ai-chat)::before { inline-size: 6%; translate: -80% 80%; } .section-offer-intro .elementor-widget-button::before { inline-size: 50.2%; translate: -75% 85%; } .section-methode > .elementor-container { gap: 0; } .section-methode .elementor-top-column { display: flex; } .section-methode .elementor-top-column:first-child { align-items: center; padding-inline-end: 9%; } .section-methode .elementor-top-column:last-child { border-inline-start: var(--border-width) solid var(--primary-color); padding-block: var(--spacing-md); } .section-methode .elementor-top-column:last-child .eb-methode { position: relative; padding-inline-start: 18%; } .section-methode .elementor-top-column:last-child .eb-methode::before { content: ""; background: var(--primary-color); border-radius: 100%; display: flex; aspect-ratio: 1; inline-size: .5rem; block-size: auto; position: absolute; inset-inline-start: 0; translate: -50%; } .section-accompagnement .elementor-top-column:not(.fond) { align-content: center; } .section-accompagnement .elementor-top-column:not(.fond)::after { content: ""; display: flex; } } @container viewport (70rem < inline-size <= 90rem) { .section-expertises .elementor-widget-wrap::before { grid-area: 1 / 2 / 16 / 16; } .section-expertises .elementor-widget-heading { grid-column: 3 / 14; } .section-expertises .slider-expertises { grid-column: 3 / -1; } } @container viewport (70rem < inline-size <= 80rem) { .section-expertises .slider-expertises { --_owl-item: 3 !important; } .section-expertises .slider-expertises > .item:first-child { margin-inline-start: 120px; } .section-expertises .owl-dots { inline-size: 120px; } } @container viewport (inline-size <= 70rem) { footer { justify-items: center; } .post-footer :is(p, a) { text-align: center; } .eb-ai-chat-result:not(:empty) { --_height-factor: 3; } .section-offres .elementor-top-column:has(.exergue) { padding-block-start: 0; } .section-expertises .elementor-widget-wrap::before { grid-area: 1 / 2 / 4 / -2; } .section-expertises .elementor-widget-wrap { --_padding-pink-block: var(--spacing-xl); } :is(.section-expertises, .section-cas-client) :is(.elementor-widget-heading, .elementor-widget-text-editor) { grid-column: 2 / -2; } .section-expertises :is(.elementor-widget-heading, .elementor-widget-shortcode) { padding-inline: var(--_padding-pink-block); } .section-expertises .sur-titre { padding-block-start: var(--_padding-pink-block); } .section-expertises .elementor-widget-shortcode { grid-column: 1 / -1; padding-block-end: var(--_padding-pink-block); } .section-expertises .owl-dot { background: var(--secondary-color); } .section-expertises .elementor-widget-text-editor.halo-before::before { display: none; } .section-cas-client .elementor-widget-button { grid-column: 6 / -2; } .section-cas-client :is(.elementor-widget-shortcode, .elementor-shortcode, .tease-cas-clients, .tease__wrapper) { grid-template-rows: auto; } .section-cas-client .elementor-widget-shortcode { grid-area: 4 / 2 / -1 / -2; margin-block-start: var(--spacing-2xl); } .section-cas-client :is(.elementor-shortcode, .tease-cas-clients, .tease__wrapper, .no-post-message) { grid-area: 1 / 1 / -1 / -1; } .section-cas-client .tease__description { grid-auto-rows: auto auto 1fr; padding-block: var(--spacing-lg); } .section-actus .elementor-top-column.fond { padding-block-end: var(--spacing-4xl); } .section-actus .elementor-top-column:has(.elementor-widget-shortcode) { padding-inline: var(--spacing-xl); margin-block-start: calc(var(--spacing-4xl) / -2); } } @container viewport (60rem < inline-size) { .section-appel-projet .elementor-widget-wrap { grid-template-columns: auto 1fr auto; } .section-appel-projet .elementor-widget-wrap::before { grid-area: 1 / 1 / 3 / 2; } .section-appel-projet .bouton { align-self: flex-end; grid-area: 1 / 3 / 3 / 4; } } @container viewport (inline-size <= 60rem) { .section-appel-projet .elementor-widget-wrap { grid-template-columns: auto 1fr; } .section-marquee .elementor-widget-html { --_time-factor: 2; } .section-marquee svg:nth-child(3) { display: none; } } @container viewport (45rem < inline-size) { .section-appel-projet .elementor-widget { margin: 0; } } @container viewport (45rem < inline-size <= 70rem) { .section-cas-client .tease { --_margin-block: var(--spacing-2xl); } .section-cas-client .tease__thumb { aspect-ratio: initial; grid-area: 1 / 1 / -2 / 12; position: relative; margin-block-end: var(--_margin-block); } .section-cas-client .tease__thumb :is(img, svg) { position: absolute; inset: 0; } .section-cas-client .tease__description { grid-area: 1 / 11 / -1 / -1; margin-block-start: var(--_margin-block); } } @container viewport (45rem < inline-size <= 60rem) { .section-appel-projet .elementor-widget-wrap::before { grid-area: 1 / 1 / 4 / 2; } } @container viewport (inline-size <= 45rem) { header { z-index: 1000; } @media (prefers-reduced-motion: no-preference) { header { transition: all .75s cubic-bezier(0.85, 0.09, 0.15, 0.91); } } header.show { background: var(--background-color); position: sticky; inset-block-start: var(--header-height); } header.sticky.show { inset-block-start: var(--banner-height); } body:has(header.sticky.show) .ino-modal-close { inset-block-start: calc(var(--padding-header) + (var(--logo-height) / 2)); } .section-cas-client .elementor-widget-shortcode::before, .section-cas-client .elementor-widget-shortcode::after { display: none; } .section-cas-client .tease__thumb { grid-area: 1 / 1 / -2 / -1; } .section-cas-client .tease__description { grid-area: 2 / 2 / -1 / -2; margin-block-start: calc(var(--spacing-2xl) * -1); } .section-appel-projet .elementor-widget-wrap { gap: 0 var(--spacing-xs); } .section-appel-projet :is(.elementor-widget-text-editor, .bouton) { grid-column: 1 / -1; } } @container viewport (36rem < inline-size) { .team-member .elementor-image-box-content { padding-inline: var(--spacing-lg); } } @container viewport (inline-size <= 36rem) { .electricbrain-ai-chat { padding-block: var(--spacing-xs); padding-inline: var(--spacing-xs) var(--spacing-3xs); } .eb-ai-chat-wrapper { margin-inline-end: var(--spacing-3xs); } .eb-ai-chat-result:not(:empty) { max-block-size: calc(var(--spacing-4xl) * 4); padding-inline-end: var(--spacing-3xs); margin-block-end: var(--spacing-md); } .section-marquee .elementor-widget-html { --_time-factor: 3; } .section-marquee svg:nth-child(2) { display: none; } .section-cas-client .elementor-widget-button { grid-column: 2 / -2; } } @container viewport (inline-size <= 30rem) { .footer-content ul:not(.socials-list) { align-items: center; } .footer-content .column * { text-align: center; } .eb-ai-chat-form-wrapper { flex-flow: column; align-items: flex-start; } .eb-ai-chat-request { font-size: var(--text-size-small); } .section-cas-client .tease__description > * { grid-column: 3 / -3; } .eb-reassurance { padding-inline: var(--spacing-md); } :is(.eb-reassurance, .eb-methode) .elementor-icon-box-wrapper { flex-flow: column; } } @container viewport (inline-size <= 24rem) { .section-appel-projet .elementor-container { padding: var(--spacing-md); } .section-actus .elementor-top-column:has(.elementor-widget-shortcode) { padding-inline: var(--spacing-md); } } } body .swiper-slide { block-size: auto; } #ino-body :where(.swiper-button-disabled, .elementor-swiper-button > i) { display: none; } #ino-body .swiper { padding: 0; } #ino-body .swiper-pagination-bullets { display: flex; justify-content: center; gap: var(--spacing-2xs); position: static; margin-block-start: var(--spacing-xl); } #ino-body .elementor-pagination-position-inside .swiper-pagination-bullets { position: absolute; inset-block-end: var(--spacing-sm); z-index: 1; } #ino-body .swiper-pagination-bullet { background: var(--primary-color); aspect-ratio: 1; inline-size: .5rem; block-size: auto; margin: 0; } #ino-body .elementor-pagination-position-inside .swiper-pagination-bullet { background: var(--light-color); } @container viewport (inline-size <= 70rem) { #ino-body .section-reference .swiper { overflow: initial; } } @container viewport (60rem < inline-size) { #ino-body .elementor-arrows-position-outside .swiper-pagination { display: none; } } @container viewport (inline-size <= 60rem) { #ino-body .elementor-arrows-position-outside .elementor-swiper-button { display: none; } }