/* -- h2 */ h2{ font-weight: 600; font-size: 26px; margin-bottom: 26px; } h2 span{ padding-left: 0; } h2 span::before{ display: none; content: ""; position: absolute; border-top: 1px solid #f59331; top: 50%; left: 0; width: 100px; } /* -- p.paragraphe */ p.paragraphe{ font-size: 14px; line-height: 1.3em; } /* -- p.sous-titre */ p.sous-titre{ font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 22px; } /* -- p.titre-list */ .titre-list{ font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 16px;} /* -- p.titre-bandeau */ p.titre-bandeau{ font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 22px; color: #3A423E; margin: 0 5% 30px; padding: 0; text-align: left; } /* -- p.titre-plateforme */ p.titre-plateforme{ font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 13px; margin: 0; padding: 0; } p.link__container a.cta{ font-weight: 400; font-size: 12px; } /* -- .keyFeatures__container*/ .keyFeatures__container ul li{ font-size:14px; line-height: 1.3em; color: #272626; } /*fastFadeAndSlideLeftToRight*/ .fastFadeInAndSlideInLeft{ opacity:0; transform: translate3d(0, 0, 0); transition: opacity 0.25s ease-out 0.2s, transform 1s ease-out 0.2s; } .active .fastFadeInAndSlideInLeft{ opacity: 1; transform: translate3d(0, 0, 0); } .fastFadeInAndSlideInLeft:nth-of-type(2){ transition-delay:0.35s; } .fastFadeInAndSlideInLeft:nth-of-type(3){ transition-delay:0.5s; } .fastFadeInAndSlideInLeft:nth-of-type(4){ transition-delay:0.65s; } .fastFadeInAndSlideInLeft:nth-of-type(5){ transition-delay:0.8s; } .fastFadeInAndSlideInLeft:nth-of-type(6){ transition-delay:0.95s; } /* Trait */ .fastFadeInAndSlideInLeft span::before{ transform:translate3d(0,0,0); } .active .fastFadeInAndSlideInLeft span::before{ transform:translate3d(0,0,0); transition: 0s ease-out 0s; width: 100px; } /* -- marginBottom */ .marginBottom115{ margin-bottom:0; } /* -- fieldset.bandeau*/ fieldset.bandeau{ padding: 4px 16px 8px; text-align: left; } fieldset.bandeau legend{ font-weight: 400; font-size:12px; color:#f59331; margin:0; padding: 0 7px; } fieldset.bandeau h1{ font-weight: 600; font-size:31px; line-height: 1; color: #fff; } /* -- textAlign */ .text-center{ text-align: center; } .text-left{ text-align: left; } .text-right{ text-align: right; } /* -- header */ header{ background: transparent; } header#nav__container{ background-color: #fff; } /* -- p.img__container img.full-width */ header#nav__container p.img__container img.full-width{ max-width:160px; height: auto; } #btn_nav_mobile span::before, #btn_nav_mobile span::after { content: ''; position: absolute; left: 20px; width: 18px; z-index: 1; } .nav-open .wrapper{ transform: translate3d(240px,0,0); } nav#mainmobile{ width: 240px; } nav#mainmobile{ transform: translate3d(-240px,0,0); } .nav-open nav#mainmobile{ transform: translate3d(-240px,0,0); box-shadow:6px 0px 10px rgba(0,0,0, 0.15); } nav#secondary{ width:19%; } /* HOMEPAGE -- section #floor1 */ #floor1{ padding-top: 76px; } .slide__container .slide__layer1{ top: 40px; } .slide__container .slide__layer1 h1{ font-weight: 600; font-size: 20px; line-height: 1.3em; margin-left:20px; margin-right:20px; } .slide__container .slide__layer1 h1 b, .slide__container .slide__layer1 h1 strong{ font-weight: 600; font-size: 20px; line-height: 1.3em; } .slide__container .slide__layer1 h1 p{ line-height: 1.3em; } .slide__container .slide__layer1 article{ font-weight: 400; font-size: 16px; line-height: 1.3em; margin-left:20px; margin-right:20px; } .slide__container .slide__layer1 article{ margin-top: 0; } button.slick-prev.slick-arrow, button.slick-next.slick-arrow{ display: none !important; } /*ul.slick-dots{ bottom: 30px; }*/ /* HOMEPAGE -- section #floorHomepageNews */ #floorHomepageNews{ display: block; background: #f1f1f1; height: auto; } #floorHomepageNews div.actu__container{ display:block; position: relative; text-align: left; padding: 15px 0 15px 15px; height: auto; border-right: none; } #floorHomepageNews span.date__container{ display: block; float:left; width: 80%; margin: 0; } #floorHomepageNews span.date__container{ font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 14px; line-height: 1.3; color: #f59331; text-align: left; } #floorHomepageNews span.accroche__container{ display: block; float:left; width:80%; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 16px; line-height: 1.3; color: #030303; text-align: left; vertical-align: middle; } #floorHomepageNews span.link__container{ display: block; position: absolute; top:50%; right: 10px; width:21px; margin: 0; margin-top: -15px; } #floorHomepageNews span.link__container a{ width: 21px; height: 21px; } #floorHomepageNews span.link__container a::before{ top: -8px; left: -24px; font-size: 35px; } #floorHomepageNews span.link__container a:hover::before{ top: -8px; left: -15px; } #floorHomepageNews #titreNews{ display: flex; align-items: center; background: #fff; height: 100%; } #floorHomepageNews #titreNews p.titre{ font-size: 30px; line-height: 1; margin-left: 18px; text-align: left; } /* HOMEPAGE -- section #floor2 */ #floor2{ display: block; text-align: left; } #floor2 h2{ position: relative; display: block; line-height:1.3; text-align: center; margin-bottom: 30px; margin-left:20px; margin-right: 20px; } #floor2 p{ font-weight: 400; font-size: 16px; line-height: 1.3; margin-bottom: 0; margin-left:20px; margin-right:20px; } #floor2 p b{ font-weight: 600; } /* HOMEPAGE -- section #floor3 */ #floor3 h2{ position: relative; width: auto; height: auto; transform: none; margin-bottom: 0; white-space: inherit; transform-origin: initial; perspective: 0px; overflow: visible; } #floor3 h2{ font-weight: 600; font-size: 26px; line-height: 1.3em; margin-bottom: 30px; padding: 0; text-align: center; } #floor3 h2::after{ display:none; } #floor3 .padding__container{ position: relative; padding-bottom:0; } #floor3 .height__container{ position: relative; height: auto; } #floor3 .text__container{ position: relative; width: 100%; transform: none; transition: all 0s ease-out 0s; perspective: 0; } #floor3 .text__container > *{ transform: none; outline: 1px solid transparent; perspective: 0; } #floor3 #platform-components{ background: rgba(50,50,49,1);} #floor3 #platform-components .picto__container{ display: inline-block; margin: 20px 10px 20px 17px; text-align: center; } #floor3 #platform-components .picto__container img{ display: block; width: auto; max-width: 45px; height: auto; } #floor3 #platform-components .text__container{ position: relative; border-bottom:1px solid #555; } #floor3 #platform-components .text__container a{ display: flex; align-items: center; text-decoration: none; outline: none; border-right:5px solid #ff0000; } #floor3 #platform-components .text__container h3{ font-size: 22px; font-weight: 600; line-height: 1em; text-align: left; } #floor3 #platform-components .text__container h3.h3_de{ font-size: 18px;} #floor3 #platform-components .text__container h3 span{ font-size:10px; text-align: left; margin-bottom: 0; line-height: 1; } #floor3 #platform-components .text__container::after{ position: absolute; color: #d9e1f0; top: 50%; right: 12px; margin-top: -20px; content: "\ea900"; vertical-align: middle; padding:0; font-family: 'icomoon' !important; line-height: 1; font-size: 45px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #floor3 #platform-components .text__container.e-maintenance a{ border-right-color:#1584aa; } #floor3 #platform-components .text__container.apps a{ border-right-color: #d41b4b; } #floor3 #platform-components .text__container.cloud a{ border-right-color: #bed54a; } #floor3 #platform-components .text__container.smart-controllers a{ border-right-color: #f59331; } /* HOMEPAGE -- section #floor4 */ #floor4{ margin-top: 50px; } #floor4 h2{ position: relative; display: inline-block; line-height: 1.3em; margin-bottom: 0; font-weight: 600; font-size: 26px; line-height: 1.3em; margin-bottom: 30px; } #floor4 h3{ font-size: 17px; font-weight: 600; margin-bottom: 15px; line-height: 1.3em; } #floor4 p{ font-size: 14px; line-height: 1.3em; } #floor4 p b{ font-weight: 600; } #floor4 div.row div.flexItemCenter{ margin-bottom: 40px; } #floor4 img.home_global-presence{ width:80%; margin:0 auto; max-width: 100px; } #floor4 img.home_end-up-solution{ width:80%; margin:0 auto; max-width: 100px; } #floor4 img.home_interoperable{ width:80%; margin:0 auto; max-width: 100px; } #floor4 img.home_flexible{ width:80%; margin:0 auto; max-width: 100px; } #floor4 img.home_customizable{ width:80%; margin:0 auto; max-width: 100px; } .home #floor4 h3 { position: absolute; margin-left: 100px; } .home #floor4 span.visible-xs-inline-block { position: absolute; margin-left: -100px; } .home #floor4 p { margin-top: 70px; } /* HOMEPAGE -- section #floor5 */ #floor5{ background:url("../images/home-partenaires.jpg") center center no-repeat; background-size: cover; } /*#floor5 .padding__container{ position: relative; padding-bottom: 89.333333333333333333333333333333%; }*/ /*#floor5 .height__container{ position: absolute; top: 0; left: 0; height: 100%; }*/ #floor5 div.text-center{ text-align: center !important; } #floor5 h2{ display: inline-block; position: relative; line-height: 1.3em; margin-top: 30px; margin-bottom: 30px; color: #fff; text-align: center; } #floor5 h2 span::before{ border-color: #fff; } #slick_partenaire__container{} #slick_partenaire__container div.slide__container{ display: block; margin: 0 auto; text-align: center; } #slick_partenaire__container div.slide__container .partenaire{ background:url("../images/home-partenaires-li.png") 0 0 no-repeat; width: 86px; height: 97px; background-size: 100% auto; } #slick_partenaire__container .slick-slide img{ width:100%; } /* Slick */ #slick_partenaire__container button.slick-prev.slick-arrow, #slick_partenaire__container button.slick-next.slick-arrow{ left: -104px; } #slick_partenaire__container button.slick-next.slick-arrow{ left: auto; right: -104px; } /*#slick_partenaire__container ul.slick-dots{ bottom: -60px; }*/ #floor5 #slick_partenaire__container ul.slick-dots{ text-align: center; } /** ** SMART CONTROLLERS **/ #smartControllers-floor1{ padding-top: 76px; background:#fff; background-size: inherit; background-size: auto 100%; background-position: 85% bottom; background-repeat: no-repeat;} #smartControllers-floor1 .padding__container{ position: relative; padding-bottom: 30px; } #smartControllers-floor1 .height__container{ position: relative; top:inherit; left: inherit; height: auto; width: 100%; text-align: center; } #smartControllers-floor1 fieldset{ margin-top: 35px; margin-bottom: 35px; } #smartControllers-floor1 legend{} #smartControllers-floor1 fieldset.bandeau h1{ font-weight: 600; font-size:26px; line-height: 1; color: #f59331;} #smartControllers-floor1 fieldset.bandeau h1.h1_de{font-size:26px} #smartControllers-floor1 p.paragraphe{ font-size: 14px; line-height: 1.3em; margin: 0 20px 10px 20px; } #smartControllers-floor2{ background:#3c3c3c; } #smartControllers-floor2 .text__container{ margin-top: 20px; } #smartControllers-floor2 .text__container p{ font-family: 'Titillium Web', sans-serif; font-weight: 300; font-size:22px; line-height: 1.3; color: #fff; text-align: center; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; } #smartControllers-floor2 .text__container p span.big{ font-size: 36px; line-height: 1; margin-bottom: 0 } #smartControllers-floor2 .text__container p b{ font-weight: 600; color: #f59331; } #smartControllers-floor3{ margin-top: 50px; margin-bottom: 0; } #smartControllers-floor3 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 0; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor3 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor3 .benefits__container{ margin-top: 10px; } #smartControllers-floor3 .benefits__container ul{ display: flex; flex-direction: row; flex-flow: row; align-items: center; justify-content: space-between; margin-left: 20px; margin-right: 20px; } #smartControllers-floor3 .benefits__container ul li{ font-weight: 600; font-size:9px; line-height: 1.3em; margin-bottom: 10px; } #smartControllers-floor3 .benefits__container ul li .benefits__container ul li.li_de{font-size:13px} #smartControllers-floor3 .benefits__container ul li:last-child{ margin-bottom: 10px; } #smartControllers-floor3 .keyFeatures__container{ margin-top: 10px; margin-left: 20px; margin-right: 20px; } #smartControllers-floor3 .link__container{ display: block; margin: 30px 20px 0; text-align: center; } #smartControllers-floor3 .link__container a{ text-align: left; } #smartControllers-floor4{ margin-top: 50px; margin-bottom: 0; } #smartControllers-floor4 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 0; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor4 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor5{ margin-top: 20px; margin-bottom: 0; padding-bottom: 0; } #smartControllers-floor5 .keyFeatures__container{ margin-top: 10px; margin-left: 20px; margin-right: 20px; } #smartControllers-floor5 .keyFeatures__container ul{ display: block; padding: 20px 18px; border: 1px solid #dadada; list-style-position: inside; list-style: none;} #smartControllers-floor5 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 0; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor6{ margin-top: 50px; margin-bottom: 0; padding-bottom: 30px; } #smartControllers-floor6 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor6 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor6 .benefits__container{ margin-top: 10px; } #smartControllers-floor6 .benefits__container ul{ display: flex; flex-direction: row; flex-flow: row; align-items: center; justify-content: space-between; margin-left: 20px; margin-right: 20px; } #smartControllers-floor6 .benefits__container ul li{ font-weight: 600; font-size:9px; line-height: 1.3em; margin-bottom: 10px; } #smartControllers-floor6 .benefits__container ul li:last-child{ margin-bottom: 10px; } #smartControllers-floor6 img.smartkiz{ padding-top: 10px;width:25% } #smartControllers-floor6 .keyFeatures__container{ margin-top: 10px; margin-left: 20px; margin-right: 20px;max-width: 100%} #smartControllers-floor6 .keyFeatures__container ul{ background: #fff; } #smartControllers-floor6 .link__container{ display: block; margin: 30px 20px 0 !important; text-align: center; } #smartControllers-floor6 .link__container a{ text-align: left; } #smartControllers-floor7{ margin-top: 50px; margin-bottom: 0; padding-bottom: 30px; } #smartControllers-floor7 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor7 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor7 .benefits__container{ margin-top: 10px; } #smartControllers-floor7 .benefits__container ul{ display: flex; flex-direction: row; flex-flow: row; align-items: center; justify-content: space-between; margin-left: 20px; margin-right: 20px; } #smartControllers-floor7 .benefits__container ul li{ font-weight: 600; font-size:9px; line-height: 1.3em; margin-bottom: 10px; } #smartControllers-floor7 .benefits__container ul li:last-child{ margin-bottom: 10px; } #smartControllers-floor7 img.kizbox{ padding-top: 10px; } #smartControllers-floor7 .keyFeatures__container{ margin-top: 10px; margin-left: 20px; margin-right: 20px;} #smartControllers-floor7 .keyFeatures__container ul{ background: #fff; } #smartControllers-floor7 .link__container{ display: block; margin: 30px 20px 0 !important; text-align: center; } #smartControllers-floor7 .link__container a{ text-align: left; } #smartControllers-floor8{ margin-top: 0; margin-bottom: 0; padding-bottom: 30px; } #smartControllers-floor8 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor8 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor8 .benefits__container{ margin-top: 10px; } #smartControllers-floor8 .benefits__container ul{ display: flex; flex-direction: row; flex-flow: row; align-items: center; justify-content: space-between; margin-left: 20px; margin-right: 20px; } #smartControllers-floor8 .benefits__container ul li{ font-weight: 600; font-size:9px; line-height: 1.3em; margin-bottom: 10px; } #smartControllers-floor8 .benefits__container ul li:last-child{ margin-bottom: 10px; } #smartControllers-floor8 img.minibox{ padding-top: 10px; } #smartControllers-floor8 .keyFeatures__container{ margin-top: 10px; margin-left: 20px; margin-right: 20px;} #smartControllers-floor8 .link__container{ display: block; margin: 30px 20px 0 !important; text-align: center; } #smartControllers-floor8 .link__container a{ text-align: left; } #smartControllers-floor9{ margin-top: 0; margin-bottom: 0; padding-bottom: 30px; } #smartControllers-floor9 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 0; margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor9 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor9 div.benefits__container{ margin-top: 10px; margin-bottom: 0 } #smartControllers-floor9 div.benefits__container ul{ display: flex; flex-direction: row; flex-flow: row; align-items: center; justify-content: center; margin-left: 20px; margin-right: 20px; } #smartControllers-floor9 div.benefits__container ul li{ font-weight: 600; font-size:9px; line-height: 1.3em; margin-bottom: 10px; } #smartControllers-floor9 div.benefits__container ul li:last-child{ margin-bottom: 10px; } #smartControllers-floor9 img.adaptors{ padding-top: 10px; } #smartControllers-floor9 div.benefits__container + p.img__container{ margin-bottom: 0; } #smartControllers-floor10{ margin-top: 0; margin-bottom: 0; padding-bottom: 0; } #smartControllers-floor10 h3{ display: block; font-size: 26px; font-weight: 600; line-height: 1.3em; margin-bottom: 10px; margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: center !important; } #smartControllers-floor10 p.paragraphe{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #smartControllers-floor10 div.text__container{ margin-bottom: 30px; } #smartControllers-floor10 div.col-xs-tools{ width: 50%; text-align: center; margin-bottom: 30px; } #smartControllers-floor10 div.col-xs-tools a{ display: block; text-decoration: none; } #smartControllers-floor10 div.col-xs-tools img{ max-width:108px; margin: 0 auto; } #smartControllers-floor10 div.col-xs-tools p.paragraphe{ margin: 15px auto 0; } .produit-template-produit-box-domotiques section p.img__container { max-width: 50%; margin: 0 auto; } .check__container{ display: none; } /** ** OVERVIEW **/ #overview_floor1{ padding-top: 76px; } #overview_floor1{ } #overview_floor1 .padding__container{ position: relative; padding-bottom: 40%; } #overview_floor1 fieldset{ margin-top: 35px; border-color: #f59331; } #overview_floor1 legend{ color: #f59331; } #overview_floor2{ padding-top: 50px; padding-bottom: 30px; } #overview_floor2 h2{ font-size: 26px; font-weight: 600; color: #f59331; line-height: 1.3; margin-right: 20px; margin-left: 20px; } #overview_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } #overview_floor2 p.paragraphe:last-child{ margin-bottom: 0; } #overview_floor2 p.img__container{ margin-top: 50px; } #overview_floor2 .padding__container{ position: relative; padding-bottom: 64.924114671163575042158516020236%; max-width: 1186px; } #overview_floor2 .height__container{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #overview_floor2 #bouton_coud{} #overview_floor2 #bouton_coud p.img__container{ margin-top: 30px; } #overview_floor2 #bouton_coud div.text__container{ margin: 0; } #overview_floor2 #bouton_coud div.text__container a{ display: block; position: relative; margin: 0; padding: 14px 7px 4px; width: 100%; font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 18px; line-height: 1; color: #040404; text-decoration: none; text-align: center; } #overview_floor2 #bouton_coud div.text__container a b{ font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 600; } #overview_floor2 #bouton_coud div.text__container a.vert b{ color: #78893d; } #overview_floor2 #bouton_coud div.text__container a.orange b{ color: #f59331; } #overview_floor2 #bouton_coud div.text__container a.bleu b{ color: #2b86a6; } #overview_floor2 #bouton_coud div.text__container a.rose b{ color: #d72255; } #overview_floor2 div.text__container span{ display: block; position: relative; width: 36px; height: 36px; border: 1px solid #000; border-radius: 50%; margin: 7px auto 0; } #overview_floor2 div.text__container span::after{ display: block; content: ""; position: absolute; top: 50%; left: 50%; width:16px; height:9px; margin-top: -3px; margin-left: -8px; background: url("../images/sprite-overkiz.png") 0 -32px no-repeat; } #overview_floor2 div.text__container span.vert{ border-color:#78893d; } #overview_floor2 div.text__container span.orange{ border-color:#f59331; } #overview_floor2 div.text__container span.bleu{ border-color:#2b86a6; } #overview_floor2 div.text__container span.rose{ border-color:#d72255; } #overview_floor3{ margin-top: 30px; padding-top: 50px; padding-bottom: 30px; } #overview_floor3 h2{ font-size: 26px; font-weight: 600; color: #f59331; line-height: 1.3; margin-right: 20px; margin-left: 20px; } #overview_floor3 .ecosystem{ line-height: 1.3; margin-left: 20px; margin-right: 20px; margin-bottom: 30px } #overview_floor3 .ecosystem p.head{ padding:4px 18px; font-size: 12px; margin-bottom: 5px} #overview_floor3 .ecosystem p.counter{ margin-top: 0; margin-bottom: 0; font-size: 32px; font-weight: 600; color: #f59331; line-height: 1.3; } #overview_floor3 .ecosystem p.paragraphe{ height: auto; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: center; } #overview_floor3 .ecosystem p.paragraphe b{ display: block; height: auto; padding: 0 15px; font-size: 26px; font-weight: 600; margin-bottom: 10px; } #overview_floor3 .ecosystem p.img__container{ display: block; margin-top: 10px; } #overview_floor3 .ecosystem p.img__container img.full-width{ max-width: 180px; margin: 0 auto; } #overview_floor3 p.link__container{ margin-top: 0; } #overview_floor4{ padding-top: 50px; padding-bottom: 30px; } #overview_floor4 h2{ font-size: 26px; font-weight: 600; color: #f59331; line-height: 1.3; margin-right: 20px; margin-left: 20px; } #slick_overview__container, #slick_overview__container1, #slick_overview__container2, #slick_overview__container3 { margin-bottom: 30px; } #slick_overview__container .slider_nav, #slick_overview__container1 .slider_nav, #slick_overview__container2 .slider_nav, #slick_overview__container3 .slider_nav { display: none } #slick_overview__container .slide__container, #slick_overview__container1 .slide__container, #slick_overview__container2 .slide__container, #slick_overview__container3 .slide__container { display: block; flex-direction: inherit; align-items: inherit; } #slick_overview__container .slide__container p.img__container, #slick_overview__container1 .slide__container p.img__container, #slick_overview__container2 .slide__container p.img__container, #slick_overview__container3 .slide__container p.img__container { margin-bottom: 20px; } #slick_overview__container .slide__container p.titre, #slick_overview__container1 .slide__container p.titre, #slick_overview__container2 .slide__container p.titre, #slick_overview__container3 .slide__container p.titre { font-size: 26px; margin-bottom: 15px; text-align: center; } #slick_overview__container .slide__container p.paragraphe, #slick_overview__container1 .slide__container p.paragraphe, #slick_overview__container2 .slide__container p.paragraphe, #slick_overview__container3 .slide__container p.paragraphe { font-size: 14px; margin-bottom: 8px; line-height: 1.3; } #slick_overview__container .slick-list, #slick_overview__container1 .slick-list, #slick_overview__container2 .slick-list, #slick_overview__container3 .slick-list { margin-bottom: 8px; } #slick_overview__container ul.slick-dots, #slick_overview__container1 ul.slick-dots, #slick_overview__container2 ul.slick-dots, #slick_overview__container3 ul.slick-dots { bottom: 0; } #slick_overview__container ul.slick-dots li button, #slick_overview__container1 ul.slick-dots li button, #slick_overview__container2 ul.slick-dots li button, #slick_overview__container3 ul.slick-dots li button { background: #f1f1f1; } #slick_overview__container ul.slick-dots li.slick-active button { background:#f59331; border:none; outline: none; } #slick_overview__container1 ul.slick-dots li.slick-active button, #slick_overview__container2 ul.slick-dots li.slick-active button, #slick_overview__container3 ul.slick-dots li.slick-active button { background:#43A5C8; border:none; outline: none; } #overview_floor5 .padding__container{ padding-bottom: 40%; } #overview_floor5 .height__container{ flex-direction: column; flex-flow: column; background-size: cover; } #overview_floor5 h3{ font-size: 22px; margin: 0 0 20px 0; } #overview_floor5 p.link__container{ margin: 0; } #overview_floor5 a.cta{ text-align: left; } #overview_floor6{ margin-top: 50px; } #overview_floor6 h2 { position: relative; display: inline-block; font-weight: 600; font-size: 26px; line-height: 1.3em; margin-bottom: 30px; } #overview_floor6 h3{ font-size: 20px; font-weight: 600; margin-bottom: 15px; line-height: 1.3em; color:#ef9438; } #overview_floor6 p{ font-size: 14px; line-height: 1.3em; color: #030303; } #overview_floor6 p b{ font-weight: 600; } #overview_floor6 div.row div.flexItemCenter{ margin-bottom: 40px; } #overview_floor6 img.home_global-presence{ width:80%; margin:0 auto; max-width: 100px; } #overview_floor6 img.home_end-up-solution{ width:80%; margin:0 auto; max-width: 100px; } #overview_floor6 img.home_interoperable{ width:80%; margin:0 auto; max-width: 100px; } #overview_floor6 img.home_flexible{ width:80%; margin:0 auto; max-width: 100px; } #overview_floor6 img.home_customizable{ width:80%; margin:0 auto; max-width: 100px; } /** ** PROTOCOLS **/ #protocols-floor1 .padding__container{ padding-bottom: 40%; } #protocols-floor1 fieldset{ margin-top: 35px; } #protocols-floor2{ padding-top: 50px; padding-bottom: 30px; } #protocols-floor2 h3{ font-weight: 600; font-size: 26px; line-height: 1.3em; margin-bottom: 20px; margin-right: 20px; margin-left: 20px; } #protocols-floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: center; } #protocols-floor2 fieldset{ margin-top: 30px; padding: 20px 0 15px; border: 1px solid #d7d4d5; margin-right: 20px; margin-left: 20px; } #protocols-floor2 legend{ font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size:22px; color: #000; padding: 0 20px; } #protocols-floor2 fieldset img.full-width{ max-width: 128px; } #protocols-floor3{ display: block; position: relative; padding-top: 50px; height: auto; padding-bottom: 30px; overflow: hidden; background: #f1f1f1;} #protocols-floor3 div.content{ position: relative; top:inherit; left: inherit; width: 100%; height: auto; display:block; flex-direction: column; flex-flow: column; justify-content: center; background: #f1f1f1; background-size:inherit; } #protocols-floor3 h3{ font-weight: 600; font-size: 26px; line-height: 1.3em; margin-bottom: 20px; margin-bottom: 20px; margin-right: 20px; margin-left: 20px; } #protocols-floor3 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: center; } #protocols-floor3 #products-logo{ margin-top: 30px; margin-bottom: 30px; } #protocols-floor3 #products-logo p.img__container{ margin-bottom: 20px; text-align: center; } #protocols-floor3 a.cta{ text-align: left; } #protocols-floor3 div.flexBetween-xs{ display: block; } #protocols-floor4{ display: block; position: relative; height: 0; padding-bottom: 40%; overflow: hidden; } #protocols-floor4 div.content{ flex-direction: column; flex-flow: column; align-items: center; justify-content: center; background-size: cover; } #protocols-floor4 h3{ font-size: 18px; margin: 0 40px 20px 40px; color: #fff; } #protocols-floor4 p.link__container{ margin-top:0; } #protocols-floor4 a.cta{ text-align: left; } /* -- PROTOCOLS */ /** ** MAINTENANCE **/ #maintenance_floor1 .padding__container{ padding-bottom: 40%; } #maintenance_floor1 fieldset{ margin-top: 35px; border-color: #1584aa; } #maintenance_floor1 fieldset.bandeau h1{ font-size:28px; } #maintenance_floor1 legend{ color: #1584aa; } #maintenance_floor2{} #maintenance_floor2 h2{ font-size: 26px; font-weight: 600; line-height: 1.3; color: #1584aa; text-align: center; margin-top:50px; margin-left: 20px; margin-right: 20px; } #maintenance_floor2 .text__container.marginTop{ margin-top: 30px; } #maintenance_floor2 .text__container.marginBottom{ margin-bottom: 0px; } #maintenance_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #maintenance_floor2 p.paragraphe b{ font-weight: 600; color:#1584aa; } #maintenance_floor2 .img__container{ margin-top:15px; margin-bottom: 15px; } #maintenance_floor2 .text__container span{ font-size: 14px; } #maintenance_floor2 .keyfeatures{ margin-top: 50px; } #maintenance_floor2 .keyfeatures .padding__container{ padding-bottom:389.152%; } #maintenance_floor2 .keyfeatures .height__container{ display: flex; flex-direction: column; flex-flow: column; justify-content: center; overflow: hidden;} #maintenance_floor2 .keyfeatures .bg-slick-slider .padding__container{ padding-bottom:0; margin-left: 20px; margin-right: 20px; } #maintenance_floor2 .keyfeatures .bg-slick-slider .height__container{ position: relative; height: auto; background: none; } #maintenance_floor2 .keyfeatures .slick-slider{ position: absolute; top: 5.3462940461725394896719319562576%; left: 4.9164208456243854473942969518191%; width: calc(100% - 4.9164208456243854473942969518191% - 4.9164208456243854473942969518191%); } #maintenance_floor2 .keyfeatures .bg-slick-slider .height__container img{ display: block; width: 100%; max-width: 320px; height: auto; margin-bottom: 30px; } #maintenance_floor2 .keyFeatures__container{ margin: 0px 20px 0; } #maintenance_floor3{ padding-top:50px; padding-bottom: 30px; } #maintenance_floor3 h3{ font-size: 26px; font-weight: 600; line-height: 1.3; color:#1584aa; padding-bottom: 0; margin-bottom: 0 !important; } #maintenance_floor3 .img__container{ margin-bottom: 10px; } #maintenance_floor3 .img__container img.full-width{ max-width:145px ; margin:0 auto; } #maintenance_floor3 .text__container{ margin-bottom: 30px; } #maintenance_floor3 .text__container span{ font-size: 13px; } #maintenance_floor4{ position: relative; } #maintenance_floor4 .padding__container{ padding-bottom: 40%; } #maintenance_floor4 .height__container{ flex-direction: column; flex-flow: column; align-items: center; justify-content: center; background-size: cover; } #maintenance_floor4 h3{ font-size: 22px; margin: 0 40px 20px 40px; color: #fff; } #maintenance_floor4 p.link__container{ margin-top:0; } #maintenance_floor4 a.cta{ text-align: left; } /** ** API LIBRAIRIES **/ #apiLibrairies_floor1 .padding__container{ position: relative; padding-bottom: 40%; } #apiLibrairies_floor1 fieldset{ margin-top: 35px; border-color: #60a43a; } #apiLibrairies_floor1 legend{ color: #60a43a; } #apiLibrairies_floor2{ padding-top: 50px; padding-bottom: 30px; } #apiLibrairies_floor2 p.img__container{ } #apiLibrairies_floor2 p.img__container img.full-width{ max-width:639px; height: auto; margin: 0 auto; } #apiLibrairies_floor2 h2{ font-size: 26px; font-weight: 600; color: #60a43a; line-height: 1.3; margin-left: 20px; margin-right: 20px; } #apiLibrairies_floor2 p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #apiLibrairies_floor2 .flexItemCenter{ display: block; padding-top: 50px; } #apiLibrairies_floor2 .text__container{ margin-bottom: 0px; } #apiLibrairies_floor2 .text__container p.titre{ font-size: 20px; line-height: 1.3; color:#60a43a; text-align: center; margin-bottom: 10px; } #apiLibrairies_floor2 .text__container .benefits__container{ margin-top: 0px; } #apiLibrairies_floor2 .text__container .benefits__container ul{ display: block; padding: 20px 18px; margin-left: 20px; margin-right: 20px; text-align: left; } #apiLibrairies_floor2 .text__container .benefits__container ul li{ font-size:14px; line-height: 1.3em; } #apiLibrairies_floor2 .text__container .benefits__container ul li::before{ position: relative; display: inline-block; content:""; width: 5px; height: 5px; margin-right: 7px; background: #60a43a; vertical-align: middle; } #apiLibrairies_floor2 span.check__container{ display: none } #apiLibrairies_floor3{ padding-top: 50px; padding-bottom: 30px; } #apiLibrairies_floor3 header{ margin-bottom: 30px; } #apiLibrairies_floor3 header .text__container{ margin: 0 20px !important; } #apiLibrairies_floor3 header p.titre{ font-size: 26px; font-weight: 600; color: #60a43a; line-height: 1.3; } #apiLibrairies_floor3 header p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; } #apiLibrairies_floor3 p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; } #apiLibrairies_floor3 .text__container{ margin-top: 60px; margin-bottom: 30px; margin-left: 20px; margin-right: 20px; } #apiLibrairies_floor3 h3{ text-align: center; font-size: 20px; font-weight: 600; color: #60a43a; line-height:1.3; } #apiLibrairies_floor3 h3::before{ display: block; content: ""; position: absolute; top: -55px; left: 50%; width: 40px; height: 45px; margin-left: -20px; } #apiLibrairies_floor3 .api-documentation h3::before{ background-size:100% auto; } #apiLibrairies_floor3 .devices-catalogue h3::before{ background-size:100% auto; } #apiLibrairies_floor3 .tutorials h3::before{ background-size:100% auto; } #apiLibrairies_floor3 .demo-platform h3::before{ background-size:100% auto; } #apiLibrairies_floor3 div.row{ margin-bottom: 0; } #apiLibrairies_floor4{ display: block; position: relative; height: 0; padding-bottom: 40%; overflow: hidden; } #apiLibrairies_floor4 div.content{ flex-direction: column; flex-flow: column; align-items: center; justify-content: center; background-size: cover; } #apiLibrairies_floor4 h3{ font-size: 18px; margin: 0 60px 10px 60px; color: #fff; } #apiLibrairies_floor4 p.link__container{ margin-top:0; } #apiLibrairies_floor4 a.cta{ text-align: left; } /* -- API LIBRAIRIES */ /** ** INSTALLERS APP **/ #installersApp_floor1 .padding__container{ position: relative; padding-bottom: 40%; } #installersApp_floor1 fieldset{ margin-top: 35px; border-color: #d41b4b; } #installersApp_floor1 legend{ color: #d41b4b; } #installersApp_floor2{ padding-top: 50px; } #installersApp_floor2 .flexItemCenter{ display: block; margin:0 20px; } #installersApp_floor2 div.row{ padding-bottom: 30px; } #installersApp_floor2 div.row div.row{ padding-bottom: 0; } #installersApp_floor2 h2{ font-size: 26px; font-weight: 600; color: #d41b4b; line-height: 1.3; margin-left: 20px; margin-right: 20px; } #installersApp_floor2 p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #installersApp_floor2 div.padding__container{ position: relative; padding-bottom: 56.25%; box-shadow:15px 15px 15px rgba(0,0,0,0.15) } #installersApp_floor2 iframe.height__container{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #installersApp_floor2 .keyFeatures__container{ margin-top: 50px; margin-left: 0; } #installersApp_floor2 h3{ font-size: 26px; font-weight: 600; color: #d41b4b; line-height: 1.3; } #installersApp_floor2 .benefits{ margin-top: 30px; } #installersApp_floor2 .benefits .img__container{ margin-bottom: 10px; } #installersApp_floor2 .benefits .img__container img.full-width{ max-width: 174px; margin: 0 auto; } #installersApp_floor2 .benefits .text__container{ margin-bottom: 15px } #installersApp_floor2 .benefits .text__container p{ font-size: 13px; } #installersApp_floor3{ padding-top: 50px; padding-bottom: 60px; } #installersApp_floor3 h3{ margin-bottom: 30px; font-size: 26px; line-height: 1.3; margin-left: 20px; margin-right: 20px; } #installersApp_floor3 p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #slick_hdiw__container{ margin-top: 50px; margin-bottom: 0px; } #slick_hdiw__container div.slide__container{ display: inline-block; margin: 0 auto; text-align: center; } #slick_hdiw__container div.slide__container .hdiw{ display: block; width: 90%; height: auto; margin: 0 auto; max-width: 299px; /*padding: 0 18.306% 0 0;*/ } #slick_hdiw__container div.slide__container .text__container{} #slick_hdiw__container div.slide__container .text__container{ display: block; height:40px; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 18px; } #slick_hdiw__container div.slide__container .text__container span{ font-size: 11px; display: inline-block; width: 18px; height:18px; margin-right: 8px; line-height: 18px; } #installersApp_floor3 ul.slick-dots{ bottom: -30px; } #installersApp_floor5{ padding-bottom: 50%; } #installersApp_floor5 div.content{ flex-direction: column; flex-flow: column; align-items: center; justify-content: center; background-size: cover; } #installersApp_floor5 h3{ font-size: 18px; margin: 0 40px 20px 40px; color: #fff; } #installersApp_floor5 p.link__container{ margin-top:0; } #installersApp_floor5 a.cta{ text-align: left; } /** ** SMARTHOME APP **/ #smartHomeApp_floor1 .padding__container{padding-bottom: 40%; } #smartHomeApp_floor1 fieldset{ margin-top: 35px; border-color: #d41b4b; } #smartHomeApp_floor1 legend{ color: #d41b4b; } #smartHomeApp_floor2{ padding-top: 50px; } #smartHomeApp_floor2 h2{ font-size: 26px; font-weight: 600; color: #d41b4b; line-height: 1.3; margin-left: 20px; margin-right: 20px; } #smartHomeApp_floor2 p.paragraphe{ font-size:14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #smartHomeApp_floor3{ padding-top: 0; } div.col-viewerSlides{ width: 100%; } #demoViewerApp__container div.slides__container{ display: block; position: relative; height: auto; margin-top: 40px; } #demoViewerApp__container div.slides__container::before{ display: block; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #f1f1f1; } #demoViewerApp__container div.slides__container div.slide__container{ position: relative; top: inherit; left: inherit; right: inherit; z-index: 99; } #demoViewerApp__container div.slides__container div.text__container{ display: block; padding: 30px 20px 15px; float: none; width: 100%; } #demoViewerApp__container div.slides__container p.img__container{ float: none; margin-top: 0; width: 100%; } #demoViewerApp__container div.slides__container p.img__container img.full-width{ max-width: 320px; margin:0 auto 0; } #demoViewerApp__container div.slides__container div.text__container p{ padding-right: 0; } #demoViewerApp__container div.slides__container div.text__container p.titre{ margin-bottom: 10px; font-size: 20px; font-weight: 600; color:#d41b4b; text-align: center; } #demoViewerApp__container div.slides__container div.text__container p.paragraphe{ line-height: 1.3; font-size: 14px; text-align: center; } #demoViewerApp__container div.slides__container div.slide__container div.text__container{ opacity: 1; transform: translate3d(0,0,0); transition: all 0s ease-out 0s; } #demoViewerApp__container div.slides__container div.slide__container p.img__container{ opacity: 1; transform: translate3d(0,0,0); transition: all 0s ease-out 0s; } #smartHomeApp_floor4{ padding-top: 50px; padding-bottom: 10px; } #smartHomeApp_floor4 h3{ font-size: 26px; font-weight: 600; color: #d41b4b; line-height: 1.3; margin-right: 20px; margin-left: 20px; } #smartHomeApp_floor4 .benefits__container{ margin-top: 30px; } #smartHomeApp_floor4 .benefits__container>div{ margin-bottom:30px; } #smartHomeApp_floor4 .benefits__container p.paragraphe{ margin-top: 10px; text-align: center; font-size: 13px; font-weight: 300; } #smartHomeApp_floor5{ display: block; position: relative; background: #f1f1f1; height: auto; padding-top:30px; padding-bottom: 30px; overflow: hidden; } #smartHomeApp_floor5 div.content{ display:block; position: relative; background: #f1f1f1; } #smartHomeApp_floor5 h3{ display: block; margin-bottom: 30px; font-size: 26px; font-weight: 600; color: #d41b4b; line-height: 1.3; } #smartHomeApp_floor5 a.apps__container{ display: block; text-align: center; text-decoration: none; outline: none; } #smartHomeApp_floor5 a.apps__container p.paragraphe{ font-size: 13px; font-weight: 300; line-height: 1.3em; text-align: center; } #smartHomeApp_floor5 a.apps__container p.paragraphe b{ font-size: 15px; font-weight: 600; } #smartHomeApp_floor5 p.img__container img.full-width{ max-width: 86px !important; } #smartHomeApp_floor6{} #smartHomeApp_floor6{ padding-bottom:50%; overflow: hidden; } #smartHomeApp_floor6 div.content{ flex-direction: column; flex-flow: column; align-items: center; justify-content: center; background-size: cover; } #smartHomeApp_floor6 h3{ font-size: 18px; margin: 0 20px 20px 20px; color: #fff; } #smartHomeApp_floor6 p.link__container{ margin-top:0; } #smartHomeApp_floor6 a.cta{ text-align: left; } /** ** IOT CLOUD **/ #cloud_floor1 .padding__container{ padding-bottom: 40%; } #cloud_floor1 fieldset{ margin-top: 35px; border-color: #bed54a; } #cloud_floor1 legend{ color: #bed54a; } #cloud_floor2{ padding-top: 50px; } #cloud_floor2 p.img__container{ margin-bottom: 20px; } #cloud_floor2 p.img__container img.full-width{ max-width:100px; height: auto; } #cloud_floor2 h2{ font-size: 26px; font-weight: 600; color: #bed54a; line-height: 1.3; margin-left: 20px; margin-right: 20px; } #cloud_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #cloud_floor3{ padding-top: 50px; } #cloud_floor3 .text__container{ margin-top: 60px; margin-bottom: 30px; } #cloud_floor3 h3{ margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #bed54a; line-height: 1.3em; text-align: center; margin-left: 20px; margin-right: 20px; } #cloud_floor3 h3::before{ display: block; content: ""; position: absolute; top: -55px; left: 50%; width: 80px; height: 80px; } #cloud_floor3 h3::before{ width: 40px; height: 45px; margin-left: -20px; } #cloud_floor3 .api-library h3::before{ background-size:100% auto; } #cloud_floor3 .cloud-to-cloud-management h3::before{ background-size:100% auto; } #cloud_floor3 .device-user-management h3::before{ background-size:100% auto; } #cloud_floor3 .high-availability h3::before{ background-size:100% auto; } #cloud_floor3 .modular-architecture h3::before{ background-size:100% auto; } #cloud_floor3 .ota-updates h3::before{ background-size:100% auto; } #cloud_floor3 .rules-engine h3::before{ background-size:100% auto; } #cloud_floor3 .scalable-infrastructure h3::before{ background-size:100% auto; } #cloud_floor3 .secure h3::before{ background-size:100% auto; } #cloud_floor3 .technology-agnostic-platform h3::before{ background-size:100% auto; } #cloud_floor3 p.paragraphe{ font-size: 14px; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #cloud_floor3 div.row{ margin-bottom: 0; } .produit-template-produit-cloud h3.visible-xs { text-align: center !important; } #intro_functions h2#funcs { margin-bottom: -20px; } /* -- IOT CLOUD */ /** ** ABOUT US **/ #aboutUs_floor1{ padding-top: 76px; } #aboutUs_floor1 .padding__container{ position: relative; padding-bottom: 40%; } #aboutUs_floor2{ padding-top: 50px; } #aboutUs_floor2 h2{ font-size: 26px; line-height: 1.3; text-align: center; margin-left: 20px; margin-right: 20px; } #aboutUs_floor2 div.text__container{ margin-bottom: 50px; } #aboutUs_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } #aboutUs_floor3 p.paragraphe{ font-size: 14px; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } #aboutUs_floor3 div.text__container{ margin-bottom: 30px; } #aboutUs_floor3 div.col-location:last-child div.text__container{ margin-bottom: 15px; padding-bottom: 0; } #aboutUs_floor4 .padding__container{ position: relative; padding-bottom: 30px; padding-top:10px; } #aboutUs_floor4 .height__container{ position: relative; top:inherit; left:inherit; width: 100%; height: 100%; display:block; flex-direction: inherit; flex-flow: inherit; justify-content: inherit; background: #fff; background-size:inherit; } #aboutUs_floor4 h3{ font-size: 26px; line-height: 1.3; color: #f59331; text-align: center; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; } #aboutUs_floor4 div.figure__container{ position: relative; padding-bottom: 113.36206896551724137931034482759%;} #aboutUs_floor4 div.figure__container div.height__container{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display:flex; flex-direction: column; flex-flow: column; justify-content: center; background: transparent url("../images/aboutUs-figure/1.png") no-repeat top center; background-size: 100% 100%; } #aboutUs_floor4 div.col-figure:nth-child(2) div.figure__container div.height__container{ background-image: url("../images/aboutUs-figure/2.png"); } #aboutUs_floor4 div.col-figure:nth-child(3) div.figure__container div.height__container{ background-image: url("../images/aboutUs-figure/3.png"); } #aboutUs_floor4 div.col-figure:nth-child(4) div.figure__container div.height__container{ background-image: url("../images/aboutUs-figure/4.png"); } #aboutUs_floor4 div.col-figure:nth-child(5) div.figure__container div.height__container{ background-image: url("../images/aboutUs-figure/5.png"); } #aboutUs_floor4 div.col-figure{ margin-bottom: 20px; } #aboutUs_floor4 div.col-figure p{ font-size: 12px; font-weight: 300; } #aboutUs_floor4 div.col-figure p.figure{ font-size: 20px; font-weight: 600; margin-bottom: 0; } #aboutUs_floor4 div.col-figure p.paragraphe{ font-size:14px; padding:0; } /** ** CUSTOMERS **/ #customers_floor1 .padding__container{ padding-bottom: 40%; } #customers_floor1 fieldset{ border-color: #fff; } #customers_floor1 legend{ color: #fff; } #customers_floor2{ padding-top: 50px; } #customers_floor2 h2{ font-size: 26px; line-height: 1.3; text-align: center; margin-left: 20px; margin-right: 20px; } #customers_floor2 p.paragraphe{ line-height: 1.3; margin-left: 20px; margin-right: 20px; margin-bottom: 0; } #customers_floor3{ padding-top: 50px; padding-bottom: 40px; } #customers_floor3 .padding__container{ position: relative; padding-bottom: 86.601307189542483660130718954248%; } .og-details.flexItemCenter{ display: block; align-items: inherit; justify-content: inherit; } .og-expander-inner { padding: 50px 20px; } .og-expander-inner p.paragraphe{ font-size: 14px; line-height: 1.3em; } .og-expander-inner p.link__container{ margin: 30px 0 0 0; text-align: center; } .og-close { width: 26px; height: 26px; top: 20px; right: 20px;} /** ** NEWS - EVENTS **/ #news_floor1 .padding__container{ padding-bottom: 40%; } #news_floor1 fieldset{ border-color: #fff; } #news_floor1 legend{ color: #fff; } #news_floor2{ margin-bottom: 30px; } #news_floor2 article{ font-family: 'Titillium Web', sans-serif; } #news_floor2 article::after{ display: block; content: ""; width:20%; height:1px; background: transparent; border-bottom:1px solid #f59331; padding-bottom: 36px; margin-bottom: 30px; } #news_floor2 article:last-child::after{ display: none; } #news_floor2 article header{ margin-bottom: 26px; } #news_floor2 article header h2{ font-size: 26px; font-weight: 600; color: #f59331; line-height: 1.3em; text-align: left; margin-bottom: 0; } #news_floor2 article header p.published{ font-size: 11px; font-weight: 400; color: #020202; line-height: 1.3em; text-align: left; } #news_floor2 article div.text__container{ } #news_floor2 article div.text__container img{ display: block; margin:0; padding: 0; float: none !important; max-width: 100%; width: 100% !important; height: auto !important; } #news_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: left; } #events_floor2{margin-bottom: 30px; } #events_floor2 .liste article{width:100%; } /*#events_floor2 .liste article:nth-child(2n+1){margin-right: 4% !important;}*/ #events_floor2 .liste article:nth-child(3n+2){margin:0;} #events_floor2 .liste article header{ margin-bottom: 25px; } #events_floor2 .liste article header h2{ font-size: 18px;text-align: center } #events_floor2 .liste article header p.published{ font-size: 12px;margin:10px 0;text-align: center } #news__pagination{ margin-top: 25px; } #news_navigation{margin:40px 0;} #news_navigation .nav_news{font-size:20px;padding-bottom: 10px;} #news_reseaux{margin-top:40px;margin-bottom: 30px;} #news_reseaux .news_sociaux{font-size:14px;padding:0 10px;} #news_reseaux ul.res_sociaux{margin-left: 15px} #news_reseaux ul.res_sociaux li:nth-child(2){margin:0 10px;} #news_reseaux .right{text-align: left;margin-top: 20px;} /* PAGE EVENTS */ #events_floor2 .page_events article header{ margin-bottom: 30px; } #events_floor2 .page_events article header h2{font-size: 26px;margin-top: 0} #events_floor2 .page_events article header p.published{font-size: 12px;} #events_floor2 .page_events article div.text__container {font-size: 12px;} #events_floor2 .page_events article div.text__container p.desc_events{font-size: 12px;} /** ** CONTACT **/ #contact_floor1 .padding__container{ padding-bottom: 40%; } #contact_floor1 fieldset{ border-color: #fff; } #contact_floor1 legend{ color: #fff; } #contact_floor2{ padding-top: 50px; } #contact_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: left; margin-left: 20px; margin-right: 20px; } #contact_floor2 form{ margin:50px 20px; } #contact_floor2 form div.row{ margin-bottom: 24px; } #contact_floor2 form textarea{ display: block; width: 100%; padding:30px; border: 1px solid #f1f1f1; background:#f1f1f1;height: 185px; } #contact_floor2 form textarea{ font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 16px; text-align: left; color: #000; } #contact_floor2 form input[type="text"], #contact_floor2 form input[type="email"], #contact_floor2 form input[type="tel"]{ display: block; width: 100%; border: 1px solid #f1f1f1; background:#f1f1f1; height: 52px; line-height: 52px; padding:0 30px; vertical-align: middle; } #contact_floor2 form input[type="text"], #contact_floor2 form input[type="email"], #contact_floor2 form input[type="tel"]{ font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 16px; text-align: left; color: #000; } #contact_floor2 form input[type="text"].error, #contact_floor2 form input[type="email"].error, #contact_floor2 form input[type="tel"].error{ border: 1px solid #f59331; color: #f59331; } #contact_floor2 div.text__container{ margin-bottom: 30px; } #contact_floor2 div.text__container:last-child{ margin-bottom: 0; } #contact_floor2 div.feedback_ctn p{ font-size: 10px; font-weight: 300; line-height: 20px; } #contact_floor3{ margin-top: 50px; background:#3a3a3a; } #contact_floor3 header{ display: block; position: inherit; background:#3a3a3a; top:inherit; width: 100%; height:auto; z-index: 100; padding-bottom: 20px; margin-bottom: 20px; } #contact_floor3 header div{ height: 100%; background:#3a3a3a; vertical-align: top; padding-top:20px; padding-bottom:0; } #contact_floor3 header div h2{ margin:0 20px; font-size: 26px; line-height: 1.3; } #contact_floor3 header div p.paragraphe.location{ font-size: 14px; line-height: 1.3em; margin:0 20px; } #contact_floor3 header div p.paragraphe.location b{ font-weight: 600; } #contact_floor3 div.row .padding__container{ position: relative; padding-bottom:0; } #contact_floor3 div.row .height__container{ position: relative; top: inherit; left: inherit; height: auto; width: 100%; } #contact_floor3 div.row .height__container #map{ position: relative; width: 100%; height: 100%; z-index: 99; } /** ** TERM OF USE **/ #termOfUse_floor1 .padding__container{ padding-bottom: 40%; } #termOfUse_floor1 fieldset{ border-color: #fff; } #termOfUse_floor1 legend{ color: #fff; } #termOfUse_floor2{ padding-top: 50px; } #termOfUse_floor2 div.text__container{ margin-bottom: 30px; } #termOfUse_floor2 h2{ font-size: 26px; line-height: 1.3em; margin-bottom: 30px; margin-left: 20px; margin-right: 20px; } #termOfUse_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: left; margin-left: 20px; margin-right: 20px; } #termOfUse_floor2 a{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #termOfUse_floor2 ul, #termOfUse_floor2 ol{ font-size: 14px; font-weight: 300; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } /** ** PRIVACY POLICY **/ #privacyPolicy_floor1 .padding__container{ padding-bottom: 40%; } #privacyPolicy_floor1 fieldset{ border-color: #fff; } #privacyPolicy_floor1 legend{ color: #fff; } #privacyPolicy_floor2{ padding-top: 50px; } #privacyPolicy_floor2 div.text__container{ margin-bottom: 30px; } #privacyPolicy_floor2 h2{ font-size: 26px; line-height: 1.3em; margin-bottom: 30px; margin-left: 20px; margin-right: 20px; } #privacyPolicy_floor2 h3{ font-size: 16px; line-height: 1.3em; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; text-align: center; } #privacyPolicy_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: left; margin-left: 20px; margin-right: 20px; } #privacyPolicy_floor2 a{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #privacyPolicy_floor2 ul, #privacyPolicy_floor2 ol{ font-size: 14px; font-weight: 300; line-height: 1.3em; margin-left: 20px; margin-right: 20px; } /** ** RESOURCES **/ #resources_floor1 .padding__container{ padding-bottom: 40%; } #resources_floor1 fieldset{ border-color: #fff; } #resources_floor1 legend{ color: #fff; } #resources_floor2{} #resources_floor2{ padding-top: 50px; } #resources_floor2 article header, #resources_floor2 article ul.list { margin-left: 20px; margin-right: 20px; } #resources_floor2 article header h2{ height: 40px; font-size: 22px; padding-left: 0px; } #resources_floor2 article header h2::before{ display: none; } #resources_floor2 article ul.list li{ margin-bottom: 20px; } #resources_floor2 article ul.list li p.link__container a.cta{ background: none; height: 40px; line-height: 40px; } #resources_floor2 article ul.list li p.link__container a.cta span{ height: 42px; line-height: 42px; margin:0 20px 0 50px; } #resources_floor2 article ul.list li p.link__container a.cta span::before{ left: -35px; line-height: 42px; font-size: 30px; } #resources_floor2 article ul.list li p.link__container a.cta span::after{ display: none; } #resources_floor2 article ul.list li p.link__container a.cta:hover{} /** ** JOBS **/ #jobs_floor1 .padding__container{ padding-bottom: 40%; } #jobs_floor1 fieldset{ border-color: #fff; } #jobs_floor1 legend{ color: #fff; } #jobs_floor2{} #jobs_floor2{ padding-top: 50px; margin-bottom: 0; } #jobs_floor2 .text__container{ border-bottom:1px solid #d1d1d0; margin-left: 20px; margin-right: 20px; } #jobs_floor2 p.paragraphe{ font-size: 14px; line-height: 1.3em; text-align: left; margin-bottom: 20px; } #jobs_floor2 p.paragraphe:last-child{ margin-bottom: 10px; } #jobs_floor3{ margin-top: 30px; } #jobs_floor3 article{ margin: 0 0 20px 0; } #jobs_floor3 article::after{ display: block; content: ""; width:20%; height:1px; background: transparent; border-bottom:1px solid #f59331; padding-bottom: 26px; margin-left: 20px; margin-bottom: 40px; } #jobs_floor3 article:last-child::after{ display: none; } #jobs_floor3 article header{ margin-bottom: 0px; position: relative; } #jobs_floor3 article header h2{ font-size: 20px; font-weight: 600; color: #f59331; line-height: 1.3em; text-align: left; margin-bottom: 0; margin-left: 20px; margin-right: 46px; } #jobs_floor3 article header p.published{ font-size: 14px; font-weight: 600; color: #020202; line-height: 1.3em; text-align: left; margin-left: 20px; margin-right: 20px; } #jobs_floor3 article header p.paragraphe.text-center{ text-align: center !important; } #jobs_floor3 article .ui-accordion-content{ margin-top: 26px;} #jobs_floor3 article div.text__container{ margin-bottom: 30px; } #jobs_floor3 article div.text__container a{ text-decoration: underline; color:#f59331; } #jobs_floor3 article div.text__container img{ display: block; margin:0; padding: 0; float: none !important; } #jobs_floor3 article div.text__container p{ font-size: 14px; line-height: 1.3; text-align: left; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; } #jobs_floor3 aside{ } #jobs_floor3 aside div.text__container{ margin-left: 20px; margin-right: 20px; margin-bottom: 0; } #jobs_floor3 aside div.text__container.musthave{ background:#f1f1f1; border: 1px solid #dddbdb; padding: 20px; } #jobs_floor3 aside div.text__container.email{ background: #3a3a3a; border: 1px solid #3a3a3a; padding:20px; } #jobs_floor3 aside div.text__container.email p{ font-family:'Titillium Web', sans-serif; font-size: 14px; font-weight: 600; color: #fff; } #jobs_floor3 article header.ui-accordion-header>span, #jobs_floor3 article header.ui-helper-reset>span, #jobs_floor3 article header.ui-state-default>span, #jobs_floor3 article header.ui-accordion-icons>span{ position: absolute; top:0; right:0; margin: 0 auto; border:1px solid #f59331; border-radius: 50%; height: 36px; width: 36px; } #jobs_floor3 article header.ui-state-default>span::after{ display: block; content: ""; position: absolute; top:50%; left: 50%; width: 16px; height: 9px; margin-top:-3px; margin-left: -8px; background: url("../images/sprite-overkiz.png") 0 -32px no-repeat; } #jobs_floor3 article header.ui-accordion-header-active>span::after, #jobs_floor3 article header.ui-state-active>span::after{ margin-top:-5px; background: url("../images/sprite-overkiz.png") 0 -22px no-repeat; } /** ** OEM **/ @media screen and (max-width: 480px){ #oem_floor1 .padding__container{padding-bottom:40%} #oem_floor1 fieldset{margin-top:20px !important} #oem_floor2{padding-top:50px;padding-bottom:30px} #oem_floor2 h1{font-size:26px} #oem_floor2 h2{font-size:22px;margin-top:50px;margin-bottom:45px} #oem_floor2 ul.og-grid li .padding__container{padding-bottom:68.669527896996%!important} #oem_floor2 ul.og-grid li h3{font-size:25px} #oem_floor2 ul.og-grid li p{width:51.914163%;font-size:18px} #oem_floor2 ul.og-grid li{padding:35px 0 0 20px} #oem_floor2 ul.og-grid li .cercle{width:35px;height:35px} #oem_floor2 ul.og-grid li .cercle span::before{left:-35px !important;} #oem_floor2 ul.og-grid li .cercle:hover span::after{ left: 35px; } #oem_floor2 ul.og-grid li .cercle span::before, #oem_floor2 ul.og-grid li .cercle span::after{line-height:35px;font-size:33px} #oem_floor2 ul.og-grid li .adaptors{width:20%} #oem_floor2 ul.og-grid li .minibox{width:50%} #oem_floor2 ul.og-grid li .smartHome{width:45%} #oem_floor2 ul.og-grid li .api{width:55%} #oem_floor2 ul.og-grid li .tool{width:40%} #oem_floor2 ul.og-grid li .cloud{width:40%} #oem_floor3 .oem_benefits, #oem_floor3 .consumer_benefits{padding-top:80px !important} #oem_floor3 h2{font-size:26px} #oem_floor3 .padding__container{padding-bottom: 92.041666666667% ;} #oem_floor3 .benefits__container{margin-top:0} #oem_floor3 .benefits__container ul li{font-size:18px;line-height:28px} #oem_floor4 header p.titre{font-size:26px} } @media screen and (max-width: 400px){ #oem_floor2 ul.og-grid li h3{font-size:20px} #oem_floor2 ul.og-grid li p{font-size:13px} #oem_floor3 .oem_benefits, #oem_floor3 .consumer_benefits{padding-top:40px !important} #oem_floor3 .benefits__container ul li{font-size:14px;line-height:24px} } #oem_floor1 fieldset{margin-top:35px} #oem_floor1 fieldset.bandeau h1{font-size:24px} #oem_floor2 ul.og-grid li .padding__container{padding-bottom:52.669527896996%} #oem_floor3 .flexItemCenter{flex-direction:column} #oem_floor3 .oem_benefits, #oem_floor3 .consumer_benefits{width:100%;padding-top:100px} #oem_floor3 .benefits__container ul li{display:block} #oem_floor3 .benefits__container ul li::before {position: relative;display: inline-block;content: "";width: 5px;height: 5px;margin-right: 7px;background: #f59331;vertical-align: middle;} /** ** SMART HOME **/ @media screen and (max-width: 480px){ #smartHome_floor1 .padding__container{padding-bottom:40%} #smartHome_floor2{padding-top:50px;padding-bottom:30px} #smartHome_floor2 h1{font-size:26px} #smartHome_floor2 h2{font-size:22px;margin-top:50px;margin-bottom:45px} #smartHome_floor2 ul.og-grid li .padding__container{padding-bottom:68.669527896996%!important} #smartHome_floor2 ul.og-grid li h3{font-size:25px} #smartHome_floor2 ul.og-grid li p{width:51.914163%;font-size:18px} #smartHome_floor2 ul.og-grid li{padding:35px 0 0 20px} #smartHome_floor2 ul.og-grid li .cercle{width:35px;height:35px} #smartHome_floor2 ul.og-grid li .cercle span::before{left:-35px !important;} #smartHome_floor2 ul.og-grid li .cercle:hover span::after{ left: 35px; } #smartHome_floor2 ul.og-grid li .cercle span::before, #smartHome_floor2 ul.og-grid li .cercle span::after{line-height:35px;font-size:33px} #smartHome_floor2 ul.og-grid li .kizbox{width:25%} #smartHome_floor2 ul.og-grid li .flexible{width:50%} #smartHome_floor2 ul.og-grid li .smartHome{width:45%} #smartHome_floor2 ul.og-grid li .api{width:55%} #smartHome_floor2 ul.og-grid li .tool{width:40%} #smartHome_floor2 ul.og-grid li .cloud{width:40%} #smartHome_floor3 .oem_benefits, #smartHome_floor3 .consumer_benefits{padding-top:80px !important} #smartHome_floor3 h2{font-size:26px} #smartHome_floor3 .padding__container{padding-bottom: 96.041666666667% ;} #smartHome_floor3 .benefits__container{margin-top:0} #smartHome_floor3 .benefits__container ul li{font-size:18px;line-height:28px} #smartHome_floor4 header p.titre{font-size:26px} } @media screen and (max-width: 400px){ #smartHome_floor1 fieldset.bandeau h1{font-size:20px !important} #smartHome_floor2 ul.og-grid li h3{font-size:20px} #smartHome_floor2 ul.og-grid li p{font-size:13px} #smartHome_floor3 .oem_benefits, #smartHome_floor3 .consumer_benefits{padding-top:40px !important} #smartHome_floor3 .benefits__container ul li{font-size:14px;line-height:24px} } #smartHome_floor1 fieldset{margin-top:35px} #smartHome_floor1 fieldset.bandeau h1{font-size:24px} #smartHome_floor2 ul.og-grid li .padding__container{padding-bottom:52.669527896996%} #smartHome_floor3 .flexItemCenter{flex-direction:column} #smartHome_floor3 .oem_benefits, #smartHome_floor3 .consumer_benefits{width:100%;padding-top:100px} #smartHome_floor3 .benefits__container ul li{display:block} #smartHome_floor3 .benefits__container ul li::before {position: relative;display: inline-block;content: "";width: 5px;height: 5px;margin-right: 7px;background: #f59331;vertical-align: middle;} /** ** SMART BUILDING **/ @media screen and (max-width: 480px){ #smartBuilding_floor1 .padding__container{padding-bottom:40%} #smartBuilding_floor2{padding-top:50px;padding-bottom:30px} #smartBuilding_floor2 h1{font-size:26px} #smartBuilding_floor2 h2{font-size:22px;margin-top:50px;margin-bottom:45px} #smartBuilding_floor2 ul.og-grid li .padding__container{padding-bottom:68.669527896996%!important} #smartBuilding_floor2 ul.og-grid li h3{font-size:25px} #smartBuilding_floor2 ul.og-grid li p{width:51.914163%;font-size:18px} #smartBuilding_floor2 ul.og-grid li{padding:35px 0 0 20px} #smartBuilding_floor2 ul.og-grid li .cercle{width:35px;height:35px} #smartBuilding_floor2 ul.og-grid li .cercle span::before{left:-35px !important;} #smartBuilding_floor2 ul.og-grid li .cercle:hover span::after{ left: 35px; } #smartBuilding_floor2 ul.og-grid li .cercle span::before, #smartBuilding_floor2 ul.og-grid li .cercle span::after{line-height:35px;font-size:33px} #smartBuilding_floor2 ul.og-grid li .rail{width:40%} #smartBuilding_floor2 ul.og-grid li .flexible{width:50%} #smartBuilding_floor2 ul.og-grid li .installer{width:45%} #smartBuilding_floor2 ul.og-grid li .smartHome{width:45%} #smartBuilding_floor2 ul.og-grid li .tool{width:40%} #smartBuilding_floor2 ul.og-grid li .cloud{width:40%} #smartBuilding_floor3 .oem_benefits, #smartBuilding_floor3 .consumer_benefits{padding-top:80px !important} #smartBuilding_floor3 h2{font-size:26px} #smartBuilding_floor3 .padding__container{padding-bottom: 104.041666666667% ;} #smartBuilding_floor3 .benefits__container{margin-top:0} #smartBuilding_floor3 .benefits__container ul li{font-size:18px;line-height:28px} #smartBuilding_floor4 header p.titre{font-size:26px} } @media screen and (max-width: 400px){ #smartBuilding_floor1 fieldset.bandeau h1{font-size:20px !important} #smartBuilding_floor2 ul.og-grid li h3{font-size:20px} #smartBuilding_floor2 ul.og-grid li p{font-size:13px} #smartBuilding_floor3 .oem_benefits, #smartBuilding_floor3 .consumer_benefits{padding-top:40px !important} #smartBuilding_floor3 .benefits__container ul li{font-size:14px;line-height:24px} #smartBuilding_floor3 .viewMob{display:block} } #smartBuilding_floor1 fieldset{margin-top:35px} #smartBuilding_floor1 fieldset.bandeau h1{font-size:24px} #smartBuilding_floor2 ul.og-grid li .padding__container{padding-bottom:52.669527896996%} #smartBuilding_floor3 .flexItemCenter{flex-direction:column} #smartBuilding_floor3 .oem_benefits, #smartBuilding_floor3 .consumer_benefits{width:100%;padding-top:100px} #smartBuilding_floor3 .benefits__container ul li{display:block} #smartBuilding_floor3 .benefits__container ul li::before {position: relative;display: inline-block;content: "";width: 5px;height: 5px;margin-right: 7px;background: #f59331;vertical-align: middle;} footer{ padding-bottom: 0; } footer #newsletter_ctn{ text-align: left !important; } footer #newsletter_ctn label span { position: relative; line-height: 0px; margin-bottom: -6px; } footer #newsletter_ctn #inputEmail { display: block; max-width: 100%; } footer form{ padding: 30px 20px 30px; } footer form div.flexItemCenter{ display: block; align-items: inherit; justify-content: inherit; } footer label{ font-size: 26px; padding-right: 0px; margin-bottom: 10px; } footer label span{ top: -10px; font-size:14px; } footer input[type="email"]{ font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 14px; width: 100%; max-width: calc(100% - 230px); margin: 0 8px 0 0; padding: 4px 12px; height: 45px; line-height: 45px; background: #ece9e6; border:1px solid #ece9e6; } footer input[type="email"].error{ border: 1px solid #f59331; color: #f59331; } footer form p.submit__container.success::after{ content: attr(data-text); width: calc(100vw - 40px); font-size: 12px; } footer form p.submit__container.error::before{ content: attr(data-text); width: calc(100vw - 40px); font-size: 12px; } footer form p.submit__container{ display: inline-block; } /* Placeholder */ footer input::-webkit-input-placeholder, footer input::-moz-placeholder, footer input:-ms-input-placeholder, input:-moz-placeholder{ font-size: 14px; font-weight: 300; } footer button{ border: none; } footer div.menu__container{ margin-top: 15px; padding-bottom:15px; border-bottom: 1px solid #d7d4d4; } footer div.mentions__container{ padding-top:0px; text-align: center; } footer div.mentions__container span{ font-size: 12px; font-weight: 600; color: #302f2f; margin-right: 20px; display:inline-block } /* PAGE CLIENTS */ .text_client p { font-size: 12px; } .flexColumn{ flex-direction: column; } .flexColumnReverse{ flex-direction: column-reverse; } .border-grey, .space-section{ padding: 12% 7px; } .list-puce .list-puce__item::before{ width: 8px; height: 8px; margin: 5px 10px 0 0; } .list-marche{ align-items: center; } .list-marche__item { width: 80%; } .list-offre__item{ width: 50%; } .list-offre__item:nth-child(n+3){ margin-top: 40px; } .marginBottom80{ margin-bottom: 50px; } .marginBottom40{ margin-bottom: 30px; } .marginBottom30 { margin-bottom: 15px; } .marginBottomMob40{ margin-bottom: 40px; } .marginBottomMob30{ margin-bottom: 30px; } .list-solution__item{ width: 50%; } .list-protocole__item{ width: 100%; } .list-protocole__item:first-child{ margin-bottom: 40px; } #smartControllers-floor1 .picto-google-play{ width: 35%; } #bandeau_app h3{ text-align: center; margin-bottom: 20px; } .space-section-small{ padding: 8% 7px; } .plus-sol{ margin: 0; font-size: 14vw; } .list-scenario{ align-items: center; } .list-scenario__item{ width: 80%; } .list-scenario__item:first-child{ margin-bottom: 40px; } .picto-google-play { max-width: 200px; margin-left: 5%; margin-top: 5%; } #maintenance_floor4 .row .padding__container{ height: 100%; } #maintenance_floor4 .row{ height: 250px; } .bandeau_dl_google { text-align: center; font-size: 30px; } .list-marche__item .paragraphe{ font-size: 15px; } .list-marche__item .titre{ font-size: 25px; } .list-marche__item .titre-list{ font-size: 25px; } .list-offre__item .paragraphe { font-size: 15; }