/* Theme Name: DFD Ronneby Theme URI: http://themes.dfd.name/ronneby/ Description: Ronneby - Highly Functional Multifaceted WP Theme Version: 3.1.9 Author: DFD Author URI: http://dfd.name/ Tags: light, white, one-column, two-columns, three-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: dfd License: GPL v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @font-face {font-family: 'Stag Sans Book';src: url('/fonts/StagSans-Book.woff2') format('woff2'),url('fonts/StagSans-Book.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-ThinItalic.woff2') format('woff2'),url('fonts/StagSans-ThinItalic.woff') format('woff');font-weight: 100;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-Black.woff2') format('woff2'),url('fonts/StagSans-Black.woff') format('woff');font-weight: 900;font-style: normal;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-Light.woff2') format('woff2'),url('fonts/StagSans-Light.woff') format('woff');font-weight: 300;font-style: normal;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-SemiboldItalic.woff2') format('woff2'),url('fonts/StagSans-SemiboldItalic.woff') format('woff');font-weight: 600;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/StagSans-Thin.woff2') format('woff2'),url('StagSans-Thin.woff') format('woff');font-weight: 100;font-style: normal;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-BoldItalic.woff2') format('woff2'),url('fonts/StagSans-BoldItalic.woff') format('woff');font-weight: bold;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-LightItalic.woff2') format('woff2'),url('fonts/StagSans-LightItalic.woff') format('woff');font-weight: 300;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-MediumItalic.woff2') format('woff2'),url('fonts/StagSans-MediumItalic.woff') format('woff');font-weight: 500;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-Bold.woff2') format('woff2'),url('fonts/StagSans-Bold.woff') format('woff');font-weight: bold;font-style: normal;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-Semibold.woff2') format('woff2'),url('fonts/StagSans-Semibold.woff') format('woff');font-weight: 600;font-style: normal;} @font-face {font-family: 'Stag Sans Book';src: url('/fonts/StagSans-BookItalic.woff2') format('woff2'),url('fonts/StagSans-BookItalic.woff') format('woff');font-weight: normal;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-BlackItalic.woff2') format('woff2'),url('fonts/StagSans-BlackItalic.woff') format('woff');font-weight: 900;font-style: italic;} @font-face {font-family: 'Stag Sans';src: url('/fonts/StagSans-Medium.woff2') format('woff2'),url('fonts/StagSans-Medium.woff') format('woff');font-weight: 500;font-style: normal;} body,.dfd-blog-title,.blog-top-block .title,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td,.nav-menu .mega-menu-item .item-title{font-family:'Stag Sans Book' !important; line-height: 28px;} #side-area .nav-menu > li:hover, #header-container.header-style-5 .nav-menu > li:hover, #header-container.header-style-6 .nav-menu > li:hover, #header-container.header-style-7 .nav-menu > li:hover, #header-container.header-style-8 .nav-menu > li:hover {background: rgb(143, 138, 130);} .widget.soc-icons.dfd-soc-icons-hover-style-1 a, .widget.soc-icons.dfd-soc-icons-hover-style-3 a, .widget.soc-icons.dfd-soc-icons-hover-style-4 a, .widget.soc-icons.dfd-soc-icons-hover-style-5 a, .widget.soc-icons.dfd-soc-icons-hover-style-8 a, .widget.soc-icons.dfd-soc-icons-hover-style-9 a, .widget.soc-icons.dfd-soc-icons-hover-style-11 a, .widget.soc-icons.dfd-soc-icons-hover-style-13 a, .widget.soc-icons.dfd-soc-icons-hover-style-14 a, .widget.soc-icons.dfd-soc-icons-hover-style-15 a, .widget.soc-icons.dfd-soc-icons-hover-style-16 a, .widget.soc-icons.dfd-soc-icons-hover-style-20 a, .widget.soc-icons.dfd-soc-icons-hover-style-22 a, .widget.soc-icons.dfd-soc-icons-hover-style-24 a, .widget.soc-icons.dfd-soc-icons-hover-style-26 a{color: #ccc;} .widget.soc-icons.dfd-soc-icons-hover-style-4 a:hover{opacity: 1; color: rgb(143, 138, 130); } a,#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .menu-item-language-current > a, #header-container.header-style-1:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-1:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-1:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-1:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-1:not(.small) #header .header-wrap .form-search-wrap a,#side-area nav.mega-menu ul.nav-menu > li .item-title{ color: rgb(143, 138, 130); } #side-area nav.mega-menu ul.nav-menu > li .item-title:hover{color: #fff;} #header-container.header-style-1:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-1:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after,.lang-sel ul > li {background: rgb(143, 138, 130);} #layout.blog-page #main-content{padding-top: 0px;} #text-intro{ text-align: center; padding: 100px; font-size: 16px; color: #8F8A82; } #text-intro h2{ font-size: 3em; color: #444640; text-transform: uppercase; font-family: 'StagSans-Book'; letter-spacing: 0.01em; padding-bottom: 40px } p{font-size: 1.1em;color: #8F8A82; line-height: 1.3em} .down {height: 20px;width: 60px; background-image: url(img/down.svg);background-repeat: no-repeat; background-size: 100%;background-position: center;margin: 20px auto; margin-top: -5px; position: absolute; margin-top: -25px; left: 50%; transform: translateX(-50%);} .category .down,.page .down{margin-top: -10px} .category-realisations .down,.category-catalogues .down{margin-top: 20px} #header-container .row,#layout .row {width: 100%;min-width: 100vw; max-width: 100%; margin: 0 auto; position: relative;} [class^="fa-"]{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} [class^="fa-"]:before{font-family: FontAwesome;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: auto;margin-right: 0;text-align: center;font-variant: normal;text-transform: none;line-height: inherit;margin-left: 0;} .fa{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa:before{font-family: FontAwesome;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: auto;margin-right: 0;text-align: center;font-variant: normal;text-transform: none;line-height: inherit;margin-left: 0;} h3{text-transform: uppercase; font-size: 3em; color: #444640;text-align: center;padding: 100px; padding-bottom: 60px} ul,li{list-style: none;} #actualites,#realisations{margin: 0 5%; width: auto;} #actualites h3,#realisations h3,#maps h3{text-transform: uppercase; font-size: 3em; color: #444640; text-align: center; padding: 100px} #actualites h4,#realisations h4,#page-interne h4{font-size: 1.2em; color: #444640; text-align: left; padding-bottom: 0; margin: 0; letter-spacing: 0; font-weight: bold;} #actualites li,#realisations li{display: inline-block; float: left; position: relative;} .home #actualites li{width: 24%;margin-right: 1%;} .home #actualites li:last-child{margin-right: 0%;} .home #actualites h4{font-size: 1em} .home #actualites .image-article,.home #realisations .image-article,li .image-article {width: 100%; margin-bottom: 0px; position: relative;overflow: hidden;background-color: transparent; border: solid 1px #efefef} .home #actualites .image-article img,.home #realisations .image-article img,li .image-article img { height: auto;margin-bottom: 0px;position: relative;max-width: 200%;max-height: 100%;transform: translateX(-50%) translateY(-50%);left: 50%;top: 50%;} .home #actualites .image-article a ,.home #realisations .image-article a,li .image-article a{position: absolute;top: 0px; bottom: 0px; left: 0px; right:0px} .home #actualites .image-article:after,.home #realisations .image-article:after,#page-interne li .image-article:after {content: '';display: block;padding-bottom: 100%;} .home #actualites .fluidvids {position: absolute; line-height: auto; height: 100%;} #actualites iframe, #realisations iframe{height: 100%} #realisations li{height: auto;} #layout.blog-page #main-content{padding-bottom: 0;} .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{background-color:transparent; border:none; padding:10px; width: auto;} .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{display: none;} .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{background-color: transparent !important; border: none;} .scroll .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,.scroll .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{color: #908a81;} .scroll .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{background-color: #fff} .scroll .wpml-ls-sidebars-sidebar-footer-col2{position: fixed; top: 15px; right: 63px; width: auto; transition: all 0.3s} .scroll .wpml-ls-sidebars-sidebar-footer-col2.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{background-color: #fff !important; border: none;} #header-container.small.header-style-7:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.small.header-style-14:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.small.header-style-7:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.small.header-style-14:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:after{ background-color: #908a81 } .dfd-header-top.dfd-header-responsive-hide.header-info-panel,.copyright-soc-icons-wrap,.login-header,.lang-sel.sel-dropdown,.dfd-header-bottom.dfd-header-responsive-hide{display: none !important;} .scroll #footer .form-search-wrap{position: fixed; top: 23px; right: 85px;transition: all 0.3s;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;} .scroll #footer .form-search-wrap a:before{content: "\f002";color: #908a81; transition: all 0.3s;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;} .wpml-ls-sub-menu .wpml-ls-display{display: none;} .home #realisations{margin-bottom: 100px} .body-back-to-top.align-right{right: 100px; bottom: 25px;right: 33px;} .brand-color-element.second{background-image: linear-gradient(-225deg,#50cccc 35%,#45aeca)} #main_mega_menu ul{float: right; margin: 0; right: 90px;} #main_mega_menu li{display: block; float: none; text-align: right;} .page-template-page-base #change_wrap_div{padding: 280px 0; text-align: center;} .page-template-page-base #header-container.header-style-14 .dfd-top-row .columns .fixed-header-logo{visibility: visible;} .page-template-page-base #header-container.header-style-14 .dfd-top-row .columns{height: 38px;} .page-template-page-base #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before{ background-color: #908a81; } .page-template-page-base #header-container.header-style-14 .dfd-top-row{ padding: 10px 0;} .single #change_wrap_div{padding: 280px 0; text-align: center;} .single #header-container.header-style-14 .dfd-top-row .columns .fixed-header-logo{visibility: visible;} .single #header-container.header-style-14 .dfd-top-row .columns{height: 38px;} .single #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before{ background-color: #908a81; } .single #header-container.header-style-14 .dfd-top-row{padding: 10px 0;} .menu-light #change_wrap_div{padding: 280px 0; text-align: center;} .menu-light #header-container.header-style-14 .dfd-top-row .columns .fixed-header-logo{visibility: visible;} .menu-light #header-container.header-style-14 .dfd-top-row .columns{height: 38px;} .menu-light #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before{ background-color: #908a81; } .menu-light #header-container.header-style-14 .dfd-top-row{padding: 10px 0;} #chemin li{display: inline-block;} #layout.single-post{padding-top: 59px;} #main-content{padding:0; margin: 0; } /*PictosHeaderDroit*/ #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button{top: 10px; right: 30px;transition: all 0s} .wpml-ls-sidebars-sidebar-footer-col2{position: fixed; top: 15px; right: 70px; width: auto; transition: all 0s} #footer .form-search-wrap{position: fixed; top: 17px; right: 100px;transition: all 0s} #footer .form-search-wrap a:before{content: "\f002"} .scroll #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button{top: 20px; right: 25px;transition: all 0s} .scroll .wpml-ls-sidebars-sidebar-footer-col2{position: fixed; top: 16px; right: 60px; width: auto; transition: all 0s} .scroll #footer .form-search-wrap{position: fixed; top: 23px; right: 83px;transition: all 0s} .slidePerso{position: fixed; top: 50px; bottom: 0px; right: -31vw; width: 30vw; z-index: 10000; background-color: #fff; padding: 50px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);transition: all 0.3s;} .scroll .slidePerso.open{right: 0px; transition: all 0.3s;} .slidePerso .close{font-size: 2em; position: absolute; top:15px; left: 10px; cursor: pointer; opacity: 0.5} .slidePerso .close:hover{opacity: 1} .slidePerso h2{font-size: 2em; color: rgb(143, 138, 130); text-align: left; padding-left: 0;} .slidePerso .sociallinks{float: right} .slidePerso .sociallinks a{font-size: 2em; margin: 10px;} .slidePerso p{line-height: 1.2em; text-align: justify; font-size: 1em;} #espacePro{text-align: center; border-bottom:solid 1px #565656; padding-bottom: 10px} #footer.footer-style-2{padding-top: 12px} #espacePro a{text-align: center; padding:0.8em 2em 0.6em 2em; font-size: 1.2em; text-transform: uppercase; display: block;} #espacePro a:hover{color: #fff; transition: all 0.3s;} #footer-wrap{z-index: 1000; position: relative;} #actualites ul,#realisations ul,#page-interne ul{ display: block; overflow: hidden; } .date-article{float: right; color: #444640; font-size: 0.8em; font-weight: bold} #realisations li,#page-interne li{display: inline-block; width: 23.6%; float: left; margin-left: 2%; position: relative;} #actualites li:first-child,#realisations li:first-child {margin-left: 0px;} #actualites iframe,#realisations iframe{ display: block; height: 100%; } #actualites p,#realisations p,#page-interne p{ display: block; font-size: 0.9em; text-align: justify; line-height: 1.4em;padding-bottom: 10px; height: 65px } #actualites .lireLaSuite,#realisations .lireLaSuite,#page-interne .lireLaSuite{ display: block; font-size: 0.9em; text-align: center; line-height: 1.4em; position: absolute; bottom: 0px; right: 0px; font-size: 1em; } .lireLaSuite .fa-chevron-right:before{ font-size: 0.8em; margin-left: 10px } .body-back-to-top{z-index: 1000000;} #icl_lang_sel_widget-5{} .logo-for-panel{width: 300px} .cta{display: block; text-align: center; margin-top: -80px; margin-bottom: 50px; font-family:"Stag Sans Book" } .cta i:before{content: '\f054'; font-size: 1em; display: block; padding-left: 10px} .cta:hover{text-decoration: underline;} .category-actus #actualites li{width: 100%;clear: both; display: block; position: relative;padding: 40px 0;border-bottom: solid 1px #ddd;padding-top: 70px;} .category-actus .block1,.category-actus .block2{width: 50%; height: 100%; float: left; position: relative;} .category-actus .block2{ padding-top: 0px;padding-left: 29px;} .category-actus #actualites iframe, .category-actus #realisations iframe{height: 100%} .category-actus li:nth-child(even) .block1{float: right;} .category-actus li:nth-child(even) .block2{float: right;padding-left: 0px;padding-right: 29px;} .category-actus #actualites li:nth-child(even) .block2 .lireLaSuite{right: 29px} .category-actus .image-article a{position: absolute; height: 100%;} .category-actus .image-article img{top: 50%; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100%; min-height: 100%;} .un_catalogue .image-article:after {content: '';display: block;padding-bottom: 130%;} .un_catalogue .image-article img{ height: auto;;; min-width: 100%; min-height: inherit; max-height: 2000px;; } .category-actus #actualites .image-article:after,.category-actus #actualites .fluidvids::after{content: '';display: block;padding-bottom: 65%;} .category-actus .image-article .fluidvids {position: absolute; height: 100%;} .category-actus .image-article {width: 100%; margin-bottom: 0px; position: relative;overflow: hidden;} .scroll .dfd-top-row.dfd-header-responsive-hide{box-shadow: 0px 0px 10px rgba(0,0,0,0.3)} .category-actus #actualites h4{font-size: 1.5em} .category-actus #actualites p{font-size: 1em} #footer #espacePro{margin-bottom: 30px} #footer .widget.widget_nav_menu ul li {line-height: 1.3em} #footer #menu-footer-menu, #footer .widget.widget_nav_menu ul li a{color: #fff;font-family: 'Stag Sans Book';color: rgba(255,255,255,0.3) !important;} #footer .widget.widget_nav_menu ul li a:hover{color: rgba(255,255,255,1) !important;} #footer h3{padding:0px; text-align: center; padding-bottom: 10px;font-style: normal; font-weight: 600;font-size: 13px; line-height: 21px; text-transform: uppercase; letter-spacing: 4px;color: rgba(255,255,255,0.3); } #footer .widget_dfd_vcard_simple .dfd-vcard-wrap{background-color: transparent;} #footer .widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field p{padding: 0; margin: 0; margin-left: 30px; font-size: 0.9em} #footer .widget .widget-title{margin-bottom: 0px;} #footer div.wpforms-container-full .wpforms-form input[type=email]{background-color: transparent !important; border: none; padding: 0px;} #footer .wpforms-field-container{width: 70%; float: left; margin-right: 5%} #footer div.wpforms-container-full .wpforms-form .wpforms-submit-container{width: 20%; position: absolute; right: 0px; top: 0px; margin-top: 10px} #footer div.wpforms-container-full .wpforms-form .wpforms-submit-container button{margin: 0px; padding: 0px; line-height: 1em; color: #fff; background-color: transparent;border:none;font-family: 'Stag Sans Book'; display: block; bottom: 0px; margin-top: 25px} #footer div.wpforms-container-full .wpforms-form .wpforms-submit-container button:hover{text-decoration: underline;} #footer .widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field p a{font-family: 'Stag Sans Book'; font-style: normal; color: #fff;} #footer .widget_dfd_vcard_simple .dfd-vcard-wrap{padding: 0;} #footer .social i{font-size: 2em; color: rgba(255,255,255,0.7);} #footer .social a{margin: 15px 0; width: 24%; text-align: center; display: inline-block;} #footer .social i:hover{ color: rgba(255,255,255,1)} #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title:hover{color: #fff !important;transition: all 0.3s} .mega-menu-item.nav-item.menu-item-depth-0.current-menu-item a{color: #fff !important;} #footer .wpforms-field.wpforms-field-hp{position: absolute;} #footer div.wpforms-container-full .wpforms-form input[type=email] {padding: 10px;color: #fff;} #footer #wpforms-submit-674{display:block; float: left; width: 100%} :focus {outline: 0px;} #footer #wpforms-674-field_1::placeholder{color: #fff; opacity: 1;font-family: 'Stag Sans Book'; } #footer #wpforms-form-674{overflow: hidden; border-bottom: solid 1px rgba(255,255,255,0.4)} #footer div.wpforms-container-full .wpforms-form .wpforms-field{padding: 0;} #footer #wpforms-674-field_1-error{ color: red; } #footer div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error{border-color: red !important} #footer .wpforms-title{color: rgba(255,255,255,0.3);font-style: normal;font-weight: 600; font-size: 13px; font-family: "texgyreadventorregular"; text-transform: uppercase;letter-spacing: 4px;line-height: 21px;} #carteimplan{left: 50%; position: relative; transform: translateX(-50%);} /*effet noir et blanc*/ #portraits_forcefullwidth rs-sbg.netb{filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.3s;} #portraits_forcefullwidth rs-slide:hover rs-sbg.netb{filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);transition: all 0.3s} .une-realisation .image-article{width: 100%;margin-bottom: 0px; position: relative;overflow: hidden;} .une-realisation .image-article a{position: relative;top: 0px;bottom: 0px;left: 0px;right: 0px; display: block;} .une-realisation .image-article a:after{content: ''; display: block;padding-bottom: 100%;top: 0px;} .une-realisation .image-article img{height: auto; margin-bottom: 0px; position: absolute; min-width: 100%; max-width: none;transform:translateY(-50%) translateX(-50%);left: 50%; top: 50%;max-height: 100%;} /*effet noir et blanc*/ .une-realisation .image-article img.netb{filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.3s;} .une-realisation:hover .image-article img.netb {filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);transition: all 0.3s} #realisations nav{text-align: center} #realisations nav ul{left: 50%; position: relative; transform: translateX(-50%); width: fit-content; margin-bottom: 50px} #realisations nav li{width: auto; margin: 0; text-align: center; padding: 30px; padding-bottom: 0px; font-size: 1.5em; cursor: pointer; opacity: 0.5; transition: all 0.3s} #realisations nav li:hover{opacity: 1;transition: all 0.3s} #realisations nav li.select{opacity: 1;transition: all 0.3s; border-bottom: solid 1px #ccc} .category-realisations #realisations #liste-des-realisations li{margin: 0.7%; transition: all 0s !important; } .widget.widget_nav_menu ul li{list-style: none; margin: 0; padding: 0;} #footer .widget.widget_nav_menu ul li{padding: 0; margin: 0; min-height: 0px !important; height: auto !important; width: 100%; text-align: center; border-bottom: none;} .widget.widget_nav_menu ul li:before{content: '' !important; display: none;;} .widget.widget_dfd_logo.logofooter{width: 10vw;} #footer .widget + .widget, #custom_html-2{margin-top: 0px} #inscriptionLetter{width: 30vw; margin-bottom: 50px} #inscriptionLetter h3{text-align: center} #layout .row.page,.row.single,.breadcrumb.row,.une-realisation #realisations.row {width: 1200px !important; max-width: 100% !important; margin: 0 auto !important; position: relative !important; min-width: 0px !important;} #main-wrap .row2 {width: 1200px; max-width: 100%; margin: 0 auto; position: relative; min-width: 0px;} h2{text-transform: uppercase;font-size: 3em;color: #444640;text-align: center;padding: 100px;padding-bottom: 30px;} #plantes-stab img,#plantes-stab2 img{width: 5vw} #plantes-stab ul,#plantes-stab2 ul{text-align: center;left: 50%; position: relative; transform: translateX(-50%); margin-bottom: 20px} #plantes-stab #deploi{background-color: transparent; color: #555; border: none; margin: 0px; padding:0px; left: 50%; transform: translateX(-50%); padding-right:40px;} #plantes-stab #deploi:hover{text-decoration: underline;} #plantes-stab #deploi i{position: absolute; float: right;} #plantes-stab #deploi .fa-caret-up{display: none;} #plantes-stab #deploi .fa-caret-down{display: block;} #plantes-stab #deploi.open .fa-caret-up{display: block;} #plantes-stab #deploi.open .fa-caret-down{display: none;} .galerie-vegetation-stabilisee figure:after{content: ''; display: block;padding-bottom: 100%;top: 0px;} .galerie-vegetation-stabilisee figcaption{position: absolute; top: 0%; left: 0px; bottom: 0px; right: 0px; padding: 0% !important;} .galerie-vegetation-stabilisee figcaption a{color: #fff; font-weight: bold; position: absolute; top: 0px; left: 0px; font-size: 1.3em; padding-top: calc(100% - 4em); opacity: 0.7; transition: all 0.3s; line-height: 1.3em; padding-left: 4%;padding-right:4%} .galerie-vegetation-stabilisee figcaption a:hover{opacity: 1;transition: all 0.3s} .galerie-vegetation-stabilisee figure.netb{filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.3s;} .blocks-gallery-item figure.netb:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%); transition: all 0.3s;} .blocks-gallery-item__caption:hover{background:transparent !important;} .galerie-vergetbois figure:after{content: ''; display: block;padding-bottom: 100%;top: 0px;} .galerie-vergetbois figcaption{position: absolute; top: 0%; left: 0px; bottom: 0px; right: 0px; padding: 0% !important;} .galerie-vergetbois figcaption a{color: #fff; font-weight: bold; position: absolute; top: 0px; left: 0px; font-size: 1.3em; padding-top: calc(100% - 4em); opacity: 0.7; transition: all 0.3s; line-height: 1.3em; padding-left: 4%;padding-right:4%} .galerie-vergetbois figcaption a:hover{opacity: 1;transition: all 0.3s} .galerie-vergetbois figure.netb{filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.3s;} .blocks-gallery-item figure.netb:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%); transition: all 0.3s;} .galerie-synth figure:after{content: ''; display: block;padding-bottom: 100%;top: 0px;} .galerie-synth figcaption{position: absolute; top: 0%; left: 0px; bottom: 0px; right: 0px; padding: 0% !important;} .galerie-synth figcaption a{color: #fff; font-weight: bold; position: absolute; top: 0px; left: 0px; font-size: 1.3em; padding-top: calc(100% - 4em); opacity: 0.7; transition: all 0.3s; line-height: 1.3em; padding-left: 4%;padding-right:4%} .galerie-synth figcaption a:hover{opacity: 1;transition: all 0.3s} .galerie-synth figure{display: block;} .galerie-synth figure.netb{filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.3s;} .galerie-synth figure.netb:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%); transition: all 0.3s;} .wp-block-gallery.is-cropped .blocks-gallery-item img{position: relative;height: 100%; display: block;} .blocks-gallery-grid, .wp-block-gallery{} .blocks-gallery-item{width: 22%; overflow: hidden;} .sombre{background-color: #444640; padding-bottom: 50px;} .sombre h2,.sombre h3,.sombre p{color: #fff;} #realisations li{padding-bottom: 10px} .fixed-header-logo{height: 40px; width: 40px;} section h1{text-align: center; text-transform:none;font-size: 3em; color: #444640; text-align: center; padding:50px 0px 10px 0px;font-family: 'Stag Sans Book' !important;} rs-module h1.rs-layer{border-bottom: none !important;} .dfd-controls.mobile-hide {display: none !important;} .article-catalogue h3{writing-mode: tb-rl;transform: rotate(-180deg); height: 52%; float: left; text-align: left; padding:0px 30px;color:#555; position: fixed; text-transform: none; font-weight: 100; letter-spacing: 0;font-size: 3.2em} .article-catalogue h3 span{ padding:0px;color:#555; text-transform: none; font-weight: 100; letter-spacing: 0;font-size: 0.35em; line-height: 2em; position: relative; display: inline-block; margin-top:20px; left:-10px;} .article-catalogue h1{padding: 0; margin: 0px; text-align: left; font-size: 1.5em; border-bottom: none; text-transform: uppercase} .article-catalogue .image-article{width: 30vw; float: left; margin-left: 7%; margin-top: 50px} .article-catalogue .detail{width: 60vw; float: right;position: relative;color:rgb(143, 138, 130)} .article-catalogue .detail .titre,.article-catalogue .detail .titre h1{color:rgb(143, 138, 130); line-height: 1em;} .article-catalogue .detail .titre h1{padding-top: 0px; margin-top: 0px;} .article-catalogue .detail .titre h1:after{content: '';background-color: rgb(143, 138, 130);display: block; height: 6px;width: 35px; margin-top: 5px; margin-bottom: 20px } .article-catalogue .cartouche{width: 98%; background-color: #eeeeee; position: relative;display: flex; padding-top: 0px; margin-top: 0px;} .article-catalogue .cartouche div{ text-align: center; line-height: 1em; min-width: 12%; font-size: 0.9em } .article-catalogue .cartouche div span{display: block; border-bottom: solid 1px; padding: 5px 0px; background-color: #fff; margin-bottom: 0px;font-size: 0.8em !important;} .article-catalogue .cartouche div .contenu{padding:8px 5px 10px 5px; } .zoomx3 dl{margin: 1%;margin-left: 0; width: 32% !important;} .picto_entretients {float: right; text-align: right; margin-right: 2%} .picto_entretients dl{width: 13% !important; float: right !important; padding:0 0.5%} .plus-info{width: 60vw; float: right;} .plus-info>div{clear: both;} /*#header-container #header{display: none !important;} #header-container.opened #header{display: block !important;}*/ .home #realisations li{width: 32%} .breadcrumb .post.post-post.current-item{margin: 0; padding: 0; border: none;} .plus-info .img{float: left; width: 10%; overflow: hidden; margin-right: 2% } .plus-info .img img{width: 100%;} .plus-info .txt{float: left;width: 43%} .article-catalogue .txt p{line-height: 1.2em; text-align: justify;; font-size: 0.9em} #layout.single-post #main-content{padding-top: 0px;} .une-realisation #realisations li{width: 23.5%;} .une-realisation h1{text-align: left;} .une-realisation #realisations h3{text-align: left; padding: 20px 0 0px;margin-bottom: 20px; text-transform: none;font-size: 1.5em; border-bottom: solid 1px #ccc;} .une-realisation #realisations.row{margin-bottom: 50px !important} .une-realisation #realisations .cta{float: right; margin: 0; position: absolute; right: 0px; top: 20px} .une-realisation h1 .date{ float: right; font-size: 0.5em } .une-realisation #la-realisation{padding-bottom: 200px;} .une-realisation.single-format-standard #layout.single-post{margin-top: 0px} .une-realisation.single .breadcrumb.row{margin-top: -20px !important} .post.post-page.current-item{padding: 0; border: none;} #references{overflow: hidden; line-height: 1em; margin: 0; padding: 0;} #references ul{display: block; clear: both; margin: 0; padding: 0;line-height: 2em; overflow: hidden;} #references ul.titre li{text-transform: uppercase; font-weight: bold;} #references li{display: block;float: left; width: 14%; text-align: center; padding:0 0.5%;font-size: 0.8em !important;line-height: 1.5em;} #references ul:nth-child(even){background-color: #efefef;} .home iframe#vue-360{left: 50%; position: relative; transform: translateX(-50%); border:solid 1px #ccc; overflow: hidden; height: 539px; width: 800px !important; background-color: #f1f3f4;} #maps iframe{height: 0px} #maps.open iframe{height: 400px; transition: all 0.3s} .home #maps iframe,.page-id-9 #maps iframe{height: 400px; } #maps h3{font-size: 2em; padding-bottom: 30px; cursor: pointer;} #maps h3:hover{text-decoration: underline;} .home .down{margin-top: 20px} section.un_catalogue{display: block;clear: both; position: relative;} section.un_catalogue h3{text-align: left; padding: 50px 0 5px 0px; text-transform: none;; border-bottom: dashed 1px #ccc;} section.un_catalogue .cta{right:0px; position: absolute; top: 0px; margin-top: 50px} section.un_catalogue ul{overflow: hidden; display: flex;} section.un_catalogue li{width: 20%; float: left; line-height: 1; margin: 2%; text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding: 10px} section.un_catalogue li .image-article{width: 100%; line-height: 1;} section.un_catalogue li .detail{width: 100%; line-height: 1;} section.un_catalogue li img{width: 100%;} section.un_catalogue li h4{font-size: 1em; padding-top: 0; margin-top: 0; line-height: 1em; font-weight: 800;} section.un_catalogue li h4 span{font-size: 0.9em; display: block; font-weight: 200;} section.un_catalogue li .detail span{display: block;} .scroll #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel{display: none !important;} rs-module rs-mask-wrap .rs-layer, rs-module rs-mask-wrap *:last-child, .wpb_text_column rs-module rs-mask-wrap .rs-layer, .wpb_text_column rs-module rs-mask-wrap *:last-child,.slidePerso h2,.slidePerso p{font-family: 'Stag Sans Book' !important;} .single #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:before{display: none !important;} .single #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line{display: none;} #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after{background: rgb(143, 138, 130)} .single .wp-block-themepunch-revslider.revslider rs-module-wrap{height: 88vh !important} .menu-light #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:before{display: none !important;} .menu-light #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line{display: none;} .menu-light .wp-block-themepunch-revslider.revslider rs-module-wrap{height: 88vh !important} #download-cat ul{display: block; left: 50%; position: relative; transform: translateX(-50%); width: 50%;} #download-cat li{display: block; float: left; position: relative; width: 100%; margin: 3% 0px; overflow: visible;} #download-cat figure{display: block; margin-bottom: 120px; } #download-cat figure img{display: block; width: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.3)} #download-cat figcaption{position: relative; background: transparent; color: #555; float: left; width: 100%; font-size: 1.3em; text-align: left; padding: 5px 0px; text-align: center; margin-top: 40px } #download-cat .telAll{left: 50%; position: relative; transform: translateX(-50%); display: inline-block; font-size: 1.5em } #page-interne #presentation{width: 100%; font-size: 2em; margin-bottom: 100px;} #page-interne #presentation p{font-size: 0.5em} #videoPageInt{width: 25vw; margin: 15px; float: left;} #page-interne #liste-des-realisations{margin: 15px;} #page-interne #liste-des-realisations li{ width: 31% } #page-interne #liste-des-realisations h4{ font-size: 1em; line-height: 1.8em; float: left; width: 100%; } #page-interne #liste-des-realisations .date-article{position: relative; float: right;line-height: 1.8em;} /*.dfd-page-title-vegetation-stabilisee .breadcrumb.row{background-color: #444640;width: 100% !important;padding:0 50px; color: #ccc;}*/ #page-interne #presentation2{width: 35vw;margin: 15px; float: left; height: 250px; overflow: hidden; font-size: 2em;} #page-interne #presentation2 p{font-size: 0.5em} #page-interne #liste-des-realisations2{margin: 15px;} #page-interne #liste-des-realisations2 li{ width: 23% } #page-interne #liste-des-realisations2 h4{ font-size: 1em; line-height: 1.8em; float: left; width: 100%; } #page-interne #liste-des-realisations .date-article{position: relative; float: right;line-height: 1.8em;} /*.dfd-page-title-vegetation-stabilisee .breadcrumb.row{background-color: #444640;width: 100% !important;padding:0 50px; color: #ccc;}*/ .category-actus .image-article .youtubeVigniette{min-width: 100%; height: auto; max-height: 2000px} .category-actus #actualites .youtubeVigniette2 a:before{content: '\f144'; display: block; position: absolute; top: 50%; left: 50%; z-index: 10;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 7em; color: #fff; transform: translateY(-50%) translateX(-50%);} #actualites .youtubeVigniette2 a:before{content: '\f144'; display: block; position: absolute; top: 50%; left: 50%; z-index: 10;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 7em; color: #fff; transform: translateY(-50%) translateX(-50%);} #videoPageInt{position: relative;} #videoPageInt a:before{content: '\f144'; display: block; position: absolute; top: 50%; left: 50%; z-index: 10;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 7em; color: #fff; transform: translateY(-50%) translateX(-50%);} #madeinfrance a{display: block; background-image: url("madeinfrance.svg"); height: 150px; width: 150px; background-repeat: no-repeat; left: 50%; position: relative; margin-bottom: 0px; top:-30px; transform: translateX(-50%);} #madeinfrance2{height: 4px; width: 33vw; position: fixed; bottom: 0px; z-index: 10000; left: 50%; transform: translateX(-50%);} #madeinfrance2 div{height: 7px; width: 33.33%; float:left; border-top:solid 1px;} #madeinfrance2 div:nth-child(1){background-color:blue; border-top:solid 1px blue;} #madeinfrance2 div:nth-child(2){background-color:white;border-top:solid 1px #ccc;} #madeinfrance2 div:nth-child(3){background-color:red;border-top:solid 1px red;} #madeinfrance2 a{display: block; background-image: url("madeinfrance2.svg"); height: 70px; width: 50px; background-repeat: no-repeat; transform: translateY(-50%);} #synthetique{display: none;} #synte{cursor:pointer; font-size: 1.5em} #synte:hover{text-decoration: underline;} #synte.open{font-size: 2em;} .down.open{transform: rotate(180deg) translateX(50%);margin-top: -30px;} .down.synte{margin-top: -30px} #page-interne{margin:100px 50px} .breadcrumb.row{width: 100% !important; padding-left: 50px} #jungleDesc.row{padding: 3vw;} #jungleDesc.row .gauche{width: 50%; float: left; text-align: justify; padding-right: 20px} #jungleDesc.row .gauche h3{text-align: left; padding-left: 0; font-size: 2.3em !important; padding-bottom: 20px; padding-top: 20px; } .page-template-page-inter .down{margin-top: 20px;} #jungleDesc.row iframe#vue-360{width: 50% !important; left: 0; transform: none;height: 505px} #actualites .p1{text-transform: uppercase; font-size: 1.5em !important; margin-top: -50px;} #icl_lang_sel_widget-6{position:fixed; top: 20px; right: 76px; width: 30px;} #icl_lang_sel_widget-6 div,#icl_lang_sel_widget-6 li,#icl_lang_sel_widget-6 ul,#icl_lang_sel_widget-6 a{background-color: transparent; border:none; color: #fff;} #icl_lang_sel_widget-6 .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{display:none;} .scroll #icl_lang_sel_widget-6{position:fixed; top: 20px; right: 70px; width: 30px;} .scroll #icl_lang_sel_widget-6 div,.scroll #icl_lang_sel_widget-6 li,.scroll #icl_lang_sel_widget-6 ul,.scroll #icl_lang_sel_widget-6 a{background-color: #fff; border:none; color: #908a81;} .scroll #icl_lang_sel_widget-6 .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{display:none;} .dfd-page-title-telechargements .article-catalogue .single-post h1,.dfd-page-title-telechargements .article-catalogue .single-post p{text-align:center;} .dfd-page-title-telechargements .article-catalogue .single-post h1{margin-bottom: 10px;} #dfd_logo-4 img{width:200px;} p a{text-decoration:underline !important;} p a:hover{text-decoration:none;} #download-cat{padding-bottom: 150px} #download-cat a{background-color: #908a81; color: #fff; font-size: 0.8em; padding: 4px 10px;} #download-cat a:after{content: '\f0dd';display: inline-block;font: normal normal normal 10px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1em; margin-left: 8px} #popinSaff{position: fixed; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 100000000;} #popinSaff #wpforms-2641{top: 50%;position: absolute;transform: translateY(-50%) translateX(-50%);left: 50%;} #dfd_vcard_simple-2 p a {text-decoration:none !important;} #popinSaff .wpforms-error{color: pink} #popinSaff button{background-color: #908a81; color: #fff; font-size: 0.8em; padding: 4px 30px 7px 30px; border: none; font-size: 1em; line-height: 2em; left: 50%; position: relative;transform: translateX(-50%);} #popinSaff p{font-size: 1.5em; color: #fff;} #popinSaff .wpforms-confirmation-container-full{background-color: transparent; border: none; top: 50%; position: relative; transform: translateY(-50%);} #popinSaff #closePopin{background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 50px; color: #000; padding: 5px 20px; font-size: 1.5em; cursor: pointer;} #popinSaff #wpforms-2641-field_8-container{margin: 0; padding: 0; line-height: 0em; margin-bottom: -10px} #popinSaff #wpforms-2641-field_8-container label{color: #fff;line-height: 0em;} #popinSaff span{display: block; font-size: 0.6em; font-style: italic;} #inscriptionLetter .wpforms-confirmation-container-full.wpforms-confirmation-scroll{background: transparent; border: none;} #contact .wpforms-confirmation-container-full.wpforms-confirmation-scroll{background: transparent; border: none; text-align: center;padding: 100px 0px; color: #000 !important} #contact .wpforms-confirmation-container-full.wpforms-confirmation-scroll p{color: #000; font-size: 1.2em} #contact .wpforms-confirmation-container-full.wpforms-confirmation-scroll a{background-color: #908a81;color: #fff;font-size: 1em;padding: 7px 30px 7px 30px;border: none;font-size: 1em;line-height: 2em; text-decoration: none !important;position: relative;top: 20px !important;} #wpforms-583-field_32{text-align: center; max-width: 500px; left: 50%; position: relative;transform: translateX(-50%); } #wpforms-583-field_32-container{margin: 50px 0;} ::placeholder {font-family: 'Stag Sans Book'} .displayNone{display: none !important;} .dfd-page-title-contact #contact{ width: 70vw !important;min-width: auto;} .dfd-page-title-contact h1{text-align: center; font-size: 2em} .dfd-page-title-contact #wpforms-583 #wpforms-583-field_24{text-align: center;} .dfd-page-title-contact #wpforms-583 #wpforms-583-field_24 span{display: block; font-size: 0.8em; font-style: italic;} .dfd-page-title-contact #wpforms-583-field_32_2::after,.dfd-page-title-contact #wpforms-583-field_32_2::before{display: none !important;} .dfd-page-title-contact #wpforms-583-field_32_1::after,.dfd-page-title-contact #wpforms-583-field_32_1::before{display: none !important;} .dfd-page-title-contact #wpforms-583-field_33_1::after,.dfd-page-title-contact #wpforms-583-field_33_1::before{display: none !important;} .dfd-page-title-contact #wpforms-583-field_34_1::after,.dfd-page-title-contact #wpforms-583-field_34_1::before{display: none !important;} .dfd-page-title-contact #wpforms-submit-583{left: 50%; position: relative;transform: translateX(-50%);background-color: #908a81;color: #fff;font-size: 1em;padding: 4px 30px 7px 30px;border: none;font-size: 1em;line-height: 2em;left: 50%;position: relative;transform: translateX(-50%);} #wpforms-form-583{margin-bottom: 200px;} #coming{ height: 100vh;width: 100vw; background-color: #555; position:relative; margin-top: -57px; } #coming .back2{background-image: url(backSoon.jpg);position: absolute;height: 100vh; width: 60vw; margin-left: 40vw; background-size: cover;} #coming .back{position: absolute;height: 100vh; width: 40vw; background-color: #000;} #coming .texte{position: absolute; color: #fff; font-size: 10em;top: 50%; left: 40%; transform: translateX(-80%) translateY(-55%); text-align: right; line-height: 0.5em; font-weight: bold;} #coming .texte span{display: block; font-size: 0.5em; color: #fa871c; margin-right: 14%; margin-top: 2%} #coming .texte a{background-color: #908a81;color: #fff;font-size: 1em;padding: 7px 30px 7px 30px;border: none;font-size: 1em;line-height: 2em; text-decoration: none !important;position: relative;font-size: 14px; margin-right:13%; top: -40px; } .row.default{padding: 0 2vw;} .row.default .wp-block-media-text{width: 70%; left: 50%; position: relative; transform: translateX(-55%);} .row.default .wp-block-media-text img{max-width: 300px; float: right;} .row.default .wp-block-media-text__content{text-align: justify;} .enteterecherche{margin-top: 100px;} .enteterecherche,#resultats-recherche{max-width: 80vw; position: relative; left: 50%; transform: translateX(-50%);} .enteterecherche h3{font-size: 1.3em; text-align: left; padding: 0px;} #resultats-recherche{overflow: hidden;} #resultats-recherche li{width: 20%; float: left; margin: 2.5%; height: 450px; } .slidePerso figure{display:none;} .grecaptcha-badge{display: none !important; } .single .breadcrumb.row{margin-top: -40px !important} #layout.a-masquer{display: none !important;} .boutonchart{text-align: center; display: block; background-color: #908a81; color: #fff;font-size: 0.8em; padding: 7px 30px 7px 30px; border: none;font-size: 1em;line-height: 2em; position: absolute; left: 50%; transform: translateX(-50%); } .boutonchart i{margin-left: 20px; } .boutonchart:hover{color: #ccc;} .presentation{text-align: center; font-size: 1em} .detail-catalogue{width: 65%; float: left; margin-right: 5%; position: relative;} section.un_catalogue .detail-catalogue li{width: 23%; max-width: 100%; margin: 1%; padding: 0.5%; min-height: 320px; position: relative;} section.un_catalogue .detail-catalogue li>a{position: absolute; bottom: 0px; width: 100%; text-align: center; left: 0; margin-bottom: 5px} section.un_catalogue .detail-catalogue .cta{} section.un_catalogue .detail-catalogue ul{display: block; padding: 0; margin: 0;} .lien-catalogue{ width: 30%; float: left; margin-top: 100px; position: relative; } .lien-catalogue img{ box-shadow: 0 0 10px; } .lien-catalogue .boutonchart{margin-top: 10px; width: 100%} section.un_catalogue li h4{margin-top: 5px;} #footer #espacePro{display: none;} #footer #espacePro {display: none;} #vue-360{width: 50%; float: left;} .fancybox-content {max-height: 100vh; margin: 0px !important; padding: 0 !important;} .fancybox-slide.fancybox-slide--iframe{padding: 0;} .fancybox-button.fancybox-button--close{width: 50px;opacity: 1;display: block; padding: 0; } .fancybox-toolbar{opacity: 1 !important; display: block;visibility: visible !important;} .fancybox-button svg{color:#c39f76} .fancybox-button {background-color: transparent !important; border: none !important;} #catalogues h2{text-transform: none; text-align: left; font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; margin: 50px; position: relative;} #catalogues .cta{float: right; position: absolute; left: auto; transform: none; right: 0px; top: 0px; margin-top: 0; font-size: 0.8em; font-weight: lighter; letter-spacing: 0; padding: 2px 20px 1px} section.un_catalogue{text-align: center;} .un_catalogue>img{width: 70%;} #catalogues p{ text-align: center } #catalogues .couv{box-shadow: 0 0 18px rgba(0,0,0,0.3); margin-bottom: 50px;} #catalogue_468 .presentation-articles,#catalogue_467 .presentation-articles,#catalogue_466 .presentation-articles,#catalogue_468 ul,#catalogue_467 ul,#catalogue_466 ul,.article_3232{display: none !important;} .single-format-standard #layout.single-post{margin-top: 50px} #form-contact{display: block; position: fixed; width: 100vw; z-index: 10000000;background-color: #fff; top: 0px; bottom: 0px; overflow-y: scroll; display: none; color: #555 !important; text-align: center; padding-bottom: 150px} #form-contact h6,#form-contact p,#form-contact label,#form-contact .wpforms-submit {color: #555 !important;} #closeForm{font-size: 2em; position: fixed; right: 20px; top: 10px; z-index: 10000000} #form-contact .blockMessage{display: block; clear: both; left: 50%; position: relative; transform: translateX(-50%); } #footer #form-contact div.wpforms-container-full .wpforms-form .wpforms-submit-container{position: relative; width: auto; text-align: center;} #footer #form-contact div.wpforms-container-full .wpforms-form .wpforms-submit-container button{text-align: center;display:inline-block; margin-top: auto;background-color: #908a81; padding:10px 100px; color: #fff !important; text-transform: uppercase} #form-contact #titleForm{background-color: #fff; position: relative; width: 50vw; left: 50%; transform: translateX(-50%); margin-top: -50px} #form-contact #titleForm h6{font-size: 2em; letter-spacing: 0.05em; padding-top: 20px; padding-bottom: 0;} #form-contact #titleForm p{margin-top: 0px; padding: 0;} #footer #form-contact .wpforms-field-container{float: none; width: 100%; position: relative; left: 50%; transform: translateX(-50%); text-align: left;} #form-contact input::placeholder{color: #aaa} #callMe a{font-size: 2em; font-weight: bold;} #callMe p{padding: 0; margin: 0;} #form-contact .deroule{display: none;} #form-contact input:before{display: none !important;} #form-contact div.wpforms-container-full .wpforms-form input[type=checkbox]:before,#form-contact div.wpforms-container-full .wpforms-form input[type=checkbox]:after,#form-contact div.wpforms-container-full .wpforms-form input[type=radio]:after{display: none;} .formopen #layout,.formopen .body-back-to-top,.formopen section{display: none;} .formopen section#footer{display: block;} #form-contact .blockMessage h6{width: 60vw; left: 50%; position: relative;transform: translateX(-50%); padding-top: 10px; margin-top: 10px; cursor: pointer; margin-bottom: 0px !important} #form-contact .blockMessage h6:hover{color: #c39f76 !important} #form-contact .blockMessage h6.open{border:solid 1px #c39f76; border-bottom: none !important; font-size: 2em} #form-contact .blockMessage h6.open:hover{cursor: default; color: #555 !important;} #form-contact .blockMessage h6:after{content: '\f067';font-family: "Font Awesome 5 Free"; margin-left: 20px;} #form-contact .blockMessage h6.open:after{content: '';font-family: "Font Awesome 5 Free"; margin-left: 20px;} #form-contact .deroule{border: solid 1px #c39f76;border-top: none; width: 60vw; padding:40px !important; left: 50%; position: relative; transform: translateX(-50%);} #form-contact #wpforms-3473-field_8{margin-top: 30px} #form-contact input,#form-contact select{margin: 10px 0px} #tocontact{height: 300px; width: 100vw; background-image: url(img/callcenter.jpg); background-size: cover; } #footer #form-contact div.wpforms-container-full .wpforms-form input[type=email]{border: solid 1px #ccc;} #footer.footer-style-2{z-index: 2} .dfd-menu-button {position: fixed !important; right: 15px !important; margin-top: 0px !important; top: 5px !important} .dfd-menu-button #burger{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 2em;} .dfd-menu-button #burger:hover,.scroll .dfd-menu-button #burger:hover{color: #c39f76;} .scroll .dfd-menu-button #burger{color: #908a81;} .opened .dfd-menu-button #burger:before{content: '\f00d';} .openContact{display: none !important;} @-webkit-keyframes flipOutX { from { -webkit-transform: translateY(-20px) rotate3d(1, 0, 0, -90deg); transform: translateY(-30px) rotate3d(1, 0, 0, -90deg); } 25% { -webkit-transform: perspective(0px) rotate3d(1, 0, 0, 0deg); transform: translateY(0px) rotate3d(1, 0, 0, 0deg); opacity: 1; } to { -webkit-transform: perspective(20px) rotate3d(1, 0, 0, 90deg); transform: translateY(30px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: translateY(-20px) rotate3d(1, 0, 0, -90deg); transform: translateY(-30px) rotate3d(1, 0, 0, -90deg); } 25% { -webkit-transform: translateY(0px) rotate3d(1, 0, 0, 0deg); transform: translateY(0px) rotate3d(1, 0, 0, 0deg); opacity: 1; } to { -webkit-transform: translateY(20px) rotate3d(1, 0, 0, 90deg); transform: translateY(30px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-name: flipOutX; animation-name: flipOutX; animation-timing-function: linear; -webkit-animation-timing-function: linear; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .dfd-page-title-mentions-legales li{margin: 0px !important} .dfd-page-title-mentions-legales ul{margin: 50px 0px !important; overflow: hidden; clear: both;} .dfd-page-title-mentions-legales h1{text-align: center} @media (max-width:600px){ .header-wrap{padding:0px !important } .icon-mobile-menu:after{content: '\f0c9';display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 2em;} .icon-mobile-menu{text-indent: 0; padding: 6px; top: 0px; transform: none;} #header-container #header .header-wrap > .row:last-child .icon-mobile-menu span.icon-wrap{display: none;} #header-container:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right{height: 40px; width: 100vw !important;} #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper{height: 40px; position: absolute; top: 0px; left: 0px; transition: all 0.25s;} #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper > *{top: 0px;transform: none; margin-left: 0px;} .sidr-opened #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper{left: 260px; transition: all 0.2s;} #header-container:not(.small) #header{height: 40px; position: fixed; top: 0px; width: 100vw; z-index: 10000; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);background-size: 30px;} #header{background-image: url(../logos.svg); background-size: 20px; } #icl_lang_sel_widget-6,.scroll #icl_lang_sel_widget-6{display: none !important;} .form-search-wrap{position: fixed; top: 0px; right: 0px;} .sidr .sidr-top .logo-for-panel *{width: 50px; } .sidr .sidr-inner > ul > li > a{color: #fff; font-size: 1.4em;} #mobile-menu{color: #28262b} .scroll #footer .form-search-wrap,#footer .form-search-wrap{top: 10px; right: 0px;color: #28262b} .scroll #footer .form-search-wrap a:before,#footer .form-search-wrap.form-search-wrap a:before{font-size: 1.4em;color: #28262b} #header-container:not(.small) #header{background-image: url('Logo-mobile.svg'); background-size: 70px; background-position: center center; background-repeat: no-repeat;} #text-intro{padding: 1em} h2,h3{padding: 10px !important;font-size: 1.2em !important; text-align: center !important; line-height: 1em;position: relative; clear: both;} #jungleDesc.row .gauche h3{font-size: 1.2em !important; line-height: 1.2em; padding-bottom: 30px !important} .down{display: none;} #layout{margin-top: 40px; margin-bottom: 0px;} .gauche{width: 100% !important; padding: 10px !important} #jungleDesc.row iframe#vue-360{width: 100% !important; height: 220px; } .cta{margin-top: 0px; margin-bottom: 10px;} #foo2 li,.home #realisations li{width: 100% !important; margin: 0px; padding: 0px;margin-bottom: 20px;} .home #realisations{margin-bottom: 20px;} #maps{margin-top: 20px;} #inscriptionLetter{width: 100vw; margin-bottom: 0px;} button{font-size: 1em !important} #footer #wpforms-submit-674{margin-top: 35px} #dfd_logo-4,#dfd_vcard_simple-2{margin: 0; text-align: center;} #dfd_logo-4 img{left: 50%; position: relative; transform: translateX(-50%); width: 150px} #footer .widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field p{text-align: center; margin: 0px;} .widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field i,.body-back-to-top{display: none;} .breadcrumb{display: none !important;} .category #actualites, .category #realisations{margin-top: 20px} #actualites .p1{margin: 0;} .category-actus .block1, .category-actus .block2{width: 100%} .category-actus .block2,.category-actus li:nth-child(even) .block2{padding: 0;} .category-actus #actualites li{padding: 0;} .breadcrumb.row{display: none} #layout .row.page, .row.single, .breadcrumb.row, .une-realisation #realisations.row{width: 85vw !important; padding: 0 0px; max-width: 100vw !important} .dfd-page-title-qui-sommes-nous .wp-block-themepunch-revslider{display: none;} .slidePerso{position: relative; box-shadow: none; width: auto; left: auto;right: auto; top: auto; padding:0px;} .slidePerso .close{display: none;} .slidePerso figure{display:block;} .form-search-section.shift-form .row .form-search{width: 90vw} .sidr-opened .form-search-wrap{display: none;} #footer.footer-style-2{padding: 0;} #madeinfrance a{width: 130px; margin-top: 50px} #plantes-stab img, #plantes-stab2 img{float: left; height: 50px;width: auto; max-width: 50px;} #plantes-stab .blocks-gallery-grid .blocks-gallery-image figure,#plantes-stab .blocks-gallery-grid .blocks-gallery-item figure,#plantes-stab .wp-block-gallery .blocks-gallery-image figure,#plantes-stab .wp-block-gallery .blocks-gallery-item figure{display: inline-block;} #plantes-stab .blocks-gallery-item{width: 33%; text-align: center; margin: 0;} #plantes-stab,#ambiances,#univers-bois,#synthetique{padding: 20px !important} #ambiances .blocks-gallery-item,#univers-bois .blocks-gallery-item,#synthetique .blocks-gallery-item{width: 100%; margin: 0; margin-bottom: 20px} #page-interne{margin: 10px;} #presentation{margin-top: 30px} #presentation p{margin-top: 20px} #videoPageInt{width: 100%; margin: 0;float: none;} #liste-des-realisations{margin: 0px !important} #liste-des-realisations li{width: 100% !important; padding: 0; margin: 0px; margin-bottom: 20px;} #realisations nav{width: 96vw; margin-left: -3vw; display: none;} #realisations nav li{width: 100%; padding:10px 0px; font-size: 1em} #realisations nav ul{margin-bottom: 0px;border: solid 1px #ccc;} .dfd-page-title-projets-sur-mesure .row.default .wp-block-media-text{width: 96vw; font-size: 1em; left: auto; transform: none; display: block} .dfd-page-title-projets-sur-mesure .row.default .wp-block-media-text figure{width: 100%} .dfd-page-title-projets-sur-mesure .row.default .wp-block-media-text img{width: 100%; float: none; max-width: none;} .dfd-page-title-projets-sur-mesure .has-large-font-size{font-size: 1.5em; text-align: center; margin:10px 0;} .dfd-page-title-projets-sur-mesure .row.default .wp-block-media-text__content{padding: 0;} .dfd-page-title-projets-sur-mesure .wp-block-spacer{display: none;} .category-catalogues section.un_catalogue li{ width: 100%; float: none; margin: 0; padding: 0; margin-bottom: 50px; box-shadow: none; } .category-catalogues section.un_catalogue li .image-article{margin-bottom: 20px} .category-catalogues section.un_catalogue ul{display: block; width: 100vw; padding: 15px} section.un_catalogue .cta{position: relative; margin-top: 20px;} #layout.single-post{padding-top: 0px} #coming .texte{left: 30px; transform: translateX(0px) translateY(-50%); font-size: 5em;} #coming .texte a{margin-top: 30px; top: 0px;} #popinSaff #wpforms-2641{width: 90vw} #wpforms-2641-field_4-container{font-size: 0.8em} #closePopin{text-align: center} #download-cat ul{width: 70%} #download-cat li{width: 100%} #download-cat figure img{border:solid 1px #ccc } .single-format-standard .article-catalogue h3{transform: none;writing-mode:horizontal-tb; position: relative;height: auto; float: none;} .article-catalogue .image-article{width: 100%; float: none; margin: 0;} #layout.single-post.article-catalogue{padding: 10px;} .article-catalogue .detail{width: 100%} #references li{width: 50%} .article-catalogue .zoomx3 dl{width: 100% !important} .article-catalogue .gallery.gallery-columns-4 .gallery-item{width: 25% !important} .picto_entretients{float: none;} .plus-info{width: 100%} .plus-info .img;.plus-info .txt{width: 100%} #la-realisation p{ text-align: justify; } #la-realisation #titre h1{text-align: center;} .wp-block-themepunch-revslider{overflow: hidden;} .une-realisation #la-realisation{padding-bottom: 0px} .une-realisation #realisations h3{font-size: 2em !important;} .une-realisation #realisations .cta{position: relative;top: auto; float: none; margin-bottom: 20px;} .une-realisation #realisations li{width: 100%; } .tp-shape.tp-shapewrapper.rs-layer{background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%) !important; height: 100% !important; position: relative;} rs-bullets.tp-bullets{display: none !important;} .category-realisations #realisations #liste-des-realisations li{height: auto; margin: 0px;} #form-contact .blockMessage h6,#form-contact .deroule{width: 95vw;padding: 10px !important; text-align: center !important;} #form-contact #titleForm{width: 80vw} #footer #form-contact div.wpforms-container-full .wpforms-form .wpforms-submit-container button{width: 100%; left: 50%; position: relative; transform: translateX(-50%);padding:20px 0px !important;} #form-contact label{text-align: center} #form-contact div.wpforms-container-full .wpforms-form .wpforms-one-half,#form-contact div.wpforms-container-full .wpforms-form .wpforms-three-sixths,#form-contact div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width: 100%; padding: 0 !important; margin: 0px;} #form-contact .wpforms-field-label{margin-top: 20px} .openContact,.openContact a{cursor: pointer !important} .sidr-dropdown-menu .openContact{display: none;} #sidr div.openContact a{color: #fff; font-size: 1.4em;font-family: "texgyreadventorregular"; padding: 0 25px;} }