@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,500,600,700&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700&subset=latin-ext'); * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} *::-moz-selection { background-color: #bed600; color: white;} *::selection { background-color: #bed600; color: white;} html, body { margin: 0 auto; padding: 0;} body { font-family: "Barlow"; color: #353535; font-size: 16px; padding-top: 0; position: relative; overflow: scroll;} body > img{width: 100%;} img {max-width: 100%;} b, strong { font-weight: 900;} nav { font-weight: 700; font-size: 0.9em; background: rgba(255, 255, 255, 0.7);} a, a:hover{color: #353535;} h1 { font-family: "Oswald"; font-weight: 300; font-size: 3em;} h2 { font-family: "Oswald"; font-weight: 900; color: #bed600; text-transform: uppercase;} h2 sup{top: -1em; font-size: .5em; vertical-align: middle; font-weight: 400;} h3 { color: #bed600; font-weight: 300; font-size: 1.4em; margin-bottom: 0.5em;} .vert{color: #bed600;} .btn{border-radius: 0; padding: 1em; border: 1px solid #b9b9b9; color: #353535;} .btn-primary, .btn-primary-dl, #submit{background-color: #bed600; border: none; border-color: #bed600; position: relative; top: 1.5em; padding: 1em; color: #353535; transition: all .3s ease-in-out;} .btn-menu-items{position: relative; display: flex; background: #fff; padding: 2em 1em; font-family: "oswald"; text-transform: uppercase; font-weight: 900; color: #353535; transition: all .3s ease-in-out; width: 8em; min-height: 8em; align-items: center; margin-right: 2em; justify-content: center;} .btn-menu-items:hover{background: #bed600; text-decoration: none; color: #353535;} .btn-primary:before, #submit:before{content: ' '; position: absolute; width: 100%; height: 0px; background-color: #bed600; left: 0; bottom: 0; z-index: 9999; transition: all .3s ease-in-out;} .btn-outline-primary{background-color: #fff; position: relative; top: 1.5em;} .btn-primary:after, .btn-outline-primary:after, #submit:after{content: '\f30b'; font-family: "font awesome 5 pro"; font-weight: 400; padding-left: .5em; padding-right: .5em; transition: all .3s ease-in-out;} .btn-primary:hover, #submit:hover{background-color: #b9b9b9; border-color: #b9b9b9; color: #353535; text-decoration: none;} .btn-primary:hover:before, #submit:hover:before{height: 8px;} .btn-outline-primary:hover{background-color: #fff; border-color: #bed600; color: #353535;} .btn-primary:hover:after, .btn-outline-primary:hover:after, #submit:hover:after{padding-left: 1em; padding-right: 0;} .btn-primary-dl:after{content: '\f34a'; font-family: "font awesome 5 pro"; font-weight: 400; padding-left: .5em; transition: all .3s ease-in-out;} /* Background Check */ .background--light, .background--dark, .background--complex {transition: all 0.3s ease-out;} .tooltip .arrow{margin-top: 1em;} .tooltip .tooltip-inner{background: rgba(255,255,255,.5); color: #353535; border: 1px solid #bed600; margin-top: 1em;} img.fc_field_image, div.fc-fieldgrp-value-box{border: none;} /* ----------------- HEADER ----------------- */ header{position: fixed; width: 100%; left: 0; top: 0; z-index: 99999;} #logo{height: 50px;} #main_menu, #side_menu{padding: 0;} #nav--mobile{display: none;} @media all and (min-width: 768px){ /* changement de couleur suivant background */ nav.navbar.background--light {background-color: rgba(0, 0, 0, 0.45) !important;} nav.navbar.background--dark {background-color: rgba(255, 255, 255, 0.6) !important;} nav.navbar.background--complex {background-color: rgba(255, 255, 255, 0.6) !important;} nav.navbar.background--light .nav-color-change, nav.navbar.background--light #mod_search_searchword-106, nav.navbar.background--light #default_form_106:after, nav.navbar.background--light .custom_liens p a, nav.navbar.background--light .custom_liens p:after, nav.navbar.background--light #rssocial-112 span.rssocial-icon, nav.navbar.background--light .menu--hamburger span, nav.navbar.background--light .search_search form.form-inline:after, nav.navbar.background--light #side_menu .langues p i {color: white;} nav.navbar.background--dark .nav-color-change, nav.navbar.background--dark #mod_search_searchword-106, nav.navbar.background--dark #default_form_106:after, nav.navbar.background--dark .custom_liens p a, nav.navbar.background--dark .custom_liens p:after, nav.navbar.background--dark #rssocial-112 span.rssocial-icon, nav.navbar.background--dark .menu--hamburger span, nav.navbar.background--dark .search_search form.form-inline:after, nav.navbar.background--light #side_menu .langues p i {color: #212529;} nav.navbar.background--complex .nav-color-change, nav.navbar.background--complex #mod_search_searchword-106, nav.navbar.background--complex #default_form_106:after, nav.navbar.background--complex .custom_liens p a, nav.navbar.background--complex .custom_liens p:after, nav.navbar.background--complex #rssocial-112 span.rssocial-icon, nav.navbar.background--complex .menu--hamburger span, nav.navbar.background--complex .search_search form.form-inline:after, nav.navbar.background--light #side_menu .langues p i {color: #212529;} .background--complex #logo polygon, .background--complex #logo rect, .background--complex #logo path, .background--light #logo polygon, .background--light #logo rect, .background--light #logo path{fill: white;} #logo polygon, #logo rect, #logo path, .background--dark #logo polygon, .background--dark #logo rect, .background--dark #logo path{fill: #212529;} .nav-item:hover .nav-color-change {color: #212529 !important; transition: all 0.2s ease-out;} } .row-fluid{max-width: 100%; /*overflow: hidden;*/} .type-alias-contenu-simple .description{max-width: 80%; margin: auto;} /* Menu */ } #main_menu_mobile{display: none;} nav.navbar{width: 100%; justify-content: space-between;} nav.navbar ul.nav{list-style-type: none; padding-left: 0; text-align: center; position: relative; top: auto; opacity: 1; z-index: 99; flex-wrap: nowrap;} nav.navbar ul.nav > li{/*display: inline-block; */ position: relative; padding: .5em 1.5em; margin-right: 1em; border: 1px solid transparent; align-self: stretch; display: flex; align-items: center;} nav.navbar ul.nav > li > a{text-transform:uppercase; color: #353535; text-decoration: none; position: relative; letter-spacing: 0.05em;} nav.navbar ul.nav > li:after {transition: all .3s ease-in; position: absolute; width: 100%; height: 0; background: #fff; content: ' '; top: 0; left: 0; z-index: 9;} nav.navbar ul.nav > li:hover:after{height: 100%;} nav.navbar ul.nav > li:hover > a{color: #353535; text-shadow: initial; z-index: 9999;} nav.navbar ul.nav > li:not(.current):hover a, nav.navbar ul.nav > li:not(.active):hover a {color: #bed600; z-index: 999999;} nav.navbar ul.nav > li:before, nav.navbar ul.nav > li.current:before, nav.navbar ul.nav > li.active:before { transition: all .3s ease-in; position: absolute; content:' '; color: #fff; top: 90%; width: 0; left: 0%; background: #bed600; height: 10px; z-index: 999999;} nav.navbar ul.nav > li.current:before, nav.navbar ul.nav > li.active:before{left: -1px;} nav.navbar ul.nav > li:hover:before, nav.navbar ul.nav > li.current:before, nav.navbar ul.nav > li.active:before {width: 40%;} nav.navbar ul.nav > li:not(.current):hover a, nav.navbar ul.nav > li:not(.active):hover a{color: #383533;} nav.navbar ul.nav > li.current, #header .menu > li.active{border: 1px solid #fff;} /* Sous-menu */ nav.navbar .parent > .nav-child {position: absolute; z-index: 1000; max-height: 0; left: 0; right: 0; top: 59px; min-width: 8.5em; overflow: hidden; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; background: rgba(255,255,255,.8); list-style-type: none; padding-left: 0; text-align: left;} nav.navbar .nav-child > li > a{text-decoration: none; padding-left: .5em; padding-right: .5em; display: block; text-transform: uppercase; z-index: 9999; font-weight: 500;} nav.navbar .parent:hover .nav-child, nav.navbar .parent .nav-child:hover{max-height: 20em;} nav.navbar .menu > li > .nav-child > li{padding-top: 5px; padding-bottom: 5px; transition: all .3s ease-in;} nav.navbar .menu > li > .nav-child > li:hover {background: #fff;} /* top right (recherche - connexion - liens) */ #side_menu{justify-content: flex-end;} #side_menu > div, #side_menu > form{margin-right: 15px;} /* recherche */ nav.navbar.background--light #mod_search_searchword-106 {border-color: white !important;} nav.navbar.background--dark #mod_search_searchword-106 {border-color: #212529 !important;} nav.navbar.background--complex #mod_search_searchword-106 {border-color: #212529 !important;} /* Search bar animation */ #main_menu {position: relative; margin-right: 35px;} #menu--hamburger{position: absolute; left: 0;} #menu--hamburger span {font-size: 2em; cursor: pointer; display: none;} #mod_flexiadvsearch_default106, #mod_flexiadvsearch_default190{position: absolute; width: 95%;} #mod_flexiadvsearch_default106 *, #mod_flexiadvsearch_default190 *{width: 100%; height: 30px;} #default_form_106:after, #default_form_190:after {content: '\f002'; font-family: 'Font Awesome 5 Pro'; position: absolute; cursor: pointer; z-index: 4; top: 0.35em; right: -1.5em; color: #212529;} #mod_search_searchword-106, #mod_search_searchword-190 {position: absolute; top: -0.2em; right: -2em; border-radius: 1000px !important; z-index: 5; min-width: 0; width: 30px; height: 30px; border: 1px solid #212529; background-color: transparent; cursor: pointer;} #mod_search_searchword-106::placeholder, #mod_search_searchword-190::placeholder {color: transparent;} .search-expand {width: 50vw !important; transition: all 1s ease-out;} /* Langues */ #side_menu .langues {display: flex; align-items: center; cursor: pointer;} #side_menu .langues p {margin: 0; margin-left: 0.5em;} .mod-languages {display: none;} #map-container {display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10000000; background-color: white;} #europe-map {max-width: 80%; margin-right: 1em;} #europe-map svg {height: 100vh; /* collapse the container's height */ /* apply a padding using the following formula */ /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */ padding-top: (926px / 722px) * 80%; position: relative; /* create positioning context for svg */} #EUW path, #EUW g {fill: #212529; stroke: white; transition: all 0.3s ease-out;} #fleche line {stroke: black; stroke-width: 10;} #nothing path {fill: #b2b2b2 !important;} #EUW path:hover, #EUW g:hover path {fill: #bed600; cursor: pointer;} #nothing:hover path {fill: #b2b2b2 !important; cursor: auto;} .close-map-bg {position: relative; width: 30vw; background-color: #212529; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 1;} .close-map{padding: 0 2em 0 7em;} p.retour:before {content: '\f30a'; font-size: 0.9em; font-weight: 400; font-family: 'Font Awesome 5 Pro'; margin-right: 0.5em; transition: all 0.3s ease-out;} p.retour {font-size: 1.1em; color: white; margin-bottom: 0; cursor: pointer; text-align: right;} p.retour:hover:before {margin-right: 1em;} p.map-consigne {font-size: 1.3em; font-weight: 900; margin-bottom: 0; text-align: right; color: #bed600} p.pays {text-transform: uppercase; font-size: 2em; color: white; text-align: right; font-weight: 900; margin: 30px 0 0 0; letter-spacing: 1px; line-height: 1.2em; margin-bottom: 5px;} .zoom-matiere {height: 20px; overflow: hidden;} .zoom-matiere img {width: 100%; max-height: 20px; transform: scale(5);} .popover-map {display: none; position: absolute; top: 40%; left: 40%; width: 20%; height: 20%; background-color: #212529; border-left: 15px solid #bed600; z-index: 10000001; padding: 10px 15px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3);} .popover-map .popover-close {height: 15%; width: 100%; display: flex; justify-content: space-between;} .popover-map .popover-close p {text-align: center; margin-bottom: 0; font-weight: 900; font-size: 1.2em; color: white;} .popover-map .popover-close span {font-size: 1.3em; font-family: 'Font Awesome 5 Pro'; cursor: pointer; color: white;} .popover-langues {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 85%;} .choix-langue {flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;} .choix-langue:nth-child(2):before {content: ''; display: block; height: 50%; position: absolute; top: 25%; left: 0; border-left: 1px solid white;} .choix-langue a {display: flex; flex-direction: column; align-items: center; color: white;} .choix-langue a:hover {color: white;} .choix-langue a:visited {color: white;} .icon-langue {width: 30px; height: 30px; margin-bottom: 5px;} .icon-langue img {width: 100%;} /* login */ .sourcecoast .btn{box-shadow: none;} #sclogin-form{margin-bottom: 0;} #sclogin-form .logout-button{position: relative; border: 1px solid white; background-color: white; border-radius: 1000px;} #sclogin-form .logout-button input[name="Submit"] {border: 0; background-color: transparent !important;} .sourcecoast.sclogin-modal-links.sclogin .btn-primary:after{content: '\f13e'; font-family: 'Font Awesome 5 Pro'; position: absolute; top: .2em; font-weight: 900;} .sourcecoast.sclogin-modal-links.sclogin .btn-primary:before{visibility: hidden;} .sourcecoast.sclogin-modal-links.sclogin .btn-primary:hover:after{padding-left: .5em; padding-right: .5em;} #sclogin-form .logout-button:after{content: '\f30d'; font-family: 'Font Awesome 5 Pro'; position: absolute; top: .2em; left: 80%;} .sourcecoast.sclogin-modal-links.sclogin .btn-primary, #sclogin-form .logout-button input.btn.btn-primary{font-family: inherit; background: none; text-shadow: none; top: 0; border-radius: 20px; border-color: #fff; color: #212529; font-size: 1em; font-weight: 500; padding: .3em 2.5em .3em 1em;} @media all and (min-width: 721px){ /* changement de couleur suivant background */ nav.navbar.background--light #sclogin-form .logout-button, nav.navbar.background--light .sourcecoast.sclogin-modal-links.sclogin .btn-primary{background-color: white !important; color: #212529; border-color: white; transition: all 0.3s ease-out;} nav.navbar.background--light #sclogin-form .logout-button input, nav.navbar.background--light .sourcecoast.sclogin-modal-links.sclogin .btn-primary{color: #212529;} nav.navbar.background--light #sclogin-form .logout-button:after, nav.navbar.background--light .sourcecoast.sclogin-modal-links.sclogin .btn-primary:after {color: #212529; transition: all 0.3s ease-out;} nav.navbar.background--dark #sclogin-form .logout-button, nav.navbar.background--dark .sourcecoast.sclogin-modal-links.sclogin .btn-primary{background-color: rgba(33, 37, 41, 0.7) !important; color: white; border-color: #212529; transition: all 0.3s ease-out;} nav.navbar.background--dark #sclogin-form .logout-button input, nav.navbar.background--dark .sourcecoast.sclogin-modal-links.sclogin .btn-primary{color: #fff;} nav.navbar.background--dark #sclogin-form .logout-button:after, nav.navbar.background--dark .sourcecoast.sclogin-modal-links.sclogin .btn-primary:after {color: white; transition: all 0.3s ease-out;} nav.navbar.background--complex #sclogin-form .logout-button, nav.navbar.background--complex .sourcecoast.sclogin-modal-links.sclogin .btn-primary {background-color: rgba(33, 37, 41, 0.7) !important; color: white; border-color: #212529; transition: all 0.3s ease-out;} nav.navbar.background--complex #sclogin-form .logout-button input, nav.navbar.background--complex .sourcecoast.sclogin-modal-links.sclogin .btn-primary{color: #fff;} nav.navbar.background--complex #sclogin-form .logout-button:after, nav.navbar.background--complex .sourcecoast.sclogin-modal-links.sclogin .btn-primary:after {color: white; transition: all 0.3s ease-out;} nav.navbar.background--dark #sclogin-form .logout-button input, nav.navbar.background--complex #sclogin-form .logout-button:after {color: white;} } /* liens */ .custom_liens p{margin-bottom: 0; display: inline-block; font-weight: 500;} .custom_liens p:after{content: '|'; margin: 0 1em;} .custom_liens p:last-of-type:after{margin-right: 0;} .custom_liens a{transition: all .1s ease-in;} .custom_liens a:hover{text-decoration: none; color: #bed600;} /* RS */ #rssocial-112{margin: 0 !important;} .rssocial-icon-instagram::before{font-family: 'Font Awesome 5 Brands'; content:'\f16d'; font-size: 1.2em;} /* ----------------- Oreillette de contact ----------------- */ #call_us{position: fixed; top: 53vh; z-index: 999; left: -18vw; transition: all .3s ease-in-out;} #call_us.show{left: 0;} #call_us .call_us{display: flex;} #call_us .call_us #oreillette_contact{background: rgba(255,255,255,0.9); padding: 1.5em; width: 18vw; box-shadow: 0px 0px 3px rgba(0,0,0,.3);} #call_us .call_us #button_phone{display: flex; align-self: flex-start;} #call_us .call_us #button_phone i{font-size: 1.75em; padding: .5em; background: #fff; box-shadow: 2px 0px 3px rgba(0,0,0,.3); color: #bed600} #call_us .call_us .btn_contact_us{background: #bed600; border: none; color: #fff; padding: 1em; position: relative;} #call_us .call_us .btn_contact_us span{position: relative; z-index: 9;} #call_us .call_us .btn_contact_us:after{content:''; background: #353535; position: absolute; top: 0; left: 0; width: 100%; height: 0; transition: all .3s ease-in-out;} #call_us .call_us .btn_contact_us:hover{text-decoration: none;} #call_us .call_us .btn_contact_us:hover:after{height: 100%;} #call_us h2{text-transform: initial; font-weight: 600; font-family: "barlow"; font-size: 1.3em; margin-bottom: 1em;} #call_us h3{font-size: 1em; color: #353535; margin-left: .5em;} #call_us .call_flex{display: flex; justify-content: space-between; border: 1px solid #bed600; align-items: baseline;} #call_us .asterisque{font-size: .8em;} #call_us .call_flex p{margin-bottom: 0;} #call_us .call_us #oreillette_contact > div:last-of-type{margin-top: 2em;} #call_us .call_us #oreillette_contact > div:last-of-type p{margin-bottom: 0;} #call_us .call_us #oreillette_contact > div:last-of-type p:first-of-type{background: #353535; padding: .3em .5em; color: #fff;} #call_us .call_us #oreillette_contact > div:last-of-type a{color: #bed600; font-weight: 600;} /* ----------------- PREFOOTER ----------------- */ #prefooter-bg, #ender-bg{background: #131313;} #prefooter{color: #fff; text-transform: uppercase; font-size:1.5em; font-family: "oswald"; padding: 15px 0;} #prefooter p{margin-bottom: 0;} #prefooter a{color: #fff;} /* ----------------- FOOTER ----------------- */ #footer-bg{background-image: url(../images/footer-bg.jpg); center no-repeat; background-size: cover; background-attachment: fixed;} #footer{margin: auto; padding-top: 50px; padding-bottom: 50px; color: #fff;} #footer h2{color: #fff; margin-bottom: 2em;} /* footer_1 */ .custom_footer1{margin-bottom: 50px;} #footer .coordonnees{width: 45%; line-height: 1.2em;} #footer #coordonnees img{margin-bottom: 10px;} #footer #coordonnees h2{font-size: 1.3em; margin-bottom: 1em;} #footer #coordonnees a{color: #fff; text-decoration: none; transition: all .1s ease-in;} #footer #coordonnees a:hover{color: #bed600;} #footer #gestion-lumiere > div{display: flex; flex-wrap: wrap; justify-content: space-between;} #footer #gestion-lumiere > div > div{width: 48%;} /*.btn-controle:before{content: url(../images/picto-controle-accueil.png);} .btn-confort:before{content: url(../images/picto-confort-accueil.png);} .btn-apport:before{content: url(../images/picto-apport-accueil.png);} .btn-habillage:before{content: url(../images/picto-habillage-accueil.png);} .btn-gestion-lumiere:before{margin-right: 1em;}*/ .btn-gestion-lumiere{display: flex; align-items: center; padding: .7em; margin-bottom: 1em; background-color: #383533; border: 1px solid #383533; transition: all .3s ease-in-out;} .btn-gestion-lumiere img{width: 25%; margin-right: .7em;} .btn-gestion-lumiere p{width: 75%;} #footer #gestion-lumiere > div > div:hover .btn-gestion-lumiere{text-decoration: none; background-color: rgba(255,255,255,.3); border: 1px solid #fff;} .btn-gestion-lumiere p{text-transform: uppercase; font-family: "oswald"; font-size: 1em; font-weight: 500; line-height: 1em; margin-bottom: 0;} .btn-gestion-lumiere p span{font-size: 0.8em; font-weight: 100;} /* footer_2 : SYSTEMES */ .custom_footer2{margin-bottom: 50px;} #footer_2 h2{margin-bottom: 1em;} #footer .systemes .row {border-bottom: 1px solid #FFF; padding: .25em 0; font-size: 1.125em;} #footer .systemes .row > div {width : 16%; text-align: center;} #footer .systemes .row > div > a{color: #FFF;} #footer .systemes .row > div > a:hover{color: #c8de00; text-decoration: none;} #footer .systemes .row > div.systeme{width : 20%; text-align: left;} /* footer_3 : PANNEAUX */ #footer .panneaux .row{justify-content: space-between;} #footer .panneaux .row a{color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: .3em 1em; font-size: 1.2em; transition: all .3s ease-in-out;} #footer .panneaux .row a:hover{text-decoration: none; color: #bed600; border-color: #bed600;} /* ENDER */ #ender{margin: auto; padding-top: 30px; padding-bottom: 15px; color: #fff;} #ender a{color: #fff;} #ender a:hover{color: #bed600; text-decoration: none;} .custom_ender{display: flex; justify-content: space-between; padding: 0 15px;} /* ----------------- COOKIES --------------------*/ #redim-cookiehint-top{top: 83px;} #redim-cookiehint{background-color: #bed600; display: flex;} #redim-cookiehint, #redim-cookiehint a{color: #383533;} #redim-cookiehint .cookiebuttons{display: flex;} /* ----------------- ADDTHIS PARTAGE ----------------- */ .fc_addthis_btn_cnt.nowrap_box > a{color: #383533; font-weight: 900; font-size: 1.1em; display: flex !important; align-items: center; transition: all .3s ease-in-out;} .fc_addthis_btn_cnt.nowrap_box > a:hover{text-decoration: none; color: initial;} .fc_addthis_btn_cnt.nowrap_box > a:after{content:'\f1e0'; font-family: "font awesome 5 pro"; font-size: 1.5em; font-weight: 400; padding: 0 .5em; transition: all .3s ease-in-out;} .fc_addthis_btn_cnt.nowrap_box > a:hover:after{font-weight: 900; text-decoration: none; color: #bed600;} .fc_addthis_btn_cnt.nowrap_box > a > span{display: none;} .field_partage-galerie .flexitoolbar{border: none; margin: 0;} .field_partage-galerie .flexitoolbar .addthis_button_pinterest.at300b > span{height: 20px;} .addthis_custom_item a .at-icon-wrapper{margin-right: .5em; transition: all .3s ease-in-out;} .addthis_custom_item a:hover .at-icon-wrapper{transform: scale(1.2); box-shadow: 0 0 4px rgba(0,0,0,0.5);} #at20mc{display: none;} /* Actus accueil - Galerie de références */ .content_plus .fc_block.fcitem_fields{display: flex !important; align-items: center; z-index: 999;} #flexicontent.galerie ul.introblock.group {overflow: inherit !important;} #flexicontent.focus ul.introblock.group {overflow: inherit !important;} .content_plus .fc_addthis_btn_cnt.nowrap_box > a, #flexicontent.galerie ul.introblock > li .fc_addthis_btn_cnt.nowrap_box > a:after{color: #fff;} .content_plus .fc_addthis_btn_cnt.nowrap_box > a:hover, #flexicontent.galerie ul.introblock > li .fc_addthis_btn_cnt.nowrap_box > a:hover:after{color: #bed600;} /* Page actus - Galerie Case Studie */ #flexicontent.actus ul.introblock > li .fc_addthis_btn_cnt.nowrap_box > a:before, #flexicontent.focus ul.introblock > li .fc_addthis_btn_cnt.nowrap_box > a:before{content: 'Partager';} #flexicontent.focus div.pagination, #flexicontent.galerie div.pagination {display: none;} /* ----------------- ACCUEIL ----------------- */ /* slider */ #slider .swiper-img-cont{background-size: cover;} #slider {position: relative; overflow: hidden;} #slider #sliderck122, #slider #sliderck183{border-bottom: 5px solid #fff;} #slider .custom{position: relative;} #slider #titre_slider_accueil{position: absolute; z-index: 99; top: -85px; width: 100%; text-align: right;} #slider #titre_slider_accueil h1 span.titre_line1{color: #fff; font-size: 1.5em; text-transform: uppercase; font-weight: 200; letter-spacing: 1em; padding-right: 1em;} #slider #titre_slider_accueil h1 span.titre_line2{color: #383533; font-size: 1em; text-transform: uppercase; font-weight: 900; background-color: #fff; letter-spacing: .5em; padding-right: 9em; padding-left: .3em; } /* test */ #slider #titre_slider_accueil{width: 97%; right: 3%;} #slider #titre_slider_accueil h1{position: relative;} #slider #titre_slider_accueil h1 span.titre_line1{padding-right: 0;} #slider #titre_slider_accueil h1 span.titre_line2{position: absolute; right: -1.5em; bottom: -1.15em;} /* fin test */ /* menu gestion lumière */ #menu-secondaire {position: relative;} #menu-secondaire .custom_menu-gestion-lumiere{position: absolute; z-index: 99; top: -180px; right: 85px;} #menu-gestion-lumiere{display: flex; justify-content: flex-end;} #menu-gestion-lumiere > div{margin: 0 1em; width: 115px;} #menu-gestion-lumiere > div .btn-gestion-lumiere{text-align: center; flex-direction: column; padding: .5em; margin-bottom: 0; background-color: #fff; border: 1px solid #fff; color: #383533;} #menu-gestion-lumiere > div .btn-controle:before{content: url(../images/picto-controle-lumiere-fonce.png);} #menu-gestion-lumiere > div .btn-confort:before{content: url(../images/picto-confort-lumiere-fonce.png);} #menu-gestion-lumiere > div .btn-apport:before{content: url(../images/picto-apport-lumiere-fonce.png);} #menu-gestion-lumiere > div .btn-habillage:before{content: url(../images/picto-habillage-lumiere-fonce.png);} #menu-gestion-lumiere > div .btn-gestion-lumiere:before{margin-right:0; margin-bottom: .5em;} #menu-gestion-lumiere > div .btn-gestion-lumiere:hover{background-color: #bed600; border-color: #bed600; text-decoration: none;} /* z1 */ #z1{display: flex; justify-content: space-around; padding: 100px 0;} #z1 h2{font-size: 3.5em; color: #383533; font-weight: 100;} #z1 div.buttons{margin-bottom: 3em;} #z1_col1 .btn-primary{margin-right: 1em;} #z1 .btn-lg{margin-bottom: 1.5em;} #z1_col1 div.pictos img{margin-right: 15px; transition: all .3s ease-in-out;} #z1_col1 .pictos img:hover{ margin-top: -2em;} #z1_col3{text-align: right;} #z1_col3 .pictos img{-webkit-filter: grayscale(100%); margin-left: 15px; transition: all .3s ease-in-out;} #z1_col3 .pictos img:hover{-webkit-filter: none; margin-top: -2em;} /* z2 - video vedette + actus */ /* vidéo vedette */ .video-vedette{padding: 70px 0 100px 0;} .video-vedette iframe{margin: 0 auto; width: 1280px; height: 720px;} /* actus */ #accueil_actu_bg{width: 100%; background: #f7f6f6; position: relative; top: 10px; margin-bottom: 100px; margin-top: 50px;} /* #accueil_actus .mod_flexicontent_wrapper{top: -100px;}*/ #accueil_actus .mod_flexicontent_wrapper{top: 15px;} #order_added119{display: flex; max-width: 85%;} #order_added119 > div{margin-right: 15px;} #mod_fcitems_box_standard_119, #mod_fcitems_box_standard_173{display: flex; flex-direction: column; justify-content: space-between;} #order_added119 .image_featured img{height: initial !important; } .mod_flexicontent_featured{position: relative; width: 70%; max-height: 676px;} .image_featured{max-height: 676px; overflow: hidden; width: 100%;} .mod_flexicontent_standard{width: 30%;} .mod_flexicontent_standard_wrapper{position: relative; max-height: 345px;} .image_standard{max-height: 343px; overflow: hidden; width: 100%;} .content_featured, .content_standard {position: absolute; top: 0; left: 0; width: 100%;} .content_featured{max-height: 676px;} .content_featured .intro{padding: 1.5em; background: rgba(255,255,255,.5);} .content_featured .intro .fcitem_title, .content_standard .fcitem_title_box{font-family: "oswald"; text-transform: uppercase;font-weight: 500;} .content_featured .intro .fcitem_title{font-size: 2.1em;} .content_featured .intro .fcitem_text{font-size: 1.3em; font-weight: 600; margin-top: .5em;} .content_standard .fcitem_title_box{font-size: 1.5em; padding: .5em;} .content_standard .fcitem_title_box .fcitem_title a{color: #fff;} .content_plus{display: flex; justify-content: space-between; position: absolute; bottom: 0; width: 100%;} .content_plus .fcitem_readon a.readon i{font-size: 1.5em; color: #fff;} .content_plus .fcitem_readon{padding: .7em 0; background: #bed600;} .content_plus .fcitem_readon a.readon{padding: 1em;} #accueil_actus h2{position: absolute; writing-mode: vertical-rl; right: 75px; font-size: 12em; margin: 0; top: 6px; font-weight: 400; color: #383533; transform: rotate(180deg);} /* z3 */ #z3{display: flex; margin: 0 auto; padding-top: 100px; padding-bottom: 100px;} #z3 h2{font-size: 3.1em; color: #383533; font-weight: 100;} #z3 .z3_col{padding: 0 1em;} #z3 .z3_col ul{padding-left: 0; list-style-type: none; margin-top: 1em;} #z3 .z3_col ul a{text-transform: uppercase; font-family: "oswald";} #z3 .z3_col ul a:hover{text-decoration: none; color: #bed600;} /* ----------------- HORS ACCUEIL ----------------- */ .zone-intro{max-width: 50%; margin: 100px auto; text-align: center;} .zone-intro h2{font-weight: 200; font-size: 2.5em; margin-bottom: .5em; color: #212121; line-height: 1.5em;} .zone-intro > p{font-size: 1.25em; line-height: 2em;} .zone-intro > p > span{font-size: .8em; text-transform: uppercase;} /* pagination */ .pagination{width: 100%; text-align: center; margin: 4em 0 0 0;} .pagination ul{display: flex; list-style-type: none; padding: 0; margin: 2em auto;} .pagination ul>li{display: inline-block; padding: 0 .2em;} .pagination ul>li>a, .pagination ul>li>span{color: #212121; font-size: 1.1em;} .pagination ul>li.pagination-start>span, .pagination ul>li.pagination-prev>span, .pagination ul>li.pagination-next>span, .pagination ul>li.pagination-end>span{opacity: .5;} .pagination ul>li:not(.pagination-start)>span, .pagination ul>li:not(.pagination-prev)>span, .pagination ul>li:not(.pagination-next)>span, .pagination ul>li:not(.pagination-end)>span{text-decoration: underline; font-weight: 600} .pagination ul>li.pagination-prev{margin-right: .5em} .pagination ul>li.pagination-next{margin-left: .5em} .pagination i{font-size: .9em;} /* PAGE TYPE Portail plein écran */ .beforedescription-portail{width: 100% !important; border: none; height: 100vh;} .beforedescription-portail div:not(.field_titre-couv-colonne):not(.field_titre-couv-colonne-bis), .beforedescription-portail img{height: 100%;} .beforedescription-portail .value.field_section-couv-portail{display: flex;} .beforedescription-portail .fc-fieldgrp-value-box{margin: 0; padding: 0; border: none; position: relative;} .beforedescription-portail .fc-fieldgrp-value-box .field_image-section-couv-portail{margin: 0; padding: 0; max-width: 100%;} .beforedescription-portail .fc-fieldgrp-value-box .field_image-section-couv-portail .fc_img_container{margin: 0;} .beforedescription-portail .fc-fieldgrp-value-box .field_image-section-couv-portail img{margin: 0; padding: 0; border: none; border-radius: 0; object-fit: cover;} .beforedescription-portail .field_titre-categorie-portail{position: absolute; left: 0; min-width: initial; height: auto !important; margin: 0; text-align: right; padding: 0;} .mon-projet .beforedescription-portail .field_titre-categorie-portail{width: 68%;} .beforedescription-portail .field_titre-categorie-portail .value{width: 100%;} .beforedescription-portail .field_titre-categorie-portail .value p{margin-bottom: 0; width: 100%; padding: 0;} p.titre-portail-sans-fond{text-transform: uppercase; font-family: "oswald"; font-size: 3.125em; font-weight: 200; letter-spacing: .3em; color: #fff;} p.titre-portail-sans-fond a{color: #fff; transition: all .3s ease-in-out;} p.titre-portail-sans-fond a:hover{color: #bed600; text-decoration: none;} p.titre-portail-fond-blanc{background: #fff; text-transform: uppercase; font-family: "oswald"; font-size: 2em; letter-spacing: .3em; line-height: 1.6em; font-weight: 500; padding-right: .2em !important; display: flex; justify-content: space-between;} p.titre-portail-fond-blanc a{transition: all .3s ease-in-out;} p.titre-portail-fond-blanc a:hover{color: #bed600; text-decoration: none;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+0) .field_titre-categorie-portail{text-align: left; left: initial; right: 0;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+0) .field_titre-categorie-portail p.titre-portail-fond-blanc{padding-right: 0 !important; padding-left: .4em;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+0) .field_titre-categorie-portail p.titre-portail-sans-fond{padding-left: .2em;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+1) .field_titre-categorie-portail p.titre-portail-fond-blanc:before{content: '\f067 '; font-family: "Font Awesome 5 Pro"; background: #bed600; padding: 0 .3em 0 .5em; margin-right: .5em;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+0) .field_titre-categorie-portail p.titre-portail-fond-blanc:after{content: '\f067 '; font-family: "Font Awesome 5 Pro"; background: #bed600; padding: 0 .3em 0 .5em; margin-left: .5em;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(1) .field_titre-categorie-portail{top: 25%;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2) .field_titre-categorie-portail{top: 75%;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(3) .field_titre-categorie-portail{top: 40%;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(4) .field_titre-categorie-portail{top: 55%;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(5) .field_titre-categorie-portail{top: 25%;} /* PAGE Définir mon projet */ .definir-mon-projet .itm_couverture, .type-alias-contenu-simple #flexicontent .itm_couverture {min-height: 12em; max-height: 75vh;} .definir-mon-projet h1.contentheading, .type-alias-contenu-simple h1.contentheading{margin: 0; position: absolute !important;} .definir-mon-projet .topblock {margin-top: 100px; margin-bottom: 50px;} .definir-mon-projet .topblock .infoblock {border: 0; padding: 0; margin: 0;} .definir-mon-projet .topblock li.field_definir-mon-projet {width: 100%;} .definir-mon-projet .topblock li.field_definir-mon-projet div {display: flex; flex-direction: column; padding: 0 10%;} .definir-mon-projet .topblock li.field_definir-mon-projet div .label {background-color: transparent !important; text-transform: uppercase; font-family: "oswald"; font-weight: 100; font-size: 1.8em; min-width: 30% !important; max-width: 50% !important; margin: 0; padding: 0 !important; margin-bottom: 10px; color: #212529 !important;} /* Form */ .definir-mon-projet .description {margin-bottom: 75px; padding: 0 10%;} .definir-mon-projet .description .desc-content {display: flex; flex-direction: column; align-items: center; width: 100%} #definir-projet {width: 100%; max-width: 100%;} .container-radio {display: flex; margin-top: 50px; position: relative;} .radio-box {flex: 1; position: relative;} .disable:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; z-index: 10;} .process {display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #b2b2b2;} .etape {height: 50px; width: 50px; border-radius: 1000px; display: flex; justify-content: center; align-items: center; border: 1px solid #b2b2b2;} .etape span {font-size: 1.5em; color: #b2b2b2;} .process h2 {font-size: 1em; margin: 25px 0 15px 0; font-weight: 400; color: #b2b2b2;} .liste-radio, .plus-radio {display: flex; flex-direction: column; align-items: center; padding: 65px 0; width: 100%;} .plus-radio {height: 0;} #one .liste-radio {padding: 65px 0 0 0;} #one .plus-radio {margin: 0; margin-top: 8px; margin-bottom: 65px; padding: 0; padding-top: 25px; padding-bottom: 0; height: 25px; overflow: hidden; position: relative; transition: all 0.5s ease-out;} #one .plus-radio.expand {margin-top: 0 !important; padding-bottom: 33px !important; padding-top: 0 !important; transition: all 0.5s ease-out;} #one .btn-plus {display: block; text-align: center; padding: 2px 0; background-color: #f4f4f4; color: #b2b2b2; font-size: 14px; width: 100%; position: absolute; bottom: 0; left: 0; cursor: pointer; z-index: 1;} .radio {display: flex; justify-content: center; margin: 5px 0;} .radio label {padding: 3px 20px; margin: 0 !important; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; overflow: hidden; background-color: transparent; cursor: pointer; transition: all 0.3s ease-out; color: #b2b2b2;} .label-hover {content: ''; position: absolute; top: 0; left: -100%; background-color: #bed600; width: 100%; height: 100%; z-index: -1; transition: all 0.3s ease-out;} .radio-elem-typebat, .radio-elem-application, .radio-elem-gestionlum {position: absolute; opacity: 0; z-index: -1;} .radio:hover .label-hover {left: 0 !important;} .radio:hover label, .checked label {color: white !important; font-weight: 900;} .checked {background-color: #bed600;} .choix-disabled {position: relative;} .choix-disabled label {color: #b2b2b2 !important;} .choix-disabled:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;} .radio.choix-disabled:hover .label-hover {left: -100% !important;} .radio.choix-disabled:hover label {color: #b2b2b2 !important; font-weight: 400;} /* Solution */ .container-solution {display: flex; flex-direction: column; align-items: center; height: 0; overflow: hidden;} .container-solution .fleche-trait, .container-solution .fleche-trait img {width: 100%;} .container-solution h2 {text-align: center; margin-top: 30px; margin-bottom: 50px; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; color: #bed600;} .prop {display: none; padding: 0 5em;} .prop-solution {display: flex; justify-content: center; width: 80%; opacity: 0;} .img-prop {width: 180px; height: 180px; border-bottom: 1px solid #b2b2b2; padding-top: 10px; transition: all 0.5s ease-out;} .prop:hover .img-prop {padding-top: 0; padding-bottom: 10px;} .img-prop img {width: 100%;} .prop, .prop:hover, .prop:visited {text-decoration: none; color: #212529;} .prop p {font-size: 1em; margin-top: 10px; margin-bottom: 0; position: relative; display: flex; align-items: center;} .trait-prop {display: inline-block; width: 0px; height: 3px; background-color: #bed600; margin-right: 0; transition: all 0.3s ease-out;} .prop:hover .trait-prop {width: 20px; margin-right: 0.5em;} .renvoie-contact {display: flex; flex-direction: column; align-items: center; margin-top: 75px; opacity: 0;} /* ANIMATIONS */ /* Current choice */ .current-choice, .done {padding-top: 0 !important;} .current-choice .process {border-bottom: 1px solid #212529; transition: all 0.3s ease-out;} .current-choice .etape {border: 2px solid #212529 !important; transition: all 0.3s ease-out;} .current-choice .etape span {font-weight: 900 !important; color: #212529 !important; transition: all 0.3s ease-out;} .current-choice .radio label, .current-choice .process h2 {color: #212529; transition: all 0.3s ease-out;} /* Choice done */ .done .etape {border: 2px solid #bed600; transition: all 0.3s ease-out;} .done .etape span {color: #bed600; font-weight: 900; transition: all 0.3s ease-out;} .done .process h2, .done .radio label {color: #212529; transition: all 0.3s ease-out;} /* PAGES DE Résultats recherche */ body.recherche.view-search #flexicontent {padding: 130px 160px 0 160px; display: flex; flex-direction: column;} body.recherche.view-search .fc_search_results_list {display: flex; flex-wrap: wrap; padding-left: 0;} body.recherche.view-search .fc_search_results_list .fcclear {display: none;} body.recherche.view-search .fc_search_results_list .fc_search_result {width: 46%; margin: 2%; background-color: transparent !important; border-bottom: 1px solid #212529; display: flex;} /* Filtre resultats recherche */ #searchForm {display: flex; align-items: center; height: 35px; margin-top: 20px; padding-left: 1%; margin-bottom: 50px;} /* Filtre type de contenu */ #searchForm #fc_contenttypes_set {order: 3; width: auto; padding: 0; margin: 0; border: 0; height: 35px; display: flex;} #fc_contenttypes_set .fc_search_option_cell {background-color: transparent; padding: 0;} #s2id_contenttypes {margin: 0;} #s2id_contenttypes a {border: 0; background-color: transparent; border-radius: 0; border: 1px solid #b2b2b2; display: flex; align-items: center;} #s2id_contenttypes a:after {content: '\f0dd'; font-size: 1.5em; font-weight: 900; color: #212529; font-family: 'Font Awesome 5 Pro'; padding-right: 7px; margin-top: -7px;} #s2id_contenttypes .select2-arrow {display: none;} /* Barre de recherche - résulats recherche */ #searchForm #fc_textsearch_set {order: 1; width: auto; padding: 0; margin: 0; border: 0; height: 35px; display: flex; margin-right: 10px;} #fc_textsearch_set .btn-wrapper {position: relative;} #fc_textsearch_set .fc_search_option_cell {background-color: transparent;} #fc_textsearch_set #search_searchword {border: 0; border-bottom: 1px solid #212529; padding: 0 3em 0 0.5em; height: 30px; font-size: 1.2em} #fc_textsearch_set .button_go {height: 30px; padding: 0; margin: 0; position: absolute; top: -0.4em; right: 10px; background-color: transparent; border: 0; font-weight: 400;} .btn-success:hover {color: #212529;} /* Nb résultat + order by */ #searchForm #item_total {order: 2; width: auto; padding: 0; margin: 0 !important; border: 0; height: 35px; display: flex;} #item_total .fc_orderby_box {margin: 0 0 0 50px !important;} #item_total .fc_orderby_selector {margin: 0;} #s2id_orderby, #s2id_orderby a {margin: 0;} #select2-chosen-2 {margin-right: 10px;} #s2id_orderby a {border: 0; background-color: transparent; border-radius: 0; border: 1px solid #b2b2b2; display: flex; align-items: center;} #s2id_orderby a:after {content: '\f0dd'; font-size: 1.5em; font-weight: 900; color: #212529; font-family: 'Font Awesome 5 Pro'; padding-right: 7px; margin-top: -7px;} #s2id_orderby a .select2-arrow {display: none;} /* Desc resultats recherches */ body.recherche.view-search .fc_search_results_list .fc_search_result .search-results {min-width: 50%; max-width: 50%; display: flex; flex-direction: column; padding-right: 15px;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .fc_search_field_value, body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .fc_search_field_value a, body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .fc_search_field_value a:visited, body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .fc_search_field_value:hover a {display: flex !important; align-items: center; color: #212529; text-decoration: none; font-size: 0.9em; margin-bottom: 1px;} .trait-cate {display: inline-block; width: 0px; height: 3px; background-color: #bed600; margin-right: 0; transition: all 0.3s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .fc_search_field_value:hover .trait-cate {width: 10px; margin-right: 0.5em;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results h2 {font-size: 1.3em;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results h2 a, body.recherche.view-search .fc_search_results_list .fc_search_result .search-results h2 a:visited {color: #212529; text-decoration: none; transition: all 0.3s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results h2:hover a {color: #bed600; text-decoration: none;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien {margin-top: 15px;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a {color: #212529;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:before {content: ''; display: inline-block; height: 10px; width: 10px; background-color: #bed600; margin-right: 5px; transition: all 0.3s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:after {content: '\f105'; color: #212529; font-family: 'Font Awesome 5 Pro'; margin-left: 0; transition: all 0.3s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:hover, body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:visited {text-decoration: none; color: #212529;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:hover:before {border-radius: 10px;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .lien a:hover:after {margin-left: 5px;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results .highlight {background: transparent; color: #212529; font-weight: 400; padding: 0; border-radius: 0; border-bottom: 1px dashed #bed600;} /* Img resultats recherches */ body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image {min-width: 50%; max-width: 50%; position: relative; height: 15em;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_result_image {position: absolute; top: 0; left: 0; width: auto; height: 100%; z-index: 0; margin: 0; float: none;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_result_image a {width: 100%; height: 80%; display: flex; justify-content: center; align-items: center;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_result_image a:hover img {transform: scale(1.1);} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_result_image a img {height: 15em; width: auto; max-width: 100%; padding: 0; border: 0; border-radius: 0; transition: all 0.5s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_field_container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_field_container a {height: 100%; width: 100%; display: flex !important; justify-content: center; align-items: center; overflow: hidden;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_field_container a img {height: 15em; width: auto; border: 0; border-radius: 0; margin: 0; transition: all 0.3s ease-out;} body.recherche.view-search .fc_search_results_list .fc_search_result .search-results-image .fc_search_field_container a:hover img {margin-bottom: 30px;} .image_descr .image {position: relative;} .presentation .lineinfo.image_descr{width: 100%;} .field_produits-disponibles .legende-img {display: none;} .legende-img {font-size: 12px; position: absolute; bottom: 1em; right: 1.5em; width: 2em; height: 2em; border: 1px solid #fff !important; border-radius: 100%; cursor: pointer; padding: 1em 0.75em; overflow: hidden; z-index: 9999; display: flex; align-items: center;} .legende-img:hover {opacity: 1; } .legende-img span {color: #fff; position: absolute; bottom: 4px; right: 8px;} .legende-img span fa-times:before{position: relative;} .legende-img p {font-size: 1.5em; display: none; margin-bottom: 0;} .lgd-expand {height: auto; width: auto; background: none; padding: 0; opacity: 1; color: #fff; border: none !important; border-radius: 0; padding-right: 40px;} .lgd-expand p{text-shadow: 0px 0px 4px rgb(0, 0, 0.5); } .zoom-sur.view-category div.content.group {overflow: visible !important;} .zoom-sur.view-category ul.introblock {overflow: visible !important;} .zoom-sur.view-category li.fc_bloglist_item {overflow: visible !important;} /* ----------- CATEGORIES ----------- */ /* Listes items : Présentation - Galerie projets - Case studies - Actus */ #flexicontent .content {margin: 0 auto;} #flexicontent .fc-field-box{max-width: 100%;} #flexicontent:not(.presentation) ul.introblock {margin-top: 100px;} #flexicontent:not(.presentation) ul.introblock > li{border: 1px solid #b9b9b9; padding: 0 !important; transition: all .3s ease-in-out;} #flexicontent:not(.presentation) ul.introblock > li:hover{/*transform: scale(1.05);*/ border-color: #e4e4e4; box-shadow: 0 0 5px rgba(0,0,0,.2);} #flexicontent ul.introblock > li h2.contentheading {width: 100%; margin: 0 !important; padding: 0.5em !important;} #flexicontent ul.introblock > li .image_descr .image.left{margin: 0 !important; float: initial !important; max-height: 540px;} #flexicontent ul.introblock > li .image_descr .image.left img{padding: 0; border: none;} #flexicontent ul.introblock > li .image_descr p{padding: .5em;} #flexicontent ul.introblock > li > div:last-of-type, #flexicontent ul.introblock > li > div:last-of-type > div.element, #flexicontent ul.introblock > li > div:last-of-type > div.element .value.field_favourites{display: inline-block;} #flexicontent:not(.presentation) ul.introblock > li > div:last-of-type{width: 100%; position: relative; margin: .8em 0 .5em 0; padding: 0 .5em;} #flexicontent:not(.presentation) ul.introblock > li > div:last-of-type > div.element:last-of-type{position: absolute; bottom: 0; right: 0;} #flexicontent ul.introblock > li .lineinfo.image_descr .image {overflow: hidden;} #flexicontent ul.introblock > li .lineinfo.image_descr .image img {transform: scale(1.2); transition: all 7.77s ease-out; object-fit: cover; width: 100%;} #flexicontent.galerie ul.introblock > li .lineinfo.image_descr .image img, #flexicontent.presentation ul.introblock > li .lineinfo.image_descr .image img {transform: scale(1);} #flexicontent ul.introblock > li:hover .lineinfo.image_descr .image img {transform: scale(1);} #flexicontent.galerie ul.introblock > li:hover .lineinfo.image_descr .image img, #flexicontent.presentation ul.introblock > li:hover .lineinfo.image_descr .image img {transform: scale(1.2);} /* Navigation entre items de catégories */ .fcpagenav.btn-group .btn{border: none; font-family: 'oswald' !important; font-weight: 500 !important; text-transform: uppercase; font-size: 0.875em; padding: 1em !important;} .fcpagenav.btn-group .btn:not(.fcpagenav-return):hover{color: initial;} .fcpagenav.btn-group {justify-content: space-between; align-items: center; width: 100%;} .fcpagenav-items-cnt {display: none !important;} .fcpagenav-prev:before {content: '\f33e'; font-family: "font awesome 5 pro"; color: #bed600; padding-right: .5em; padding-left: .5em; font-size: 1.2em; transition: all .3s ease-in-out;} .fcpagenav-prev:hover:before {padding-right: 1em; padding-left: 0;} .fcpagenav-next:after {content: '\f340'; font-family: "font awesome 5 pro"; color: #bed600; padding-right: .5em; padding-left: .5em; font-size: 1.2em; transition: all .3s ease-in-out;} .fcpagenav-next:hover:after {padding-right: 0; padding-left: 1em;} .fcpagenav-return{background-color: #fff; border: 1px solid #b9b9b9 !important; transition: all .3s ease-in-out;} .fcpagenav-return:hover{background-color: #fff; border-color: #bed600 !important; color: #bed600;} /* nav item référence */ .type-alias-reference .element.field_liens-autres-references{width: 100%; margin-top: 50px !important;} .type-alias-reference .fcpagenav-return{margin-right: 35%;} /* favoris (coeur) */ .fcfav_icon input{display: none;} .empty, .full{ font-size: 1.5em; cursor: pointer;} .empty{font-weight: 400;} .full{font-weight: 600; color: #f71242;} /* PAGE TYPE Présentation */ .field_image-panneau-compatible .value{width: 8em; height: 6em; padding: .5em; text-align: center;} .field_image-panneau-compatible .value img{max-height: 5em; width: auto;} /* Couv - Infos catégorie */ } #flexicontent.presentation .content div, #flexicontent.presentation .content img, #flexicontent.presentation .floattext div.catimg, #flexicontent.presentation .floattext img{border: none; margin: 0; padding: 0; } #flexicontent.presentation .fc_bloglist_item{border-top: none; position: relative; margin-bottom: 100px;} #flexicontent.presentation li.fc_bloglist_item:before{content: ''; border-left: 3px solid #212121; position: absolute; top: 9em; left: 50%; height: 5em; z-index: 9999;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:first-of-type{order: 2; padding: 0 0 0 4em;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:last-of-type{order: 1; padding: 4em 4em 0 0; text-align: right;} /*#flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:last-of-type .fc-fieldgrp-value-box .fc-field-box{max-width: 100%;}*/ #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation:before{left: -110px;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation .value, #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+0) .lineinfo.line3 > .element:last-of-type .field_lien-article .value{float: right;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .etiquette-de-titre{left: 27%;} #flexicontent h1.cattitle, .type-alias-article #flexicontent h1.contentheading, .type-alias-contenu-simple #flexicontent h1.contentheading{text-transform: uppercase; font-weight: 900; position: relative; top: 45vh; z-index: 99; text-align: right; width: 100%; font-size: 2.3em; color: #212121; letter-spacing: .8em; border-bottom: 5px solid #fff; padding: .4em 0;} #flexicontent h1.cattitle span, .type-alias-article #flexicontent h1.contentheading span, .type-alias-contenu-simple #flexicontent h1.contentheading span{background: #fff; padding: .3em 2.5em; right: 0; position: absolute; bottom: 0;} #flexicontent.presentation .catimg{float: initial; top: -60px;} #flexicontent.presentation .catimg img{border-radius: none;} #flexicontent.presentation .catdescription{max-width: 50%; margin: 40px auto 100px auto;} #flexicontent.presentation .catdescription .titre-intro{font-family: "oswald"; text-transform: uppercase; font-weight: 200; font-size: 2.5em; margin-bottom: .5em; color: #212121;} /* menu ancres items liste */ #flexicontent.presentation > .floattext:first-of-type{position: relative;} #flexicontent.presentation .catdescription .menu_items{position: absolute; width: 100%; top: 55vh; right: 85px; display: flex; justify-content: flex-end;} /* Items liste */ /* titre */ #flexicontent.presentation .etiquette-de-titre{position: absolute; z-index: 999; top: 200px; left: 41%; background: #fff; height: 17em; min-width: 36em; padding: 3em !important; color: #212121;} h2.titre-etiquette{font-size: 3.75em; color: #212121;} span.titre-etiquette-light{font-weight: 100;} /* infos produit */ .pixel{height: 0 !important;} #flexicontent.presentation .lineinfo.line3{display: flex; padding: 0 100px; justify-content: center; position: relative;/*min-height: 350px;*/} #flexicontent.presentation .lineinfo.line3:after{content: ''; border-left: 3px solid #212121; position: absolute; top: -18%; left: 50%; height: 118%; z-index: 9999;} #flexicontent.presentation .lineinfo.line3 > .element:first-of-type{text-align: right;padding: 0 4em 0 0; text-align: center;} #flexicontent.presentation .lineinfo.line3 > .element:last-of-type{padding: 4em 0 0 4em; align-items: center;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles, .sublimer-l-esthetique #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles{display: flex; height: 100%; align-items: flex-end;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box, .sublimer-l-esthetique #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box{display: flex; flex-direction: column; align-items: center;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles img, .sublimer-l-esthetique #flexicontent.presentation .field_produits-disponibles img{max-height: 200px; width: auto; margin-top: 1em !important; transition: all .3s ease-in-out;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles img:hover, .sublimer-l-esthetique #flexicontent.presentation .field_produits-disponibles img:hover{margin-bottom: 1em; margin-top: 0 !important;} .sublimer-l-esthetique #flexicontent.presentation .value.field_produits-disponibles .fc-fieldgrp-value-box{margin-bottom: 2em;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .field_lien-produit{text-transform: uppercase; font-family: "oswald"; font-weight: 500; font-size: 85%;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .field_lien-produit > .value{float: initial;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .field_lien-produit a:after{content: '\f340'; font-family: "font awesome 5 pro"; color: #bed600; padding-left: .5em; padding-right: .5em; font-size: 1.2em; transition: all .3s ease-in-out;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .field_lien-produit a:hover{text-decoration: none; color: initial;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .field_lien-produit a:hover:after{text-decoration: none; padding-left: 1em; padding-right: 0;} /* colonne texte */ #flexicontent.presentation .field_contenu-presentation{height: 100%; position: relative;} #flexicontent.presentation .field_contenu-presentation .fc-fieldgrp-value-box{display: flex; flex-direction: column; /*justify-content: space-between;*/ height: 100%; position: relative;} #flexicontent.presentation .field_titre-introduction-presentation{position: relative; margin-bottom: 2em !important;} #flexicontent.presentation .field_titre-introduction-presentation:before{content:''; position: absolute; top: 0; left: -100px; height: 100%; width: 127%; background: #efefef;} #flexicontent.presentation .field_titre-introduction-presentation .value{position: relative; text-transform: uppercase; font-family: "oswald"; font-weight: 100; font-size: 1.8em;} #flexicontent.presentation .field_introduction-2 .value{font-size: 1.2em; line-height: 1.8em;} /* bouton lien vers produit */ #flexicontent.presentation .field_lien-article{margin-top: 1.5em !important; padding-bottom: 1.5em !important;} /*#flexicontent.presentation .field_lien-article .value a{padding: 1em !important; background: #bed600; position: relative; transition: all .3s ease-in-out;} #flexicontent.presentation .field_lien-article .value a:before{content: ' '; position: absolute; width: 100%; height: 0px; background-color: #bed600; left: 0; bottom: 0; z-index: 9999; transition: all .3s ease-in-out;}*/ /* Galerie de références */ /* recherche */ #flexicontent.galerie > .group:not(.content){position: relative; top: 100px; z-index: 99;} #flexicontent.galerie fieldset.fc_filter_set{border: none; display: flex; flex-wrap: wrap; padding: 0px 9%; align-items: center;} #flexicontent.galerie fieldset.fc_filter_set legend{display: none;} #flexicontent.galerie fieldset.fc_filter_set > div{width: auto; padding: 0;} #flexicontent.galerie fieldset.fc_filter_set .fc_text_search input{padding: .3em;} #flexicontent.galerie fieldset.fc_filter_set .fc_text_search input[placeholder]{content: "test";} #flexicontent.galerie fieldset.fc_filter_set .fc_buttons button{border: none; background: none; padding: .25em 1em; border: 1px solid #bed600;} #flexicontent.galerie fieldset.fc_filter_set .fc_buttons button.btn-success{background: #bed600;} #flexicontent.galerie fieldset.fc_filter_set .fc_buttons button:not(.btn-success){color: #bed600;} /* filtre isotope */ #filters:before{content: 'Filtrer par : '; font-weight: 600;} #filters button{border: none; background: none;} #filters button:hover{cursor: pointer;} #filters button.is-checked{color: #bed600; font-weight: 900;} #filters button:not(:first-of-type):before{content:'| '; color: #bed600; font-weight: 900; padding-right: .5em; font-size: 1.2em;} /* liste items */ #flexicontent.galerie .content{margin-top: 100px;} #flexicontent.galerie ul.introblock {margin-top: 50px;} #flexicontent.galerie ul.grid .grid-sizer, #flexicontent.galerie ul.grid .grid-item, #flexicontent.actus ul.grid .grid-sizer, #flexicontent.actus ul.grid .grid-item, #flexicontent.focus ul.grid .grid-sizer, #flexicontent.focus ul.grid .grid-item {width: 22%;} #flexicontent.galerie ul.grid .gutter-sizer, #flexicontent.actus ul.grid .gutter-sizer, #flexicontent.focus ul.grid .gutter-sizer {width: 2%;} #flexicontent.galerie ul.introblock > li {position: relative; max-height: 22vh; min-height: 22vh; margin-right: 1.5%;} #flexicontent.galerie ul.introblock > li h2.contentheading {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0); margin: 0; padding: 0em !important; transition: all 0.3s ease-out;} #flexicontent.galerie ul.introblock > li h2.contentheading span.fc_item_title {color: white; background-color: transparent; position: absolute; top: -80%; left: 0; transition: all 0.5s ease-out; width: 100%; height: 100%; padding: 0; font-size: .8em;} #flexicontent.galerie ul.introblock > li h2.contentheading span.fc_item_title a {height: 100%; display: block; padding: 0 0.5em !important;} #flexicontent.galerie ul.introblock > li .lineinfo {clear: none !important; width: 100%; height: 22vh;} #flexicontent.galerie ul.introblock > li .lineinfo * {width: 100%; height: 22vh;} #flexicontent.galerie ul.introblock > li .lineinfo a img {object-fit: cover;} #flexicontent.galerie ul.introblock > li > div:last-of-type {position: absolute; bottom: -80% !important; right: 0.5em !important; z-index: 1; transition: all 0.5s ease-out;} /* Hover */ .galerie-de-projets #flexicontent.galerie .introblock .fc_bloglist_item:hover .contentheading, .projects-gallery #flexicontent.galerie .introblock .fc_bloglist_item:hover .contentheading {background-color: rgba(0, 0, 0, 0.6);} .galerie-de-projets #flexicontent.galerie .introblock .fc_bloglist_item:hover .contentheading span.fc_item_title, .projects-gallery #flexicontent.galerie .introblock .fc_bloglist_item:hover .contentheading span.fc_item_title {top: 0.5em;} .galerie-de-projets #flexicontent.galerie .introblock .fc_bloglist_item:hover > div:last-of-type, .projects-gallery #flexicontent.galerie .introblock .fc_bloglist_item:hover > div:last-of-type {bottom: 0.5em !important;} /* Référence (item) */ .type-alias-reference #component {margin-top: 85px !important;} .type-alias-reference #flexicontent {padding: 80px;} .type-alias-reference #flexicontent h1.contentheading {margin: 0; margin-left: 1%; margin-bottom: 60px; font-size: 3.75em; color: #212121; font-family: "Oswald"; font-weight: 900; position: relative;} .galerie-de-projets #flexicontent h1.contentheading:after {content: ''; display: block; height: 10px; width: 100px; background-color: #BED600; position: absolute; bottom: -30px; left: 2px;} .type-alias-reference .beforedescription {border: none; display: flex; flex-direction: column; align-items: flex-start;} .type-alias-reference .beforedescription .element {margin-left: 1% !important; margin-bottom: 10px !important; padding: 0 !important; display: flex; align-items: center;} .type-alias-reference .beforedescription .element.field_desc-projet {margin-bottom: 50px !important; margin-top: 20px !important; display: flex; flex-direction: column; align-items: flex-start; min-width: 48% !important; max-width: 48% !important;} .type-alias-reference .beforedescription .element.field_desc-projet .label {margin-bottom: 5px;} .type-alias-reference .beforedescription .element.field_desc-projet .value {text-align: justify;} .type-alias-reference .beforedescription .element.field_materiaux, .type-alias-reference .beforedescription .element.field_type-batiment {align-items: flex-start;} .type-alias-reference .beforedescription .element .label {background-color: transparent !important; font-weight: 900; color: black !important; border-radius: 0 !important; padding: 0 !important; margin: 0 5px 0 0; min-width: 0 !important; max-width: none; font-size: 18px; letter-spacing: 1px;} .type-alias-reference .beforedescription .element .value {font-size: 18px;} .type-alias-reference .description > p{margin-left: .5em; margin-bottom: 2em; padding-top: 1em;} .type-alias-reference .afterdescription {width: 100% !important; border: none;} .type-alias-reference .afterdescription .element.field_galerie-reference {width: 100%;} .type-alias-reference .afterdescription .value.field_galerie-reference {display: flex; flex-wrap: wrap; padding-left: 1% !important;} .type-alias-reference .afterdescription .fc_image_thumb {margin: 0 1% 1% 0 !important; padding: 0 !important; max-width: 48.5% !important;} .type-alias-reference .afterdescription .fc_field_image {max-height: 600px; width: 100%; margin: 0; padding: 0; border: none; border-radius: 0;} .type-alias-reference .afterdescription .element.field_liens-autres-cs {width: 100%; display: flex; justify-content: center; margin-top: 60px !important;} .type-alias-reference .afterdescription .element.field_liens-autres-cs .value {width: 100% !important;} .type-alias-reference .afterdescription .element.field_liens-autres-cs .value .fcpagenav {width: 100% !important; padding: 0 1%;} .type-alias-reference .btn-primary{position: initial;} .type-alias-reference .fancybox-container{z-index: 99999;} /* Galerie de Case studies (Zoom sur...) + Actualités */ .focus .tooltip{display: none;} #flexicontent.focus .group, #flexicontent.actus .group{overflow: initial !important;} #flexicontent.focus .introblock .fc_bloglist_item, #flexicontent.actus .introblock .fc_bloglist_item{margin-top: 0;} #flexicontent.focus .introblock .fc_bloglist_item h2, #flexicontent.actus .introblock .fc_bloglist_item h2{color: initial; font-size: 1.75em;} #flexicontent.focus .introblock .fc_bloglist_item .lineinfo.line1, #flexicontent.actus .introblock .fc_bloglist_item .lineinfo.line1{margin: 0; padding: 0 1em 1em 1em !important;} #flexicontent.focus .introblock .fc_bloglist_item .lineinfo.image_descr, #flexicontent.actus .introblock .fc_bloglist_item .lineinfo.image_descr{margin: 0; width: 100%;} #flexicontent.focus .introblock .fc_bloglist_item .lineinfo .element, #flexicontent.actus .introblock .fc_bloglist_item .lineinfo .element{padding: 0;} /* Case Studie et Actualité (item) */ /* Image de couv à gauche */ #flexicontent {font-size: 1.05rem;} #flexicontent .partie_gauche_couverture_fixed {position: fixed; top: 0; left: 0; width: 50%; height: 100vh; max-width: 50%; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important;} #flexicontent .partie_gauche_couverture_fixed .element.field_image-2{padding: 0 !important;} #flexicontent .partie_gauche_couverture_fixed .element.field_image-2, #flexicontent .partie_gauche_couverture_fixed .value.field_image-2, #flexicontent .partie_gauche_couverture_fixed .element.field_image-2 a{width: 100%;} #flexicontent .partie_gauche_couverture_fixed .element.field_image-2 img{margin: 0 !important; padding: 0 !important; border: none; border-radius: 0; min-width: 100%; max-width: initial; min-height: 100vh; max-height: 150vh; object-fit: cover;} #flexicontent .partie_gauche_couverture_fixed .element.field_zoom-cs-3{position: absolute; top: 50vh; text-transform: uppercase; font-weight: 900; text-align: right; width: 100%; font-size: 2.3em; color: #212121; letter-spacing: .8em; border-bottom: 5px solid #fff; padding-bottom: 0 !important; display: flex; justify-content: flex-end;} #flexicontent .partie_gauche_couverture_fixed .value.field_zoom-cs-3{background: #fff; width: auto !important; padding: 0 1em !important;} #flexicontent .customblock.partie_droite_contenu {width: 50%; max-width: 50%; padding: 160px 0 0 0 !important; margin: 0 0 0 50% !important; border: 0; z-index: 1;} /* Titre */ #flexicontent .partie_droite_contenu .element.field_titre-cs {padding: 0 0 0 7em !important; width: 100%;} #flexicontent .partie_droite_contenu .element.field_titre-cs div {padding: 0.6em 5em !important; text-transform: uppercase; background-color: #f7f6f6;} #flexicontent .partie_droite_contenu .element.field_titre-cs h1 {font-size: 3.5rem; } /* Intro */ #flexicontent .partie_droite_contenu .element.field_intro-cs {margin: 3em 0 !important; padding: 0 8em 0 11em !important; font-size: 110%;} /* Photos dans le texte */ #flexicontent .partie_droite_contenu .element.field_images-texte-cs {padding: 0.5em 2.2em 2.2em 7em !important; min-width: 0px !important;} #flexicontent .partie_droite_contenu .value.field_images-texte-cs {display: flex; flex-direction: column; width: 10vw !important;} #flexicontent .partie_droite_contenu .value.field_images-texte-cs a img {padding: 0 !important; margin: 0 !important; border: 0; border-radius: 0;} /* Texte */ #flexicontent .partie_droite_contenu .element.field_description-cs p{margin-bottom: 2em;} #flexicontent .partie_droite_contenu .element.field_description-cs {float: none; clear: right; padding: 0 9em 0 12em !important;} #flexicontent .partie_droite_contenu .value.field_description-cs {float: none;} /* Citation */ #flexicontent .partie_droite_contenu .element.field_citation-cs {font-weight: 500; font-style: italic; font-size: 1.125em; text-align: right; color: #bed600; clear: left; width: 10vw !important; max-width: 10vw !important; margin: 0 2.2em 1em 6em !important; min-width: 0px !important;} /* vidéo (item actu) */ #flexicontent .partie_droite_contenu .element.field_videos .label{display: none;} #flexicontent .partie_droite_contenu .element.field_videos{width: 100%; text-align: center; margin-top: 50px !important;} #flexicontent .partie_droite_contenu .element.field_videos > div{width: 100%;} /* afterdescription_2_cs */ .afterdescription_2_cs{width: 100% !important; border: none; margin: 50px auto!important; padding: 0 120px !important; display: flex; flex-direction: column;} /* Share */ .afterdescription_2_cs .element.field_partage-galerie{margin-bottom: 50px !important;} /* ----------- PRODUITS ----------- */ /* Fiche produit */ #flexicontent.fiche-produit{position: relative;} #flexicontent.fiche-produit div{border: none;} #flexicontent.fiche-produit .contenu{display: flex;} #flexicontent.fiche-produit img.fc_field_image{margin: 0; padding: 0; border: none; border-radius: 0;} /*#flexicontent.fiche-produit .element{width: 100%; padding: 0 2em; margin-bottom: 2em !important;}*/ #flexicontent.fiche-produit .flexi.label{float: unset; display: inline-block; width: 100%; max-width: 100%; background: none; font-size: 1.5em; font-weight: 900; color: #212121; text-transform: uppercase; margin-bottom: 1em !important;} #flexicontent.fiche-produit div.fc-field-box{min-width: initial;} #flexicontent .the_intro {position: relative; background-color: #FFF;} #flexicontent .the_intro {position: relative; background-color: #FFF;} #flexicontent .itm_couverture, #flexicontent .cat_couverture{position: relative; width: 100% !important; padding: 0 !important; margin: 0 !important; background-attachment: fixed; background-position: top center; background-size: cover;} #flexicontent .cat_couverture{height: 75vh;} #flexicontent .itm_couverture{margin-bottom: 2em !important; height: 100vh;} #flexicontent.fiche-produit .itm_couverture .element.field_copyright-fiche-produit{position: absolute; bottom: 0; color: #fff; margin-bottom: 1em !important; z-index: 99; padding-right: 4em !important;} #flexicontent.fiche-produit .itm_couverture .value.field_copyright-fiche-produit{float: right;} #flexicontent.fiche-produit .itm_couverture .field_img-produits-disponibles{/*margin-top: -25%;*/} #flexicontent.fiche-produit .beforedescription{background: none !important; position: absolute; right: 0; bottom: 0; padding: 0 0 3em 0 !important;} .blur_box{padding: 0 !important; position: absolute; bottom: 0; left: 0; overflow: hidden; height: 100%; width: 100%;} .blur_content{background-attachment: fixed; background-position: top center; background-size: cover; filter: blur(16px); height: 110%; width: 110%; margin-left: -16px; margin-top: -16px;} .fiche_produit_etiquette_couv{background: #fff; display: flex; padding: 2em 4em; float: right; align-items: self-end; /*max-width: 89%;*/} /*.fiche_produit_etiquette_couv .element{min-width: auto !important; max-width: 40% !important; margin-bottom: 0 !important;}*/ /*#flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h1.fiche-produit-titre-produit, #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h2.fiche-produit-categorie-produit{width: 200%;}*/ #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h1.fiche-produit-titre-produit{position: relative; text-transform: uppercase; font-weight: 900; line-height: 1.3; margin-bottom: .5em;} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h1.fiche-produit-titre-produit:before{position: absolute; content: ' '; top: 1.3em; width: 1.5em; left: 0; background: #bed600; height: 5px; z-index: 999999;} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h2.fiche-produit-categorie-produit{font-family: "barlow"; letter-spacing: .3em; font-size: 1.4em; color: #383533; margin-bottom: .8em;} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 ul.applications-possibles{list-style-type: none; padding-left: 0; display: flex; text-transform: uppercase; font-family: "barlow condensed";} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 ul.applications-possibles li:not(:first-of-type):before{content: '|'; color: #bed600; margin: 0 .5em; font-weight: 900;} /*#flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 p:first-of-type{font-family: "barlow condensed"; margin-top: 1em;}*/ #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 p{margin-bottom: 0;} /*#flexicontent.fiche-produit .beforedescription .element.field_fiche-produit-couv-description-col2{position: relative; max-width: 30% !important; padding-right: 30px !important; text-transform: uppercase;}*/ /*#flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col2 ul{padding-right: 30px !important;}*/ #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2{padding: 0 0 0 1em;} #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2 ul:before{content: '\f067'; font-size: 3em; margin-left: -0.7em; font-family: "font awesome 5 pro"; line-height: 0;} .fr-fr #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before{content: 'Les plus produit'; font-size: 1.5em; font-weight: 900; color:#212121; text-transform: uppercase;} /* +produit caché */ .documentations #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before, .architecture-lumiere #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before, .textures #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before, .nuancier #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before, .archiwizard #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before{display:none;} .en-en #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2:before{content: 'More about product'; font-size: 1.5em; font-weight: 900; color:#212121; text-transform: uppercase;} #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2 ul{list-style-type: none; padding-left: 0; text-transform: uppercase; line-height: 1.3em; margin-bottom: 1em; padding: 2em 0 1em 2em;} #flexicontent.fiche-produit .value.field_fiche-produit-couv-description-col2 ul li{margin-bottom: 10px;} /*.afterdescription_1 .element div, .afterdescription_1 .element img .afterdescription_1 .element div.fc-fieldgrp-value-box, .afterdescription_1 .element div.fc-field-box*/ .afterdescription_2 .element div, .afterdescription_2 .element img, .afterdescription_2 .element div.fc-fieldgrp-value-box, .afterdescription_2 .element div.fc-field-box{margin: 0 !important; padding: 0 !important;} .afterdescription_1{display: flex; flex-wrap: wrap; align-content: start; padding-top: 1em !important; padding-right: 6em !important;} .afterdescription_1 > div{} .afterdescription_2{background: #f7f6f6; padding: 2em 0 !important; border-radius: 0;} .afterdescription_2:before{content:''; position: absolute; bottom: 0; left: 0; height: 9em; width: 3em; background: #bed600; transform: scale(.7); transform-origin: bottom left;} .field_descriptif-technique .container:first-child{margin: 0 !important; padding: 0 !important;} /* compatibilité panneaux */ #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .fc-fieldgrp-value-box{display: flex; margin-bottom: 3em !important;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux img.fc_field_image{max-width: initial !important;} h3.panneau-compatible{text-transform: uppercase; font-size: 1.5em; color: #2a2a2e;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .field_description-panneau-compatible{position: relative; padding-left: 1em !important; line-height: 1.3em;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .field_description-panneau-compatible:after{content: '\f340'; position: absolute; top: 0; right: -20px; font-family: "font awesome 5 pro"; font-weight: 400; color: #bed600; font-size: 1.5em; line-height: 1.2em; transition: all .3s ease-in-out;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .field_description-panneau-compatible a:hover{text-decoration: none; color: #bed600;} /* variantes d'applications */ #flexicontent.fiche-produit .value.field_variantes-d-application-2{display: flex; flex-wrap: wrap;} #flexicontent.fiche-produit .value.field_variantes-d-application-2 .fc_ifield_val_box{margin-bottom: 2em !important; margin-right: 2em !important;} #flexicontent.fiche-produit .value.field_variantes-d-application-2 .fc_ifield_val_img{float: none; display: block; margin: 0 auto;} #flexicontent.fiche-produit .value.field_variantes-d-application-2 .fc_ifield_val_txt{font-size: .8em; background: none; border: none; text-transform: uppercase; color: #2a2a2e; padding: .3em 0 0 0; width: 100%; text-align: center;} /* caractéristiques techniques */ #flexicontent.fiche-produit .field_caracteristiques-techniques .fc-fieldgrp-value-box{display: flex; margin-bottom: 2em !important;} #flexicontent.fiche-produit .field_caracteristiques-techniques .fc-fieldgrp-value-box .field_descriptif-technique ul{list-style-type: none; padding-left: 1em;} #flexicontent.fiche-produit .field_caracteristiques-techniques .fc-fieldgrp-value-box .field_descriptif-technique ul li:before{content:'\f0da'; color: #bed600; font-family: "font awesome 5 pro"; font-weight: 900; margin-right: .5em;} /* caractéristiques techniques caché */ .documentations #flexicontent.fiche-produit div.field_caracteristiques-techniques div.label, .architecture-lumiere #flexicontent.fiche-produit div.field_caracteristiques-techniques div.label, .textures #flexicontent.fiche-produit div.field_caracteristiques-techniques div.label, .archiwizard #flexicontent.fiche-produit div.field_caracteristiques-techniques div.label, .nuancier #flexicontent.fiche-produit div.field_caracteristiques-techniques div.label {display: none;} /* vidéos */ #flexicontent.fiche-produit .value.field_videos{display: flex; width: 100%; justify-content: space-between;} /*#flexicontent.fiche-produit .value.field_videos .fc_sharedmedia_player_outer{margin-right: 5em;}*/ #flexicontent.fiche-produit .value.field_videos .fc_sharedmedia_player_outer .description{max-width: 330px;} /* certifications */ #flexicontent.fiche-produit .value.field_certifications img.fc_field_image{margin: 0 10px 10px 0 !important;} /* zone contact - dl */ .afterdescription_3{display: flex; padding: 0; margin: 50px 0; justify-content: flex-end; width: 100%;} .afterdescription_3 > div{width: 70%; display: flex; padding: 0 1.5em; justify-content: space-around;} /* Encart de contact */ /*#flexicontent.fiche-produit .afterdescription_3 .element.field_encart-contact{border: 1px solid #2a2a2e !important; width: auto; padding: 2em 1.5em !important; max-width: 35% !important; min-width: 20% !important;}*/ #flexicontent.fiche-produit .afterdescription_2 .value.field_encart-contact, #flexicontent.fiche-produit .afterdescription_2 .value.field_encart-contact-en {border: 1px solid #2a2a2e !important; padding: 1.5em !important; padding-bottom: 1.5em; padding-bottom: 3em !important; margin-top: 2em !important;} .custom.encart-contact p:first-of-type, .custom.encart-contact-en p:first-of-type{font-size: 2.5em; text-transform: uppercase; font-weight: 900; font-family: "barlow condensed"; line-height: 1.2em;/* margin-bottom: 1.5em;*/} .custom.encart-contact .btn-primary, .custom.encart-contact-en .btn-primary{top: 1em;} /* téléchargements */ #flexicontent.fiche-produit .afterdescription_3 .element.field_telechargements-fiche-produit{position: relative; background: #2a2a2e; padding: 2em 4em 2em 2em !important; width: 55%; min-width: initial !important;} #flexicontent.fiche-produit .afterdescription_3 .element.field_telechargements-fiche-produit:after{content:''; position: absolute; top: 0; right: 0; width: 2em; height: 4em; background: #bed600;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit{display: flex; /*justify-content: space-between; align-items: center;*/ float: unset !important; width: 100%;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld{max-width: 30%; min-width: 25%; margin-right: 3%; background-color: #35353a; display: flex; flex-direction: column; justify-content: space-between;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_name{background: #35353a; text-align: center; padding: 1em 5px; margin: 0 0 0.2em 0;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_mime{display: block; margin: .5em auto;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_title{text-transform: uppercase; color: #fff; font-size: 80%; display: inline-block; line-height: 1.2;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions{margin: 0;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success{background-color: #bed600; border: none; color: #383533; font-weight: ;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success:after{content:'\f34a'; font-family: "font awesome 5 pro"; padding-left: .2em; position: relative; top: 0; transition: all .3s ease-in-out;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success:hover:after{top: 5px;} #flexicontent.fiche-produit .afterdescription_1 .element.field_telechargements-fiche-produit{position: relative; /*background: #2a2a2e; padding: 2em !important;*/} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit{display: flex; float: unset !important; flex-wrap: wrap;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld{margin-right: 8px; margin-bottom: 5px; max-width: 120px; background-color: #35353a; display: flex; flex-direction: column; justify-content: space-between;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld .fcfile_name{background: #35353a; text-align: center; margin: 0 0 0.2em 0;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld span.fcfile_mime{display: block; margin: .5em auto;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld span.fcfile_mime img.fcicon-mime{max-width: 80px;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld span.fcfile_title{text-transform: uppercase; color: #fff; font-size: 70%; display: inline-block; line-height: 1.2;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions{margin: 0;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success{background-color: #bed600; border: none; color: #383533; font-size: 90%; padding: .5em; margin: 0;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success:after{content:'\f34a'; font-family: "font awesome 5 pro"; padding-left: .2em; position: relative; top: 0; transition: all .3s ease-in-out;} #flexicontent.fiche-produit .afterdescription_1 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success:hover:after{top: 5px;} /* Jeux de couleurs */ .afterdescription_4{padding: 0; margin: 0; background: url('../images/bg-jeux-de-couleurs.jpg') top left no-repeat; background-size: cover; width: 100% !important; border-radius: 0; overflow: auto;} #flexicontent.fiche-produit .afterdescription_4 .element.field_jeux-de-couleurs{margin-bottom: -8px !important; display: inline-block;width: 100%;} .custom.jeux-de-couleurs{background: #fff; margin: 100px auto 0; width: 70%; padding: 2em 12em 0 12em;;} .custom.jeux-de-couleurs > div{display: flex; margin-bottom: 2em;} .custom.jeux-de-couleurs > div > div{padding: 0;} .custom.jeux-de-couleurs > div > .col-md-3{padding-top: 2em; text-align: right;} .custom.jeux-de-couleurs p:last-of-type{margin-bottom: 0;} p.gradient-text{background: -webkit-gradient(linear, left top, right top, from(#f49376), to(#7c2335)); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .custom.jeux-de-couleurs p.gradient-text{text-transform: uppercase; font-size: 3.5em; font-family: "oswald"; font-weight: 100;} /* -------------- CONNEXION / CREATION -------------- */ /* modale de connexion */ #login-modal{top: 20vh; border-radius: 0; background-color: #fff; border: none; box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.3); max-width: 20%;} #login-modal .modal-header{justify-content: flex-end; border-color:#fff; color: #383533; font-weight: 600; font-size: 1.2em;} #login-modal .modal-header .close{margin: 0;} #login-modal .modal-header .modal-title{display: none;} #login-modal .modal-body {width: 100%;} #login-modal .sclogin-joomla-login.vertical input.input-block-level{width: 100% !important; border-radius: 0;} #login-modal .input-block-level input::placeholder{font-family: "Barlow"; font-size: 1.2em;} #login-modal .modal-body .sclogin-joomla-login.vertical.pull-left{width: 100%;} #login-modal .modal-body #form-sclogin-submitcreate{margin-bottom: .2em; display: flex;} #login-modal .modal-body #form-sclogin-submitcreate .btn{padding: 1em; top: 0; background: none; color: #bed600; border: 1px solid #bed600; box-shadow: none; border-radius: 0; text-shadow: none; background-image: none; font-family: inherit; font-weight: 600; font-size: 1em; width: 100%;} #login-modal .modal-body #form-sclogin-submitcreate .btn-primary:after{display: none;} #login-modal .modal-body #form-sclogin-submitcreate .btn-primary{background-color: #bed600 ; color: #fff; } #login-modal .modal-body input#sclogin-remember{margin-bottom: .5em !important; margin-right: .3em !important;} #login-modal .modal-body .input-block-level>ul{list-style: none; padding-left: 0;} #login-modal .modal-body .input-block-level>ul>li{padding-top: .5em;} .input-group{margin-bottom: .5em;} /* Pages de connexion / création */ .guest.creation, .guest.connexion {background: url('../images/connexion-01.jpg') top center; background-attachment: fixed;} .guest.creation #component, .guest.connexion #component {width: 40%; margin: 100px auto; background: #fff; padding: 2em;} /* Connexion */ .guest.connexion #component > .row-fluid{display: flex;} .guest.connexion #component > .row-fluid > div{width: 50%;} .guest.connexion #component > .row-fluid .login fieldset .control-group:nth-of-type(3){display: flex; align-items: baseline;} .guest.connexion #component > .row-fluid .login fieldset .control-group:nth-of-type(3) .control-label{order: 2; margin-left: .5em;} .guest.connexion #component > .row-fluid > div:last-of-type{display: flex; justify-content: flex-end; align-items: flex-end;} .guest.connexion #component > .row-fluid .nav-tabs{border: none; flex-direction: column; align-items: flex-end;} /* Création */ .guest.creation #component #member-registration > fieldset{display: flex; flex-direction: column; flex-wrap: wrap; max-height: 35vh; position: relative;} .guest.creation #component #member-registration > fieldset .control-group.field-spacer{position: absolute; left: 50%; bottom: 0; font-size: .9em; font-style: italic;} .guest.creation #component #member-registration > fieldset .control-label > label{max-width: initial;} .guest.creation #component #member-registration > fieldset .control-group:last-of-type{margin-top: 1em;} .guest.creation #component #member-registration > fieldset input{width: 80%;} .guest.creation #component #member-registration > .control-group .btn-primary{top: 0; left: 50%; width: 40%;} .guest.creation #component #member-registration > .control-group a.btn{display: none;} .usercontent{padding: 0 4em 0 0;} /* ----------------------------------- RESPONSIVE ----------------------------------- */ @media all and (max-width: 2560px){ /*#titre_slider_accueil {width: auto !important; right: 0;}*/ #slider #titre_slider_accueil{top: -84px;} #slider .swiper-slide {position: relative; width: 100vw;} /*.swiper-slide .swiper-img{visibility: initial;}*/ .swiper-img-cont{background-size: cover;} .mod_flexicontent_standard_wrapper{max-height: 330px; overflow: hidden;} #flexicontent.presentation .introblock.one.group .image_descr .image.left{width: 100vw !important;} #flexicontent.presentation .introblock.one.group .image_descr .image.left img{width: 100%;} #flexicontent.presentation .etiquette-de-titre{left: 44%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .etiquette-de-titre{left: 32%;} .sublimer-l-esthetique #flexicontent.presentation .value.field_produits-disponibles .fc-fieldgrp-value-box{margin-bottom: 0;} .type-alias-reference .afterdescription .fc_image_thumb{max-width: 32% !important;} /* fiche produit */ nav.navbar ul.nav > li{padding: .5em .8em;} #side_menu{width: 38%;} #main_menu_mobile{display: none;} /* fiche produit */ #flexicontent.fiche-produit .btn-primary{font-size: 90%;} #logo{transform: scale(.9);} #flexicontent.fiche-produit .btn-primary{font-size: 85%;} #flexicontent.fiche-produit .afterdescription_1{padding-right: 4em !important;} #europe-map{max-width: 75vw;} nav.navbar ul.nav > li{margin-right: .5em;} .rssocial-icons .rssocial-link{padding: .5em .2em;} #main_menu{padding: 0 2em; margin-right: .5em;} .swiper-img-cont{background-size: cover;} #call_us .call_us #oreillette_contact{width: 23vw;} #call_us{left: -23vw;} #z1{font-size: 90%;} #footer.col-md-8, #footer .col-lg-8, #footer .col-lg-4, #footer .col-sm-12, #ender.col-md-8{padding-left: 0; padding-right: 0;} .zone-intro, #flexicontent.presentation .catdescription{max-width: 80%;} #flexicontent.presentation .fc_bloglist_item{font-size: 85%;} #flexicontent.presentation .etiquette-de-titre{top: 175px;} #flexicontent.presentation .lineinfo.line3{padding: 0 50px; align-items: center; width: 100%;} #flexicontent.presentation .field_titre-introduction-presentation::before{left: -80px; width: 120%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation::before{left: -53px;} .sublimer-l-esthetique #effets-sans-pareil .value.field_produits-disponibles .fc-fieldgrp-value-box{margin-bottom: 0;} .type-alias-reference .fcpagenav-return{margin-right: 30%;} .type-alias-portail-plein-ecran #flexicontent .beforedescription-portail{font-size: 85%;} /* case study - actu */ .partie_droite_contenu iframe.fc_sharedmedia_player_frame{width: 70% !important; height: 315px !important;} /* fiche produit */ #flexicontent.fiche-produit{font-size: 95%;} #flexicontent.fiche-produit .btn-primary{font-size: 80%;} #flexicontent.fiche-produit div.fc_sharedmedia_player_outer{width: 33%;} #flexicontent.fiche-produit iframe.fc_sharedmedia_player_frame{width: 100% !important;} /* modal login */ #login-modal{max-width: 25vw; left: 37vw; margin-left: 0!important;} } @media (max-width: 1600px) { #europe-map svg{height: auto; width: 85vw;} .close-map{padding-left: 5em;} .btn{font-size: 1rem;} body:not(.accueil, .homepage) h1{font-size: 2em !important;} #redim-cookiehint-top{top: 112px;} /* accueil */ nav.navbar{flex-wrap: wrap; padding: 1em;} #logo{height: 60px;} nav.navbar ul.nav > li{padding: .5em 1em;} nav.navbar ul.nav{width: 100%; justify-content: space-between;} nav.navbar .parent > .nav-child{top: 51px;} #mod_flexiadvsearch_default106 *{margin-right: 20px;} #mod_flexiadvsearch_default190 *{margin-right: 17px;} #default_form_106::after, #default_form_190::after{right:0 !important;} #mod_flexiadvsearch_default106, #mod_flexiadvsearch_default190{position: absolute; width: 98%;} #slider #titre_slider_accueil{font-size: 80%; top: -69px;} #sliderck122, #sliderck183{height: 70vh;} #sliderck123, #sliderck184{height: 30vh;} div.swiper-slide{width: 100vw;} #z1 h2{font-size: 2.5em;} #z1 .z1_col{width: 30%;} #z1_col2{text-align: center;} #z1_col2 img{max-width: 75%} #order_added119{max-width: 80%; max-height: 520px;} .mod_flexicontent_standard_wrapper{height: 48%; overflow: hidden;} .image_standard, .image_standard a, .image_standard a img{height: 100% !important;} #call_us{left: -22vw;} #call_us .call_us #oreillette_contact{font-size: 90%; width: 22vw;} /* portail */ .type-alias-portail-plein-ecran #flexicontent .beforedescription-portail{font-size: 78%;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n) .field_titre-categorie-portail p.titre-portail-fond-blanc::after{margin-left: .2em;} .beforedescription-portail .fc-fieldgrp-value-box:nth-of-type(2n+1) .field_titre-categorie-portail p.titre-portail-fond-blanc::before{margin-right: .3em;} /* présentation */ #flexicontent.presentation .etiquette-de-titre{top: 140px;} #flexicontent.presentation li.fc_bloglist_item::before{top: 7em;} #flexicontent.presentation .lineinfo.line3::after{top: -16%; height: 116%;} #flexicontent.presentation .field_titre-introduction-presentation::before{left: -80px; width: 120%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation::before{left: -40px;} #flexicontent.presentation .fc_bloglist_item{margin-bottom: 70px;} /* case studie - actu */ #flexicontent .partie_droite_contenu .element.field_titre-cs, #flexicontent .partie_droite_contenu .element.field_images-texte-cs, .afterdescription_2_cs{padding-left: 4em !important;} #flexicontent .partie_droite_contenu .element.field_citation-cs{margin: 0 2em 1em 3.5em !important;} #flexicontent .partie_droite_contenu .element.field_description-cs, #flexicontent .partie_droite_contenu .element.field_intro-cs{padding: 0 5em 0 125px !important; margin: 2em 0 !important;} #flexicontent .partie_droite_contenu .element.field_titre-cs div{padding-left: 3.5em !important;} #flexicontent.presentation img.fc_field_image {padding: 3.5em;} /* Footer */ #footer.col-md-8, #ender.col-md-8{max-width: 80%;} /* fiche produit */ #flexicontent.fiche-produit img.fc_field_image{max-width: 70%;} #flexicontent .itm_couverture{background-repeat: no-repeat; background-size: cover !important;} #flexicontent .fiche_produit_etiquette_couv .element{max-width: 35% !important;} #flexicontent.fiche-produit .beforedescription .element.field_fiche-produit-couv-description-col2{max-width: 35% !important;}☺ .close-map {padding-left: 4em;} body:not(.accueil, .homepage) h1{font-size: 1.8em !important;} #main_menu{margin: auto;} .navbar-brand{padding: 0;} #mod_flexiadvsearch_default106{top: 5px;} #slider #titre_slider_accueil{top: -68px;} #menu-secondaire .custom_menu-gestion-lumiere{top: -145px;} #redim-cookiehint-top{top: 104px;} #z1 .z1_col{width: initial;} #z1_col2 img{max-width: 65%;} .zone-intro h2{font-size: 2.2em;} .zone-intro p{font-size: 1.1em;} .field_titre-categorie-portail{font-size: 85%;} #flexicontent.presentation .catdescription .menu_items{font-size: .9em;} .btn-menu-items{padding: 1.5em 1em;} #flexicontent.presentation .etiquette-de-titre{font-size: 80%; top: 153px;} #flexicontent.presentation .field_titre-introduction-presentation::before{width: 125%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation::before{left: -60px;} #flexicontent.presentation img.fc_field_image{max-width: 75% !important;} .gerer-la-lumiere #flexicontent.presentation img.fc_field_image, .sublimer-l-esthetique #flexicontent.presentation img.fc_field_image, .liberer-ma-creativite #flexicontent.presentation img.fc_field_image{max-width: 100% !important;} #flexicontent.presentation .lineinfo.line3{padding-bottom: 1em;} #flexicontent.galerie ul.introblock > li h2.contentheading span.fc_item_title{font-size: .6em;} .fc_addthis_btn_cnt.nowrap_box > a{font-size: .9em;} #flexicontent.focus .introblock .fc_bloglist_item h2, #flexicontent.actus .introblock .fc_bloglist_item h2{font-size: 1.5em; padding-bottom: 0 !important;} #flexicontent.focus .introblock .fc_bloglist_item .lineinfo.line1, #flexicontent.actus .introblock .fc_bloglist_item .lineinfo.line1{font-size: .9em;} .btn-gestion-lumiere{padding: 1em .5em 1em .8em;} /* modal login */ #login-modal{max-width: 30vw; left: 35vw;} /* Galeries #flexicontent.galerie ul.grid .grid-sizer, #flexicontent.galerie ul.grid .grid-item, #flexicontent.focus ul.grid .grid-sizer, #flexicontent.focus ul.grid .grid-item {width: 30%;}*/ /* fiche produit */ #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h2.fiche-produit-categorie-produit{font-size: 1.3em;} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col2{font-size: 80%; font-weight: 600;} #flexicontent.fiche-produit .afterdescription_1{padding-right: 2em !important;} #flexicontent.fiche-produit .afterdescription_1 > div{width: auto; margin-right: 30px;} #flexicontent.fiche-produit h3.panneau-compatible{font-size: 1.3em;} .custom.jeux-de-couleurs{width: 80%; padding: 2em 10em 0 10em;} #logo{height: 40px;} #call_us .call_us #oreillette_contact{width: 310px;} #call_us{left: -310px;} #z1 #z1_col1, #z1 #z1_col3{width: 35%;} #z1 #z1_col2{width: 25%;} #z1 #z1_col2 img{max-width: 100%;} .video-vedette iframe{height: 680px;} .field_titre-categorie-portail{font-size: 80%;} .zone-intro, #flexicontent.presentation .catdescription{max-width: 90%;} #flexicontent.presentation .etiquette-de-titre{top: 138px;} #flexicontent.presentation li.fc_bloglist_item::before{height: 4em;} #flexicontent.presentation .lineinfo.line3::after{top: -13%; height: 113%;} #flexicontent.presentation .field_titre-introduction-presentation::before{width: 127%;} #flexicontent.presentation .field_introduction-2 .value{line-height: 1.6em;} #footer.col-md-8, #ender.col-md-8{max-width: 90%;} /* fiche produit */ #flexicontent.fiche-produit img.fc_field_image{max-width: 85%;} #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h1.fiche-produit-titre-produit, #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h2.fiche-produit-categorie-produit{width: 100%;} #flexicontent .fiche_produit_etiquette_couv{flex-direction: column; align-items: flex-start;} #flexicontent .fiche_produit_etiquette_couv .element{max-width: 100% !important;} #flexicontent.fiche-produit .beforedescription .element.field_fiche-produit-couv-description-col2{max-width: 50% !important;} #flexicontent.fiche-produit .afterdescription_3 > div{width: auto;} .custom.jeux-de-couleurs{padding: 2em 8em 0 8em;} .close-map{font-size: 90%;} .popover-map{width: 25%;} body{font-size: 14px;} .col-md-8{max-width: 100% !important;} #call_us .call_us #oreillette_contact{width: 280px;} #call_us{left: -280px;} #logo{height: 40px;} nav.navbar ul.nav > li::before, nav.navbar ul.nav > li.current::before, nav.navbar ul.nav > li.active::before{height: 7px;} nav.navbar .parent > .nav-child{top: 45px;} #mod_flexiadvsearch_default106{top: 0;} #default_form_106:after{right: 3px !important; top: 7px;} #redim-cookiehint-top{top: 96px;} /* home */ #sliderck122, #sliderck183{height: 60vh;} #slider #titre_slider_accueil{top: -60px;} #slider #titre_slider_accueil h1 span.titre_line1{padding-right: 0.15em;} #slider #titre_slider_accueil h1 span.titre_line2{padding-right: 7.7em;} #menu-gestion-lumiere > div{width: 95px;} #menu-gestion-lumiere > div .btn-gestion-lumiere::before{transform: scale(0.8); margin-bottom: 0.2em;} #menu-gestion-lumiere > div .btn-gestion-lumiere{padding: .2em 0 .5em 0;} #menu-secondaire .custom_menu-gestion-lumiere{top: -140px; right: 45px;} #z1{padding-bottom: 40px;} .video-vedette iframe{height: 540px;} #accueil_actus h2{font-size: 10em; top: 8px; right: 50px;} /*#accueil_actus h2{font-size: 10em; top: -82px; right: 50px;} #accueil_actus .mod_flexicontent_wrapper{top: -75px;}*/ #accueil_actus .mod_flexicontent_wrapper{top: 15px;} #order_added119{max-height: 420px;} .mod_flexicontent_featured{width: 65%;} .content_plus .fcitem_readon{padding: .5em 0;} .content_plus .fcitem_readon a.readon{padding: .7em;} .field_titre-categorie-portail{font-size: 65%;} body:not(.accueil, .homepage) h1{font-size: 1.5em !important;} #flexicontent h1.cattitle span, .type-alias-article #flexicontent h1.contentheading span{padding: .3em 1.5em;} #flexicontent.presentation .catdescription .menu_items{right: 45px;} #flexicontent.presentation .catdescription .menu_items{font-size: .7em;} .zone-intro, #flexicontent.presentation .catdescription{font-size: 90%;} #flexicontent.presentation .etiquette-de-titre{font-size: 65%; top: 115px;} #flexicontent.presentation li.fc_bloglist_item::before{top: 5em;} #flexicontent.presentation .lineinfo.line3::after{top: -8%; height: 108%;} #flexicontent.presentation .field_introduction-2 .value{font-size: 1.1em;} #flexicontent.presentation .field_titre-introduction-presentation::before{width: 135%;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles, .sublimer-l-esthetique #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles{flex-wrap: wrap; justify-content: space-around;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box, .sublimer-l-esthetique #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box{width: 45%; margin-bottom: 0;} body #flexicontent ul.leadingblock.four > li, body #flexicontent ul.introblock.four > li{width: 32%;} #flexicontent.focus ul.introblock > li.fc_blog_item {width: auto;} .type-alias-reference .fcpagenav-return{margin-right: 10%;} #flexicontent ul.introblock > li .image_descr .image.left{max-height: 320px;} /* galerie de projets */ .galerie-de-projets #flexicontent.galerie .introblock .fc_bloglist_item .contentheading span.fc_item_title, .projects-gallery #flexicontent.galerie .introblock .fc_bloglist_item .contentheading span.fc_item_title {top: 0.5em;} .galerie-de-projets #flexicontent.galerie .introblock .fc_bloglist_item > div:last-of-type, .project-gallery #flexicontent.galerie .introblock .fc_bloglist_item > div:last-of-type, {bottom: 0.5em !important;} /* modal login */ #login-modal{max-width: 40vw; left: 30vw;} /* fiche produit */ #flexicontent.fiche-produit .btn-primary{font-size: 100%;} /*#flexicontent.fiche-produit .field_compatible-avec-les-panneaux .fc-fieldgrp-value-box{flex-direction: column; margin-bottom: 0 !important;}*/ #flexicontent.fiche-produit .element.field_variantes-d-application-2{padding-right: 0 !important;} .custom.jeux-de-couleurs{width: 95%;} .close-map{padding: 0 2em; font-size: 90%;} nav.navbar ul.nav > li{padding: .3em .5em;} nav.navbar .parent > .nav-child{top: 40px;} #footer h2{font-size: 2em;} /* catégorie produits */ #flexicontent.presentation .etiquette-de-titre{top: 45px;} #flexicontent.presentation li.fc_bloglist_item::before{top: 2em; height: 2.5em;} #flexicontent.presentation .lineinfo.line3::after{top: -9%;} #flexicontent.presentation .field_titre-introduction-presentation::before{width: 125%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation::before {left: -50px;} /* fiche produit */ #flexicontent.fiche-produit{font-size: 90%; line-height: 1.3;} #flexicontent.fiche-produit .contenu{flex-direction: column;} #flexicontent.fiche-produit .value.field_compatible-avec-les-panneaux, #flexicontent.fiche-produit .value.field_variantes-d-application-2{display: flex !important;} #flexicontent.fiche-produit .afterdescription_2::before {display: none;} #flexicontent.fiche-produit .value.field_compatible-avec-les-panneaux{flex-wrap: wrap;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .field_description-panneau-compatible::after{right: 0;} /* #flexicontent.fiche-produit .afterdescription_3 .element.field_encart-contact{max-width: 30%;} #flexicontent.fiche-produit .afterdescription_3 .custom.encart-contact p:first-of-type{font-size: 2em; margin-bottom: 1em;} #flexicontent.fiche-produit .afterdescription_3 .element.field_encart-contact{margin-right: 3%;} */ #flexicontent.fiche-produit .afterdescription_2 .custom.encart-contact p:first-of-type{font-size: 2em; margin-bottom: 1em;} #flexicontent.fiche-produit .afterdescription_3 .element.field_telechargements-fiche-produit{width: 100%;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit{align-items: unset;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld{max-width: 32%;} #flexicontent.fiche-produit .fcfile_mime .fcicon-mime{max-width: 50%;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_actions .btn-success{padding: .5em;} .custom.jeux-de-couleurs{padding: 2em 4em 0 4em;} } @media (max-width: 1200px) { .navbar-brand{position: absolute; left: 15px;} #main_menu{order: 3; width: 80%; margin-right: 1.5em; padding-right: 1.5em; margin-top: 1em;} #side_menu{width: 100%;} #main_menu{width: 100%; margin-top: 1.5em;} nav.navbar{align-items: flex-start; justify-content: end;} #flexicontent.presentation img.fc_field_image{padding: 2.5em;} .afterdescription_2{padding: 2em !important;} #flexicontent.fiche-produit .value.field_variantes-d-application-2 .fc_ifield_val_img{max-width: 75%;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .fc-fieldgrp-value-box{margin-right: 3% !important;} /* Galeries */ #flexicontent.galerie ul.grid .grid-sizer, #flexicontent.galerie ul.grid .grid-item, #flexicontent.focus ul.grid .grid-sizer, #flexicontent.focus ul.grid .grid-item, #flexicontent.actus ul.grid .grid-sizer, #flexicontent.actus ul.grid .grid-item {width: 46%;} } @media (max-width: 991px) { #flexicontent.presentation img.fc_field_image{padding: 1em;} #flexicontent.fiche-produit .afterdescription_1{order: 2;} #flexicontent.fiche-produit .value.field_compatible-avec-les-panneaux{flex-wrap: nowrap;} } @media (max-height: 767px) { #flexicontent.fiche-produit{line-height: 1.3;} } @media (max-width: 768px) { .row{width: initial;} #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .fc-fieldgrp-value-box{flex-direction: column;} /* Header - menu burger */ .navbar-brand{z-index: 9999;} .navbar-brand.black #logo polygon, .navbar-brand.black #logo rect, .navbar-brand.black #logo path{fill: #212529;} nav.navbar{background: none;height:65px;} #main_menu{display: none;} #main_menu_mobile{display: block; position: absolute; top: 0; right: 1em; z-index: 999; font-size: 2.5em; transition: all .3s ease-in-out;} #main_menu_mobile.burger_opened{top: 40px;} #side_menu.mobile{width: 100%; height: 550px;} #side_menu > div:not(.mod-languages){display: none;} #side_menu.mobile > div:not(.mod-languages){display: initial;} #side_menu.mobile > div.mod-languages{display: none;} #side_menu > div.mod-languages{margin-right: 0; transform: scale(1.3); margin-top: 3px; position: absolute; right: 6em; top:.4em;} #side_menu.mobile #rssocial-112{order: 1; position: absolute; top: 0; right: 0;} #side_menu.mobile .sclogin.sourcecoast{order: 2; position: absolute; right: 20%; top: 0px; margin-right: 0; z-index: 99;} #side_menu.mobile .sclogin .sclogout-button{margin-right: 0;} #side_menu.mobile #sclogin-form .logout-button{border-color: rgba(33, 37, 41, 0.7); background-color: rgba(33, 37, 41, 0.7);} #side_menu.mobile #sclogin-form .logout-button input.btn.btn-primary{color: #fff;} #side_menu.mobile #sclogin-form .logout-button:after{top: .4em; color: #fff;} #side_menu.mobile .rssocial-icons .rssocial-link{padding: .5em .3em;} #side_menu.mobile .custom_liens{position: absolute; bottom: 60px; left: 0; z-index: 99; display: flex !important; width: 100%; margin-right: 0; justify-content: center;} #side_menu.mobile .custom_liens p:last-of-type:after{display: none;} #nav--mobile{display: initial; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255,255,255,0.9); font-size: 2em; transition: all .5s ease-in-out;} #nav--mobile.closed{left: -100vw;} #nav--mobile > ul{margin-top: 80px; flex-direction: column;} #nav--mobile > ul > li{flex-direction: column;} #nav--mobile > ul li a{transition: all .2s ease-in-out;} #nav--mobile > ul li:hover a{color: initial;} #nav--mobile > ul li a:hover{color: #bed600;} nav.navbar ul.nav > li.current, #header .menu > li.active{border: none;} #nav--mobile > ul > li.current > a, #nav--mobile > ul > li.active > a{color: #bed600;} #nav--mobile > ul li:before, #nav--mobile > ul li:after{display: none;} #nav--mobile .nav-child{display: flex; justify-content: center; font-size: 70%; max-height: 100%; height: auto; min-height: auto; position: initial; background: none;} #nav--mobile .nav-child > li:not(:last-child) a:after{content: '|'; padding-left: 1em;} #nav--mobile .nav-child a{text-transform: initial; font-weight: 400; border-right: 1px solid #bed600;} #nav--mobile .nav-child > li:first-of-type a{border-left: 1px solid #bed600;} #nav--mobile .nav-child > li:hover{background: none;} #menu--burger span i:before{transition: all .3s ease-in-out;} #menu--burger.burger_opened span i:before{content:'\f00d';} /* recherche */ body.recherche.view-search #flexicontent{padding: 3em;} body.recherche.view-search .fc_search_results_list .fc_search_result{width: 100%; margin: 0 0 4em 0;} #item_total{display: none !important;} #mod_flexiadvsearch_default158, #mod_flexiadvsearch_default191{font-size: 60%; position: absolute; top: 0; left: 25%; margin-top: .8em;} #mod_flexiadvsearch_default158 .fc_filter_html.fc_text_search, #mod_flexiadvsearch_default191 .fc_filter_html.fc_text_search{border: 1px solid rgba(33, 37, 41, 0.7) !important; background: rgba(33, 37, 41, 0.7) !important; border-radius: 15px;} #mod_flexiadvsearch_default158 .btn-wrapper.input-append, #mod_flexiadvsearch_default191 .btn-wrapper.input-append{display: flex; padding: .2em .5em;} #mod_flexiadvsearch_default158 input, #mod_flexiadvsearch_default191 input{font-size: 80%; border: none; background: none; color: #fff;} #mod_flexiadvsearch_default158 input.btn-success, #mod_flexiadvsearch_default191 input.btn-success{font-weight: 900; font-size: 90%; padding: 0;} /* map choix pays */ #map-container{flex-direction: column; justify-content: flex-start;} .close-map-bg{width: 100vw; height: 27vh; order: 1;} .close-map{width: 40vw; margin: 0 auto;} .close-map p{text-align: center;} #europe-map{max-width: 100vw; order: 2;} #europe-map svg{width: 110vw;} .popover-map{width: 30%; height: 15%;} body{font-size: 13px;} .btn{font-size: 1.2em; padding: .8em;} #call_us .call_us #oreillette_contact{font-size: 95%;} #main_menu{width: 100%; padding-top: 1em; padding-right: 1.5em;} nav.navbar ul.nav > li::before, nav.navbar ul.nav > li.current::before, nav.navbar ul.nav > li.active::before{height: 5px;} nav.navbar .parent > .nav-child{top: 36px;} nav.navbar .menu > li > .nav-child > li{padding-top: 2px; padding-bottom: 2px;} #mod_flexiadvsearch_default106 *{margin-right: 15px;} #default_form_106:after{font-size: 1.2em;} #mod_flexiadvsearch_default106{top: 9px;} #sliderck122, #sliderck183{height: 40vh;} #sliderck123, #sliderck184{height: 20vh;} #slider #titre_slider_accueil{font-size: 65%; top: -47px;} #z1_col2{display: none;} #z1{justify-content: space-between; padding-top: 80px;} #z1 #z1_col1, #z1 #z1_col3{width: initial;} /* vidéo */ .video-vedette iframe{height: 415px;} #accueil_actus h2{right: 25px;} #order_added119{max-height: 360px;} #z3{padding-top: 50px; padding-bottom: 50px;} .beforedescription-portail .value.field_section-couv-portail{flex-direction: column; width: 100%; float: initial;} .beforedescription-portail .value.field_section-couv-portail > .fc-fieldgrp-value-box{height: 25vh;} .field_image-section-couv-portail, .field_image-section-couv-portail > .flexi.value, .field_image-section-couv-portail > .flexi.value > a, .field_image-section-couv-portail > .flexi.value > a > img.fc_field_image{width: 100%;} .field_image-section-couv-portail > .flexi.value > a > img.fc_field_image{object-position: top;} .technique .field_image-section-couv-portail > .flexi.value > a > img.fc_field_image{object-position: center 60%;} .applications .field_image-section-couv-portail > .flexi.value > a > img.fc_field_image{object-position: center 40%;} .inspirations .field_image-section-couv-portail > .flexi.value > a > img.fc_field_image{object-position: center;} .beforedescription-portail .fc-fieldgrp-value-box .field_titre-categorie-portail{top: 45% !important;} .field_titre-categorie-portail{font-size: 80%;} .mon-projet .beforedescription-portail .field_titre-categorie-portail{width: 37%;} .beforedescription-portail{height: auto;} .zone-intro{margin-top: 50px;} #flexicontent .itm_couverture, #flexicontent .cat_couverture{background-size: auto 43%;} #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles{justify-content: center !important;} #flexicontent.presentation img.fc_field_image{padding: 5%;} #flexicontent h1.cattitle, .type-alias-article #flexicontent h1.contentheading{top: 25vh;} body:not(.accueil, .homepage) h1{font-size: 1.2em !important;} #flexicontent .cat_couverture{height: 40vh;} #flexicontent .itm_couverture{height: 100vh;} #flexicontent.presentation .catdescription .menu_items{top: 30vh;} #flexicontent.presentation .catdescription{margin-bottom: 50px;} #flexicontent.presentation .etiquette-de-titre{font-size: 55%; top: 75px;} #flexicontent.presentation li.fc_bloglist_item::before{top: 3.5em; height: 3em;} #flexicontent.presentation .lineinfo.line3::after{top: -6%; height: 106%;} #flexicontent.presentation .etiquette-de-titre{left: 37%;} #flexicontent.presentation .lineinfo.line3{padding: 0 30px;} #flexicontent.presentation .field_titre-introduction-presentation::before{width: 139%; left: -60px;} #flexicontent.presentation .lineinfo.line3 > .element:last-of-type{padding: 2em 0 0 2em;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type{padding: 2em 2em 0 0;} #flexicontent.presentation .fc_bloglist_item{margin-bottom: 40px;} .prop{padding: 0 1em;} #flexicontent.galerie .content, #flexicontent.focus .content, #flexicontent.actus .content{margin-top: 50px; max-width: 100%;} body #flexicontent ul.leadingblock.four > li, body #flexicontent ul.introblock.four > li{width: 47%;} #flexicontent.galerie > .group:not(.content){top: 50px;} #flexicontent.galerie fieldset.fc_filter_set{padding: 0 3%;} div.fc_filter_line.fc_filter_buttons_box > .fc_buttons.btn-group{font-size: 80%;} #filters{padding-left: 9px; font-size: 90%;} #flexicontent ul.introblock{margin-top: 30px;} .type-alias-case-study #flexicontent{font-size: 95%;} #flexicontent .customblock.partie_droite_contenu{padding-top: 130px !important;} #flexicontent .partie_droite_contenu .element.field_description-cs, #flexicontent .partie_droite_contenu .element.field_intro-cs{padding: 0 30px 0 50px !important} #flexicontent .partie_droite_contenu .element.field_titre-cs, #flexicontent .partie_droite_contenu .element.field_images-texte-cs, .afterdescription_2_cs{padding-left: 2em !important;} #flexicontent .partie_droite_contenu .element.field_citation-cs{margin-left: 1.6em !important; font-size: 1em;} #flexicontent .partie_droite_contenu .element.field_titre-cs div{padding-left: 2em !important; padding-right: 2em !important;} #flexicontent .partie_droite_contenu .element.field_titre-cs h1{font-size: 2em !important;} .type-alias-reference #flexicontent{padding: 40px 15px;} .type-alias-reference .afterdescription .fc_image_thumb{width: 47.5%; margin: 0 2% 2% 0 !important;} .type-alias-reference h1.contentheading{font-size: 2em !important;} .type-alias-reference .beforedescription .element.field_desc-projet{max-width: 100% !important;} .type-alias-actualite #flexicontent{font-size: 95%;} .type-alias-actualite #flexicontent .partie_droite_contenu .value.field_images-texte-cs{width: initial !important;} .type-alias-actualite #flexicontent .partie_droite_contenu .element.field_images-texte-cs{padding-left: 50px !important;} .type-alias-actualite #flexicontent .partie_droite_contenu .value.field_images-texte-cs .fc_image_thumb img.fc_field_image{max-width: 75% !important;} .partie_droite_contenu iframe.fc_sharedmedia_player_frame{width: 74% !important; height: 165px !important;} /* modal login */ #login-modal{max-width: 60vw; left: 20vw;} /* page connection */ .guest.connexion #component > .row-fluid{flex-direction: column;} .guest.connexion #component > .row-fluid > div{width: 100%;} .guest.connexion #component > .row-fluid > .login input{width: 100%;} .guest.connexion #component > .row-fluid > .login .btn{width: 100%;} .guest.connexion #component > .row-fluid > div:last-of-type{margin-top: 2em;} #footer #gestion-lumiere > div{flex-wrap: nowrap;} #footer #gestion-lumiere > div > div{max-width: 23%;} #footer h2{margin-bottom: 1em;} #coordonnees{margin-bottom: 1.5em;} /* fiche produit */ #flexicontent.fiche-produit .beforedescription .value.field_fiche-produit-couv-description-col1 h1.fiche-produit-titre-produit{font-size: 2em !important;} #flexicontent.fiche-produit .beforedescription .element.field_fiche-produit-couv-description-col2{max-width: /*100%*/ 60% !important;} #flexicontent.fiche-produit .value.field_videos{flex-direction: column;} #flexicontent.fiche-produit div.fc_sharedmedia_player_outer{width: auto;} .custom.jeux-de-couleurs > div{flex-direction: column;} .custom.jeux-de-couleurs .btn-primary{top: -1em;} .popover-map{height: 12%;} .container{max-width: 100%;} .container-fluid{padding-left: 15px; padding-right: 15px;} #z1_col3 .pictos img{margin-left: 5px; transform: scale(0.9);} #z1_col1 div.pictos img{margin-right: 5px; transform: scale(0.9);} /* vidéo */ .video-vedette iframe{height: 400px;} .mon-projet .beforedescription-portail .field_titre-categorie-portail{width: 40%;} .zone-intro, #flexicontent.presentation .catdescription{max-width: 95%;} #flexicontent.presentation .etiquette-de-titre{top: 59px;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .etiquette-de-titre{left: 22%;} #flexicontent.presentation li.fc_bloglist_item::before{top: 2em;} #flexicontent.presentation .field_titre-introduction-presentation .value{font-size: 1.6em;} #flexicontent.presentation .field_titre-introduction-presentation::before{left: -52px;} #flexicontent.galerie ul.introblock{margin-top: 15px;} /* modal login */ #login-modal{max-width: 60vw; left: 20vw;} /* références */ #filters button{padding: 0 .1em 0 0;} #filters button:not(:first-of-type)::before {padding-right: 0;} /*576-720*/ /* fiche produit */ #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit{flex-direction: column;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld{max-width: 100%; min-width: auto; margin-right: 0; margin-bottom: 3px;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_mime{margin: 0;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_name{display: flex; justify-content: center; align-items: flex-end; padding: 1em;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_title{line-height: 1; text-align: left;} #flexicontent.fiche-produit .fcfile_mime .fcicon-mime{max-width: 50px; margin: 0 5px;} /*max 575*/ /* fiche produit */ /* compatible avec */ #flexicontent.fiche-produit .field_compatible-avec-les-panneaux .fc-fieldgrp-value-box{max-width: 45%;} /* téléchargements */ #flexicontent.fiche-produit .afterdescription_3 > div{flex-direction: column;} /*#flexicontent.fiche-produit .afterdescription_3 .element.field_encart-contact{max-width: 100% !important; margin-right: 0;}*/ /*max520*/ .rssocial-icons li{font-size: 12px !important;} #side_menu.mobile .sclogin.sourcecoast{right: 27%;} /* nav */ #nav--mobile > ul > li{font-size: 85%;} #nav--mobile > ul > li > a{font-size: 90%;} #nav--mobile .nav-child{flex-wrap: wrap; align-items: center; padding: 0 3em;} #nav--mobile .nav-child > li:not(:last-child) > a:after{display: none;} #side_menu.mobile{height: 95vh;} /* home */ /* vidéo */ .video-vedette iframe{height: 390px;} /*max480*/ /* map */ .close-map{width: 60vw;} #europe-map svg{width: 115vw;} .popover-map{width: 50%; height: 18%; left: 25%;} /* oreillette */ #call_us{left: -50vw; top: 20vh;} #call_us .call_us #oreillette_contact{width: 50vw;} #call_us .call_flex{flex-direction: column;} #call_us h3, #call_us .call_us .btn_contact_us{display: inline-block; width: 100%; text-align: center;} #call_us h3{padding: 1em 0 .5em 0;} /* Accueil */ /* slide */ #slider #titre_slider_accueil{font-size: 50%; top: -37px;} #slider #titre_slider_accueil h1 span.titre_line2{padding-right: 6.5em;} /* menu gestion lumière */ #menu-secondaire .custom_menu-gestion-lumiere{top: -25px; right: 35px;} #menu-gestion-lumiere > div{width: 85px;} #menu-gestion-lumiere > div .btn-gestion-lumiere::before{transform: scale(0.7);} #menu-gestion-lumiere > div .btn-gestion-lumiere p{font-size: 1.1em;} #menu-gestion-lumiere > div .btn-gestion-lumiere{padding: .1em 0 .3em 0; border: 1px solid #e3e3e3;} /* z1 */ #z1{flex-direction: column; padding-top: 80px;} #z1 h2{margin-top: 1em;} #z1 div.buttons{margin-bottom: 1em;} #z1 #z1_col1, #z1 #z1_col3{text-align: center;} #z1 #z1_col3{margin-top: 30px;} /* vidéo */ .video-vedette iframe{height: 360px;} /* zone actus */ #accueil_actu_bg{top: 0; margin-bottom: 0;} #accueil_actus h2{position: initial; writing-mode: initial; transform: initial; font-size: 8em; text-align: center;} #accueil_actus{position: relative; top: -55px;} #accueil_actus .mod_flexicontent_wrapper{top: 0;} #order_added119{max-width: initial; max-height: initial; padding-right: 15px; padding-left: 15px; flex-direction: column;} #order_added119 > div{margin-right: 0; width: 100%;} #mod_fcitems_box_featured_119, #mod_fcitems_box_standard_119 > .mod_flexicontent_standard_wrapper{max-height: 240px; height: auto; margin-bottom: 1em;} #mod_fcitems_box_featured_119 .image_featured{max-height: 240px;} #order_added173{max-width: initial; max-height: initial; padding-right: 15px; padding-left: 15px; flex-direction: column;} #order_added173 > div{margin-right: 0; width: 100%;} #mod_fcitems_box_featured_173, #mod_fcitems_box_standard_173 > .mod_flexicontent_standard_wrapper{max-height: 240px; height: auto; margin-bottom: 1em;} #mod_fcitems_box_featured_173 .image_featured{max-height: 240px;} /* z3 */ #z3{flex-direction: column;} /* Portail */ .mon-projet .beforedescription-portail .field_titre-categorie-portail{width: 60%;} /* Présentation */ /*#flexicontent .itm_couverture, #flexicontent .cat_couverture{background-size: 150%;}*/ body:not(.accueil, .homepage) h1{font-size: 1em;} #flexicontent h1.cattitle span, .type-alias-article #flexicontent h1.contentheading span{padding: .3em .5em 0 0; display: inline-block; width: 70%;} .zone-intro, #flexicontent.presentation .catdescription{font-size: 90%;} .zone-intro h2{font-size: 1.9em;} .zone-intro > p{line-height: 1.5em;} #flexicontent ul.introblock{margin-top: 0;} #flexicontent ul.introblock > li .image_descr .image.left{height: 200px;} #flexicontent.presentation ul.introblock > li .lineinfo.image_descr .image img{object-fit: cover; height: 200px;} #flexicontent.presentation .etiquette-de-titre{left: initial; right: 5%; text-align: right;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .etiquette-de-titre{left: 25px; right: initial; text-align: initial;} #flexicontent.presentation .lineinfo.line3{flex-direction: column;} #flexicontent.presentation .lineinfo.line3 > .element:first-of-type{order: 2;} #flexicontent.presentation .field_titre-introduction-presentation::before{left: -35px; width: 124%;} #flexicontent.presentation li.fc_bloglist_item::before, #flexicontent.presentation li.fc_bloglist_item .lineinfo.line3::after{left: 92%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1)::before, #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .lineinfo.line3::after{left: 8%;} #flexicontent.presentation .lineinfo.line3 > .element:first-of-type{padding: 0 0 0 2em;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:first-of-type{padding: 0 2em 0 0;} #flexicontent.presentation .field_introduction-2 .value{font-size: 1em;} #flexicontent.presentation .catdescription .menu_items{font-size: .6em;} .btn-menu-items{padding: .5em; width: 7em; min-height: 7em;} /* Définir mon projet */ .definir-mon-projet .topblock{margin-top: 50px; margin-bottom: 0;} .definir-mon-projet .topblock li.field_definir-mon-projet div .label{max-width: 100% !important;} .container-radio{flex-direction: column;} /* Catégories */ body #flexicontent ul.leadingblock.four > li, body #flexicontent ul.introblock.four > li{width: 100%;} /* Galeries */ #flexicontent.galerie ul.grid .grid-sizer, #flexicontent.galerie ul.grid .grid-item, #flexicontent.focus ul.grid .grid-sizer, #flexicontent.focus ul.grid .grid-item, #flexicontent.actus ul.grid .grid-sizer, #flexicontent.actus ul.grid .grid-item {width: 98%;} #flexicontent.galerie ul.introblock > li {max-height: 10vh; min-height: 20vh;} /* Référence */ .type-alias-reference .afterdescription .fc_image_thumb{width: 100%; max-width: 100% !important; margin: 0 !important;} /* Case study-Actu */ #flexicontent .partie_gauche_couverture_fixed{width: 100%; height: 50vh; max-width: 100%;} #flexicontent .partie_gauche_couverture_fixed .element.field_image-2 img{min-width: 100%; max-width: 150%; min-height: initial; max-height: 150vh;} #flexicontent .partie_gauche_couverture_fixed .element.field_zoom-cs-3{top: 30vh;} #flexicontent .customblock.partie_droite_contenu{max-width: 100%; padding: 30px 0 0 0 !important;; margin: 0 !important;} #flexicontent .partie_droite_contenu .value.field_images-texte-cs{width: 20vw !important;} #flexicontent .partie_droite_contenu .element.field_citation-cs{width: 20vw !important; max-width: initial !important; margin-left: 2em !important;} #flexicontent .partie_droite_contenu .value.field_citation-cs{width: 20vw !important;} /* Actu */ .partie_droite_contenu iframe.fc_sharedmedia_player_frame{width: 80% !important; height: 215px !important;} .type-alias-actualite #flexicontent .partie_droite_contenu .element.field_intro-cs{width: 100%;} /* modal login */ #login-modal{max-width: 80vw; left: 10vw;} /* Page de connexion */ .guest.creation #component, .guest.connexion #component{width: 70vw;} /* Footer */ #footer, .custom_ender{text-align: center;} #footer #coordonnees > div.d-flex, .custom_ender{flex-direction: column; align-items: center;} #footer #gestion-lumiere > div{flex-wrap: wrap;} #footer #gestion-lumiere > div > div{max-width: initial;} #footer .systemes .row, #footer .panneaux .row > a{font-size: 1em;} /*max415*/ body:not(.accueil, .homepage) h1{font-size: 1em !important;} #flexicontent h1.cattitle span, .type-alias-article #flexicontent h1.contentheading span{width: 75%;} /* map */ .close-map{width: 80vw;} .popover-map {width: 60%; height: 20%; left: 20%;} /* header */ #side_menu.mobile{height: 97vh;} #side_menu.mobile .sclogin.sourcecoast{right: 0; top: 35px;} #side_menu.mobile #rssocial-112{right: initial; left: 0; top: 65px;} #side_menu.mobile #rssocial-ul-112{display: flex; flex-direction: column;} #rssocial-112 .rssocial-icons li{font-size: 15px !important;} #nav--mobile > ul{margin-top: 80px;} #main_menu_mobile.burger_opened{top: 65px;} nav.navbar ul.nav > li{padding: .2em 0 0 0;} #nav--mobile > ul > li{font-size: 80%;} #nav--mobile .nav-child{line-height: 1.3em;} #nav--mobile nav.navbar .menu > li > .nav-child > li{padding: 0;} #call_us{top: 40vh; z-index: 99999; left: -65vw;} #call_us .call_us #oreillette_contact{width: 65vw;} /* recherche */ #mod_flexiadvsearch_default158{left: initial; right: 0; margin-right: 15px;} /* slide */ #slider #titre_slider_accueil{top: -26px;} #slider #titre_slider_accueil h1{font-size: 2em;} .legende-img{bottom: 4em;} /* menu gestion lumirère */ #menu-secondaire .custom_menu-gestion-lumiere{right: initial; width: 100%;} #menu-gestion-lumiere{justify-content: space-around;} #menu-gestion-lumiere > div{margin: 0;}@ /* vidéo */ .video-vedette iframe{height: 320px;} /* Portail */ .mon-projet .beforedescription-portail .field_titre-categorie-portail{width: 80%;} /* Présentation */ #flexicontent.presentation .catdescription{margin-top: 60px;} #flexicontent.presentation .catdescription .menu_items{top: 35vh; right: initial; left: 0; justify-content: space-around;} .btn-menu-items{margin: 0; border: 1px solid #e3e3e3;} #flexicontent.presentation .etiquette-de-titre{padding: 3em 2em !important; right: 3%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n+1) .etiquette-de-titre{left: 12px;} #flexicontent.presentation .field_titre-introduction-presentation::before{left: -45px; width: 130%;} #flexicontent.presentation li.fc_bloglist_item:nth-of-type(2n) .lineinfo.line3 > .element:last-of-type .field_titre-introduction-presentation::before{left: -35px;} .gerer-la-lumiere #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box, .sublimer-l-esthetique #flexicontent.presentation .lineinfo.line3 .field_produits-disponibles .fc-fieldgrp-value-box{width: 50%;} /* Focus */ #flexicontent .partie_gauche_couverture_fixed .element.field_zoom-cs-3{font-size: 1.6em;} /* Page de connexion */ .guest.creation #component, .guest.connexion #component{width: 85vw;} /* Footer */ #footer .coordonnees{width: 100%;} #footer .systemes .row, #footer .panneaux .row > a{font-size: .75em;} /* fiche produit */ #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit{flex-direction: column;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld{max-width: 100%; min-width: auto; margin-right: 0; margin-bottom: 3px;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_mime{margin: 0;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld .fcfile_name{display: flex; justify-content: center; align-items: flex-end; padding: 1em;} #flexicontent.fiche-produit .afterdescription_3 .value.field_telechargements-fiche-produit .dwnld span.fcfile_title{line-height: 1; text-align: left;} #flexicontent.fiche-produit .fcfile_mime .fcicon-mime{max-width: 50px; margin: 0 5px;} #flexicontent .itm_couverture{background-size: 100% auto !important; height: auto; padding-top: 33vh !important;} #redim-cookiehint-modal{padding: 0; } #redim-cookiehint{bottom: 4em; max-height: 50%; position: absolute;} #redim-cookiehint .cookiecontent{font-size: 12px; line-height: 1;} #flexicontent.fiche-produit .beforedescription{position: relative;} #flexicontent.fiche-produit .bdp2{display: flex; padding-top: 2.5em; margin-left: 0 !important;} #flexicontent.fiche-produit .itm_couverture .field_img-produits-disponibles{margin-top: 0; width: 50%; order: 2;} #flexicontent.fiche-produit .itm_couverture .field_fiche-produit-couv-description-col2{margin-top: 0; width: 50%; order: 1;} } /*BIM page */ .portfolio-item .searchlogo {display:none !important; visibility:hidden;} body.sitemap .osmap-sitemap {padding-top: 100px;padding-left: 100px;}