/* FONT ----------------------------------------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800,900'); html, body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { font-family: "Open Sans"!important; font-size : 19px; background: #fff; color: #111; } h1, h2, h3, h4, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h6 { font-family: 'Poppins', sans-serif!important; } /* Color ----------------------------------------------------------------------------------------------------*/ /* Orange:: #eb6a23 Bleu: #194997 */ /* End Color ----------------------------------------------------------------------------------------------------*/ /* BG/TEXT COLOR ----------------------------------------------------------------------------------------------------*/ .txt-white { color:#fff } .txt-black { color:#000 } .txt-orange { color:#eb6a23!important } .txt-blue { color:#194997!important } .bg-white { background: #fff;} .bg-black { background: #000;} .bg-orange { background:#eb6a23!important } .bg-blue { background:#194997!important } .bg-grey { background: #F7F6FB;} /* Menu Bar ----------------------------------------------------------------------------------------------------*/ #menubar-wrapper { position: absolute; top: 20px; left: 20px; right: 20px; border-bottom: 1px solid rgba(0,0,0,0.05); box-sizing: border-box; } #menubar { background: transparent!important; position: absolute; z-index: 1000; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #menubar .uk-container { padding: 0; max-width: 96%!important; position: relative; } #menubar, #menubar .uk-navbar { background: transparent; position: relative; } #menubar .uk-navbar-center { width: 100%; max-width: 100%; text-align: center;} #menubar .uk-navbar-center, #menubar .uk-navbar-center-left > *, #menubar .uk-navbar-center-right > *, #menubar .uk-navbar-left, .uk-navbar-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #menubar .uk-navbar-right { margin-left: auto!important;} #menubar .uk-navbar-container > .container .uk-navbar-right, #menubar .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; } #menubar a.tm-logo img {max-width: 190px; } /*Menu 1st*/ .uk-navbar-nav > li > a { font-family: 'Poppins', sans-serif!important; } #menubar .uk-navbar-center > ul { display: inline-block!important; float: none!important; margin: 0 auto!important; width: auto!important; height: 66px; line-height: 66px; } #menubar .uk-navbar-center > ul > li { margin: 0!important; padding: 0!important; line-height: 66px; height: 66px; } #menubar .uk-navbar-center > ul > li > a { position: relative; text-transform: none; height: 66px; margin: 0; color: #fff; padding: 0 25px; font-size: 14px; line-height: 66px!important; font-weight: 400; letter-spacing: .1em; cursor: pointer; } #menubar .uk-navbar-center > ul > li.uk-active > a, #menubar .uk-navbar-center > ul > li > a:hover { color: #eb6a23!important; } #menubar .uk-navbar-center > ul > li > a::after { content: ""; opacity: 0.0; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #eb6a23; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #menubar .uk-navbar-center > ul > li.uk-active > a::after,#menubar .uk-navbar-center > ul > li > a:hover::after { opacity: 1.0; } /*2nd*/ #menubar .uk-dropdown, .uk-dropdown-blank { width: 210px;box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2); padding: 0 15px; } #menubar .uk-dropdown-navbar { background: rgba(255,255,255,0.99); } #menubar .uk-nav > li > a { padding: 12px 8px 12px 15px; color: #fff; background: #343434; text-transform: uppercase; font-size: 12px; text-align: left; } #menubar .uk-nav > li.uk-active > a, #menubar .uk-nav > li > a:hover, #menubar .uk-nav > li > a:focus { background: #000; color: #fff;} /*Sticky*/ #menubar.menubar-sticky, #menubar:hover, body.menubar #menubar { background: #fff!important; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2); } #menubar.menubar-sticky { left: 0; right: 0; width: 100%!important;} #menubar.menubar-sticky a.tm-logo img { } #menubar.menubar-sticky .uk-navbar-center > ul > li > a, #menubar:hover .uk-navbar-center > ul > li > a, body.menubar #menubar .uk-navbar-center > ul > li > a, body.menubar #menubar:hover .uk-navbar-center > ul > li > a { color: #111; } body.menubar #menubar:hover .headerbar-content a { color: #eb6a23!important; border: 1px solid #eb6a23; } .headerbar-content a { line-height: 30px!important; height: 30px!important; color:#fff;font-size: 16px; line-height: 20px; padding: 0 15px!important; margin: 0!important; font-weight: 400; border: 1px solid #fff; background: transparent;} .headerbar-content a:hover { color: #eb6a23; background: #fff; } .headerbar-content i { margin-right: 5px;} #menubar.menubar-sticky .headerbar-content a { color: #eb6a23!important; border: 1px solid #eb6a23;} /*.page-padding { padding-top: 100px!important; }*/ body.menubar #wrapper-site { padding-top: 66px; } /* Home ----------------------------------------------------------------------------------------------------*/ #slider-home { margin-top: 0px; overflow: hidden; } #slider-home .slider-content { background-repeat: no-repeat; background-size: cover; background-position: center bottom; } #slider-home .slider-wrapper { position: relative; display: block; } #slider-home .slider-overlay { position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 1} #slider-home .slider-text-holder { position: absolute; display: block; visibility: visible; z-index: 5; top: 50%; left: 50%; width: 90%; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; } #slider-home .slider-text-holder h2 { height: 55px; font-family: "Poppins"!important; z-index: 5; white-space: normal; color: #fff; text-align: center; text-transform: uppercase; line-height: 30px; margin: -55px 0 0; padding: 0px; letter-spacing: 0; font-weight: 600!important; font-size: 20px; } #slider-home .slider-text-holder #slider-text-rotating { position: absolute; left: 50%; top: 50%; color: #fff; text-align: center; line-height: 36px; margin: 65px 0 0; padding: 55px 0; letter-spacing: 3px; font-weight: 700; font-size: 30px; text-transform: uppercase; font-family: 'Poppins', sans-serif; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; } .morphext > .animated { display: inline-block; } #presentation .about-image { height: 100%; float: right; padding: 0 15px; display: flex; flex-wrap: wrap; } #presentation .about-image .image-cover { flex: 0 0 auto; width: 50%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #presentation .about-image .image-cover { min-height: 400px; } #presentation .about-image .image-cover img { object-fit: cover; height: 100%!important; } .section-title {font-size: 40px; line-height: 44px; color: rgb(33, 37, 41);} .section-subtitle::before, .section-subtitle::after { content: ""; display: inline-block; height: 3px; background: #eb6a23; position: absolute; } .section-subtitle { display: inline-flex; align-items: center;position: relative;padding-left: 55px;} .section-subtitle::before { width: 27px;left: 16px; } .section-subtitle::before { width: 12px;left: 0; } .section-subtitle::after { width: 27px;left: 16px; } #presentation p { margin: 15px 0; line-height: 26px; color: #555; word-wrap: break-word; font-weight: 400; font-size: 16px;} .about-right .uk-panel { padding: 0 0 0 50px;} #services { margin-top: -5px;} #services.services-cover { background-color: #194997 ; background-position: center ; background-repeat: no-repeat; } #services h2 { } #services .service-texte { max-width: 900px; margin: 0 auto;} #services .service-texte p { margin: 15px 0; line-height: 26px; word-wrap: break-word; font-weight: 400; font-size: 16px; } /* services ----------------------------------------------------------------------------------------------------*/ #services .service-item-grid { background: #fff; box-shadow: 0 0 4.4444rem 0 rgba(5, 22, 70, 0.13); margin-bottom: 150px; margin-top: 80px; position: relative; z-index: 2; } #services .service-item-grid { margin-left: 0;} #services .service-item-grid > * { padding-left: 0;} #services .service-titre { font-size: 35px; line-height: 35px!important; color: #194997; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } #services .service-intro { padding-bottom: 40px;} #services .service-intro p { font-size: 16px; line-height: 24px; text-align: justify; color: #000!important; z-index: 3; } #services .service-intro h4 { color: #194997; text-align: left; font-size: 16px; line-height: 24px; } #services .service-intro ul { margin: 0; list-style-type: none; text-align: left;} #services .service-intro ul li { text-align: left; margin-bottom: 10px!important; font-size: 16px;line-height: 24px;} #services .service-intro ul li::before { content: "\f192"; font-family: 'FontAwesome'; color: #eb6a23; font-size: 18px; margin-right:5px; } #services .service-intro > * { margin-bottom: 15px;} #services .service-texte-wrapper { background: #fff; position: relative;} #services .service-image-wrapper { background: #fff; position: relative;} #services .service-texte-wrapper .uk-panel { padding: 30px 30px 30px 30px; position: relative; z-index: 3; background: #fff; display: block; } #services .service-image-wrapper .uk-panel { padding: 30px; background: #fff; } #services .service-texte-wrapper::before { width: 40%; height: 40%; background: #eb6a23; position: absolute; left: -10px; bottom: -10px; right: 0; content: ""; display: block; } #services .service-item-grid:nth-child(2n) .service-texte-wrapper::before { left: auto;right: -10px; } #services .service-image-wrapper::before { width: 20%; height: 20%; background: #194997; position: absolute; right: -6px; top: -6px; left: auto; bottom: 0; content: ""; display: block; } #services .service-item-grid:nth-child(2n) .service-image-wrapper::before { right: auto;left: -6px; } #services .service-item-grid:nth-child(2n) .service-texte-wrapper .uk-panel { padding: 30px 30px 30px 30px!important } #services .service-item-grid:nth-child(2n) .service-image-wrapper .uk-panel { padding: 30px!important; } #services .service-item-grid:nth-child(2n) .service-texte-wrapper { order: 99!important; } #services .service-item-grid .service-image-holder { width: 100%; height: auto; border-bottom: 7px solid #eb6a23; } #values { background: #F7F6FB; padding: 70px 0;} #values .value-text { padding: 90px 40px 90px 0;} #values h3 { color: #194997; text-align: left; font-size: 36px; line-height: 38px; margin: 0 0 20px; } #values ul { list-style-type: none; margin: 0; padding: 0;} #values ul li { list-style-type: none; font-size: 16px; line-height: 18px; margin: 0 0 15px 0; padding: 12px 8px; border-radius: 4px; background: #194997; color: #fff;} #qhse { background: #F7F6FB; padding: 70px 0;} #qhse .value-text { padding: 90px 40px 90px 0;} #qhse h3 { color: #194997; text-align: left; font-size: 36px; line-height: 38px; margin: 0 0 20px; } #qhse .qhse-text { padding-bottom: 40px; padding-left: 30px;} #qhse .qhse-text p { font-size: 16px; line-height: 24px; text-align: justify; color: #000!important; z-index: 3; } #qhse .qhse-text h4 { color: #194997; text-align: left; font-size: 16px; line-height: 24px; } #qhse .qhse-text ul { margin: 0; list-style-type: none; text-align: left;} #qhse .qhse-text ul li { text-align: left; margin-bottom: 10px!important; font-size: 16px;line-height: 24px;} #qhse .qhse-text ul li::before { content: "\f192"; font-family: 'FontAwesome'; color: #eb6a23; font-size: 18px; margin-right:5px; } #qhse .qhse-text > * { margin-bottom: 15px;} /*Reaisation*/ #realisations h2 { color: #eb6a23!important;} #realisations .realisation-texte { width: 100%; max-width: 860px; margin: 0 auto; margin-bottom: 60px; } #realisations .realisation-texte p { margin: 15px 0; line-height: 26px; color: #555; word-wrap: break-word; font-weight: 400; font-size: 16px; } .realisation-carousel { display: block; } .realisation-carousel .item { margin: 0 30px; background-size: cover; background-repeat: no-repeat; background-position: center; } .realisation-carousel .item img { display: block; opacity: 0.2; min-height: 250px!important; -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; transition: all 1.8s ease; } .realisation-carousel .item.slick-current img { opacity: 1.0; } .realisation-carousel .slick-next, .realisation-carousel .slick-prev { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.6); color: #000; z-index: 15; } .realisation-carousel .slick-prev { left: -40px !important; } .realisation-carousel .slick-next { right: -40px !important; } .realisation-carousel .slick-prev::before, .realisation-carousel .slick-next::before { color: #fff!important; font-size: 22px; font-family: "FontAwesome"; content: "\f0da"; } .realisation-carousel .slick-prev::before { content: "\f053"; } .realisation-carousel .slick-next::before { content: "\f054"; } .realisation-carousel .slick-dots { bottom: -20px !important; } .realisation-carousel .slick-slider .slick-dots li, .realisation-carousel .slick-slider .slick-dots li button, .realisation-carousel .slick-slider .slick-dots li button::before { width: 9px; height: 9px; } .realisation-carousel .slick-dots li button::before { border-radius: 0 !important; border: 1px solid #303030 !important; background: transparent; } .realisation-carousel .slick-dots li.slick-active button::before { border-radius: 0 !important; border: 1px solid #303030 !important; background: #303030 !important; } /*Galerie Partntes*/ #partners h2 { color: #eb6a23!important; margin-bottom: 40px!important; } #partners .partners-texte { width: 100%; max-width: 860px; margin: 0 auto; margin-bottom: 60px; } #partners .partners-texte p { margin: 15px 0; line-height: 26px; color: #555; word-wrap: break-word; font-weight: 400; font-size: 16px; } .partners-carousel { display: block; } .partners-carousel .item { margin: 0 30px; } .partners-carousel .item img { display: block; opacity: 1; -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; transition: all 1.8s ease; } .partners-carousel .slick-next, .partners-carousel .slick-prev { width: 50px; height: 50px; background: #fff); color: #fff; z-index: 15; border-radius: 50% } .partners-carousel .slick-prev { left: -40px !important; } .partners-carousel .slick-next { right: -40px !important; } .partners-carousel .slick-prev::before, .partners-carousel .slick-next::before { color: #fff!important; font-size: 22px; font-family: "FontAwesome"; content: "\f0da"; } .partners-carousel .slick-prev::before { content: "\f053"; } .partners-carousel .slick-next::before { content: "\f054"; } .partners-carousel .slick-dots { bottom: -20px !important; } .partners-carousel .slick-slider .slick-dots li, .partners-carousel .slick-slider .slick-dots li button, .partners-carousel .slick-slider .slick-dots li button::before { width: 9px; height: 9px; } .partners-carousel .slick-dots li button::before { border-radius: 0 !important; border: 1px solid #303030 !important; background: transparent; } .partners-carousel .slick-dots li.slick-active button::before { border-radius: 0 !important; border: 1px solid #303030 !important; background: #303030 !important; } #infos { background: transparent; color: #000;} #infos h4,#infos a, #infos p { color: #000;} #infos i { color: #000; font-size: 26px!important; margin-bottom: 5px; } #infos p { color: #000;} #infos h4 { text-transform: uppercase; font-size: 21px; letter-spacing: 0.8px; margin-bottom: 10px; } #contactForm h3 { font-style: normal; letter-spacing: .4em; text-transform: uppercase; font-size: 26px; margin-bottom: 40px;} /* Contact Form ----------------------------------------------------------------------------------------------------*/ #userForm .formContainer { margin: 0; padding: 0; width: 99% !important; float: none } #userForm .formFieldset { border: none } #userForm li.rsform-block { display: block; width: 100%; margin: 0; margin: 0 0 20px 0 !important; float: none !important } #userForm .formCaption2 { display: block; width: 100%; font-size: 13px; line-height: 14px; padding: 0 0 5px 0; color: #000 !important } #userForm .formRequired { font-size: 9px; line-height: 13px; color: #aaa } #userForm .formBody { width: 100% } #userForm .formBody p { color: #000; line-height: 20px; font-size: 14px; text-align: center } #userForm .rsform-input-box { display: block !important; padding: 12px 5px 12px 8px; width: 98% } #userForm .rsform-text-box { padding: 8px; width: 98%; } #userForm .rsform-block-envoyer { display: block; text-align: center !important; width: 100% } #userForm input.rsform-submit-button, #userForm input.rsform-reset-button { border-radius: 0px; text-decoration: none; padding: 12px 0 !important; margin-top: 22px !important; font-size: 12px; line-height: 19px; text-transform: uppercase; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; letter-spacing: 3px !important; border: 1px solid #eb6a23 !important; background: #eb6a23!important; color: #fff; display: block !important; width: 100%; transition: all 0.5s ease 0s } #userForm input.rsform-submit-button:hover { background: #194997 !important; border: 1px solid #194997 !important; color: #FFF !important } #userForm input.rsform-submit-button:active { margin-top: 23px !important } #userForm .formCaption2 { display: none } #userForm .rsform-input-box, #userForm .rsform-text-box { height: 50px; line-height: 50px; display: block; padding: 10px 5px 10px 5px; width: 100%; margin-bottom: 5px !important; border: none !important; background: none transparent !important; border-bottom: 1px solid #000 !important; font-family: 'Open Sans'; font-weight: 300 !important; color: #000 !important; font-size: 15px !important; line-height: 15px !important; letter-spacing: 0px !important; transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -webkit-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, border 0.5s ease 0s } #userForm .rsform-text-box { height: 130px } #userForm .rsform-input-box:focus, #userForm .rsform-text-box:focus { border-bottom: 1px solid #efefef !important; background: #EFEFEF !important } #userForm .formClr, #rsform_error_1 p { display: none; color: #e63f4a; font-size: 13px !important; line-height: 15px !important; text-align: center; margin: 0 auto !important; padding: 0 5px !important } #rsform_error_1 p { display: block;} #userForm input.rsform-error + .formClr { display: block;} .rsform-block.rsform-block-captcha .formBody { text-align: center; padding-top: 40px!important; } [id*="g-recaptcha-"] > div { margin: 0 auto; text-align: center; } /* FOOTER AND BOTTOM PAGE ----------------------------------------------------------------------------------------------------*/ .footer-background { background: rgba(0,0,0,1) url('../images/fond-service.jpg') center center no-repeat; background-size: cover; } body.page-contacts .footer-background { background: transparent url('../images/fond-service.jpg') bottom center no-repeat!important; background-size: cover!important; } .bottompage-wrapper { margin-top: -5px!important; } .footer-background-bg { background: rgba(0,0,0,0.5); } #bottompage .bottom-cta h4 {color: #fff; font-size: 40px; line-height: 40px; font-weight: 300; margin: 0!important; } #bottompage .bottom-cta div.texte { color: #fff; font-size: 23px; line-height: 32px; font-weight: 300; max-width: 800px; margin: 20px auto; } #bottompage .bottom-cta a { margin:0; padding: 15px 40px!important; border: 1px solid #fff; background: transparent; color: #fff} #bottompage .bottom-cta a:hover,#bottompage .bottom-cta a:focus { border: 1px solid #ad5e5e; background: #ad5e5e; color: #fff} #footer-wrapper { } #footer-wrapper .copyright { font-size: 12px; color: #fff; line-height: 40px; padding: 10px 0; margin: 0!important; } /*#footer-wrapper .footer-social { padding: 60px 0 30px;} #footer-wrapper .footer-social a.uk-icon { color: #fff; line-height: 50px; height: 50px; width: 50px; font-size: 22px; text-align: center; background: } #footer-wrapper .footer-social a.uk-icon.uk-icon-twitter:hover { background: #00acee; } #footer-wrapper .footer-social a.uk-icon.uk-icon-pinterest:hover { background: #c8232c; } #footer-wrapper .footer-social a.uk-icon.uk-icon-linkedin:hover { background: #0e76a8; } #footer-wrapper .footer-social a.uk-icon.uk-icon-instagram:hover { background: #f58221; } #footer-wrapper .footer-social a.uk-icon.uk-icon-facebook:hover { background: #3b5998; }*/ /* GENERAL/TRANSITION ----------------------------------------------------------------------------------------------------*/ *, *:after, *:before { box-sizing: border-box; } a, .anim, .uk-button { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } a, a img { outline: none!important; border: none; text-decoration: none;} a {color:#542e91;} a:hover, a:focus { text-decoration: none!important; color: #855acb;} .br { clear: both; display: block;} .float-left { float: left;} .float-right { float: right;} .float-none { float: none;} .size-auto { width: 100%; max-width: 100%; height: auto;} .v-align { display: table!important; width: 100%; position: relative; height: 100%; } .v-align > .v-align-middle { display: table-cell!important; vertical-align: middle; width: 100%; margin: 0 auto!important; padding: 0!important; } .uk-cover { background-size: cover!important; background-repeat: no-repeat; background-position: center; } .uk-text-small { font-size: 14px; line-height: 25px; } .uk-text-medium { font-size: 16px; line-height: 30px!important; } .uk-text-regular { font-weight: 300!important; } .max-width, .uk-container { max-width: 90%!important; margin: 0 auto; } .max-contact { max-width: 600px!important; margin: 0 auto; } .max500 { max-width: 500px!important; margin: 0 auto; } .max600 { max-width: 600!important; margin: 0 auto; } .max700 { max-width: 700px!important; margin: 0 auto; } .max800 { max-width: 800px!important; margin: 0 auto; } .uk-button { border-radius: 10px; min-height: 40px; line-height: 40px; background: transparent; color: #111; padding: 4px 20px 0; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; } .uk-button:hover,.uk-button:focus,.uk-button:active { background: #ad5e5e; color: #fff; } .uk-button-small { padding:0 10px!important; font-size: 12px!important; line-height: 34px!important; min-height: 34px; height: 34px; } .uk-button-small:hover, .uk-button-small:focus { background: #855acb; } .uk-button-round { display: inline-block; font-family: "Open Sans"!important; font-weight: normal !important; font-size: 16px !important; line-height: 20px !important; margin: 0; margin-right: 0px; padding: 10px 25px 10px !important; color: #f3f3f5; text-align: center; text-transform: uppercase; background: #000; border-radius: 40px; } .uk-button-round:hover, .uk-button-round:focus, .uk-button-round:active { background: #542e91; color: #fff; } .width10{width:10%;max-width:10%}.width20{width:20%;max-width:20%}.width25{width:25%;max-width:25%}.width30{width:30%;max-width:30%}.width33{width:33.333%;max-width:33.333%}.width35{width:35%;max-width:35%}.width40{width:40%;max-width:40%}.width50{width:50%;max-width:50%}.width60{width:60%;max-width:60%}.width66{width:66.667%;max-width:66.667%}.width70{width:70%;max-width:70%}.width75{width:75%;max-width:75%}.width80{width:80%;max-width:80%}.width90{width:90%;max-width:90%}.width100{width:100%;max-width:100%} .pb5{padding-bottom:5px!important}.pt5{padding-top:5px!important}.pb10{padding-bottom:10px!important}.pt10{padding-top:10px!important}.pb15{padding-bottom:15px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pt30{padding-top:30px!important}.pb35{padding-bottom:35px}.pt35{padding-top:35px!important}.pb40{padding-bottom:40px!important}.pt40{padding-top:40px!important}.pb50{padding-bottom:50px!important}.pt50{padding-top:50px!important}.pb60{padding-bottom:60px!important}.pt60{padding-top:60px!important}.pb70{padding-bottom:70px!important}.pt70{padding-top:70px!important}.pb80{padding-bottom:80px!important}.pt80{padding-top:80px!important}.pb90{padding-bottom:90px!important}.pt90{padding-top:90px!important}.pb100{padding-bottom:100px!important}.pt100{padding-top:100px!important}.pb120{padding-bottom:120px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb150{padding-bottom:150px!important}.pt150{padding-top:150px!important}.pb200{padding-bottom:200px!important}.pt200{padding-top:200px!important}.pb300{padding-bottom:300px!important}.pt300{padding-top:300px!important} .mb5{margin-bottom:5px!important}.mt5{margin-top:5px!important}.mb10{margin-bottom:10px!important}.mt10{margin-top:10px!important}.mb15{margin-bottom:15px!important}.mt15{margin-top:15px!important}.mb20{margin-bottom:20px!important}.mt20{margin-top:20px!important}.mb25{margin-bottom:25px!important}.mt25{margin-top:25px!important}.mb30{margin-bottom:30px!important}.mt30{margin-top:30px!important}.mb40{margin-bottom:40px!important}.mt40{margin-top:40px!important}.mb50{margin-bottom:50px!important}.mt50{margin-top:50px!important} .mb60{margin-bottom:60px!important}.mt60{margin-top:60px!important} .pl15{padding-left:15px!important}.pr15{padding-right:15px!important} .pl20{padding-left:20px!important}.pr20{padding-right:20px!important} h2.title-block { font-weight: 300!important; padding: 0 15px!important; font-size: 40px!important; text-align: center; letter-spacing: 0.8px; margin-bottom: 30px!important; } .section-cover { background: #fff url('../images/cover-section.jpg') center center no-repeat; background-size: cover; } .section-cover-bg { background: rgba(255,255,255,0.8); } .section-cover-black { background: #fff url('../images/cover-section-black.jpg') center center no-repeat; background-size: cover; } .section-cover-black p { color: #fff!important;} /* -------------------------------------------------- Popup Website Image/Texte -------------------------------------------------- */ #popup{margin:20px auto;padding:0!important;max-width:400px!important;} #popup.popup-image{border:1px solid #eee;} #popup.max-400{width:100%;max-width:400px!important;} #popup.max-500{width:100%;max-width:500px!important;} #popup.max-600{width:100%;max-width:600px!important;} #popup.max-700{width:100%;max-width:700px!important;} #popup.max-800{width:100%;max-width:800px!important;} #popup.max-width{width:100%;max-width:1200px!important;} #popup .popup-wrapper-content{padding:0!important;} #popup .popup-texte-wrapper{background:#eee url('../images/popup/modal-gloss.png') no-repeat -200px -80px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);} #popup .popup-pave{background:transparent url('../images/popup/pave.png') no-repeat 100% 90%;padding:30px 40px 10px;} #popup{text-align:center;color:#333;} #popup h2{display:block;width:100%;font-size:23px!important;line-height:26px!important;color:#d9531e;line-height:20px;font-weight:normal;font-family:'PNova';text-align:center;margin:0 auto 15px auto!important;padding:0!important;} #popup p{display:block;text-align:justify;font-size:12px;line-height:15px;font-family:'PNova';font-weight:normal;margin:0 0 10px 0;} #popup p.medium{display:block;text-align:justify;font-size:18px;line-height:22px;font-family:'PNova';font-weight:normal;margin:0 0 10px 0;} #popup p span.orange{color:#A9381F;} #popup a.plus{display:block;text-align:center;line-height:24px;padding-top:5px;} .mfp-container{ padding-left:40px!important;padding-right:40px!important; } .popup-zoom-in .mfp-close {font-size:60px;color:#fff;border-radius:50%;background:#d9531e; top: 15px; right: 15px;} #popup .mfp-close{font-size:50px;color:#fff;border-radius:50%;background:#d9531e;top:0px;right:0;} .popup-zoom-in { -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; } .popup-zoom-in.mfp-bg{ background:rgba(0,0,0,0.8)!important;z-index:1004!important;} .popup-zoom-in .zoom-anim-dialog { opacity:0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)} .popup-zoom-in.mfp-ready .zoom-anim-dialog{ opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .popup-zoom-in.mfp-removing .zoom-anim-dialog{ -webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);opacity:0} .popup-zoom-in.mfp-bg{ opacity:0; -webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out} .popup-zoom-in.mfp-ready.mfp-bg{opacity:0.95} .popup-zoom-in.mfp-removing.mfp-bg{opacity:0} /* ======================================================================== /* Responsive Media Queries ========================================================================== */ /* Large screen and bigger */ @media (min-width: 1220px) { } /* Only Tablets (Portrait) */ @media (min-width: 768px) and (max-width: 959px) { } /* iPad Mini Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* iPad Mini Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* Only Tablets (Portrait) and Phones (Landscape) */ @media (min-width: 480px) and (max-width: 959px) { } /* Only Phones (Landscape) */ @media (min-width: 480px) and (max-width: 767px) { } /* Only Phones (Portrait) */ @media (max-width: 479px) { } /* Phone landscape and smaller */ @media (max-width: 767px) { .width10 ,.width20 ,.width25 ,.width30 ,.width33,.width35 ,.width40 ,.width50,.width60 ,.width66,.width70,.width75,.width80 ,.width100 { width: 100%; max-width: 100%;} body.menubar #wrapper-site { padding-top: 0; } .page-padding { padding-top: 0px!important;} #slider-home { height: auto!important; margin-top: 0; height: 90vh; } #slider-home .slider-wrapper { height: 90vh; } #slider-home .slider-wrapper .slider-content img { height: 90vh; } #slider-home .slider-text-holder { top: 45%; left: 0; width: 100%; text-align: center; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #slider-home .slider-text-holder h2 { font-size: 15px; height: 30px; } #slider-home .slider-text-holder #slider-text-rotating { font-size: 35px;line-height: 45px;margin: 30px 0 0 !important;padding: 0px 0;letter-spacing: 0px;} #presentation h2.welcome-title { font-size: 42px!important; line-height: 55px!important; text-align: center; } #presentation p { margin: 20px 0!important; line-height: 28px; font-size: 15px!important;} #services h2 { line-height: 65px; } .pt60 { padding-top: 30px!important;} .pb60 { padding-bottom: 30px!important;} .bottompage-wrapper { padding-bottom: 30px!important;} #bottompage .bottom-info { max-width: none; width:100%;text-align: center; font-size: 17px; line-height: 22px;} #footer-wrapper .copyright { font-size: 11px; color: #ccc; line-height: 20px; text-align: center; padding: 20px 0; } .footer-social { margin: 0!important; float: none; text-align: center; padding: 30px 0; } #infos .uk-panel { padding: 20px 0!important; } #contactForm h3 { letter-spacing: 0.4px;font-size: 26px;margin-bottom: 30px; } body #menubar, body.menubar #menubar,body.menubar #menubar.menubar-nosticky,body.menubar #menubar.menubar-init, body.menubar #menubar.menubar-sticky { background: #fff !important; box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2); } #menubar .uk-navbar-center { width: auto;} .uk-navbar-toggle.uk-visible-small { z-index: 15;} .zevent-list .zevent-item > .uk-panel { margin-bottom: 20px; } .block-inner { padding: 5px 15px;} #bottom_call .bottom_call_wrapper { padding: 67px 0; } #bottom_call p { text-align: center; } #bottom_call .uk-width-small-2-6 .uk-panel { text-align: center!important; padding-top: 20px; } #menubar.menubar-sticky, #menubar:hover, body.menubar #menubar { background: rgba(255,255,255,1)!important;} #menubar-wrapper, #menubar { position: relative; background: #305593; z-index: 1000; } #menubar .uk-container { padding: 0; } /*Header bar Mobile*/ .uk-navbar-content a.tm-logo-small { margin: 0 auto;} a.tm-logo-small img { max-width: none; height: 60px; width: auto; } .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { height: 70px!important;} /*Mobile Menu*/ .uk-navbar-toggle { position: absolute; color: #eb6a23; font-size: 23px; z-index: 1000; } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle:active { color: #eb6a23 !important; } #offcanvas .uk-offcanvas-bar { background: #efefef; } #offcanvas .offcanvas-logo { padding: 0 20px;} .offcanvas-logo { display: block; text-align: center; } .uk-nav-offcanvas li { border-top: 1px solid #fff!important; padding: 0!important; line-height: 25px !important; } .uk-nav-offcanvas li a { color: #eb6a23 !important; font-size: 17px !important; line-height: 17px !important; padding: 20px 0 20px 30px !important; text-align: left; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif!important; } .uk-nav-offcanvas li a:hover { background: #eb6a23!important; color: #fff!important;} .uk-nav-offcanvas .uk-parent ul.uk-nav-sub { padding: 0 !important;} .uk-nav-offcanvas .uk-parent ul.uk-nav-sub li { border-top: 1px solid #e8e8e8!important;} /* Link a- 2nd Level */ .uk-nav-offcanvas .uk-parent .uk-nav-sub a { padding-left: 50px!important; text-transform: none; font-size: 15px!important; background: #343434!important; color: #fff!important;} .uk-nav-offcanvas .uk-parent .uk-nav-sub a:hover, .uk-nav-offcanvas .uk-parent .uk-nav-sub li.uk-active a { background: #eb6a23!important; color: #fff!important; } .uk-nav-offcanvas { border-bottom: 1px solid #fff; } html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #eb6a23!important; color: #fff!important;} #menubar-wrapper { position: relative; top: auto; left: auto; right: auto; } #menubar { background: #fff!important; position: relative; z-index: 1000; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .about-right .uk-panel { padding-left: 0;} #services .service-intro ul { padding-left: 0!important;} #values .value-text { padding: 20px 0!important;} #slider-home .slider-text-holder h2 {position: absolute; top: -120px; font-size: 15px; line-height: 18px;} #slider-home .slider-text-holder #slider-text-rotating { position: relative; font-size: 19px;line-height: 24px;margin: 30px 0 0 !important; padding: 0 20px;} a.tm-logo-small img { max-width: 180px !important; height: auto;} #presentation .about-image { padding: 0;} #presentation .about-image .image-cover { padding: 5px;} #services .service-item-grid .service-texte-wrapper { order:99!important;} #services .service-item-grid { margin-bottom: 60px;} }