/* FONT ----------------------------------------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css'); .fa:before { font-family: "Font Awesome 6 Free" !important; } html { font-family: 'Montserrat', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { font: normal 17px/27px 'Montserrat'; color: #000; background: #fff; font-weight: 400; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h6 { font-family: 'Montserrat', sans-serif; color: #000; } /* BG/TEXT COLOR ----------------------------------------------------------------------------------------------------*/ .txt-green { color:#037b3d } .txt-orange { color:#ea8b07 } .txt-white { color:#fff } .txt-black { color:#000!important; } .bg-green { background: #037b3d;} .bg-orange { background: #ea8b07;} .bg-white { background: #fff;} .bg-grey { background: #f1f4f5;} .bg-black { background: #000;} /* LAYOUT ----------------------------------------------------------------------------------------------------*/ .VIpgJd-ZVi9od-ORHb, .VIpgJd-ZVi9od-ORHb table, .skiptranslate iframe { display: none!important;} /* Remove Google top bar and margin */ /*, .skiptranslate, .skiptranslate iframe { display: none !important;} */ body { top: 0px !important; } /* Disable google translate original text tooltips */ #goog-gt-tt, .goog-te-balloon-frame { display: none !important; } .goog-text-highlight { background: none !important; box-shadow: none !important; } #google_translate_element .skiptranslate { position: relative; overflow: hidden;} #google_translate_element .skiptranslate span { display: none;} .goog-te-combo { border: 1px solid #efefef; width: 90px!important;} /* GENERAL/TRANSITION ----------------------------------------------------------------------------------------------------*/ .app-canvas { overflow: hidden;} .max-width { max-width: 1330px!important; width: 100%!important; margin: 0 auto!important; padding: 0 20px; position: relative; } .max1000 { max-width: 1000px !important; margin: 0 auto; } .uk-container { width: 100%; max-width: 100% !important; margin: 0 auto; } .max90 { max-width: 90%;width: 90%; margin: 0 auto; } .max500 { max-width: 500px !important; margin: 0 auto; } .max600 { max-width: 600px !important; margin: 0 auto; } .max700 { max-width: 700px !important; margin: 0 auto; } .max800 { max-width: 800px !important; margin: 0 auto; } .max-height { height: 100%; width: auto; height: 550px; } .uk-button { background: #ea8b07; color: #fff; position: relative; display: inline-block; text-decoration: none !important; font-size: 13px; line-height: 13px; letter-spacing: 0.4px; font-weight: 400; border: none; text-transform: uppercase; padding: 0 30px; border-radius: 40px; } .uk-button-small { padding: 0 35px; height: 40px; line-height: 40px; min-height: 40px; } .uk-button-medium { padding: 0 55px; height: 40px; line-height: 40px; min-height: 40px; } .uk-button-large { padding: 0 60px; height: 45px; line-height: 45px; min-height: 45px; } *, *:after, *:before { box-sizing: border-box; } a, .anim, .uk-button, .btn { 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, em { color: #ea8b07; } a:hover, a:focus { text-decoration: none !important; color: #037b3d; } .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-cover-top { background: top center; } .uk-cover-center { background: center; } .uk-cover-bottom { background: bottom center; } .uk-contain { background-size: 100%; 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; } .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}.pb130{padding-bottom:130px!important}.pt130{padding-top:130px!important}.pb150{padding-bottom:150px!important}.pt150{padding-top:150px!important}.pb180{padding-bottom:180px!important}.pt180{padding-top:180px!important}.pb200{padding-bottom:200px!important}.pt200{padding-top:200px!important}.pb300{padding-bottom:300px!important}.pt300{padding-top:300px!important}.pl5{padding-left:5px!important}.pr5{padding-right:5px!important}.pl10{padding-left:10px!important}.pr10{padding-right:10px!important}.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pl20{padding-left:20px!important}.pr25{padding-right:25px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pr30{padding-right:30px!important}.pl35{padding-left:35px}.pr35{padding-right:35px!important}.pl40{padding-left:40px!important}.pr40{padding-right:40px!important}.pl45{padding-left:45px!important}.pr45{padding-right:45px!important}.pl50{padding-left:50px!important}.pr50{padding-right:50px!important}.pl60{padding-left:60px!important}.pr60{padding-right:60px!important}.pl70{padding-left:70px!important}.pr70{padding-right:70px!important}.pl80{padding-left:80px!important}.pr80{padding-right:80px!important}.pl90{padding-left:90px!important}.pr90{padding-right:90px!important}.pl100{padding-left:100px!important}.pr100{padding-right:100px!important}.pl130{padding-left:130px!important}.pr130{padding-right:130px!important}.pl150{padding-left:150px!important}.pr150{padding-right:150px!important}.pl200{padding-left:200px!important}.pr200{padding-right:200px!important}.pl300{padding-left:300px!important}.pr300{padding-right: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}.mb70{margin-bottom:70px!important}.mt70{margin-top:70px!important}.mb80{margin-bottom:80px!important}.mt80{margin-top:80px!important}.mb90{margin-bottom:90px!important}.mt90{margin-top:90px!important}.mb100{margin-bottom:100px!important}.mt100{margin-top:100px!important}.pl15{padding-left:15px!important}.pr15{padding-right:15px!important} .uk-notify{position:fixed;top:60px;left:10px;z-index:1040;box-sizing:border-box;width:350px} .uk-notify-bottom-right,.uk-notify-top-right{left:auto;right:10px} .uk-notify-bottom-center,.uk-notify-top-center{left:50%;margin-left:-175px} .uk-notify-bottom-center,.uk-notify-bottom-left,.uk-notify-bottom-right{top:auto;bottom:10px} .uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px} .uk-notify-message>.uk-close{visibility:hidden;float:right} .uk-notify-message:hover>.uk-close{visibility:visible} .uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)} .uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)} .uk-notify-message-warning{background:#fff1f0;color:#d85030;border-color:rgba(226,131,39,.3)} .uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)} /*POPUP*/ .mfp-container { padding-left:60px!important;padding-right:60px!important; } .popup-zoom-in .mfp-close {font-size:40px;color:#fff;border-radius:50%;background:#037b3d; color: #fff; top: 55px; right: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0; padding: 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} .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-fade .mfp-close {font-size:40px;color:#fff;border-radius:50%;background:#ea8b07; color: #fff; top: 15px; right: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0; padding: 0; } /* Menu Bar ----------------------------------------------------------------------------------------------------*/ .tm-toolbar { z-index: 2; background: rgb(255,255,255); border-bottom: 1px solid #f0f0f0; } /*.tm-toolbar .max-width { padding: 0!important;}*/ .tm-toolbar-wrapper { display: flex; position: relative; padding: 5px 0; justify-content: space-between; align-items: center; } .toolbar-center p { max-width: 650px; margin: 0 auto; padding: 0 15px; text-align: center; font-size: 16px; line-height: 24px;} .toolbar-left .tm-logo { margin-bottom: 0; } .toolbar-center { margin: 0 auto;} .toolbar-right { margin-left: auto; padding-left: 10px; } .toolbar-right a { margin-right: 0!important;} #menubar .uk-navbar { background: #fff; border-bottom: 1px solid #f0f0f0; } #menubar .uk-container { width: 100%; max-width: 100%; margin: 0 auto; } #menubar .uk-navbar-nav > li.uk-active > a, #menubar .uk-navbar-nav > li > a:hover { color: #ea8b07; } #menubar .uk-navbar-nav > li > a { display: block; height: 40px; line-height: 40px; padding: 0 20px; color: #000; font-size: 13px; text-align: center; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 400; } #menubar .uk-navbar-nav > li > a { border-right: 1px solid #fff; } #menubar .uk-navbar-nav > li:last-child > a { border-right: 0px; } #menubar .uk-navbar-nav .uk-dropdown { padding: 0; } #menubar .uk-dropdown .uk-nav { margin: 0; } #menubar .uk-nav li > a { padding: 15px 0; } #menubar .uk-nav li.uk-active > a, #menubar .uk-nav li > a:hover { color: #fff; background: #ea8b07; } #menubar.menubar-sticky { position: fixed; z-index: 1000;} #menubar.menubar-sticky .logo-sticky { opacity: 1.0;} /* TOPBAR ----------------------------------------------------------------------------------------------------*/ .top-bar { background: #F4F5F6;} .top-bar .max-width { padding: 0 20px!important;} .top-bar-holder { display: flex; position: relative; justify-content: space-between; align-items: stretch; } .search-widget { margin: 0px; padding: 0; } .search-widget .uk-search::before { line-height: 30px; } .uk-search-field { width: 180px; height: 22px !important; line-height: 22px !important; min-height: 22px !important; color: #333 !important; font-size: 14px !important; box-shadow: none !important; padding: 0 0 0 30px !important; margin-bottom: 0 !important; } .uk-search-field:focus, .uk-search.uk-active .uk-search-field { width: 250px; } .search-widget .uk-search-btn { position: relative; height: 18px !important; line-height: 18px !important; min-height: 18px !important; padding: 0 4px !important; background: #fff; border: 1px solid #efefef !important; left: -38px; top: 1px; } .flashinfo { border-bottom: 1px solid #f0f0f0;} /* FOOTEr ----------------------------------------------------------------------------------------------------*/ .footer-em .block-wrapper { padding: 20px 0; background: #ea8b07; } .footer-em #mc_embed_signup_scroll { position: relative; right: 0px; } .footer-em h6 { color: #fff; margin: 0 0 10px 0; font-size: 25px; line-height: 25px; text-transform: uppercase; } .footer-em p { color: #fff; margin: 0 0 10px 0; font-size: 16px; line-height: 22px; font-weight: 300; margin: 0; padding: 0; } .footer-em .uk-form-row + .uk-form-row { margin-top: 0; } .footer-em #em-module .uk-grid { margin-top: 0; } .footer-em .nw-introtext { display: block; width: 100%; text-align: left; } .footer-em .nw-form-wrapper { display: block; width: auto; margin-left: 40px; max-width: 800px; margin: 0 auto; } .footer-em .field-email { width: 70%; } .footer-em .field-btn { width: 30%; z-index: 1; position: relative; } .footer-em .field-btn .uk-form-controls { position: relative; } .footer-em .field-email input { height: 50px !important; line-height: 50px !important; border: 0px; background: rgba(255,255,255,0.4); color: #000 !important; padding-left: 25px; } .footer-em .field-email input::placeholder { color: #fff; font-weight: 400; font-size: 12px; letter-spacing: 1.4px; } .footer-em .field-email label.error { color: #fff; display: block; text-align: left; padding: 5px 0; font-weight: 300 } .footer-em .field-btn a { border-radius: 0; padding: 0px !important; display: block; width: 100%; text-align: center; text-transform: none; height: 50px !important; min-height: 50px !important; line-height: 50px; background: #037b3d !important; color: #fff; } .footer-em .field-btn a:hover { background: #037b3d !important; color: #fff; } .footer-menus { padding: 45px 0 20px 0; background: #037b3d;} .footer-menus .max-width { max-width: 1330px!important;} .footer-menus a { color: #fff;} .footer-menus a:hover { color: #037b3d;} .footer-menus .footer-cols { display: flex; text-align: left; gap:30px; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; } .footer-menus .footer-cols .col.col-one { width: 24%; } .footer-menus .footer-cols .col.col-contact { width: 20%;} .footer-menus .footer-cols .col.col-else { width: 20%;} .footer-menus .footer-cols .col.col-one .col-logo { padding: 20px; margin-bottom: 20px; height: 150px; background-size: contain; background-color: #fff; background-repeat: no-repeat; background-position: center; } .footer-menus .col-texte { text-align: left; } .footer-menus .col-texte p { margin: 0; padding: 0; font-size: 13px; line-height: 20px; color: #fff; } .footer-menus h5 { color: #fff; font-family: "Montserrat"; display: block; font-weight: 400; font-size: 13px; line-height: 15px; margin: 0 0 5px 0; padding: 5px 3px; text-align: center; text-transform: uppercase; background: rgba(0,0,0,0.18);} .footer-menus .col-contact p { color: #fff; font-weight: 400; font-size: 14px; line-height: 22px; } .footer-menus .col-contact p br { display: block; } .footer-menus .col-contact p br + br { display: block; margin-top: 5px;} .footer-menus .footer-menu { margin: 0 auto !important; display: block; padding: 0 !important; } .footer-menus .footer-menu h5 { margin-bottom: 15px;} .footer-menus .footer-menu li { display: block; margin: 0; } .footer-menus .footer-menu li a { display: block; text-align: left; display: block; color: #fff; font-weight: 400; font-size: 14px; line-height: 14px; padding: 7px 0 7px 0; } .footer-menus .footer-menu li a:hover { color: #fff; padding-left: 10px; } .footer-bottom { padding: 0px 0 5px 0; background: #037b3d; border-top: 1px solid rgba(255,255,255,0.19) } .footer-bottom .social-bottom-links { padding: 20px 0 15px; text-align: center; } .footer-bottom .social-bottom-links a { margin: 0 3px 0 0; } .footer-bottom .social-bottom-links a i.uk-icon { font-size: 20px !important; width: 40px; height: 40px; line-height: 36px; border: 1px solid #fff; background: transparent!important; color: #fff; } .footer-bottom .social-bottom-links a:hover i.uk-icon { color: #000; border: 1px solid #fff; background: #fff!important; } .footer-bottom .footer-copyright { text-align: center; font-size: 13px; line-height: 13px; color: #fff; } .footer-bottom .footer-copyright p { margin: 0; padding: 0 0 7px 0;} .footer-bottom .footer-copyright a { color: #fff!important;} .footer-bottom .visitorcounter { display: block; margin-bottom: 10px;} .tm-totop-scroller { color: #fff; font-size: 18px; top: -50px; left: 50%; margin-left: -15px; width: 30px; height: 30px; line-height: 30px;} /* TITLES ----------------------------------------------------------------------------------------------------*/ #page-cover { position: relative; background: #037b3d; } #page-cover .page-cover-background { background-color: #037b3d; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #page-cover .page-cover-background::before { content: ''; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 114, 54, 0)), to(#037b3d)); background-image: linear-gradient(to bottom, rgba(0, 114, 54, 0), #037b3d); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } #page-cover .page-cover-background img { filter: blur(0px) grayscale(60%); display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 1; opacity: .3; } #page-cover .page-cover-content { overflow: hidden; height: 25vh; min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; } #page-cover .page-cover-content .page-cover-center { margin: 0 auto; } #page-cover .page-cover-title { color: #fff!important; text-align: center;} .page-intro p { margin: 0 auto;} /*Page statique content*/ .page-texte p, .page-texte ul, .page-texte ol { font-size: 18px; line-height: 28px; color: #0e0e0e; margin-bottom: 35px; text-align: justify; } .page-texte li + li { margin-top: 15px; } .page-texte p + img { margin-top: 30px; } .page-texte p + p { margin-bottom: 30px; } .page-texte p br { margin-bottom: 10px; } .page-texte h2, .page-texte h3, .page-texte h4, .page-texte h5 { } .page-texte h2 { margin-bottom: 30px; color: #003d7e; } .page-texte h3 { color: #0e0e0e; margin-bottom: 15px; } .page-texte h4 { color: #0e0e0e; margin-bottom: 15px; } .page-texte p img { text-align: center; margin: 0 auto; display: block; } .page-texte figcaption { font-size: 14px; line-height: 14px; display: block; color: #7b7b7b; margin: 10px 0 20px 0; } .page-texte ul { margin: 0 0 20px 20px!important; list-style-type: none; padding: 0; list-style-type: square; } .page-texte ul li { margin: 0 0 5px 0!important; padding: 0; } .page-texte ul.bord { margin: 0!important; list-style-type: none; padding: 0;} .page-texte ul.bord li { border: 1px solid #444; margin: 0 0 10px 0!important; padding: 10px 15px; border-radius: 4px; } .page-texte h2.section-title { font-size: 30px; line-height: 35px; margin: 0 0 15px 0;} .page-texte .section-description { font-size: 15px!important; line-height: 23px; margin: 0 0 24px 0; text-align: justify; } #actions-icon { position: fixed; right: 20px; bottom: 130px; width: auto; z-index: 100; -webkit-animation: viber 5s 2s ease-in-out infinite; animation: viber 5s 2s ease-in-out infinite; } #actions-icon:hover { -webkit-animation: 0; animation: 0; color: #fff; } #actions-icon .uk-icon { color: #fff; width: 64px; height: 64px; line-height: 64px; font-size: 35px; background: #25D366; animation: gradient 9s ease infinite; -moz-animation: gradient 9s ease infinite; -webkit-animation: gradient 9s ease infinite; -o-animation: gradient 9s ease infinite; } /* ------------------------------------------------------------------------------------------------*/ /* PAGES ----------------------------------------------------------------------------------------------------*/ /* INTRO ----------------------------------------------------------------------------------------------------*/ body.intro-page { padding: 0; margin:0; } #intro-page { min-height: 100vh;} #intro-page.intro-1 { background: transparent url('../images/fond-batisseur-vert.png'); background-position: bottom right; background-repeat: no-repeat; } #intro-page.intro-2 { background: transparent url('../images/fond-batisseur-orange.png'); background-position: bottom right; background-repeat: no-repeat; } #intro-page.intro-3 { background: transparent url('../images/fond-ville-vert.png'); background-position: bottom center; background-repeat: repeat-x; } #intro-page.intro-4 { background: transparent url('../images/fond-ville-orange.png'); background-position: bottom center; background-repeat: repeat-x; } #intro-page .intro-content-wrapper { width: 100%; max-width: 800px; height: 80vh!important; margin: 0 auto; } #intro-page .intro-skip-button { padding: 10px 5px; background: #efefef; margin-bottom: 30px; text-align: right; } #intro-page .intro-skip-button a.skip { font-weight: normal !important; font-size: 12px !important; line-height: 30px !important; height: 30px; min-height: 30px; margin: 0; padding: 0 15px!important; color: #fff; text-align: center; text-transform: uppercase; background: #ea8b07; border-radius: 0px; } #intro-page .intro-image-wrapper,#intro-page .intro-video-wrapper,#intro-page .intro-video-inline-wrapper { width:100%;max-width: 740px; margin: 0 auto; padding: 20px;} #intro-page .intro-image-wrapper { height: 80vh; } #intro-page .intro-image-wrapper-image { position: relative; height: 100%; width: 100%; background-size: contain; background-position: top center; background-repeat: no-repeat; } #intro-page .intro-image-wrapper a { display: block; width: 100%; height: 100%;} #intro-page .intro-image img { width: 100%!important; height: 100%!important;} #intro-page .intro-video {} #intro-page .intro-video-wrapper { position: relative;overflow: hidden !important;padding-bottom: 56.25%;padding-top: 25px;height: 0;z-index: 1 !important;} #intro-page .intro-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; } #intro-page .intro-video-inline {} #intro-page .intro-video-inline-cover { overflow: hidden; width: 100%; min-height: 430px; } #intro-page .intro-video-inline-cover video { margin: 0 auto; position: relative; top: 0; width: 100%; } #intro-page .intro-video-hint { display: block; padding: 15px 5px 0; font-size: 12px; line-height: 12px; color: #bababa; text-align: center;} /* search page ----------------------------------------------------------------------------------------------------*/ #page-search .search-form .search-form-wrapper { padding: 0; } #page-search .search-form .uk-form { text-align: center; } #page-search .search-form .uk-form .uk-form-row { background: #e7ebee; padding: 25px 0; } #page-search .search-form .uk-form .uk-form-row .inputbox { padding-left: 20px !important; height: 40px; line-height: 40px; background: #fff; } #page-search .search-form .uk-form .uk-form-row .uk-button { border-radius: 0; } #page-search .search-form .search-result-count { padding: 30px 0; text-align: center; font-size: 26px; line-height: 26px; border-bottom: 1px solid #efefef; } #page-search .search-form .search-result-count .uk-badge { font-size: 17px; line-height: 39px; min-height: 30px; min-width: 30px; width: 40px; display: inline-block; border-radius: 50%; text-align: center; background: #037b3d; color: #fff; text-align: center; } #page-search .search-result-wrapper { max-width: 1000px; margin: 0 auto; padding: 60px 0 30px; } #page-search .result-text { padding: 0; margin: 0; } #page-search .item-search .uk-grid { margin: 0 !important; margin-bottom: 45px !important; padding-bottom: 45px; border-bottom: 1px solid #efefef; } #page-search .item-search .uk-grid { margin-left: 0; } #page-search .item-search .uk-grid > * { padding-left: 0; } #page-search .item-search .actu-image { background-size: cover; background-repeat: no-repeat; background-position: center; border: 1px solid #ececec; } #page-search .item-search .uk-width-small-2-3 .uk-panel { padding: 20px; } #page-search .item-search h3 { color: #019f61; margin-bottom: 0 !important; padding-bottom: 0 !important; } #page-search .item-search h4 { color: #333; margin-top: 5px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; font-weight: 400; } #page-search .item-search h4 + p { color: #333; margin-top: 15px; } #page-search .item-search .uk-button { margin-top: 15px; } #page-search .search-label-empty { text-align: center; color: #333; font-size: 17px; line-height: 19px; padding: 100px 0; display: block; } /* HOME ----------------------------------------------------------------------------------------------------*/ .page-grid { margin-left: -30px; margin-bottom: 70px;} .page-grid > * { padding-left: 30px;} .page-grid-left { width: 73%; } .page-grid-right { width: 27%; } .page-grid-full { width: 100%; } #page-single .page-grid { margin-top: 25px; } /*HOME TOP*/ .mod-donnees { border-bottom: 1px solid #f0f0f0; } #slider-donnees { position: relative; margin: 0 30px; padding: 0 30px; } #slider-donnees .slider-content { padding: 25px 0;} #slider-donnees .donnee-chiffre { position: relative; text-align: center; margin: 0 !important; padding: 0 0 15px !important; color: #ea8b07; font-size: 24px;line-height: 24px; font-weight: 700!important; word-wrap: break-word !important; } #slider-donnees .donnee-libelle { position: relative; text-align: center; margin: 0 !important; padding: 0 !important; color: #000; font-size: 18px;line-height: 22px; font-weight: 400!important; word-wrap: break-word !important; } #slider-donnees .slick-dotted.slick-slider { margin-bottom: 0!important;} #slider-donnees .slick-prev, #slider-donnees .slick-next { z-index: 10; line-height: 0; position: absolute; top: 50%; display: block; width: 22px; height: 22px; background: #037b3d; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; 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; } #slider-donnees .slick-prev { left:-60px; border-radius: 50%; background: #037b3d url('../images/arrow-left.png') center no-repeat; background-size: 50%; opacity: 1 } #slider-donnees .slick-next { right: -60px; border-radius: 50%; background: #037b3d url('../images/arrow-right.png') center no-repeat; background-size: 50%; opacity: 1; } #slider-donnees .slick-prev:hover, #slider-donnees .slick-prev:focus { opacity: 1.0 !important; } #slider-donnees .slick-next:hover, #slider-donnees .slick-next:focus { opacity: 1.0 !important; } #slider-donnees .slick-prev:before { content: ''; } #slider-donnees .slick-next:before { content: ''; } #slider-donnees .slick-slider .slick-slide { position: relative;} /*Slider*/ #slider-home { position: relative; margin: 25px 0 0 0; padding-top: 0px; padding-bottom: 0px; border: 1px solid rgba(0,0,0,0.15); background: #fff url('../images/slick/ajax-loader.gif') center no-repeat; } #slider-home .slick-slider .slider-content .slider-image { background-size:cover; background-position: center; background-repeat: no-repeat; } #slider-home .slick-slider .slider-content img { width: 100%; height: auto;} #slider-home .slick-slider .slider-texte { display: flex; align-items:center; text-align: left; padding: 10px 15px 10px 30px; width: 100%; height: 80px; background:#f4f5f6; } #slider-home .slick-slider .slick-slide .slider-texte h2 { position: relative; text-align: left; margin: 0 !important; padding: 0 !important; color: #000; font-size: 16px;line-height: 22px; font-weight: 700!important; word-wrap: break-word !important; } #slider-home .slick-dotted.slick-slider { margin-bottom: 0!important;} #slider-home .slick-dots { bottom: 100px; right: 15px; width: auto;} #slider-home .slick-dots li button::before { background: #037b3d; border: 2px solid #fff;width: 15px; height: 15px; } #slider-home .slick-dots li.slick-active button::before { background: #ea8b07; border: 2px solid #fff;} #slider-home .slick-prev, #slider-home .slick-next { z-index: 10; line-height: 0; position: absolute; top: auto; bottom: 60px; display: block; width: 40px; height: 40px; background: #f4f5f6; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; 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; } #slider-home .slick-prev { left: 30px; background: #f4f5f6 url('../images/arrow-left-black.png') center no-repeat; background-size: 50%; opacity: 1 } #slider-home .slick-next { left: 71px; background: #f4f5f6 url('../images/arrow-right-black.png') center no-repeat; background-size: 50%; opacity: 1; } #slider-home .slick-prev:hover, #slider-home .slick-prev:focus { opacity: 1.0 !important; } #slider-home .slick-next:hover, #slider-home .slick-next:focus { opacity: 1.0 !important; } #slider-home .slick-prev:before { content: ''; } #slider-home .slick-next:before { content: ''; } #slider-home .slick-slider .slick-slide { position: relative;} /*Mod*/ .mod-home { background: #fff; border: 1px solid rgba(0,0,0,0.15); margin-top: 25px; } .mod-title { display: flex; margin: 0; justify-content: space-between; align-items:center; padding: 20px 15px 15px 15px; } .mod-title h2 { display: block; margin: 0; padding: 0; text-align: left; color: #037b3d; font-size: 20px; line-height: 20px; text-transform: uppercase; font-weight: 700; } .mod-title p { text-align: center; margin: 0 auto; max-width: 600px; font-size: 16px; line-height: 20px; margin-top: 13px;} .mod-title .mod-link { display: block; line-height: } .mod-valeurs { } .mod-valeurs .block { background-repeat: no-repeat; background-size: cover; background-position: center;} .mod-valeurs .avant-last,.mod-valeurs .last { width: 50%; } .mod-valeurs .uk-panel { padding: 15px 30px; border-bottom: 1px solid rgba(0,0,0,0.15) } .mod-valeurs .avant-last .uk-panel, .mod-valeurs .last .uk-panel { border-bottom: 0px solid rgba(0,0,0,0.15) } .mod-valeurs .avant-last .uk-panel { border-right: 1px solid rgba(0,0,0,0.15) } .mod-valeurs span { display: block; text-align: center;} .mod-valeurs span.title { font-size: 24px; line-height: 26px; font-weight: 700; margin-bottom: 5px;} .mod-valeurs span.description { font-size: 16px; line-height: 17px; font-weight: 600; margin-bottom: 7px;} .mod-valeurs span.date { font-size: 14px; line-height: 14px; font-weight: 400;} .mod-home .mod-content { padding: 0 15px; } .mod-actus .mod-content { padding: 0;} .mod-home a.readmore { color: #037b3d; font-size: 13px; line-height: 14px; font-weight: 500;} .mod-sidebar { background: #fff; border: 1px solid rgba(0,0,0,0.15); margin-top: 25px; } .mod-sidebar .mod-title { padding: 10px 15px } .mod-sidebar .mod-title h2 { display: block; margin: 0; padding: 0; text-align: left; color: #037b3d; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 700; } .mod-sidebar .mod-title h2.orange { color: #ea8b07!important;} #page-single .page-grid-right .mod-sidebar:first-child { margin-top: 0;} /*Mod SIDEBAR*/ .mod-block-image .block-texte { padding: 15px 20px 15px;} .mod-block-image .block-texte h3 { margin: 0; padding: 0; text-align: center;} .mod-block-image .block-texte p { text-align: center; font-size: 14px; line-height: 20px; font-weight: 500; margin: 0; padding: 0; } .mod-block-image .block-rm { text-align: center; padding: 0 15px 15px;} .mod-block-image .block-rm a.readmore { color: #fff; font-size: 14px; line-height: 14px; font-weight: 500; background: #ea8b07; display: block; padding: 9px 0; } .mod-title-big h2 { color: #037b3d!important; font-size: 36px; line-height: 36px; font-weight: 700;} /*Mod Devise*/ .mod-block-devise .block-content { padding: 0;} .mod-intro { text-align: center; background: #e8e8e8; font-size: 12px; line-height: 15px; font-weight: 600; padding: 8px 0; } .devise-table { margin: 0!important; } .devise-table th { background: #f5f5f5; color: #037b3d; font-weight: 700; text-align: right; font-size: 12px; text-transform: uppercase; line-height: 14px; padding: 8px 6px!important;} .devise-table th.nom { text-align: left; } .devise-table td { color: #000; font-weight: 400; text-align: right; font-size: 13px; line-height: 14px; padding: 8px 6px!important; vertical-align: middle;} .devise-table td.nom { text-align: left; font-weight: 600; font-size: 12px; } .devise-table td, .devise-table th { border-bottom: 1px solid #E5E5E5; } .devise-table tr:last-child td { border-bottom: 0px;} /*Mod Bourse*/ .mod-bourse { margin-top: 30px;} .mod-bourse i.red { color: #FF0000;} .mod-bourse i.green { color: #00FF00;} #communique .block-wrapper { padding: 35px 0; } #communique-listing > .uk-grid { margin-left: -20px; margin-top: 35px; } #communique-listing > .uk-grid > * { padding-left: 20px; } #communique-listing > .uk-grid > * > .uk-panel { margin-bottom: 30px; background: #fff; border: 1px solid rgba(0,0,0,0.09); padding: 0px; position: relative; } #communique-listing > .uk-grid > * > .uk-panel:hover { border: 1px solid #037b3d; } #communique-listing .uk-grid-art { margin-left: 0px; } #communique-listing .uk-grid-art > * { padding-left: 0px; } #communique-listing .uk-grid-art .block-image .uk-panel { background-color: #eeefef; background-size: cover; background-position: center; background-repeat: no-repeat;} #communique-listing .uk-grid-art .block-texte .uk-panel { padding: 15px 15px; background: #fff; } #communique-listing .art-item-wrapper { padding: 0;} #communique-listing .art-item-tag { color: #000; font-size: 13px; line-height: 13px; font-weight: 500; margin: 0 0 10px 0; padding: 0; } #communique-listing .art-item-title { color: #000; font-size: 15px; line-height: 20px; font-weight: 500; margin: 0; padding: 0;} .cta-full .cta-full-wrapper { background-position: center; background-size: contain; background-repeat: no-repeat; } .cta-full .cta-full-overlay { background: rgba(0, 0, 0, 0.4); padding: 130px 0; } .cta-full h4 { color: #fff; margin-bottom: 22px !important;font-size: 40px; font-weight: 700 !important; position: relative; } .cta-full .cta-one-content { text-align: left; } .cta-full .cta-one-content .section-intro-title { margin-bottom: 15px; } .cta-full .cta-one-texte p { color: #fff; font-size: 23px; line-height: 30px; font-weight: 400; padding: 0; margin: 0 0 45px; max-width: 55%; } .uk-button-cta { font-size: 17px; line-height: 17px; font-weight: 400; padding: 15px 26px; display: inline-block; background: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; text-transform: uppercase; } .uk-button-cta:hover { background: #ea8b07; border-color: #ea8b07; color: #fff; } .uk-button-cta + .uk-button-cta { margin-left: 8px; } .slick-partners { margin: 40px 30px 0;} .slick-partners .slider-content img { } .slick-partners .slider-content { margin-left: 25px;} .slick-partners .slick-list { margin-left: -25px;} .slick-partners .slick-prev, .slick-partners .slick-next { z-index: 10; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; 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; } .slick-partners .slick-prev { background: transparent url('../images/arrow-left.png') center; background-size: cover; opacity: 1 } .slick-partners .slick-next { background: transparent url('../images/arrow-right.png') center; background-size: cover; opacity: 1; } .slick-partners .slick-prev:hover, .slick-partners .slick-prev:focus { opacity: 1.0 !important; } .slick-partners .slick-next:hover, .slick-partners .slick-next:focus { opacity: 1.0 !important; } .slick-partners .slick-prev { left: -35px; } .slick-partners .slick-prev:before { content: ''; } .slick-partners .slick-next { right: -35px; } .slick-partners .slick-next:before { content: ''; } /* INNER PAGES ----------------------------------------------------------------------------------------------------*/ .uk-page-title { border-top: 1px solid #f0f0f0; font-size:35px; line-height: 40px; padding: 15px 0 0; color: #037b3d; font-weight: 700; } .breadcumb .uk-breadcrumb { margin: 0 0 30px!important; padding: 5px 0 !important; border-top: 1px solid #e7ebee !important; border-bottom: 1px solid #e7ebee !important; } .breadcumb .uk-breadcrumb > li { font-size: 13px !important; color: #333; } .breadcumb .uk-breadcrumb > li a { color: #333; } .uk-breadcrumb > li:nth-child(n+2)::before { content: "\f04b"; font-family: "FontAwesome"; font-size: 10px; line-height: 13px, } .page-texte ul { margin: 0!important; list-style-type: none; padding: 0;} .page-texte ul li { border: 1px solid #444; margin: 0 0 10px 0!important; padding: 10px 15px; border-radius: 0px; font-size: 16px; line-height: 24px; } .page-texte ol { margin: 0!important; } .page-texte ol li { font-size: 16px; line-height: 21px; } .page-texte ul + p, .page-texte ul + h2, .page-texte ol + p, .page-texte ol + h2 { margin-top: 20px!important; } .page-texte p { color: #000; text-align: justify; font-size: 16px!important; line-height: 26px!important; margin: 0 0 14px!important; } .page-texte .orange { color: #ea8b07} .page-texte .vert { color: #037b3d} .page-texte h2 { color: #ea8b07; font-weight: 700; font-size: 19px; line-height: 25px; margin: 0 0 10px;} .page-texte h3 { color: #000; font-weight: 500; font-size: 16px; line-height: 26px; margin: 0 0 10px;} .page-texte p + h2 { margin-top: 30px;} .page-texte table p { text-align: left;} .page-texte a.download { display: block; margin: 0 auto; background: #037b3d; color: #fff; padding: 5px 0; text-align: center; } .page-texte a.download:hover { background: #ea8b07; } .ul-grid-border .uk-panel { border: 1px solid #444; margin-bottom: 10px !important; padding: 10px 5px; border-radius: 4px; } .uk-grid-border-medium .uk-panel { padding: 10px 5px; } .ul-grid-border p { margin: 0 !important; padding: 0 !important; line-height: 22px !important; font-size: 18px !important; text-align: center; } .ul-grid-border p.uk-text-left { text-align: left!important; display: block; } .ul-grid-border-blue .uk-panel { border: 1px solid #2a588d; } .ul-grid-border-transparent .uk-panel { background: transparent; } .ul-grid-border-blue p { margin: 0 !important; padding: 0 !important; color: #2a588d; line-height: 22px !important; font-size: 18px !important; font-weight: 400; text-align: center; } .ul-grid-border-blue p.uk-text-left { text-align: left!important; display: block; padding: 0 15px!important; line-height: 30px!important } .ul-grid-border-blue p.uk-text-left span.uk-badge { font-weight: 400!important; font-size: 16px; color: #fff!important; width: 30px!important; line-height: 30px!important; height: 30px!important; padding: 0!important; border-radius: 50%; float: right; } .emission-table caption { background: #037b3d; color: #fff; text-align: center; font-size: 19px; line-height: 22px; padding: 8px 0; font-style: normal; } .emission-table thead tr th { font-size: 13px; line-height: 14px; text-align: center;} .emission-table tbody tr { border: 1px solid rgba(0,0,0,0.2); } .emission-table tbody tr td { font-size: 14px; line-height: 16px; text-align: center; padding: 15px 0!important; } .emission-download { display: flex; align-items: center; align-content: center; justify-content: center; margin-bottom: 20px; } .emission-download a { border: 1px solid #037b3d; display: inline-block; padding: 5px 8px; color: #037b3d; margin: 0 5px;} .emission-download a:hover, .emission-download a:focus { background: #037b3d; color: #fff; } /* Contact ----------------------------------------------------------------------------------------------------*/ .contact-page .max-width { max-width: 800px;} .contact-page .section-top p { text-align: center;} .contact-page .values-grid { margin-top: 70px;} .contact-page .values-grid h3 { color: #000; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3px; } .contact-page .values-grid h3 span.highlight-value { font-weight: 600; display: block;text-align: center; margin: 15px 0; } .contact-page .values-grid h3 span.highlight-text { display: block; font-size: 15px; line-height: 20px; } .uk-grid-contact-infos { margin-left: -40px; } .uk-grid-contact-infos > * { padding-left: 40px; } .uk-grid-contact-infos .uk-panel { border: 1px solid #c8cbd0!important; padding: 40px 40px; margin: 15px auto; } .values-grid { margin-left: -15px!important; } .values-grid > * { padding-left:15px!important; margin-top: 0; margin-bottom: 40px; } .values-grid .value-icone { text-align: center; } .values-grid .value-icone span { color: #037b3d; line-height: 50px; font-size: 54px; } .values-grid .value-text { padding-top: 15px; text-align: center; } .values-grid h3 { color: #000; font-size: 18px; line-height: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3px; } .values-grid h3 span.highlight-value { font-weight: 600; color: #037b3d; font-size: 22px; } .values-grid h3 span.highlight-text { } .contacts-numbers { padding-top: 50px;} .numbers-grid { margin-left: -15px!important; } .numbers-grid > * { padding-left:15px!important; margin-top: 0; margin-bottom: 20px; } .numbers-grid .uk-panel { border: 1px solid #E0E0E0; padding: 20px 15px;} .numbers-grid .numbers-text { padding-top: 15px; text-align: center; } .numbers-grid h3.number-label { margin-bottom: 15px; color: #037b3d; font-size: 22px; line-height: 24px; color: #037b3d!important; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } .numbers-grid .number-values { padding-top: 5px; display: block; } .numbers-grid .number-value { padding: 10px 15px;display: inline-block; background: #fff; border-radius: 4px; } #contact-location .section-wrapper { padding: 80px 0; } #contact-location .section-top { padding: 0 0 30px 0;} #contact-location .section-top p { margin-top: 0;} #contact-location iframe { width: 100%; height: 450px} /*CONTENU LISTING*/ .page-description p { font-size: 14px; line-height: 20px; text-align: justify; } .page-description p br { margin-top: 10px;} .subcategorie-listing-page { display: block; align-items: center; align-content: center; justify-content: space-around; text-align: center; padding: 10px 0 20px; } .subcategorie-listing-page a { display: inline-block; color: #000; background: #e7ebee; font-size: 14px; line-height: 300; line-height: 18px; padding: 5px 8px!important; margin: 4px; } .subcategorie-listing-page a:hover, .subcategorie-listing-page a:focus { background: #037b3d; color: #fff; } .date-content-filter { display: inline-block; float: right; position: absolute; right: 0; top: 0; } .date-content-filter select { border: 1px solid #aaa; height: 35px; line-height: 35px; min-height: 35px; } .contenu-listing { } .contenu-listing .contenu-item { } .contenu-listing .contenu-item .uk-grid { margin-left: -15px; } .contenu-listing .contenu-item .uk-grid > * { padding-left: 15px; } .contenu-listing .contenu-item { margin-bottom: 20px; padding: 10px; border: 1px solid #e7ebee; } .contenu-listing .contenu-item .content-image { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; } .contenu-listing .contenu-item .content-image img { width: 100%; height: auto; } .contenu-listing .contenu-item .content-title { margin: 0; padding: 0; display: block; } .contenu-listing .contenu-item .content-title h3 { text-transform: uppercase; font-size: 16px !important; line-height: 22px !important; text-align: left; margin: 0 !important; font-weight: 700 !important; color: #333; } .contenu-listing .contenu-item .content-title p { margin-bottom: 5px !important; color: #333; font-weight: 400; font-size: 15px; line-height: 22px; } .contenu-listing .contenu-item .content-tags { padding: 2px 0; text-align: left; color: #333; } .contenu-listing .contenu-item .content-tags i { color: #2c9a40; } .contenu-listing .contenu-item .content-tags .content-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px 0 0; } .contenu-listing .contenu-item .readmore-content { color: #2c9a40; font-size: 14px; line-height: 13px; padding: 0; margin: 0; text-align: right; } .contenu-listing .contenu-item .content-title img { max-width: 300px; height: auto; margin: 0 auto;} .contenu-listing .contenu-item .contenu-pdf .content-layout { padding: 15px; display: flex; align-items: center; align-content: center; justify-content: space-between; } .contenu-listing .contenu-item .contenu-pdf .content-title h3 { text-transform: uppercase; margin: 0; padding: 0; position: relative; } .contenu-listing .contenu-item .contenu-pdf .content-tags { margin-top: 0; padding: 0;} .contenu-listing .contenu-item .contenu-pdf .content-title p { margin-top: 0; } .contenu-listing .contenu-item .contenu-pdf .content-options { min-width: 220px; } .contenu-listing .contenu-item .contenu-pdf .content-tags, .contenu-listing .contenu-item .contenu-pdf .content-button { margin-bottom: 0; } .contenu-listing .contenu-item .contenu-pdf a.uk-button-small { padding: 0 15px; height: 30px; line-height: 30px; min-height: 30px; color: #037b3d; background: transparent; border-radius: 0; } .contenu-listing .contenu-item .contenu-pdf a.uk-button-small:hover { background:#037b3d; color: #fff; } .subcategorie-listing .contenu-listing .contenu-item .contenu-pdf { padding: 0 15px; } .subcategorie-listing .contenu-listing .contenu-item .contenu-pdf .content-layout { padding: 0 15px;} .subcategorie-description { font-size: 14px; line-height: 20px; margin-bottom: 20px; text-align: justify; } #article-file .block-content { margin-bottom: 50px; } #article-file .block-title h3 { color: #037b3d !important; font-size: 22px; line-height: 25px; text-align: left; text-transform: uppercase; margin-top: 50px; } #article-file .article-file-item { margin-bottom: 15px; } #article-file .article-file-wrapper { border: 1px solid #e7ebee; padding: 4px; margin-bottom: 0; } #article-file .article-file-item h4.article-file-title { margin: 0 !important; font-size: 14px; line-height: 20px; padding-left: 10px; } /*#article-file .article-file-item h4.article-file-title::before { position: absolute; top: 15px; left: 0; content: ""; background: transparent url('../images/pdf-icon.png') 0 0 no-repeat; width: 30px; height: 35px; background-size: contain; }*/ #article-file .article-file-item .article-file-meta { font-size: 11px; line-height: 11px; text-align: center; color: #333; display: block; padding-top: 5px; } #article-file .article-file-item .article-file-options { text-align: center; } #article-file .article-file-item .article-file-options .uk-button { width: 100%; padding-left: 0; padding-right: 0; border-radius: 0; } .file-grid { margin-left: -15px; } .file-grid > * { padding-left: 15px; } .file-grid > * > .uk-panel { padding: 5px; } #tm-content p.counter { display: block !important; width: 100%; text-align: center !important; font-size: 13px !important; line-height: 14px !important; float: none !important; } .uk-pagination li.uk-active span { background: #f38b00 !important; color: #fff !important; } /* ACTUALITE ----------------------------------------------------------------------------------------------------*/ /*Actu modules*/ .app-blog-content-module .app-blog-content-grid .app-blog-content-item > .uk-panel { margin-bottom: 15px; } .app-blog-content-module .app-blog-content-grid { margin-left: -20px; } .app-blog-content-module .app-blog-content-grid > * { padding-left: 20px; } .app-blog-content-module .app-blog-content-item > .uk-panel { border-bottom: 1px solid #e7ebee; padding: 0 15px 15px; } .app-blog-content-module .app-blog-content-item:last-child > .uk-panel { border-bottom: none; margin-bottom: 0;} .app-blog-content-module .app-blog-content-item > .uk-panel > a { display: block; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-content-block .uk-panel { padding: 5px 10px; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-image-block { width: 35%;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-content-block { width: 65%;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-category { display: inline-block; padding: 5px 6px 3px; color: #fff; background: #ea8b07; font-size: 11px;line-height: 11px; font-weight: 300; text-transform: uppercase; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-title { padding: 0; margin: 5px 0 0 0; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700 !important; 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; } .app-blog-content-module .app-blog-content-item a:hover .app-blog-content-item-title { color: #037b3d; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-meta { display: block; padding: 0; margin: 9px 0; font-size: 12px; line-height: 12px; color: #7b8081; font-weight: 600 !important; 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; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-meta span { display: inline-block; margin-right: 15px; 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;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-texte { padding: 0; margin: 0; font-size: 15px; line-height: 20px; color: #000000; font-weight: 500 !important; 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; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-texte p { margin: 0; padding: 0;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-texte p span { color: #037b3d; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-image { border: 1px solid rgba(0,0,0,0.05); height: 100%; width: 100%; max-height: 180px; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; } .app-blog-content-module .block-actus .block-rm { text-align: right;} /*Actu Listing*/ #app-blog .app-blog-filter { background: #fff; padding: 20px 0; display: block; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 40px; } #app-blog .app-blog-filter ul#blog-filter { margin: 0; padding: 0; } #app-blog .app-blog-filter ul#blog-filter li { display: inline-block; margin: 0 5px 0 0; } #app-blog .app-blog-filter ul#blog-filter li a { font-size: 13px; display: block; border: 1px solid #037b3d; border-radius: 40px; padding: 5px 40px 4px; color: #037b3d; background: transparent; text-transform: uppercase; } #app-blog .app-blog-filter ul#blog-filter li.uk-active a, #app-blog .app-blog-filter ul#blog-filter li a:hover { color: #fff; border: 1px solid #037b3d; background: #037b3d } #app-blog .app-blog-filter ul#blog-filter li.uk-active a { background: #ea8b07; border: 1px solid #ea8b07; } #app-blog .app-blog-listing { background: #fff; margin: 0 auto;} #app-blog .app-blog-listing .app-blog-listing-wrapper { margin: 0 auto; width: 100%; } #app-blog .app-blog-listing .uk-grid-app-content {margin: 0 auto; width: 100%; max-width: 960px; } #app-blog .app-blog-content-grid { margin-left: 0px; border-bottom: 0px solid transparent; margin-bottom: 0px; padding-bottom: 0px; } #app-blog .app-blog-content-grid > * { padding-left: 0px; } #app-blog .app-blog-content-grid > * > .uk-panel { padding: 20px!important; border: 1px solid #efefef; margin-bottom: 20px; } #app-blog .uk-grid-app-content { margin-left: -20px;} #app-blog .uk-grid-app-content > * { padding-left: 20px; } #app-blog .uk-grid-app-content .app-blog-content-item-image-block, #app-blog .uk-grid-app-content .app-blog-content-item-content-block.no-image { padding-left: 0;} .uk-grid-app-content .app-blog-content-item-image-wrapper { position: relative;overflow: hidden;} .app-blog-content-item .app-blog-content-item-image { height: 100%; width: 100%; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; } .app-blog-content-item .app-blog-content-item-meta { display: block; margin-bottom: 5px; color: #000; } .app-blog-content-item .app-blog-content-item-title { color: #000; margin: 0 0 0!important; font-weight: 700; font-size: 16px; line-height: 22px; } .app-blog-content-item .app-blog-content-item-intro { color: #000; padding-top: 15px; text-align: justify;} .app-blog-content-item .app-blog-content-item-intro span { color: #037b3d;} .app-blog-content-item .uk-button { border: 1px solid #037b3d; background: #fff; color: #037b3d;} .app-blog-content-item a:hover * { color: #000;} .app-blog-content-item a:hover .app-blog-content-item-title { color: #037b3d; } .app-blog-content-item a:hover .uk-button { border: 1px solid #037b3d; background: #037b3d; color: #fff;} .app-blog-content-item a:hover .app-blog-content-item-intro span { color: #037b3d; } /*Searh Form*/ #page-search .uk-grid-app-content { margin-left: -15px;} #page-search .uk-grid-app-content > * { padding-left:15px; } #page-search .app-blog-content-item > .uk-panel { padding: 20px!important; border: 1px solid #efefef; margin-bottom: 20px; } #page-search .app-blog-content-item .uk-panel-content-item { padding-left: 0px;} /*Actu Single*/ #app-blog-single .block-wrapper { padding: 0 !important; } #app-blog-single h1 { padding: 80px 0; font-weight: 700; text-align: center; display: block; font-size: 42px; line-height: 58px; } #app-blog-single .app-blog-single-item-max-content { width: 100%; max-width: 800px !important; margin: 0 auto; } #app-blog-single .app-blog-single-item-info { color: #999; font-size: 15px; line-height: 15px; text-align: left; padding: 40px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } #app-blog-single .app-blog-single-item-content { padding-bottom: 30px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-cover { margin: 50px 0 0 0;} #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte { margin-top: 50px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte p, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte ul, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte ol { font-size: 18px; line-height: 28px; color: #0e0e0e; margin-bottom: 35px; text-align: justify; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte li + li { margin-top: 15px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte p + img { margin-top: 30px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte p + p { margin-bottom: 30px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte p br { margin-bottom: 30px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h2, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h3, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h4, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h5 { } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h2 { margin-bottom: 30px; color: #003d7e; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h3 { color: #0e0e0e; margin-bottom: 15px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte h4 { color: #0e0e0e; margin-bottom: 15px; } #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte p img, #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte img { text-align: center; margin: 0 auto; display: block; } #app-blog-single .app-blog-single-item-content figcaption { font-size: 14px; line-height: 14px; display: block; color: #7b7b7b; margin: 10px 0 20px 0; } #app-blog-single .app-blog-single-item-video-wrapper { padding: 80px 0; background: #f9f9f9; } #app-blog-single .app-blog-single-item-video { margin: 0 auto; } #app-blog-single .videoWrapper { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; } #app-blog-single .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; } /* FORMULAIRES ----------------------------------------------------------------------------------------------------*/ .page-form-max { margin: 0 auto !important; padding: 50px 0 !important; width: 100% !important; float: none; max-width: 700px; } .formulaires-page .page-intro .block { background-image: url('../images/fond-batisseur-vert.png'); background-position: bottom right; background-size: contain; background-repeat: no-repeat; } .swForm .formContainer { margin: 0 auto !important; padding: 0 !important; width: 100% !important; float: none; max-width: 700px; } .swForm fieldset { border: none !important } .swForm .uk-grid { margin-left: -20px; } .swForm .uk-grid > * { padding-left: 20px; } .swForm .rsform-block { display: block; width: 100%; margin: 0 0 10px 0 !important; float: none !important; padding: 0 !important; } .swForm .formCaption2 { display: block; width: 100%; font-size: 13px; line-height: 14px; padding: 0 0 5px 0; color: #343434 !important } .swForm .uk-form-label { display: block; width: 100%; font-size: 16px; line-height: 16px; margin-top: 20px !important; padding: 0 0 10px 0; color: #037b3d !important; background: transparent !important; font-weight: 600; } .swForm .formRequired { font-size: 14px; line-height: 15px; color: #CF4D4D } .swForm .formBody { width: 100%; } .swForm .formBody p { color: #7b7b7b !important; line-height: 20px; font-size: 14px; text-align: center } .swForm .rsform-input-box, .swForm .rsform-text-box, .swForm .rsform-select-box { display: block; padding: 20px 5px 20px 15px !important; width: 100%; border-radius: 0px; margin-bottom: 5px !important; border: 1px solid #037b3d !important; background: #fff !important; font-weight: 400 !important; color: #7b7b7b !important; font-size: 15px !important; line-height: 40px !important; height: 40px !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 } .swForm .rsform-text-box { padding: 5px 5px 8px 15px !important; width: 100%; height: 130px !important; } .swForm .rsform-select-box { padding: 0 0 0 15px !important; height: 45px !important; line-height: 45px !important; } .swForm .rsform-input-box:focus, .swForm .rsform-text-box:focus { border-color: #a89589 !important; } .swForm .rsform-block.rsform-block-cv, .swForm .rsform-block.rsform-block-motivation { padding: 0px 15px 15px !important; } .swForm .rsform-block-send label { display: none; } .swForm .rsform-block-send .rsform-submit-button { display: block; color: #fff; text-align: center; text-align: center !important; width: 100%; font-size: 14px; line-height: 60px; height: 60px; max-width: none; margin: 20px 0;background: #ea8b07; } .swForm .rsform-block-send .rsform-submit-button:hover { opacity: 0.8; } .swForm .uk-form-label.rsform-error { color: #CF4D4D !important; background: transparent !important; } .swForm input.rsform-error { border: 1px solid #e63f4a !important; } .swForm input.rsform-error + .formClr { display: block; } .swForm input.rsform-error + .formClr { display: block; } .swForm textarea.rsform-error + .formClr { display: block; } .swForm .rsform-block-recaptcha .formControls > div > div { margin: 0 auto !important; } .swForm .rsform-block-recaptcha { margin: 20px auto !important; padding: 0 !important; } .swForm .rsform-block-recaptcha .uk-form-label { text-align: center; } .swForm .rsform-block-recaptcha .formError { text-align: center; width: 100%; display: inline-block; } .swForm .page-form-max { max-width: 800px; width: 100%; margin: 0 auto; padding: 40px 15px; } .swForm .uk-form::placeholder { color: #999; font-weight: 400; } .swForm .uk-form-controls .formValidation > span { padding-left: 0px!important; color: #CF4D4D;font-size: 12px!important;line-height: 12px!important; } .swForm > div > p { text-align: center; color: #CF4D4D !important; } .swForm > div > p.swform-error-message { margin: 0; padding: 10px 15px; font-weight: 500; color: #fff!important; background: #CF4D4D!important;} .swForm .form-header { margin: 25px 0 0; } .swForm .form-header h4 { margin:15px 0 0!important; background: #037b3d; color: #fff; padding: 8px 0 8px 10px; font-weight: 400; font-size: 17px; line-height: 21px; border-radius: 4px; } .swForm .form-header p { margin:0; } .swForm .form-header h4 + p { margin-top: 15px;} .swForm .rsform-type-freetext { margin-bottom: 0;} .swForm .rsform-type-choosepayment .formControls > label { border: 1px solid rgba(0,0,0,0.1); border-radius: 30px;padding: 10px 15px; background: #F1F4F5;margin: 0 0 15px; display: block;} .swForm .rsform-type-choosepayment .formControls > br { display: none;} .swForm .rsform-block-paiement-total { border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);padding: 15px 0!important;display: flex; align-items: center; align-content: center; justify-content: space-between; } .swForm .rsform-block-paiement-total > * { width: 50%;} .swForm .rsform-block-paiement-total .uk-form-label { text-align: left; font-size: 18px; margin: 0!important; padding: 0!important;} .swForm .rsform-block-paiement-total .uk-form-controls { text-align: right; font-size: 25px; line-height: 25px; font-weight: 700;} .swForm .rsform-type-jquerycalendar { } .swForm .rsform-type-jquerycalendar .xdsoft_datetimepicker.xdsoft_inline { width: 100%;} .swForm .rsform-type-jquerycalendar .xdsoft_datetimepicker .xdsoft_datepicker { width: calc(100% - 75px);} .swForm .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .swForm .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .swForm .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #037b3d!important;} .swForm .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #037b3d!important;} #rs-thanks { font-size: 20px; line-height: 30px; } #rs-thanks p { font-size: 20px; line-height: 30px; padding: 15px 0 50px !important; } /*FAQ*/ #questions-listes .block-wrapper { position: relative !important; overflow: hidden; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: top center; } #questions-listes .section-title { margin: 0 auto !important; padding: 0 !important } #questions-listes h2.mod-title { font-size: 43px; padding: 50px 0 15px !important; } #questions-listes .section-intro { max-width: 900px; margin: 0 auto; } #questions-listes .section-intro p { font-size: 14px; line-height: 22px; text-align: center; padding-bottom: 50px; margin-bottom: 0; } .section-faqs .max-block { max-width: 800px; margin: 0 auto; padding: 60px 30px 30px; } ul.faqs { margin: 0; padding: 0; list-style-type: none; } ul.faqs li.faq { margin-bottom: 50px; position: relative; } ul.faqs li.faq::after { content: ""; position: absolute; left: 0; right: 0; top: auto; bottom: -30px; height: 30px; background: transparent url('../images/bullet-bulle.png') 60px 0px no-repeat; } .faq-holder { border-radius: 8px; overflow: hidden; } .faq-question { background: #f1f4f5; overflow: hidden; cursor: pointer; } .faq-question h4 { padding: 24px 30px 20px; margin: 0; font-weight: 700 !important; letter-spacing: 0.4px; font-size: 17px; line-height: 26px; color: #000; } .faq-reponse { background: #ffd8c1; overflow: hidden; height: 0; 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; } .faq-reponse .faq-reponse-holder { padding: 30px; font-weight: normal !important; font-size: 16px; line-height: 23px; color: #000; } .faq-reponse .faq-reponse-holder p + p { margin-top: 15px !important; } .faq.open .faq-question { background: #ea8b07; } .faq.open .faq-question h4 { color: #fff; } .faq.open .faq-reponse { height: auto !important; } .faq.open::after { display: none; } /* MODULES ----------------------------------------------------------------------------------------------------*/ /*NEWS TICKER*/ .breaking-news-ticker { border: 0!important; } .breaking-news-ticker ul li { padding: 0;} .breaking-news-ticker a { padding-left: 0!important;} .breaking-news-ticker .btn-prefix,.breaking-news-ticker a { color: #000; font-weight: normal!important; padding: 0;} .breaking-news-ticker .btn-catname { display: inline-block; font-weight: 600; padding: 0 15px; position: relative; z-index: 1; background: transparent; } .breaking-news-ticker .btn-catname::before{ background: #fff; color: #000; position: absolute; top: 0; left: 0; opacity: 1; z-index: -1; content: ""; width: 100%; height: 65px; 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;} .breaking-news-ticker .btn-content { padding: 0 10px;} .bn-controls button { background:#037b3d; top: 8px; position: relative; border-radius: 50%; width: 25px; height: 25px; } .bn-controls button + button { margin-left: 4px;} .bn-controls button:hover { background: #ea8b07;} .bn-controls i { color: #fff;} /*mouse scroll indicator icon*/ .mouse-icon-wrap { position: absolute; text-align: center; bottom: 20px; width: 100%; z-index: 2; } .mouse-icon { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #fff; border-radius: 15px; bottom: 50px; height: 44px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 30px; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .mouse-icon:hover { opacity: 0.3 !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .mouse-icon .wheel { -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -moz-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -o-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; animation: 1.7s ease 0s normal none infinite magic-mouse-icon; border-radius: 50%; height: 12px; left: 0; margin-left: auto; margin-right: auto; margin-top: 6px; right: 0; width: 6px; background: #fff; } @-moz-keyframes magic-mouse-icon { 0% { margin-top: 6px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 18px; opacity: 0; } } @-webkit-keyframes magic-mouse-icon { 0% { margin-top: 6px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 18px; opacity: 0; } } @-o-keyframes magic-mouse-icon { 0% { margin-top: 6px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 18px; opacity: 0; } } @keyframes magic-mouse-icon { 0% { margin-top: 6px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 18px; opacity: 0; } } viber{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg)}31%{-webkit-transform:rotate(0deg)}32%{-webkit-transform:rotate(-10deg)}33%{-webkit-transform:rotate(0deg)}34%{-webkit-transform:rotate(10deg)}35%{-webkit-transform:rotate(0deg)}36%{-webkit-transform:rotate(-10deg)}37%{-webkit-transform:rotate(0deg)}38%{-webkit-transform:rotate(10deg)}39%{-webkit-transform:rotate(0deg)}40%{-webkit-transform:rotate(-10deg)}41%{-webkit-transform:rotate(0deg)}42%{-webkit-transform:rotate(10deg)}43%{-webkit-transform:rotate(0deg)}44%{-webkit-transform:rotate(-10deg)}45%{-webkit-transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg)}65%{-webkit-transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg)}85%{-webkit-transform:rotate(0deg)}90%{-webkit-transform:rotate(0deg)}95%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}} @-webkit-keyframes viber{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg)}31%{-webkit-transform:rotate(0deg)}32%{-webkit-transform:rotate(-10deg)}33%{-webkit-transform:rotate(0deg)}34%{-webkit-transform:rotate(10deg)}35%{-webkit-transform:rotate(0deg)}36%{-webkit-transform:rotate(-10deg)}37%{-webkit-transform:rotate(0deg)}38%{-webkit-transform:rotate(10deg)}39%{-webkit-transform:rotate(0deg)}40%{-webkit-transform:rotate(-10deg)}41%{-webkit-transform:rotate(0deg)}42%{-webkit-transform:rotate(10deg)}43%{-webkit-transform:rotate(0deg)}44%{-webkit-transform:rotate(-10deg)}45%{-webkit-transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg)}65%{-webkit-transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg)}85%{-webkit-transform:rotate(0deg)}90%{-webkit-transform:rotate(0deg)}95%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}} @keyframes viber{0%{transform:rotate(0deg)}5%{transform:rotate(0deg)}10%{transform:rotate(0deg)}15%{transform:rotate(0deg)}20%{transform:rotate(0deg)}25%{transform:rotate(0deg)}30%{transform:rotate(10deg)}31%{transform:rotate(0deg)}32%{transform:rotate(-10deg)}33%{transform:rotate(0deg)}34%{transform:rotate(10deg)}35%{transform:rotate(0deg)}36%{transform:rotate(-10deg)}37%{transform:rotate(0deg)}38%{transform:rotate(10deg)}39%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}41%{transform:rotate(0deg)}42%{transform:rotate(10deg)}43%{transform:rotate(0deg)}44%{transform:rotate(-10deg)}45%{transform:rotate(0deg)}60%{transform:rotate(0deg)}65%{transform:rotate(0deg)}70%{transform:rotate(0deg)}75%{transform:rotate(0deg)}80%{transform:rotate(0deg)}85%{transform:rotate(0deg)}90%{transform:rotate(0deg)}95%{transform:rotate(0deg)}100%{transform:rotate(0deg)}} @webkit-keyframes rotateloader{0%{-webkit-transform:rotate(90deg)}10%{opacity:0}35%{-webkit-transform:rotate(0deg);opacity:1}65%{-webkit-transform:rotate(0deg);opacity:1}80%{opacity:0}100%{-webkit-transform:rotate(-90deg)}} @keyframes rotateloader{0%{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:0}35%{transform:-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}80%{opacity:0}100%{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}} @-webkit-keyframes loadingAnimation{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @-moz-keyframes loadingAnimation{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @-ms-keyframes loadingAnimation{ from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @-o-keyframes loadingAnimation{ from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes loadingAnimation{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @-moz-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @-ms-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @-o-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes blink{0%{opacity:1.0}50%{opacity:0.4}100%{opacity:1.0}} @-webkit-keyframes blink{0%{opacity:1.0}50%{opacity:0.4}100%{opacity:1.0}} /* ======================================================================== /* Responsive Media Queries ========================================================================== */ /* Large screen and bigger */ @media (min-width: 1220px) { /*#slider-home .slick-slider .slider-content img { height: calc(70vh - 150px); min-height: calc(70vh - 150px); max-height: none!important;}*/ } /* 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) { } @media (max-width:479px){ .uk-notify{left:10px;right:10px;width:auto;margin:0} } /* 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%;} /*.block .block-wrapper { padding-left: 30px; padding-right: 30px; }*/ a.tm-logo-small img { padding: 5px; } .tm-headerbar a.tm-logo-small { margin: 0 auto; } .tm-headerbar a.tm-logo-small img { height: 60px !important; width: auto; } .tm-header-bar-wrapper { position: relative; background: #fff} .tm-headerbar .uk-navbar-content { box-sizing: border-box; display: block; padding: 0 20px; height: 60px; float: none !important; text-align: center !important; max-width: 50% !important; margin-left: auto !important; margin-right: auto !important; } .tm-headerbar .uk-nav-right { display: inline-block; position: absolute; right: 0; top: 0; height: 60px; line-height: 60px; } .tm-headerbar .uk-nav-right a { margin: 0px !important; padding: 0 15px; border-left: 1px solid #e7ebee; color: #037b3d; display: inline-block; height: 60px; line-height: 60px; text-align: center; } .tm-headerbar .uk-nav-right a:hover, .tm-headerbar .uk-nav-right a:focus { color: #037b3d; } .uk-navbar-toggle { color: #037b3d; position: absolute; height: 100% } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #037b3d; } #offcanvas-logo { display: block; text-align: center !important; } #offcanvas-logo img { max-width: 200px; margin: 0 auto; } .uk-offcanvas-bar { background: #fff; width: 320px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); } .uk-nav-offcanvas > li { border-bottom: 1px solid #ececec !important; padding: 0 !important; line-height: 25px !important; } .uk-nav-offcanvas > li > a { font-weight: 600;} .uk-nav-offcanvas li a { margin-bottom: 0px; background: #fff !important; color: #000 !important; font-size: 15px !important; line-height: 17px !important; padding: 20px 20px 20px 15px !important; text-align: left; text-transform: uppercase; } .uk-nav-offcanvas li a:hover, .uk-nav-offcanvas li a:active, .uk-nav-offcanvas li a:focus { background: #ea8b07 !important; color: #fff !important; } .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #ea8b07 !important; color: #fff !important; } .uk-nav.uk-nav-offcanvas .uk-nav-sub li.uk-active > a { color: #f57f20 !important; } .uk-nav-offcanvas ul.uk-nav-sub { padding-left: 0 !important; } .uk-nav-offcanvas ul.uk-nav-sub > li > a { font-size: 14px !important; line-height: 18px !important; padding: 10px 10px 10px 30px !important; } .uk-nav-offcanvas ul.uk-nav-sub ul { padding-left: 0 !important; } .uk-nav-offcanvas ul.uk-nav-sub ul > li > a { font-size: 14px !important; line-height: 18px !important; padding: 10px 20px 10px 50px !important; } .max-width { padding: 0 15px;} .page-grid { margin-left: -30px; margin-bottom: 70px;} .page-grid > * { padding-left: 30px;} .page-grid-left,.page-grid-right,.page-grid-full { width: 100%; } #page-single .page-grid { margin-top: 25px; } #page-cover .page-cover-title { font-size: 35px; line-height: 45px; padding-left: 15px; padding-right: 15px; margin-bottom: 0;} .mod-title h2 {font-size: 29px;line-height: 30px;} .page-intro .block > div { padding: 50px 25px!important;} .page-intro .block p br { display: none;} #slider-home .slick-slider .slider-content img { height: 310px;} #slider-home .slick-slider .slider-texte { padding: 10px; height: 100px;} #slider-home .slick-slider .slick-slide .slider-texte h2 { font-size: 13px; line-height: 16px; text-align: justify;} #slider-home .slick-prev, #slider-home .slick-next { bottom: 80px;} #slider-home .slick-dots { bottom: 120px;} .mod-valeurs .avant-last, .mod-valeurs .last { width: 100%;} .mod-valeurs .avant-last .uk-panel { border-right-width:0px; } .mod-valeurs .avant-last .uk-panel { border-bottom-width: 1px } .mod-title { flex-wrap:wrap } .mod-title h2 { width: 100%; text-align: center;} .mod-title .mod-link { width: 100%; text-align: center;padding: 15px 0;} .contenu-listing .contenu-item .contenu-pdf .content-layout { flex-wrap:wrap } .contenu-listing .contenu-item .content-title { width: 100%;} .contenu-listing .contenu-item .contenu-pdf .content-options { width: 100%; } .contenu-listing .contenu-item .contenu-pdf .content-tags, .contenu-listing .contenu-item .contenu-pdf .content-button { float: none;margin-left: 0;text-align: center; } .contenu-listing .contenu-item .contenu-pdf a.uk-button-small { border: 1px solid #037b3d; display: block; margin-top: 20px; height: 45px;line-height: 45px;min-height: 45px;} .contenu-listing .contenu-item .contenu-pdf .content-title h3 { font-size: 14px!important; text-align: center;} .page-texte h2.section-title { font-size: 25px;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-image-block, .app-blog-content-module .app-blog-content-item .app-blog-content-item-content-block { width: 100%; } .app-blog-content-module .app-blog-content-item .app-blog-content-item-image { height: 180px; position: relative;} .app-blog-content-module .app-blog-content-item .app-blog-content-item-content-block .uk-panel { padding: 10px 0;} .cta-full h4 { font-size: 24px;} .cta-full .cta-one-texte p { max-width:100%; font-size: 16px; line-height: 24px;} .cta-full .cta-one-content { text-align: center;} .footer-em h6 { text-align: center;} #em-module p { margin-bottom: 20px; text-align: center;} #em-module p br { display: none;} #em-module .field-email input { border-radius: 0px; } #em-module .field-email { width: 100%!important; margin-bottom: 15px; } #em-module .field-btn { width: 100%; position: relative; right: auto;} #em-module .field-btn a { border: 0; line-height: 60px !important; height: 60px !important;min-height: 60px !important;} .footer-menus .max-width { padding: 0 20px!important;} .footer-menus .footer-cols { text-align: center; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .footer-menus .footer-cols .col.col-one , .footer-menus .footer-cols .col.col-contact, .footer-menus .footer-cols .col.col-else { width: 100%;} /*.footer-menus .footer-cols .col.col-one { order:99; padding-top: 40px;}*/ .footer-menus .col-texte p { text-align: center;} .footer-menus .footer-logo, .footer-menus .social-bottom-links,.footer-menus .footer-copyright,.footer-menus .footer-menu li a { text-align: center; } .footer-menus .footer-logo img { width: 100%; max-width: 200px !important; height: auto; } .footer-menus .contact-line { margin: 0 auto; padding: 10px 10px; border-bottom: 1px solid #eaeaea;} .footer-menus .contact-line p { margin: 0; padding: 0;} .footer-menus h5 { text-transform: uppercase; padding: 8px 0; margin: 0!important;color: #fff; } .footer-menus .footer-menu li a { margin: 0 auto; padding: 18px 10px; border-bottom: 1px solid #eaeaea; } .footer-menus .footer-menu li:last-child a { border-bottom: 0;} .footer-bottom .footer-copyright p { line-height: 20px;} #page .service-texte { padding: 0 15px;} .page-form-max { padding: 30px 20px!important;} .swForm .form-header p br { display: none;} .swForm .rsform-type-freetext br { display: none;} #app-blog .app-blog-listing .app-blog-listing-wrapper { padding: 0} #app-blog .uk-grid-app-content { margin-left: 0px;} #app-blog .uk-grid-app-content > * { padding-left: 0px; } #app-blog .app-blog-content-grid > * > .uk-panel { padding: 20px 15px!important;} #app-blog .app-blog-content-item-intro p { margin-bottom: 0;} #app-blog .app-blog-content-item-image-block { margin-bottom: 20px; } #app-blog-single h1 { padding: 20px 0;font-size: 25px; line-height: 35px;} #app-blog-single .app-blog-single-item-content .app-blog-single-item-cover { margin-top: 0;} #app-blog-single .app-blog-single-item-info .uk-panel { padding: 5px 0;} #app-blog-single .app-blog-single-item-content .app-blog-single-item-texte { padding: 0 15px;} #app-blog-single .app-blog-single-item-gallery .app-blog-single-item-max-content , #app-blog-single .app-blog-single-item-video .app-blog-single-item-video-wrapper { padding: 20px 15px!important; } .contact-page .section-top { padding: 30px 15px;} .contact-page .section-top p br { display: none; } .contact-page .section-top .section-title { font-size: 30px; line-height: 35px;} .contact-page .contact-form-wrapper { padding-top: 30px!important; padding-bottom: 30px!important;} .contact-page .form-wrapper { padding: 0px 15px!important;} .contact-page .section-wrapper { padding-left: 15px!important; padding-right: 15px!important; } .contact-numbers .section-wrapper { padding: 0!important;} .numbers-grid h3.number-label { text-align: center;} .numbers-grid .number-value { padding: 10px 15px;display: block; background: #fff; border-radius: 4px; margin-bottom: 5px; text-align: center; } } .menu-home-icon::before { content: "\f015"; /* Code Unicode de l'icône maison */ font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; /* Espace entre l'icône et le texte */ } .menu-home-hidden .image-title .name { display: none !important; }