article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/*/*//**/ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-light.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-light.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-light.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-light.svg#Open_Sans) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-light.eot?) format("eot"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-regular.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-regular.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-regular.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-regular.svg#Open_Sans) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-regular.eot?) format("eot"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-bolditalic.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-bolditalic.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-bolditalic.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-bolditalic.svg#Open_Sans) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-bolditalic.eot?) format("eot"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-extrabold.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-extrabold.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-extrabold.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-extrabold.svg#Open_Sans) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/open-sans/open-sans-extrabold.eot?) format("eot"); } @font-face { font-family: "Cabin"; font-style: normal; font-weight: 700; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-bold.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-bold.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-bold.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-bold.svg#Cabin) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-bold.eot?) format("eot"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 500; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-medium.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-medium.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-medium.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-medium.svg#Raleway) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-medium.eot?) format("eot"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 900; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-black.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-black.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-black.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-black.svg#Raleway) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/raleway/raleway-black.eot?) format("eot"); } @font-face { font-family: "Cabin"; font-style: normal; font-weight: 500; src: url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-medium.woff2) format("woff2"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-medium.woff) format("woff"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-medium.ttf) format("truetype"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-medium.svg#Cabin) format("svg"), url(//www.carredas.fr/wp-content/themes/carredas/fonts/cabin/cabin-medium.eot?) format("eot"); } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; } label { display: block; font-weight: 600; margin-bottom: 10px; } input, select, textarea { display: block; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 16px; } [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea { appearance: none; background-color: white; border: 1px solid #f3f3f3; box-sizing: border-box; margin-bottom: 0.75em; padding: 25px 20px; transition: border-color 150ms ease; width: 100%; } [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover { border-color: #b1b1b1; } [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus { border-color: #1565c0; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7); outline: none; } [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed; } [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover { border: 1px solid #939EA3; } [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder { color: #858585; } textarea { resize: vertical; } [type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; } [type="file"] { margin-bottom: 0.75em; width: 100%; } select { width: 100%; height: 32px; border: none; } [type="checkbox"]:focus, [type="radio"]:focus, [type="file"]:focus, select:focus { outline: 3px solid rgba(21, 101, 192, 0.6); outline-offset: 2px; } html { background-color: #fff; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html, body { height: 100%; } body { margin: 0; } dl { margin: 0; } dt { font-weight: 600; margin: 0; } dd { margin: 0; } figure { margin: 0; } img, picture { margin: 0; max-width: 100%; } table { border-collapse: collapse; margin: 1.5em 0; table-layout: fixed; text-align: left; width: 100%; } thead { line-height: 1.2; vertical-align: bottom; } tbody { vertical-align: top; } tr { border-bottom: 1px solid #939EA3; } th { font-weight: 600; } th, td { padding: 0.75em 0.75em 0.75em 0; } html { color: #193449; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 100%; line-height: 1.5; } h1 { font-size: 2em; line-height: 1.2; margin: 0 0 0.75em; } h2 { font-size: 1.5em; line-height: 1.2; margin: 0 0 0.75em; font-weight: 700; } h3, h4, h5, h6 { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; font-size: 1em; line-height: 1.2; margin: 0 0 0.75em; font-weight: 400; } p { margin: 0 0 0.75em; } a { color: #1565c0; text-decoration-skip: ink; } a:hover { color: #104c90; } a:focus { outline: 3px solid rgba(21, 101, 192, 0.6); outline-offset: 2px; } hr { border-bottom: 1px solid #939EA3; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; } .bg-after_menu { width: 6px; height: 44px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -196px -88px; } .bg-left_blue_1 { width: 13px; height: 16px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -86px -158px; } .bg-left_blue_2 { width: 13px; height: 16px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -119px -158px; } .bg-left_blue_3 { width: 13px; height: 16px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -53px -158px; } .bg-left_white_1 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -216px -158px; } .bg-left_white_2 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -184px -158px; } .bg-left_white_3 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -152px -158px; } .bg-picto_calendar { width: 58px; height: 56px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -10px -82px; } .bg-picto_chantier { width: 54px; height: 59px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -193px -10px; } .bg-picto_cravate { width: 55px; height: 58px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -118px -10px; } .bg-picto_facebook { width: 11px; height: 24px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -10px -194px; } .bg-picto_google { width: 27px; height: 22px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -118px -88px; } .bg-picto_mains { width: 88px; height: 52px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -10px -10px; } .bg-picto_tel { width: 25px; height: 24px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -193px -89px; } .bg-picto_twitter { width: 23px; height: 16px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -10px -158px; } .bg-right_blue_1 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -41px -194px; } .bg-right_blue_2 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -73px -194px; } .bg-right_blue_3 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -105px -194px; } .bg-right_white_1 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -137px -194px; } .bg-right_white_2 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -169px -194px; } .bg-right_white_3 { width: 12px; height: 15px; background: url(//www.carredas.fr/wp-content/themes/carredas/img/css_sprites.png) -201px -194px; } @media (max-width: 639px) { .hidden-t-down { display: none !important; } } @media (min-width: 640px) { .hidden-t-up { display: none !important; } } @media (min-width: 640px) and (max-width: 1023px) { .hidden-t-only { display: none !important; } } @media (max-width: 1023px) { .hidden-bt-down { display: none !important; } } @media (min-width: 1024px) { .hidden-bt-up { display: none !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .hidden-bt-only { display: none !important; } } @media (max-width: 1279px) { .hidden-sd-down { display: none !important; } } @media (min-width: 1280px) { .hidden-sd-up { display: none !important; } } @media (min-width: 1280px) and (max-width: 1599px) { .hidden-sd-only { display: none !important; } } @media (max-width: 1599px) { .hidden-d-down { display: none !important; } } @media (min-width: 1600px) { .hidden-d-up { display: none !important; } } @media (min-width: 1600px) and (max-width: 2399px) { .hidden-d-only { display: none !important; } } @media (max-width: 2399px) { .hidden-ed-down { display: none !important; } } @media (min-width: 2400px) { .hidden-ed-up { display: none !important; } } .texte-and-arrow-sameline { display: flex; justify-content: flex-end; align-items: center; } .texte-and-arrow-sameline img { margin-left: 20px; } .texte-and-arrow-sameline > a:hover { text-decoration: underline; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .link-all { color: black; } .link-all:hover { color: #000; text-decoration: underline; } @media (max-width: 1180px) { .hidden-1180 { display: none !important; } } @media (max-width: 1180px) { .hidden-1180-up { display: none !important; } } @media (min-width: 1180px) { .hidden-1180-down { display: none !important; } } .w-100 { width: 100%; } .h-100 { height: 100% !important; } .relative { position: relative; } .overflow-hidden { overflow: hidden; } @media (min-width: 320px) { .container { display: block; padding: 0px 10px; } .container::after { clear: both; content: ""; display: block; } } @media (min-width: 1280px) { .container { max-width: 1260px; display: block; margin: 0px auto; } .container::after { clear: both; content: ""; display: block; } } @media (min-width: 320px) { .container-header { display: block; padding: 0px 10px; } .container-header::after { clear: both; content: ""; display: block; } } @media (min-width: 1280px) { .container-header { display: block; margin: 0px 55px; } .container-header::after { clear: both; content: ""; display: block; } } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } @media (min-width: 320px) { .block-no-padding-resp { display: block; padding: 0px !important; } } @media (min-width: 640px) { .block-no-padding-resp { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px !important; } } .block { display: flex; flex-wrap: wrap; padding: 40px 15px; } .block-no-padding { display: flex; flex-wrap: wrap; padding: 0px !important; } @media (min-width: 320px) { .block-xs-1 { width: 8.33333%; padding: 0px 15px; } .block-xs-2 { width: 16.66667%; padding: 0px 15px; } .block-xs-3 { width: 25%; padding: 0px 15px; } .block-xs-4 { width: 33.33333%; padding: 0px 15px; } .block-xs-5 { width: 41.66667%; padding: 0px 15px; } .block-xs-6 { width: 50%; padding: 0px 15px; } .block-xs-7 { width: 58.33333%; padding: 0px 15px; } .block-xs-8 { width: 66.66667%; padding: 0px 15px; } .block-xs-9 { width: 75%; padding: 0px 15px; } .block-xs-10 { width: 83.33333%; padding: 0px 15px; } .block-xs-11 { width: 91.66667%; padding: 0px 15px; } .block-xs-12 { width: 100%; padding: 0px 15px; } } @media (min-width: 640px) { .block-sm-1 { width: 8.33333%; padding: 0px 15px; } .block-sm-2 { width: 16.66667%; padding: 0px 15px; } .block-sm-3 { width: 25%; padding: 0px 15px; } .block-sm-4 { width: 33.33333%; padding: 0px 15px; } .block-sm-5 { width: 41.66667%; padding: 0px 15px; } .block-sm-6 { width: 50%; padding: 0px 15px; } .block-sm-7 { width: 58.33333%; padding: 0px 15px; } .block-sm-8 { width: 66.66667%; padding: 0px 15px; } .block-sm-9 { width: 75%; padding: 0px 15px; } .block-sm-10 { width: 83.33333%; padding: 0px 15px; } .block-sm-11 { width: 91.66667%; padding: 0px 15px; } .block-sm-12 { width: 100%; padding: 0px 15px; } } @media (min-width: 1024px) { .block-st-1 { width: 8.33333%; padding: 0px 15px; } .block-st-2 { width: 16.66667%; padding: 0px 15px; } .block-st-3 { width: 25%; padding: 0px 15px; } .block-st-4 { width: 33.33333%; padding: 0px 15px; } .block-st-5 { width: 41.66667%; padding: 0px 15px; } .block-st-6 { width: 50%; padding: 0px 15px; } .block-st-7 { width: 58.33333%; padding: 0px 15px; } .block-st-8 { width: 66.66667%; padding: 0px 15px; } .block-st-9 { width: 75%; padding: 0px 15px; } .block-st-10 { width: 83.33333%; padding: 0px 15px; } .block-st-11 { width: 91.66667%; padding: 0px 15px; } .block-st-12 { width: 100%; padding: 0px 15px; } } @media (min-width: 1280px) { .block-md-1 { width: 8.33333%; padding: 0px 15px; } .block-md-2 { width: 16.66667%; padding: 0px 15px; } .block-md-3 { width: 25%; padding: 0px 15px; } .block-md-4 { width: 33.33333%; padding: 0px 15px; } .block-md-5 { width: 41.66667%; padding: 0px 15px; } .block-md-6 { width: 50%; padding: 0px 15px; } .block-md-7 { width: 58.33333%; padding: 0px 15px; } .block-md-8 { width: 66.66667%; padding: 0px 15px; } .block-md-9 { width: 75%; padding: 0px 15px; } .block-md-10 { width: 83.33333%; padding: 0px 15px; } .block-md-11 { width: 91.66667%; padding: 0px 15px; } .block-md-12 { width: 100%; padding: 0px 15px; } } @media (min-width: 1600px) { .block-d-1 { width: 8.33333%; padding: 0px 15px; } .block-d-2 { width: 16.66667%; padding: 0px 15px; } .block-d-3 { width: 25%; padding: 0px 15px; } .block-d-4 { width: 33.33333%; padding: 0px 15px; } .block-d-5 { width: 41.66667%; padding: 0px 15px; } .block-d-6 { width: 50%; padding: 0px 15px; } .block-d-7 { width: 58.33333%; padding: 0px 15px; } .block-d-8 { width: 66.66667%; padding: 0px 15px; } .block-d-9 { width: 75%; padding: 0px 15px; } .block-d-10 { width: 83.33333%; padding: 0px 15px; } .block-d-11 { width: 91.66667%; padding: 0px 15px; } .block-d-12 { width: 100%; padding: 0px 15px; } } @media (min-width: 2400px) { .block-ed-1 { width: 8.33333%; padding: 0px 15px; } .block-ed-2 { width: 16.66667%; padding: 0px 15px; } .block-ed-3 { width: 25%; padding: 0px 15px; } .block-ed-4 { width: 33.33333%; padding: 0px 15px; } .block-ed-5 { width: 41.66667%; padding: 0px 15px; } .block-ed-6 { width: 50%; padding: 0px 15px; } .block-ed-7 { width: 58.33333%; padding: 0px 15px; } .block-ed-8 { width: 66.66667%; padding: 0px 15px; } .block-ed-9 { width: 75%; padding: 0px 15px; } .block-ed-10 { width: 83.33333%; padding: 0px 15px; } .block-ed-11 { width: 91.66667%; padding: 0px 15px; } .block-ed-12 { width: 100%; padding: 0px 15px; } } .l-header-top { background-color: #f4f4f4; padding: 20px 0px; position: relative; } .l-header-bottom { background-color: #424242; } body.accueil .l-header-top { background-color: transparent; } .l-header-top .right { display: flex; align-items: center; } .l-footer .l-footer-top { background-color: #ffffff; } @media (min-width: 320px) { .l-footer .l-footer-top { padding-top: 45px; } } @media (min-width: 1024px) { .l-footer .l-footer-top { padding: 45px 0px; } } .l-footer .l-footer-bottom { background-color: #f4f4f4; text-align: center; } .menu-principal-container { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f4f4f4; z-index: 500; } .menu-principal-container.active { display: block; } .menu-right, .menu-top-right-container, .menu-bottom-right-container { position: absolute; right: 0; height: 45vh; width: 400px; overflow: hidden; } .menu-right img, .menu-top-right-container img, .menu-bottom-right-container img { width: 100%; height: 100%; } .menu-contact-right-container { top: 0; position: absolute; right: 0; height: 10vh; width: 400px; overflow: hidden; background-color: #f4f4f4; display: flex; align-items: center; justify-content: flex-end; padding: 0px 20px; } .menu-contact-right-telephone-container { display: flex; align-items: center; margin-right: 20px; cursor: pointer; } .menu-contact-right-telephone-container.active { cursor: default; } @media (max-width: 639px) { .menu-contact-right-container img { width: 30px; } } @media (min-width: 640px) { .menu-contact-right-container img { width: 60px; fill: #1a171b; } } .menu-top-right-container { top: 10vh; } .menu-bottom-right-container { bottom: 0; border-top: 1px solid white; } .menu-top-right-title { font-family: "Cabin", sans-serif; font-size: 24px; color: white; font-weight: 400; line-height: 26px; text-transform: uppercase; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); text-decoration: none; text-align: center; width: 350px; } .menu-top-right-link { font-family: "Cabin", sans-serif; font-size: 15px; color: white; font-weight: 400; text-transform: uppercase; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); text-decoration: none; border: 1px solid white; padding: 25px; text-align: center; width: 260px; } .menu-top-right-link:hover { color: #444444; background-color: white; } .l-header { } .l-header .l-header-top-container { display: flex; justify-content: space-between; align-items: center; } .l-header .left { display: flex; align-items: center; cursor: pointer; z-index: 999; } .l-header .left:hover .l-header-menu-text { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } @media (min-width: 1180px) { .l-header .middle { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 232px; height: 82px; } } .l-header .l-header-menu-text { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Open Sans", sans-serif; font-size: 35px; color: #1a171b; font-weight: 400; text-transform: uppercase; } @media (min-width: 320px) { .l-header .l-header-menu-text { font-size: 20px; } } @media (min-width: 1280px) { .l-header .l-header-menu-text { font-size: 35px; } } @media (max-width: 1024px) { .l-header .l-header-menu-text { display: none; } } .l-header .l-header-top .right img { transition: all 0.3s ease; } @media (max-width: 639px) { .l-header .l-header-top .right img { width: 30px; } } @media (min-width: 640px) { .l-header .l-header-top .right img { width: 60px; fill: #1a171b; } } .l-header .l-header-top .right img:hover { transform: scale(1.1); } @media (max-width: 639px) { .l-header .logo-img { width: 150.8px; height: 53.3px; } } .l-header .l-header-right-telephone-container { display: flex; align-items: center; margin-right: 20px; cursor: pointer; } .l-header .l-header-right-telephone-container.active { cursor: default; } .contact-tel-header { font-family: "Cabin", sans-serif; font-size: 20px; color: #1a171b; font-weight: 400; text-transform: uppercase; text-decoration: none; cursor: default; } .contact-tel-header:hover { color: #1a171b; } .burger-wrapper { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 600ms; } @media (min-width: 320px) { .burger-wrapper { width: 40px; height: 40px; } } @media (min-width: 1280px) { .burger-wrapper { width: 70px; height: 70px; } } .burger-wrapper svg { width: 100%; height: 70px; overflow: hidden; } .burger-wrapper .line { transition: all 0.6s; stroke-width: 4; stroke: #1a171b !important; } .burger-wrapper #line-1, .burger-wrapper #line-3 { opacity: 0; } .burger-wrapper #line-1-morph { stroke: #000; stroke-dasharray: 50 139; } .burger-wrapper #line-3-morph { stroke: #000; stroke-dasharray: 34 139; } .burger-wrapper #line-2 { transform-origin: 38% 20%; } .burger-wrapper #line-2-fix { opacity: 0; } .burger-wrapper.active { transform: rotate(0.375turn); } .burger-wrapper.active #line-1-morph { stroke-dashoffset: -85; } .burger-wrapper.active #line-3-morph { stroke-dashoffset: -64; } .burger-wrapper.active #line-2 { transform: rotate(90deg) translate(-1px, 1px); } #menu-principal { text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #f4f4f4; width: 100%; -webkit-transition: width 0.2s; transition: width 0.2s; } @media (min-width: 320px) { #menu-principal.active { width: 50%; } } @media (min-width: 1024px) { #menu-principal.active { width: 35%; } } @media (min-width: 1600px) { #menu-principal.active { width: 50%; } } #menu-principal ul { list-style-type: none; margin: 0; width: 100%; counter-reset: backli; display: flex; flex-wrap: wrap; height: 100%; align-content: space-between; padding: 100px 0px; } #menu-principal > ul > li { display: block; position: relative; text-align: center; counter-increment: backli; width: 100%; } #menu-principal > ul > li > ul.active { display: flex; } #menu-principal > ul > li.menu-item-has-children > a.active-arrow-menu:after { content: ''; position: absolute; right: 0px; width: 0; height: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; display: block; border: 20px solid transparent; border-right-color: #fff; } #menu-principal > ul > li:before { font-family: "Raleway", sans-serif; font-size: 100px; color: white; font-weight: 700; content: "0" counter(backli); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; line-height: 85px; } #menu-principal > ul > li:hover:before { font-size: 120px; line-height: 75px; } #menu-principal > ul > li > a { font-family: "Cabin", sans-serif; font-size: 60px; color: #1a171b; font-weight: 400; display: block; text-decoration: none; cursor: pointer; position: relative; } @media (min-width: 320px) { #menu-principal > ul > li > a { font-size: 40px; } } @media (min-width: 640px) { #menu-principal > ul > li > a { font-size: 40px; } } @media (min-width: 1024px) { #menu-principal > ul > li > a { font-size: 40px; } } @media (min-width: 1280px) { #menu-principal > ul > li > a { font-size: 60px; } } #menu-principal > ul > li > ul { background-color: white; position: fixed; z-index: 99; display: none; padding: 0 0 0 80px; top: 0; bottom: 0; width: 50%; flex-wrap: wrap; justify-content: center; align-content: center; } @media (min-width: 320px) { #menu-principal > ul > li > ul { left: 50%; } } @media (min-width: 640px) { #menu-principal > ul > li > ul { left: 50%; } } @media (min-width: 1024px) { #menu-principal > ul > li > ul { left: 35%; } } @media (min-width: 1280px) { #menu-principal > ul > li > ul { left: 35%; } } @media (min-width: 1600px) { #menu-principal > ul > li > ul { left: 50%; } } #menu-principal > ul > li > ul > li { width: 100%; } #menu-principal > ul > li > ul > li > a { font-family: "Cabin", sans-serif; font-size: 22px; color: #424242; font-weight: 400; text-align: left; white-space: nowrap; padding: 25px 20px; cursor: pointer; display: block; text-decoration: none; width: 100%; } #menu-principal > ul > li > ul > li > a:hover { color: #747477; } @media (min-width: 320px) { #menu-principal > ul > li > ul > li > a { font-size: 20px; } } @media (min-width: 640px) { #menu-principal > ul > li > ul > li > a { font-size: 20px; } } @media (min-width: 1024px) { #menu-principal > ul > li > ul > li > a { font-size: 20px; } } @media (min-width: 1280px) { #menu-principal > ul > li > ul > li > a { font-size: 22px; } } #menu-principal > ul > li > ul > li > a:hover { text-decoration: underline; } #menu-principal > ul > li.current-menu-item > a, #menu-principal > ul > li.current-menu-parent > a, #menu-principal > ul > li.current_page_item > a { font-family: "Cabin", sans-serif; font-size: 60px; color: #e6462a; font-weight: 400; } @media (min-width: 320px) { #menu-principal > ul > li.current-menu-item > a, #menu-principal > ul > li.current-menu-parent > a, #menu-principal > ul > li.current_page_item > a { font-size: 40px; } } @media (min-width: 640px) { #menu-principal > ul > li.current-menu-item > a, #menu-principal > ul > li.current-menu-parent > a, #menu-principal > ul > li.current_page_item > a { font-size: 40px; } } @media (min-width: 1024px) { #menu-principal > ul > li.current-menu-item > a, #menu-principal > ul > li.current-menu-parent > a, #menu-principal > ul > li.current_page_item > a { font-size: 40px; } } @media (min-width: 1280px) { #menu-principal > ul > li.current-menu-item > a, #menu-principal > ul > li.current-menu-parent > a, #menu-principal > ul > li.current_page_item > a { font-size: 60px; } } #menu-principal > ul > li > ul > li.current-menu-item > a, #menu-principal > ul > li > ul > li.current-menu-parent > a, #menu-principal > ul > li > ul > li.current_page_item > a { font-family: "Cabin", sans-serif; font-size: 22px; color: #e6462a; font-weight: 400; text-decoration: underline; } .l-footer { } @media (max-width: 1023px) { .l-footer .l-footer-logo { display: block; margin: 0px auto; } } .l-footer .l-footer-top-container > div:first-child { display: flex; align-items: center; } @media (max-width: 1279px) { .l-footer .l-footer-top-container > div { margin-bottom: 40px; } } .l-footer .l-footer-top-title { font-family: "Open Sans", sans-serif; font-size: 25px; color: #e6462a; font-weight: 800; text-transform: uppercase; margin: 0px 0px 15px 0px; text-decoration: none; } @media (max-width: 1023px) { .l-footer .l-footer-top-title { text-align: center; } } .l-footer .l-footer-partenaires img { display: block; } .l-footer .l-footer-top-link { font-family: "Open Sans", sans-serif; font-size: 14px; color: #87817c; font-weight: 400; text-decoration: underline; } .l-footer .l-footer-top-link:hover { opacity: 0.75; color: #87817c; } .l-footer .l-footer-social-container { display: flex; } @media (max-width: 1023px) { .l-footer .l-footer-social-container { justify-content: center; } } .l-footer .l-footer-social-container .l-footer-social svg { width: 40px; border: 1px solid #424242; border-radius: 50%; } @media (max-width: 1023px) { .l-footer .l-footer-social-container .l-footer-social svg { margin: 10px; } } @media (min-width: 1024px) { .l-footer .l-footer-social-container .l-footer-social svg { margin-right: 20px; } } .l-footer .l-footer-social-container .l-footer-social svg path { fill: #424242; } .l-footer .l-footer-social svg:hover { opacity: 0.75; } .l-footer .l-footer-recrutement { background-position: right; background-image: url(//www.carredas.fr/wp-content/uploads/2019/03/footer_back_recrutement.png); background-repeat: no-repeat; } .l-footer .l-footer-recrutement-title { font-family: "Open Sans", sans-serif; font-size: 14px; color: #1a171b; font-weight: 500; } .l-footer .l-footer-recrutement-link { font-family: "Open Sans", sans-serif; font-size: 14px; color: #e6462a; font-weight: 400; border: 1px solid #e6462a; padding: 5px 10px; display: inline-block; margin-top: 15px; text-decoration: none; } .l-footer .l-footer-recrutement-link span { margin-left: 10px; } .l-footer .l-footer-recrutement-link:hover { background-color: #e6462a; color: white; } .l-footer .nav-footer ul { list-style-type: none; margin: 0; padding: 0; } @media (min-width: 320px) { .l-footer .nav-footer ul { display: block; } } @media (min-width: 640px) { .l-footer .nav-footer ul { display: flex; align-items: center; justify-content: center; } } @media (min-width: 320px) { .l-footer .nav-footer li { display: block; } } @media (min-width: 640px) { .l-footer .nav-footer li { display: flex; align-items: center; } } .l-footer .nav-footer a { font-family: "Open Sans", sans-serif; font-size: 15px; color: #1a171b; font-weight: 400; text-decoration: none; display: block; } @media (min-width: 320px) { .l-footer .nav-footer a { padding: 10px 0px; } } @media (min-width: 640px) { .l-footer .nav-footer a { padding: 20px 0px; } } .l-footer .nav-footer a:hover { text-decoration: underline; } @media (min-width: 640px) { .l-footer .nav-footer li:not(:last-child):after { content: '-'; padding: 23px 10px; color: #1a171b; } .l-footer .nav-footer li:not(:last-child):after:hover { text-decoration: none; } } @media (min-width: 320px) { .l-footer .l-footer-bottom-lexperio { margin-top: 20px; } } @media (min-width: 640px) { .l-footer .l-footer-bottom-lexperio { position: absolute; right: 0; top: 50%; bottom: 0; margin: 0; display: block; transform: translateY(-50%); } } .pagination { padding: 15px 0px; text-align: center; display: flex; justify-content: center; } .pagination .page-numbers:not(.current) { font-family: "Open Sans", sans-serif; font-size: 24px; color: #424242; font-weight: 600; height: 35px; width: 35px; background-color: white; border-radius: 50%; text-decoration: none; outline: none; margin: 0px 3px; } .pagination .page-numbers:not(.current):hover { text-decoration: none; background-color: white; color: #1a171b; } .pagination .page-numbers-prev, .pagination .page-numbers-next { font-family: "Open Sans", sans-serif; font-size: 24px; color: #424242; font-weight: 600; height: 35px; background-color: white; border-radius: 50%; text-decoration: none; outline: none; margin: 0px 3px; } .pagination .page-numbers-prev:hover, .pagination .page-numbers-next:hover { text-decoration: none; background-color: white; color: #1a171b; } .pagination .page-numbers.current { font-family: "Open Sans", sans-serif; font-size: 24px; color: white; font-weight: 600; height: 35px; width: 35px; background-color: #1a171b; border-radius: 50%; text-decoration: none; outline: none; margin: 0px 3px; } .pagination .page-numbers.current:hover { text-decoration: none; } .pagination-prev-icon { display: block; transform: translateY(28%) translateX(35%) rotate(180deg); } .pagination-next-icon { display: block; transform: translateY(28%) translateX(50%); } .menu-responsive { position: fixed; width: 100%; top: 130px; text-align: left; height: 100%; left: -100%; background-color: #F4F4F4; z-index: 99999999; font-family: "Open Sans", sans-serif; font-size: 16px; color: #727272; font-weight: 400; } @media (max-width: 639px) { .menu-responsive { top: 97px; } } .menu-responsive > ul { margin-bottom: 150px !important; } .menu-responsive ul { list-style: none; padding-left: 0px; margin: 0; width: 100%; } .menu-responsive li { list-style: none; } #menu-responsive .menu-item-has-children:not(.has-children-with-href) > a { position: relative; } #menu-responsive .menu-item-has-children:not(.has-children-with-href) > a:after { display: inline-block; width: 0; height: 0; border-left: solid #727272; border-right: solid #727272; border-top: solid #727272; content: ''; border-width: 1px 1px 1px 0; padding: 5px; position: absolute; margin: auto; top: 0; bottom: 0; right: 40px; animation: rotate-cross-inverse 0.2s ease-in-out forwards; } #menu-responsive .menu-item-has-children:not(.has-children-with-href) > a.active:after { animation: rotate-cross 0.2s ease-in-out forwards; } .menu-responsive li > a:not(.arrow-for-sub-menu) { padding: 25px 40px; text-decoration: none; color: #727272; display: block; text-transform: uppercase; border-left: 7px solid #D1D1D1; border-bottom: 1px solid #E4E4E4; cursor: pointer; } .menu-responsive li.current-menu-item > a, .menu-responsive li.current-menu-parent > a, .menu-responsive li.current_page_item > a { border-left: 7px solid #e6462a; color: #e6462a; } .menu-responsive > ul > li > ul { background-color: #ebe9e9; } .sub-menu { display: none; } .menu-responsive .sub-menu a { padding: 25px 80px !important; } .menu-responsive .sub-menu .sub-menu a { padding: 25px 120px !important; } .menu-responsive li > ul > li > a:not(.arrow-for-sub-menu) { border-bottom: 1px solid white; } .has-children-with-href { display: flex; flex-wrap: wrap; position: relative; } .has-children-with-href .link-not-sub-menu { width: 88%; } .has-children-with-href .arrow-for-sub-menu { border-bottom: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4 !important; width: 12%; position: relative; } .has-children-with-href .arrow-for-sub-menu:after { display: inline-block; width: 0; height: 0; border-left: solid #727272; border-right: solid #727272; border-top: solid #727272; content: ' '; border-width: 1px 1px 1px 0; padding: 5px; position: absolute; margin: auto; top: 0; bottom: 0; right: 5px; left: 0px; animation: rotate-cross-inverse 0.2s ease-in-out forwards; } .has-children-with-href .arrow-for-sub-menu.active:after { animation: rotate-cross 0.2s ease-in-out forwards; } @keyframes rotate-cross-inverse { 0% { transform: rotate(135deg); -webkit-transform: rotate(135deg); } 100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); } } @keyframes rotate-cross { 0% { transform: rotate(45deg); -webkit-transform: rotate(45deg); } 100% { transform: rotate(135deg); -webkit-transform: rotate(135deg); } } a, button, input, select, div { outline: none; } a:focus, button:focus, input:focus, select:focus, div:focus { outline: none; } .center { text-align: center; position: relative; } body.error404 { display: flex; flex-flow: column; height: 100vh; } body.error404 .main404 { height: 100%; display: flex; justify-content: center; align-items: center; } body.error404 .page404-404 { font-size: 70px; line-height: 1.1em; letter-spacing: -.01em; font-weight: bold; } body.error404 .page404-notFound { margin: 35px 0 0; font-weight: bold; font-size: 20px; } body.error404 .page404-oops { margin: 10px 0 0; } body.error404 .page404-goHome a { font-family: "Open Sans", sans-serif; font-size: 15px; color: #333333; font-weight: 700; letter-spacing: 0.05em; margin: 50px 0 0; text-transform: uppercase; text-decoration: none; position: relative; display: flex; justify-content: center; } body.error404 .page404-goHome a:hover span:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } body.error404 .page404-goHome a span { margin: 0 0 0 10px; -webkit-transition: padding .2s ease-in-out; -moz-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; overflow: hidden; line-height: inherit; } body.error404 .page404-goHome a span:after { content: '\2192'; display: block; line-height: inherit; } @keyframes moveArrow { 0% { -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } 25% { -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } 55% { -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } } .background-saviez-vous { position: relative; } .background-saviez-vous:after { position: absolute; content: ''; bottom: -29px; left: 140px; background-image: url(//www.carredas.fr/wp-content/uploads/2019/04/rec_citation.png); background-repeat: no-repeat; background-position: center; width: 70px; height: 30px; } .font-home-video { font-weight: 900; } @media (min-width: 320px) { .font-home-video { font-size: 20px; } } @media (min-width: 640px) { .font-home-video { font-size: 33px; } } @media (min-width: 1024px) { .font-home-video { font-size: 55px; } } .home-three-rect-container { display: flex; align-items: center; } .home-three-rect { font-family: "Raleway", sans-serif; font-size: 18px; color: #e6462a; font-weight: 500; background-color: transparent; border: 1px solid #e6462a; margin-right: 10px; } @media (min-width: 320px) { .home-three-rect { padding: 7px 15px; } } @media (min-width: 1024px) { .home-three-rect { padding: 10px 25px; } } .home-expertises-big-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .home-expertises-container { flex: 1; } .home-expertises-svg { width: 90px; margin: 0 auto; } .home-expertises-texte { font-family: "Cabin", sans-serif; font-size: 14px; color: #1a171b; font-weight: 400; text-align: center; white-space: pre; } .home-expertises-big-container.add-animation path { animation: dash 3.5s linear forwards; stroke-dasharray: 1000; stroke-dashoffset: 1000; } @keyframes dash { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } } .swiper-container-saviez { overflow: hidden; } .swiper-container-saviez a.swiper-slide { font-family: "Cabin", sans-serif; font-size: 15px; color: #575b73; font-weight: 400; text-align: center; text-decoration: none; } .swiper-container-saviez a.swiper-slide:hover { text-decoration: underline; } .swiper-container-saviez div.swiper-slide { font-family: "Cabin", sans-serif; font-size: 15px; color: #575b73; font-weight: 400; text-align: center; } .swiper-container-saviez .home-saviez-link { font-family: "Cabin", sans-serif; font-size: 13px; color: #e6462a; font-weight: 500; border: 1px solid #e6462a; text-align: center; background-color: white; margin-top: 25px; padding: 7px 15px; display: inline-flex; align-items: center; } .swiper-container-saviez .home-saviez-link img { margin-left: 10px; margin-top: 5px; } .swiper-container-saviez .home-saviez-link:hover { text-decoration: underline; } @media (min-width: 320px) { .wpcf7 .block-no-padding-resp > span { width: 100%; } } @media (min-width: 1024px) { .wpcf7 .block-no-padding-resp > span { width: 49%; } } .wpcf7 > form > label { font-size: 15px; } span.wpcf7-list-item { margin: 0; } div.wpcf7 .ajax-loader { display: none; } .formulaire-contact-button { position: relative; display: inline-block; } .formulaire-contact-button:hover:after { background-image: url(//www.carredas.fr/wp-content/uploads/2019/05/contact_arrow_right_white.png); } .formulaire-contact-button:after { content: ''; position: absolute; left: 78%; top: 0; bottom: 0; margin: auto; background-image: url(//www.carredas.fr/wp-content/uploads/2019/03/contact_arrow_right.png); background-repeat: no-repeat; background-position: center; height: 19px; width: 26px; } .formulaire-contact-button input[type="submit"] { font-family: "Cabin", sans-serif; font-size: 20px; color: #1a171b; font-weight: 500; border: 1px solid #1a171b; background-color: transparent; padding: 25px 100px; margin: 20px auto; } .formulaire-contact-button input[type="submit"]:hover { color: white; background-color: black; } .contact-subCheckbox { margin-top: 10px; } .contact-container-maps { position: relative; width: 100%; } @media (min-width: 320px) { .contact-container-maps { height: auto; } } @media (min-width: 1024px) { .contact-container-maps { height: 500px; } } @media (min-width: 320px) { .contact-container-maps > .maps { height: 300px; } } @media (min-width: 1024px) { .contact-container-maps > .maps { height: 100%; } } .contact-container-text { background-color: rgba(255, 255, 255, 0.85); padding: 30px; } @media (min-width: 320px) { .contact-container-text { width: 100%; } } @media (min-width: 1024px) { .contact-container-text { width: 35%; height: 100%; position: absolute; top: 0; } } @media (min-width: 1280px) { .contact-container-text { width: 35%; } } @media (min-width: 1600px) { .contact-container-text { width: 30%; } } .contact-container-text > img { display: block; margin: auto; padding: 20px 0px; } .contact-maps-title { font-family: "Open Sans", sans-serif; font-size: 24px; color: #424242; font-weight: 700; text-transform: uppercase; text-align: left; } .contact-maps-separateur { height: 1px; background-color: #424242; width: 20%; margin: 15px 0px; } .contat-maps-adresse { font-family: "Open Sans", sans-serif; font-size: 14px; color: #424242; font-weight: 400; } .tel-contact { font-family: "Open Sans", sans-serif; font-size: 14px; color: #1a171b; font-weight: 600; padding: 10px 20px; border: 1px solid #1a171b; display: inline-block; margin-top: 20px; min-width: 185px; text-align: center; } .tel-contact:hover { background-color: #1a171b; color: white; } .contact-subCheckbox { font-family: "Open Sans", sans-serif; font-size: 11px; color: #b5b2af; font-weight: 400; } .upload-btn-wrapper { position: relative; overflow: hidden; display: flex; align-items: center; margin-bottom: 10px; } .btn { border: 1px solid #f3f3f3; background-color: white; padding: 15px 25px; cursor: pointer; font-family: "Open Sans", sans-serif; font-size: 14px; color: #858585; font-weight: 400; display: flex; align-items: center; } .btn img { margin-left: 20px; width: 25px; } .upload-btn-wrapper span { position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; } .upload-btn-wrapper input[type='file'] { height: 100px; } .contact-formatsFiles { font-family: "Open Sans", sans-serif; font-size: 14px; color: #1a171b; font-weight: 400; margin-left: 30px; } .actualites-title { padding: 0px 0px 40px 0px; } .actualites-title-text { font-family: "Raleway", sans-serif; font-size: 25px; color: #424242; font-weight: 900; text-align: left; text-transform: uppercase; } .actualites-title-text { position: relative; margin-bottom: 0px; } .actualites-container-loop { padding: 20px 0px; line-height: 25px; width: 100%; } .articles-block-loop { display: flex; flex-wrap: wrap; align-content: space-between; } .articles-block-loop:hover .actualites-link-loop { background-color: #1a171b; color: white; } .actualites-date-loop { font-family: "Open Sans", sans-serif; font-size: 28px; color: #c03f29; font-weight: 700; text-transform: uppercase; text-decoration: none; } .actualites-date-loop:hover { color: #c03f29; } .actualites-title-loop { font-family: "Open Sans", sans-serif; font-size: 28px; color: #c03f29; font-weight: 400; text-transform: uppercase; text-decoration: none; } .actualites-title-loop:hover { color: #c03f29; } .actualites-link-loop { font-family: "Open Sans", sans-serif; font-size: 14px; color: #1a171b; font-weight: 700; text-transform: uppercase; border: 1px solid #1a171b; padding: 20px 40px; margin: 20px 0; display: inline-block; text-decoration: none; } .actualites-link-loop:hover { text-decoration: none; } .actualites-container-loop-bottom { display: flex; justify-content: space-between; align-items: center; width: 100%; } .actualites-share-loop:hover svg path { opacity: 0.5; } .actualites-share-loop svg { width: 40px; } .actualites-share-loop svg path { fill: #1a171b; } .actualites-container-share-loop { display: flex; } .single-actualites-date { font-family: "Open Sans", sans-serif; font-size: 20px; color: #424242; font-weight: 600; padding: 20px 0px; } .block-orange-container { display: flex; } @media (max-width: 1023px) { .block-orange-container { flex-wrap: wrap; } } .block-orange-left { font-family: "Raleway", sans-serif; font-size: 40px; color: white; font-weight: 900; text-transform: uppercase; background-color: #e6462a; display: flex; align-items: center; } @media (min-width: 320px) { .block-orange-left { width: 100%; justify-content: center; padding: 40px 0px; } } @media (min-width: 1024px) { .block-orange-left { width: 50%; justify-content: flex-end; padding: 40px 40px 40px 0px; } } .block-orange-right { display: flex; justify-content: flex-start; align-items: center; background-color: #c03f29; padding: 40px 0px 40px 40px; } @media (min-width: 320px) { .block-orange-right { width: 100%; } } @media (min-width: 1024px) { .block-orange-right { width: 50%; } } .accordion-container { margin-top: 50px; } .accordion { padding: 35px 30px; margin-bottom: 20px; background-color: white; cursor: pointer; } .accordion:hover .accordion-more { color: white; background-color: #444444; } .accordion-top { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1023px) { .accordion-top { flex-wrap: wrap; } } .accordion-title { font-family: "Raleway", sans-serif; font-size: 25px; color: #444444; font-weight: 900; } .accordion-offre { font-family: "Raleway", sans-serif; font-size: 25px; color: #e6462a; font-weight: 900; } .accordion-date { font-family: "Cabin", sans-serif; font-size: 14px; color: #444444; font-weight: 400; margin-top: 20px; } .accordion-excerpt { font-family: "Cabin", sans-serif; font-size: 14px; color: #444444; font-weight: 400; margin-top: 20px; } .accordion-more { font-family: "Cabin", sans-serif; font-size: 14px; color: #444444; font-weight: 400; padding: 10px 25px; border: 1px solid #444444; background-color: transparent; } @media (max-width: 1023px) { .accordion-more { margin-top: 20px; } } .accordion-text { font-family: "Open Sans", sans-serif; font-size: 14px; color: #444444; font-weight: 400; display: none; padding-top: 20px; margin-top: 20px; border-top: 1px solid #444444; } .recrutement-spontanees-container { padding: 25px 30px; margin-bottom: 20px; cursor: pointer; border: 1px solid #e6462a; display: flex; justify-content: space-between; align-items: center; width: 100%; text-decoration: none; } .recrutement-spontanees-container:hover .recrutement-spontanees-more { color: white; background-color: #444444; } @media (max-width: 1023px) { .recrutement-spontanees-container { flex-wrap: wrap; } } .recrutement-spontanees-title { font-family: "Open Sans", sans-serif; font-size: 28px; color: #e6462a; font-weight: 700; } .recrutement-spontanees-text { font-family: "Open Sans", sans-serif; font-size: 14px; color: #444444; font-weight: 400; margin-top: 20px; } .recrutement-spontanees-more { font-family: "Open Sans", sans-serif; font-size: 16px; color: #444444; font-weight: 400; padding: 7px 20px; border: 1px solid #444444; background-color: transparent; } @media (max-width: 1023px) { .recrutement-spontanees-more { margin-top: 20px; } } .expertises-design-container { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .expertises-design-container .expertises-design { font-family: "Cabin", sans-serif; font-size: 12px; color: white; font-weight: 400; text-transform: uppercase; border: 1px solid white; padding: 7px 20px; background-color: transparent; margin: 5px 5px 5px 0px; } .expertises-two-posts-container { margin: 0 -5px; display: flex; justify-content: flex-end; } @media (max-width: 639px) { .expertises-two-posts-container { flex-wrap: wrap; } } .expertises-two-post { position: relative; display: block; overflow: hidden; padding: 0 5px; margin-bottom: 10px; margin-right: -5px; } @media (max-width: 639px) { .expertises-two-post { margin: 10px auto 10px auto; } } .expertises-two-post:hover .expertises-two-posts-hover { opacity: 0; } .expertises-single-post-container { position: relative; display: flex; } @media (min-width: 320px) { .expertises-single-post-container { height: 340px; } } @media (min-width: 640px) { .expertises-single-post-container { height: 340px; } } .expertises-two-posts-hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(32, 32, 32, 0.74); display: flex; justify-content: center; align-items: center; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .expertises-two-posts-hover img { max-height: 70px; } .expertises-two-posts-hover-tax { font-family: "Cabin", sans-serif; font-size: 12px; color: white; font-weight: 400; position: absolute; left: 30px; right: 30px; } @media (min-width: 320px) { .expertises-two-posts-hover-tax { bottom: 15px; } } @media (min-width: 1024px) { .expertises-two-posts-hover-tax { bottom: 30px; } } .expertises-two-link-to-cat { font-family: "Cabin", sans-serif; font-size: 18px; color: #444444; font-weight: 500; display: flex; justify-content: flex-end; align-items: center; } .expertises-two-link-to-cat:hover span:first-child { text-decoration: underline; color: #444444; } .expertises-two-link-to-cat img { margin-left: 15px; } .page-expertises-big-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .page-expertises-container { margin-bottom: 30px; } @media (min-width: 320px) { .page-expertises-container { width: 50%; } } @media (min-width: 640px) { .page-expertises-container { width: 33.334%; } } @media (min-width: 1024px) { .page-expertises-container { flex: 1; } } .page-expertises-container:hover .page-expertises-texte { text-decoration: underline; } .page-expertises-container:hover .page-expertises-svg { transform: translateY(-5px); } .page-expertises-container.active { background-color: rgba(244, 244, 244, 0.9); border-radius: 30px; padding: 25px 0 30px 0; border: 1px solid black; } .page-expertises-svg { width: 90px; margin: 0 auto; transition: all 0.3s ease; } .page-expertises-texte { font-family: "Cabin", sans-serif; font-size: 14px; color: #1a171b; font-weight: 400; text-align: center; white-space: pre; } .etudes-all-cat-container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .etudes-all-cat-first { display: flex; justify-content: center; align-items: center; padding: 0 25px; } @media (min-width: 320px) { .etudes-all-cat-first { height: 44px; } } @media (min-width: 1024px) { .etudes-all-cat-first { height: 54px; } } .etudes-all-cat-first svg { stroke: #000000; } .etudes-all-cat-first.active svg { stroke: white; } .etudes-all-cat { font-family: "Open Sans", sans-serif; font-size: 16px; color: #444444; font-weight: 400; text-transform: uppercase; text-align: center; background-color: transparent; border: 1px solid #000000; cursor: pointer; } @media (min-width: 320px) { .etudes-all-cat { padding: 15px 5px; margin: 5px 5px 0px 0px; } } @media (min-width: 1024px) { .etudes-all-cat { padding: 15px 25px; margin: 10px 10px 10px 0px; } } .etudes-all-cat.active { font-family: "Open Sans", sans-serif; font-size: 16px; color: white; font-weight: 400; background-color: #e6462a; border: 1px solid #e6462a; } .widget-mots-cles-container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .widget-mots-cles { font-family: "Cabin", sans-serif; font-size: 14px; color: #444444; font-weight: 400; text-align: center; border: 1px solid #d5d5d5; margin: 5px 5px 5px 0px; padding: 5px 7px; } .etudes-all-posts-container { margin: 0 -5px; } .etudes-all-post { position: relative; display: block; overflow: hidden; padding: 0 5px; margin-bottom: 10px; } @media (min-width: 320px) { .etudes-all-post { height: 308px; } } @media (min-width: 640px) { .etudes-all-post { height: 308px; } } .etudes-all-post:hover .etudes-all-posts-hover { opacity: 0; } .etudes-single-post-container { position: relative; } @media (min-width: 320px) { .etudes-all-post-big { width: 100%; } } @media (min-width: 640px) { .etudes-all-post-big { width: 50%; } } @media (min-width: 1024px) { .etudes-all-post-big { width: 40%; } } @media (min-width: 320px) { .etudes-all-post-small { width: 100%; } } @media (min-width: 640px) { .etudes-all-post-small { width: 50%; } } @media (min-width: 1024px) { .etudes-all-post-small { width: 30%; } } .etudes-single-post-container { height: 100%; } .etudes-all-posts-hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(32, 32, 32, 0.6); display: flex; justify-content: center; align-items: center; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .etudes-all-posts-hover img { max-height: 150px; } .etudes-all-posts-hover-tax { font-family: "Cabin", sans-serif; font-size: 12px; color: white; font-weight: 400; position: absolute; left: 30px; } @media (min-width: 320px) { .etudes-all-posts-hover-tax { bottom: 15px; } } @media (min-width: 1024px) { .etudes-all-posts-hover-tax { bottom: 30px; } } .actualites-sticky-container { display: flex; } @media (max-width: 1023px) { .actualites-sticky-container { flex-wrap: wrap; } } @media (min-width: 320px) { .actualites-sticky-container > div { width: 100%; } } @media (min-width: 1024px) { .actualites-sticky-container > div { width: 50%; } } .actualites-stiky-first { overflow: hidden; display: block; } @media (min-width: 320px) { .actualites-stiky-first { height: auto; } } @media (min-width: 1024px) { .actualites-stiky-first { height: 430px; } } .actualites-stiky-first img { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .actualites-stiky-first:hover img { -webkit-transform: scale(1.25); transform: scale(1.25); } .actualites-stiky-first { position: relative; } .actualites-sticky-first-hover-container { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0; display: flex; align-items: flex-end; background: rgba(156, 156, 156, 0.1); background: -moz-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156, 156, 156, 0.1)), color-stop(100%, #3d3d3d)); background: -webkit-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -o-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -ms-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: linear-gradient(to bottom, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#3d3d3d', GradientType=0 ); } .actualites-sticky-first-hover { padding: 20px; } .actualites-sticky-first-hover-title { font-family: "Raleway", sans-serif; font-size: 25px; color: white; font-weight: 900; text-transform: uppercase; line-height: 25px; margin-bottom: 15px; } .actualites-sticky-first-hover-except { font-family: "Cabin", sans-serif; font-size: 14px; color: white; font-weight: 400; line-height: 14px; } .actualites-stiky-twice { overflow: hidden; display: block; } @media (min-width: 320px) { .actualites-stiky-twice { height: auto; } } @media (min-width: 1024px) { .actualites-stiky-twice { height: 215px; } } .actualites-stiky-twice img { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .actualites-stiky-twice:hover img { -webkit-transform: scale(1.25); transform: scale(1.25); } .actualites-stiky-twice { position: relative; } .actualites-sticky-twice-hover-container { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0; display: flex; align-items: center; background: rgba(156, 156, 156, 0.1); background: -moz-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -webkit-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -o-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: -ms-linear-gradient(top, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); background: linear-gradient(to bottom, rgba(156, 156, 156, 0.1) 0%, #3d3d3d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#3d3d3d', GradientType=0 ); } @media (min-width: 320px) { .actualites-sticky-twice-hover { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1024px) { .actualites-sticky-twice-hover { padding-left: 200px; padding-right: 150px; } } .actualites-sticky-twice-hover-title { font-family: "Raleway", sans-serif; font-size: 20px; color: white; font-weight: 900; text-transform: uppercase; line-height: 20px; } .blog-archives-lists { display: block; margin-bottom: 15px; } .blog-archives-lists a { font-family: "Cabin", sans-serif; font-size: 14px; color: #444444; font-weight: 400; text-decoration: none; } .blog-archives-lists a:hover { color: #444444; text-decoration: underline; } .blog-category-lists { display: flex; justify-content: flex-start; align-items: center; list-style-type: none; padding: 0; } .blog-category-lists li { margin-right: 10px; } .blog-category-lists li a { font-family: "Cabin", sans-serif; font-size: 13px; color: #444444; font-weight: 400; text-transform: uppercase; border: 1px solid #444444; text-decoration: none; padding: 10px 20px; } .blog-category-lists li a:hover { color: white; background-color: #444444; text-decoration: none; } .blog-posts-all-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .blog-posts-all-single-container { background-color: white; padding: 30px; margin-bottom: 30px; } @media (min-width: 320px) { .blog-posts-all-single-container { width: 100%; } } @media (min-width: 1024px) { .blog-posts-all-single-container { width: 49%; } } .blog-posts-all-single-img-container { display: block; transition: opacity 0.3s ease; } .blog-posts-all-single-img-container:hover { opacity: 0.8; } .blog-posts-all-single-img { display: block; margin: 0 auto; } .blog-posts-all-single-title { font-family: "Raleway", sans-serif; font-size: 25px; color: #444444; font-weight: 900; text-transform: uppercase; margin: 20px 0px; display: block; } .blog-posts-all-single-title:hover { color: #444444; text-decoration: underline; } .blog-posts-all-single-excerpt { font-family: "Cabin", sans-serif; font-size: 13px; color: #444444; font-weight: 400; } .blog-posts-all-single-bottom-container { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; } .blog-posts-all-single-bottom-link { font-family: "Cabin", sans-serif; font-size: 13px; color: #444444; font-weight: 400; border: 1px solid #444444; padding: 15px 30px; text-decoration: none; text-transform: uppercase; display: block; } .blog-posts-all-single-bottom-link:hover { text-decoration: none; background-color: #444444; color: white; } .blog-posts-all-single-container .left { display: flex; align-items: center; } .blog-posts-all-single-social-container { width: 45px; height: 45px; border: 1px solid #000000; display: flex; justify-content: center; align-items: center; margin-right: 10px; } .blog-posts-all-single-social-container:hover { opacity: 0.75; } .blog-posts-all-pagination-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .blog-posts-all-pagination { font-family: "Cabin", sans-serif; font-size: 13px; color: #444444; font-weight: 400; text-transform: uppercase; display: flex; border: 1px solid #444444; position: relative; } .blog-posts-all-pagination:hover { text-decoration: underline; color: #444444; } .blog-posts-all-pagination-previous { padding: 10px 25px 10px 70px; } .blog-posts-all-pagination-previous:after { position: absolute; content: ''; background-image: url(//www.carredas.fr/wp-content/uploads/2019/03/contact_arrow_left.png); left: 20px; top: 0; bottom: 0; margin: auto; width: 26px; height: 19px; } .blog-posts-all-pagination-next { padding: 10px 70px 10px 25px; } .blog-posts-all-pagination-next:after { position: absolute; content: ''; background-image: url(//www.carredas.fr/wp-content/uploads/2019/03/contact_arrow_right.png); right: 20px; top: 0; bottom: 0; margin: auto; width: 26px; height: 19px; } .articles-share-link { color: transparent; } .articles-share-link:hover { color: transparent; } .articles-share-link:hover svg#share-facebook { fill: #3B5998; } .articles-share-link:hover svg#share-linkedin { fill: #007AB9; } .articles-share-link:hover svg#share-twitter { fill: #1DA1F2; } .articles-share-link svg { width: 30px; fill: #99a9b5; -webkit-transition: fill 200ms ease-out; -moz-transition: fill 200ms ease-out; -o-transition: fill 200ms ease-out; transition: fill 200ms ease-out; } .articles-share-link-facebook { background-color: #3B5998; } .articles-share-link-linkedin { background-color: #007AB9; } .articles-share-link-twitter { background-color: #1DA1F2; } .questionnaire-title { font-family: "Cabin", sans-serif; font-size: 25px; color: #e6462a; font-weight: 700; text-align: center; text-transform: uppercase; } .swiper-container-questionnaire { overflow: hidden; } .swiper-container-questionnaire .swiper-pagination { font-family: "Cabin", sans-serif; font-size: 20px; color: #424242; font-weight: 400; display: flex; justify-content: center; align-items: center; } .swiper-container-questionnaire .swiper-pagination span { padding: 0 10px; } .swiper-container-questionnaire .swiper-pagination-total { font-family: "Cabin", sans-serif; font-size: 60px; color: #e6462a; font-weight: 400; } .swiper-container-questionnaire .questionnaire-reponses-container { display: flex; justify-content: center; align-items: center; margin: 50px 0 40px 0; flex-wrap: wrap; } .swiper-container-questionnaire input[type=radio] { display: none; } .swiper-container-questionnaire input[type=radio] + label { font-family: "Cabin", sans-serif; font-size: 18px; color: #1a171b; font-weight: 500; display: inline-block; padding: 20px 25px; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #1a171b; } .swiper-container-questionnaire input[type=radio] + label:hover { text-decoration: underline; } .swiper-container-questionnaire .questionnaire-reponses-single-container { margin: 0 10px 10px 0; } .swiper-container-questionnaire input[type=radio]:checked + label { outline: 0; background-color: white; } .questionnaire-contact-container { font-family: "Cabin", sans-serif; font-size: 16px; color: #1a171b; font-weight: 700; padding: 50px; background-color: #e9e9e9; } .questionnaire-finish-result-container { text-align: center; } .questionnaire-finish-result-title-after, .questionnaire-finish-result-title.questionnaire-finish-result-title-good, .questionnaire-finish-result-title.questionnaire-finish-result-title-bad { position: relative; } .questionnaire-finish-result-title-after:after, .questionnaire-finish-result-title.questionnaire-finish-result-title-good:after, .questionnaire-finish-result-title.questionnaire-finish-result-title-bad:after { content: ''; position: absolute; right: -60px; top: 0; margin: auto; background-repeat: no-repeat; background-position: center; width: 35px; } .questionnaire-finish-result-title { font-family: "Cabin", sans-serif; font-size: 25px; color: #e6462a; font-weight: 700; text-align: center; text-transform: uppercase; display: inline-block; } .questionnaire-finish-result-title.questionnaire-finish-result-title-good:after { background-image: url(//www.carredas.fr/wp-content/uploads/2019/05/smiley-heureux.png); height: 35px; } .questionnaire-finish-result-title.questionnaire-finish-result-title-bad:after { background-image: url(//www.carredas.fr/wp-content/uploads/2019/05/smiley-triste.png); height: 39px; } .questionnaire-finish-result-sub-title { font-family: "Cabin", sans-serif; font-size: 20px; color: #1a171b; font-weight: 700; text-align: center; margin: 30px 0px; } .all-offres-big-container { display: flex; flex-wrap: wrap; margin: 0px -5px; } .all-offres-container { padding: 0 5px; margin-bottom: 20px; } @media (min-width: 320px) { .all-offres-container { width: 50%; } } @media (min-width: 640px) { .all-offres-container { width: 33.334%; } } @media (min-width: 1024px) { .all-offres-container { width: 20%; } } .all-offres-container.active .all-offres-top-container { border-color: #a1a1a1; background-color: transparent; } .all-offres-container:hover .all-offres-bottom-container img { transform: translateX(5px); } .all-offres-container2 { display: flex; align-content: space-between; flex-wrap: wrap; } .all-offres-top-container, .all-offres-bottom-container, .all-offres-title-container { width: 100%; } .all-offres-top-container { background-color: white; padding: 20px 0 0 25px; display: flex; flex-wrap: wrap; align-content: space-between; border: 1px solid transparent; height: 230px; } .all-offres-title-first { font-family: "Raleway", sans-serif; font-size: 11px; color: #1a171b; font-weight: 900; word-break: break-word; text-transform: uppercase; } .all-offres-title-second { font-family: "Raleway", sans-serif; font-size: 18px; color: #e6462a; font-weight: 900; word-break: break-word; text-transform: uppercase; } .all-offres-img { display: block; margin: 0px 0 0 auto; } .all-offres-bottom-container { font-family: "Cabin", sans-serif; font-size: 15px; color: #1a171b; font-weight: 500; display: flex; justify-content: flex-end; align-items: center; margin-top: 10px; } .all-offres-bottom-container img { margin-left: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .container-archives > article { font-family: "Cabin", sans-serif; font-size: 14px; color: #1a171b; font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; margin: 10px; } @media (min-width: 1024px) { .container-archives > article .right { margin-left: 20px; } } @media (min-max-width: -1) and (max-max-width: 1024px) { .container-archives > article .right { width: 100%; } } .archives-title { font-family: "Cabin", sans-serif; font-size: 16px; color: #e6462a; font-weight: 700; } .fil-dariane { padding: 0 10px; } @media (max-width: 319px) { .fil-dariane { text-align: center; } } .fil-dariane span { content: '\25b6'; } .fil-dariane span { font-family: "Cabin", sans-serif; font-size: 15px; color: white; font-weight: 400; word-break: break-all; } .fil-dariane span:last-child { font-family: "Cabin", sans-serif; font-size: 15px; color: white; font-weight: 400; } .fil-dariane a { font-family: "Cabin", sans-serif; font-size: 15px; color: white; font-weight: 400; text-decoration: none; } .fil-dariane a:hover { text-decoration: underline; color: white; } .fil-dariane span:not(:last-child):after { content: '\25b6'; margin: 0px 10px; } .swiper-recrutement-container { width: 100%; height: 100%; overflow: hidden; } .swiper-slide { height: auto !important; } .swiper-pagination { position: static !important; } .swiper-pagination-bullet { height: 14px !important; width: 14px !important; background-color: white !important; border: 1px solid #e6462a !important; opacity: 1 !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f1f1f1 !important; border-color: #d5d5d5 !important; } .swiper-pagination { margin-top: 10px; } html, body { height: auto; } html { font-size: 62.5%; } body { overflow-x: hidden; font: 400 14px/1.4 "Open Sans", sans-serif; color: #444444; } ::selection { background: #535154; color: #FFF; text-shadow: none; } *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .clear { *zoom:1; } @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } }