:root { --orange: #29BCE9; --blue: #ededed; --darkblue: #ffffff; --foreground_color1: #333333; --foreground_color2: white; --foreground_color3: #29BCE9; --foreground_color4: #fc9000; --background: #ffffff; --background1: #ffffff; --background2: #ededed; --background3: #dedede; --background4: #c3c3c3; --highlight: #29BCE9; --btn_background1: #29BCE9; --btn_text1: #ffffff; --btn_background1_on: #ffffff; --btn_text1_on: #29BCE9; --btn_background2: #ffffff; --btn_text2: #29BCE9; --input_background1: #ffffff; --input_text1: #333333; --textcolor1: #333333; --checkbox_background1: #ededed; --checkbox_text1: #333333; --checkbox_background1_on: #29BCE9; --checkbox_text1_on: #ffffff; } ::-webkit-scrollbar { width:5px; } ::-webkit-scrollbar-track { /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ background:var(--background2); } ::-webkit-scrollbar-thumb { background-color:var(--highlight); /* outline: 1px solid #253150; */ } .stacked-view::-webkit-scrollbar-thumb { background-color:var(--background2); } body { background:var(--background) !important; color:var(--textcolor1); font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body.logged-in { background:var(--background1); color:var(--textcolor1); } #navbar .btn-iconize.logout { background:var(--btn_background1) !important; color:var(--btn_text1) !important; transition:all 0.4s ease; } #navbar .btn-iconize.logout:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; box-shadow:0 0 8px rgba(0,0,0,0.3); } .btn-dbi { position:relative; background:var(--btn_background1) !important; color:var(--btn_text1) !important; } .btn-dbi:hover { background:var(--btn_background2) !important; color:var(--btn_text2) !important; } .btn-admin { position:relative; background:var(--btn_background1) !important; color:var(--btn_text1) !important; border-radius:6px; overflow:hidden; vertical-align:top; } .btn-admin:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; box-shadow:0 0 10px rgba(0,0,0,0.3) !important; } .btn-admin::before { content:" "; position:absolute; left:0; top:50%; right:0; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.3), transparent); } .inputfile + label, .btn-upload { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } .inputfile + label:hover, .btn-upload:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; } h1 > ul.buttons > li > a.btn-blue { background:var(--btn_background1); color:var(--btn_text1); } h1 > ul.buttons > li > a.btn-blue:hover { background:var(--btn_background1_on); color:var(--btn_text1_on); } h1 .buttons a.iconize { color:var(--btn_text1) !important; } ul.buttons > li > a:hover, h1 .buttons a.iconize:hover { color:var(--highlight) !important; } .icon-action { background:var(--btn_background1); color:var(--btn_text1); } .icon-action:hover, .icon-action:hover:before { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; } .with-buttons > ul.buttons.inline > li > a.icon-action { vertical-align:top; } .btn-big { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } .btn-big:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; box-shadow:0 0 10px rgba(0,0,0,0.2); } .uploader-window { background:linear-gradient(to right, var(--background1), var(--background2)); color:var(--textcolor1); } main section { color:var(--textcolor1); } main section > h1 { color:var(--textcolor1); } #navbar { background:var(--background2) !important; color:var(--textcolor1); } #navbar .columns > .column { overflow:visible; } #navbar .form-control { background:var(--background1); color:var(--textcolor1); } #navbar .btn-iconize { background:var(--background1); color:var(--textcolor1); height:34px; line-height:34px; width:34px; border-radius:17px; } #navbar .stats > span { color:var(--highlight); } .username .email { background:var(--background1); color:var(--textcolor1); height:34px; line-height:34px; border-radius:17px; padding:0 17px 0 34px; } .username .email > span.profil { color:var(--highlight); display:none; } .username .email > span { line-height:inherit; } .username .email:after { left:0; top:0; color:var(--textcolor1); content:"\f007"; width:34px; height:34px; line-height:34px; } .cta_bar { background:linear-gradient(to right, var(--background1), var(--background2), var(--background1)) !important; color:var(--textcolor1); } .cta_bar:before { opacity:0.2; } .cta_bar h1 { color:var(--textcolor1) !important; font-size:21px !important; } .cta_bar h2 { color:var(--highlight) !important; font-weight:bold !important; font-size:15px !important; } body.logged-in.menu-open #menubar { } #menubar { background:linear-gradient(to bottom, var(--background1), var(--background2)); } #menubar .menu-body ul { margin-top:20px; } #menubar .menu-body ul > li { position:relative; padding-bottom:10px; } #menubar .menu-body ul > li:after { content:" "; position:absolute; left:25px; bottom:0px; right:0px; height:1px; background:var(--background4); } #menubar .menu-body ul > li:last-child:after { display:none; } #menubar .menu-body ul > li a { position:relative; color:var(--textcolor1); user-select:none !important; } #menubar .menu-body ul > li.active a { background:var(--btn_background1); color:var(--btn_text1); } #menubar .menu-body ul > li a:hover { background:linear-gradient(to left, rgba(0,0,0,0.2), transparent); color:var(--textcolor1); } /* #menubar .menu-body ul > li.active a:before, */ #menubar .menu-body ul > li:not(.active) a:hover:before { content:" "; position:absolute; left:-10px !important; top:0; bottom:0; width:5px; background:var(--highlight) !important; } ul.documents > li { background:var(--background2); color:var(--textcolor1); } ul.documents > li[data-type] { padding-left:58px; } ul.documents > li[data-type]:hover { color:var(--highlight) !important; } ul.documents > li[data-type]:before, ul.documents > li[data-type]:hover:before { background:var(--highlight) !important; color:#fff !important; } ul.documents > li[data-type] > .buttons > a { background:transparent !important; color:var(--highlight) !important; } ul.documents > li[data-type] > .buttons > a:hover { background:var(--highlight) !important; color:#fff !important; } ul.documents > li[data-type] > .buttons > a[data-remove-item] { position:relative; } ul.documents .buttons a.icon-delete:before, ul.documents .buttons a.delete:before { content:"\f2ed" !important; font-family:"Font Awesome 5 Pro" !important; position:absolute; left:0; top:0; right:0; bottom:0; font-size:20px; } ul.programmes > li, ul.programmes > li.programme { background:var(--background2); color:var(--textcolor1); } ul.tabbed-nav > li a { color:var(--textcolor1); user-select:none; } ul.tabbed-nav > li.active a { border-color:var(--highlight); color:var(--highlight); } ul.tabbed-nav > li:hover a { color:var(--highlight); } .table-options .search-bar > input { background:var(--background2); color:var(--textcolor1); } .table-options .search-bar:after { color:var(--textcolor1); } .gdp > .table > thead > tr > th, .gdp > .table > tr > th { background:var(--background2); color:var(--textcolor1); } .gdp > table > thead > tr:first-child > th { border-bottom:solid 1px var(--background1); } .gdp > table > thead > tr.filter .filter-control { background:var(--background1); color:var(--textcolor1); } .gdp > table > thead > tr.sort-order > th::after { color:var(--textcolor1); } .gdp > table > thead > tr.sort-order > th.asc::after, .gdp > table > thead > tr.sort-order > th.desc::after { color:var(--highlight); } .selection-actions > li a { background:var(--background2); color:var(--highlight); border-radius:17px; } .selection-actions > li a:hover { background:var(--highlight) !important; color:#fff; } .gdp > table > tbody > tr > td { color:var(--textcolor1); border-bottom:solid 1px var(--background2); } table tbody > tr.selected > td { color:#fff !important; } input[type="checkbox"].checkbutton + label { background:var(--input_background1); color:var(--input_text1); } input[type="checkbox"].checkbutton:checked + label { background:var(--btn_background1); color:var(--btn_text1); } .form-group .form-control { background:var(--background2); color:var(--textcolor1); } .uix-stackedview > .uix-stackedview-footer { border-color:var(--highlight) !important; } /****** administration ******/ #administration h1, #administration h2, #administration h3, #administration h4 { color:var(--textcolor1); } /****** Mon profil ******/ main#profil section#profil { width:100%; max-width:1050px !important; } #profil .columns > .column:first-child { max-width:50%; } #profil .columns > .column:first-child h2 { display:none; } #profil .columns > .column:first-child .panel { background:linear-gradient(to bottom, var(--background2), var(--background1)); background:var(--background2); } #profil h2 { color:var(--highlight); } #profil .form-control { padding:10px 20px 0px 20px; } #profil .form-group > .control-label { } #profil .form-group.active > .control-label { margin-top:-10px; font-size:10px; } #profil .form-group .form-control { background:var(--input_background1); color:var(--input_text1); outline:none !important; box-shadow:none !important; } #profil .columns > .column:first-child .panel, #profil .columns > .column:last-child .panel { background:transparent; padding:0; } #profil .form-group .form-control { border-radius:6px; background:#eee !important; } /****** Home ******/ a.reset-password { color:var(--textcolor1); } a.reset-password:hover { color:var(--highlight); } main.home > section { background:var(--background1); color:var(--textcolor1) !important; } section#carte-home { background:var(--background2); } main.home > section#inscription { background:linear-gradient(to right, var(--background2), var(--background1)); } main.home > section .columns > .column.signin { color:var(--textcolor1); } main.home > section .form-group .form-control { background:var(--background2); color:var(--textcolor1); } /****** Programmes - recherche ******/ #recherche-programmes { } #recherche-programmes form#form-recherche div:not(.ui-slider-range) { background:var(--background2) !important; } #programmes-recherche .form-group .control-label { color:var(--textcolor1); } #programmes-recherche .form-control { background:var(--input_background1); color:var(--input_text1); } #programmes-recherche input.checkbutton + label { background:var(--input_background1); color:var(--input_text1); } #programmes-recherche input.checkbutton:checked + label { background:var(--btn_background1); color:var(--btn_text1); } #programmes-resultats h1, #programmes-resultats h2 { color:var(--textcolor1) !important; } #programmes-recherche .form-group#budget .control-label, #programmes-recherche .form-group#livraison .control-label { max-width:50%; } #programmes-recherche .form-group#budget .control, #programmes-recherche .form-group#livraison .control { color:var(--foreground_color3) !important; white-space:nowrap; } #programmes-recherche .ui-slider .ui-slider-handle, #programmes-recherche .ui-slider .ui-slider-range { background:var(--foreground_color3) !important; } #programmes-recherche .form-group#livraison_immediate { display:none !important; } #programmes-recherche .form-group#rentabilite { display:block; } #programmes-recherche .form-group#rentabilite .control-label { max-width:100%; width:100%; display:inline-block; float:none; font-size:13px; line-height:1.4em; } #programmes-recherche .form-group#rentabilite .control { width:100%; text-align:right; } .programmes-liste .programme-preview .btn-more { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } .gm-style-iw button { width:40px !important; height:40px !important; line-height:40px !important; background:var(--btn_background1) !important; color:var(--btn_text1) !important; } .gm-style-iw button > span { width:30px !important; height:30px !important; background:white !important; display:inline-block !important; vertical-align:middle !important; margin:0 !important; } /****** Dashboard ******/ main#dashboard { padding-top:20px; } section#quick-search .form-group > .control-label { height:auto; line-height:1em; } section#quick-search .form-group > .control { text-align:left !important; } section#quick-search .columns { background:var(--background2); color:var(--textcolor1); } section#quick-search .form-group .form-control { background:var(--input_background1); color:var(--input_text1); } input[type="checkbox"].checkbutton + label { background:var(--input_background1); color:var(--input_text1); } input[type="checkbox"].checkbutton:checked + label { background:var(--btn_background1); color:var(--btn_text1); } .form-group#localisation > .control:after { color:var(--textcolor1); } section#quick-search .btn-search { margin-top:20px !important; } section#quick-links { text-align:center; } section#quick-links ul.quick-links { display:inline-block; text-align:center; white-space:nowrap; font-size:0; box-shadow:0 0 8px #ccc; border-radius:17px; } section#quick-links ul.quick-links > li { display:inline-block; margin:0 1px 0 0; } section#quick-links ul.quick-links > li:last-child { margin:0; } section#quick-links ul.quick-links > li > a { height:34px; line-height:34px; border-radius:0; box-shadow:none; padding:0 20px; } section#quick-links ul.quick-links > li > a:hover { } section#quick-links ul.quick-links > li:first-child > a { border-radius:17px 0 0 17px; } section#quick-links ul.quick-links > li:last-child > a { border-radius:0 17px 17px 0; } #resultats .input-group.dates input.date { background:var(--background2); color:var(--textcolor1); } #resultats .input-group.dates a { background:var(--highlight); color:#fff !important; font-size:13px; } #resultats .checkbutton + label { background:var(--background2) !important; color:var(--textcolor1) !important; vertical-align:top; } #resultats .checkbutton:checked + label { background:var(--highlight) !important; color:#fff !important; } .table>tbody>tr:nth-of-type(odd) { background:var(--background2); } .table>tbody>tr>td { border-color:var(--background1); } main#dashboard section#nouveautes .links .btn-dbi { margin-left:10px; } /****** Programme - edition ******/ main#programme-edit { padding-bottom:100px; } #programme-edit .form-group .form-control { background:var(--background2) !important; color:var(--textcolor1) !important; } #programme-edit hr { border-color:var(--background2) !important; } section#programme-view h1 { color:var(--textcolor1); } section#programme-edit h2 { color:var(--textcolor1); border-bottom:solid 1px var(--textcolor1); padding-bottom:15px; margin-bottom:15px; } section#programme-edit h2 strong { color:var(--textcolor1); } section#programme-edit h3 { color:var(--highlight); text-align:left; /* margin-left:200px; */ } section#programme-edit .form-group .control-label { color:var(--textcolor1) !important; max-width:200px; } section#programme-edit input[type="checkbox"].checkbutton + label { background:var(--checkbox_background1); color:var(--checkbox_text1); } section#programme-edit input[type="checkbox"].checkbutton:checked + label { background:var(--checkbox_background1_on); color:var(--checkbox_text1_on); } .updater-category { background:var(--background1); } .updater-category > .columns { padding-top:0; } section#programme-view .resume-programme, section#programme-view .tab-view .tab-content { background:var(--background2); color:var(--textcolor1); } section#programme-view .tab-view ul.nav-tabs > li a { background:var(--background2); color:var(--textcolor1); } section#programme-view .tab-view ul.nav-tabs > li.active a { background:var(--highlight); color:var(--btn_text1); } section#programme-view .nav-tabs { border-color:var(--highlight); } #lot-edit .input-group .input-group-addon:last-child, #lot-edit .input-group .input-group-addon { background:var(--background2) !important; color:var(--highlight) !important; } #lot-edit .form-group.is_admin .control-label { color:var(--highlight) !important; } #programme-gdp h2 { font-size:24px; margin-bottom:20px; text-transform:uppercase; } .gdp > table > tbody > tr[data-item]:hover > td, .gdp > table > tbody > tr[data-item]:nth-of-type(odd):hover > td { background:var(--highlight); color:#fff !important; border-color:#fff; } a.plan_logement { color:var(--highlight) !important; } .gdp > table > tbody > tr[data-item]:hover > td a.plan_logement, .gdp > table > tbody > tr[data-item]:nth-of-type(odd):hover > td a.plan_logement { color:#fff !important; } .gdp > table > tbody > tr > td a { vertical-align:middle; } /****** Programme - visualisation ******/ #programme-details > h1.programme { margin-right:0 !important; min-width:calc(100% - 300px); } #programme-details > h1.programme strong { color:var(--highlight) !important; } main#programme #programme-infos { background:var(--background2); } main#programme #programme-geoloc > .columns { background:var(--background2); } main#programme .bloc-adresse a.map-click { color:var(--highlight); } ul.dispositifs > li, ul.certifications > li { background:var(--btn_background1); color:var(--btn_text1); text-transform:uppercase; font-weight:bold; user-select:none; } #programme-view .list-view { /* overflow:hidden; */ } #programme-view .list-view > .list-view-footer { border:none; background:linear-gradient(to bottom, var(--background3), transparent); } body#tinymce { background:var(--background2) !important; } #programme-view ul.images > li { background:var(--background1); } #programme-view .list-view > .list-view-body { padding:15px; } ul.images > li > .buttons > a { background:var(--btn_background1); color:var(--btn_text1); } ul.images > li > .buttons > a:hover { background:var(--btn_background1_on); color:var(--btn_text1_on); } ul.images.sortable { overflow:hidden; } main#programme #programme-infos { padding-top:0; } main#programme #programme-infos h2.etat_programme { background:var(--highlight) !important; color:#fff !important; font-size:20px; font-weight:bold; text-transform:uppercase; padding:20px 0 !important; margin-left:-30px; margin-right:-30px; width:calc(100% + 60px) !important; border:none !important; margin-bottom:0 !important; } main#programme #programme-infos h2:not(.etat_programme) { text-align:center !important; margin-top:30px; } main#programme #programme-infos ul.programme-pf { margin-bottom:50px !important; } main#programme #programme-infos .programme-infos-2 { margin-top:30px !important; } main#programme #programme-descriptif h1 { padding-bottom:10px; border-bottom:solid 1px #ccc !important; } main#programme #programme-descriptif ul.buttons.links { margin-top:50px !important; } main#programme #programme-perspectives { margin-left:-30px !important; background:var(--background4) !important; } main#programme #programme-infos ul.buttons > li:first-child > a { background:#fff !important; color:var(--highlight) !important; } main#programme #programme-options { width:100% !important; } main#programme #programme-reservations { width:100% !important; } .programme-contacts a { color:var(--textcolor1) !important; } .programme-contacts a:hover { color:var(--highlight) !important; } .programme-contacts p.email { margin-bottom:0 !important; } .programme-contacts p.email a:before { content: "@"; color:var(--highlight); font-weight: bold; font-size: 14px; margin-right: 5px; } .programme-contacts p.telephone { margin-bottom:0 !important; } .programme-contacts p.telephone a:before { content: "\f8d3"; font-family:"Font Awesome 5 Pro"; color:var(--highlight); font-weight: bold; font-size: 14px; margin-right: 5px; } ul.offres > li { background:var(--background1) !important; } ul.offres > li { color:var(--highlight) !important; font-weight:bold !important; text-transform:uppercase !important; font-size:20px; padding-top:10px; padding-bottom:10px; height:auto; line-height:1.2em; } ul.offres > li span.dates { color:#777 !important; font-weight:normal; } ul.offres-speciales > li > a { background:var(--background4) !important; } ul.offres-speciales > li > a span.more { background:var(--highlight) !important; } .bloc-adresse { padding-left:20px; } #programme-geoloc h3 { font-size:12px !important; font-weight:bold; margin-left:-20px; } #programme-infos .resume-programme .top_publie.active, span.top_publie.active { background:var(--foreground_color4) !important; } ul.buttons.actions-unlatch { display:inline-block; border:solid 2px var(--btn_background1) !important; border-radius:6px; } ul.buttons.actions-unlatch > li a { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } ul.buttons.actions-unlatch > li a:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; } /***** Lot ******/ #lot-view h1 { margin-bottom:0 !important; } #lot-view h2 span.statut { color:var(--highlight) !important; } .lot-infos { border:none !important; } .lot-infos > p { background:var(--background2) !important; color:var(--textcolor1) !important; border:none !important; } .lot-infos > p > span:first-child { max-width:160px !important; min-width:160px !important; } .lot-infos > p > span:first-child { background:var(--background4) !important; color:var(--textcolor1) !important; } .lot-infos.prix > p > span:first-child { background:var(--highlight) !important; color:#fff !important; } .lot-infos.prix > p > span:last-child { color:var(--highlight) !important; font-size:15px; } .modal-body > .columns > .column:first-child { padding-top:30px; } .modal-body > .columns > .column:last-child { padding-top:40px; } .view-stack .view-stack-nav > li a { color:var(--textcolor1) !important; } .view-stack .view-stack-nav > li.active a { border-color:var(--highlight) !important; color:var(--textcolor1) !important; } #lot-view .btn-group:hover { box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:20px !important; overflow:hidden; } #lot-edit h2 span.statut { background:var(--highlight) !important; color:#fff !important; display:inline-block; height:20px; line-height:20px; padding:0 15px; font-size:12px; font-weight:bold; text-transform:uppercase; vertical-align:middle; user-select:none !important; margin-left:5px; } #lot-edit h2 span.statut { position:absolute; left:20px; top:-50px; z-index:3; } #lot-edit .form-group .control .input-group-addon [type="checkbox"] { position:relative; appearance:none; display:block; position:absolute; left:10px; top:7px; } #lot-edit .form-group .control .input-group-addon [type="checkbox"]:before { content:" "; position:absolute; left:0; top:0; width:20px; height:20px; border:solid 1px #ccc; background:#fff; } #lot-edit .form-group .control .input-group-addon [type="checkbox"]:checked:after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; background:var(--highlight); } .wx-inputbox-window { background:var(--background2); color:var(--textcolor1); } .wx-inputbox-buttons .btn-yes { background:var(--btn_background1); color:var(--btn_text1); } .wx-inputbox-buttons .btn-yes:hover { background:var(--btn_background1_on); color:var(--btn_text1_on); } .wx-inputbox-window .close { background:var(--btn_background1); color:var(--btn_text1); font-size:12px; } .wx-inputbox-window .close:hover { background:var(--btn_background1_on); color:var(--btn_text1_on); } .modal-dbi .modal-content { background:linear-gradient(to right, var(--background2), var(--background1)) !important; } .modal-dbi h1 { color:var(--highlight) !important; } .modal-dbi h2 { color:var(--textcolor1) !important; } .modal-dbi .modal-body { background:var(--background1) !important; } .modal-dbi .modal-header { box-shadow:0 0 10px rgba(0,0,0,0.3); border:none !important; } .modal-dbi .modal-footer { box-shadow:0 0 10px rgba(0,0,0,0.3); border:none !important; } .modal-dbi .modal-header .close, .modal-dbi-ext .modal-header .close { background:var(--checkbox_background1) !important; color:var(--checkbox_text1) !important; } .modal-dbi .modal-header .close:hover, .modal-dbi-ext .modal-header .close:hover { background:var(--checkbox_background1_on) !important; color:var(--checkbox_text1_on) !important; } .modal-header ul.buttons > li > a.btn-blue:hover { background:var(--checkbox_background1_on) !important; color:var(--checkbox_text1_on) !important; } input[type="checkbox"].configuration:before { border-color:var(--background3) !important; } input[type="checkbox"].configuration:checked:after { background:var(--highlight) !important; } .modal-dbi-ext .modal-header { } .modal-dbi-ext .modal-footer { background:var(--background2) !important; } #programme-gdp ul.buttons.buttons-bar { box-shadow:0 0 8px rgba(0,0,0,0.2) !important; border-radius:15px !important; overflow:hidden; } #programme-gdp ul.buttons.buttons-bar > li > a { box-shadow:none !important; } .programme-preview { background:var(--background2) !important; color:var(--textcolor1) !important; } .programme-preview hr { border-color:var(--highlight) !important; } /****** Envoyer par email ******/ #send-email .modal-header { padding-top:20px !important; max-height:80px !important; } #send-email h1 { margin-bottom:0 !important; text-transform:uppercase !important; } #send-email h2 { text-transform:uppercase !important; font-size:22px !important; } #send-email ul.lots > li { background:var(--background2) !important; user-select:none !important; cursor:pointer !important; } #send-email ul.lots > li input[type="checkbox"]:checked + label:after { background:var(--highlight) !important; } #send-email .form-group > .control .form-control, #send-email .form-group.active > .control .form-control, #send-email .form-group.ok > .control .form-control { height:48px; box-shadow:none !important; border-radius:8px !important; } #send-email .form-group.error .control-label { color:#ff0000 !important; } #send-email .form-group > .control-label, #send-email .form-group.active > .control-label, #send-email .form-group.ok > .control-label, #send-email .form-group:hover > .control-label { left:30px !important; right:auto !important; top:0 !important; box-shadow:none !important; background:transparent !important; color:#777 !important; padding:0 !important; } #send-email input[type="checkbox"].checkbutton + label { user-select:none !important; } /****** Administration ******/ #administration h1.with-buttons > ul.buttons { margin-left:10px; } #administration h1.with-buttons > ul.buttons > li > a { vertical-align:top; } .agence-utilisateurs ul.utilisateurs { height:auto !important; } ul.utilisateurs > li.header { background:var(--background2) !important; border-color:var(--background1) !important; color:var(--textcolor1) !important; } ul.utilisateurs > li.header .filter-control { background:var(--background1) !important; border-color:var(--background1) !important; } ul.utilisateurs > li.utilisateur { background:var(--background1) !important; color:var(--textcolor1) !important; } ul.utilisateurs > li.utilisateur:nth-child(odd) { background:var(--background2) !important; } ul.prescripteurs > li.header { background:var(--background2) !important; border-color:var(--background1) !important; color:var(--textcolor1) !important; } ul.prescripteurs > li.header .filter-control { background:var(--background1) !important; border-color:var(--background1) !important; } #prescripteur-edit .modal-body > .columns > .column:first-child { padding-top:15px !important; } #prescripteur-edit .modal-body > .columns > .column:last-child { padding-top:15px !important; } #prescripteur-edit .form-group.checkbox { text-align:right !important; } #prescripteur-edit .form-group.checkbox > [type="checkbox"] { float:right; } #prescripteur-edit [type="checkbox"].checkbox-dbi:before { width:20px !important; height:20px !important; } #prescripteur-edit [type="checkbox"].checkbox-dbi:checked:after { width:12px !important; height:12px !important; } ul.prescripteurs > li.prescripteur { background:var(--background2) !important; } ul.prescripteurs > li.prescripteur:hover { background:var(--highlight) !important; color:#fff !important; } #prescripteur section > .section-sub { border-radius:8px; } #prescripteur section > .section-sub#prescripteur-infos .column:first-child { padding-top:15px; padding-bottom:15px; background:white; border-radius:8px; margin-right:30px; } #prescripteur section > .section-sub#prescripteur-infos .column:first-child p:first-child { text-transform:uppercase; font-weight:bold; } #prescripteur-options #id_role.form-group .form-control { color:var(--foreground_color1) !important; } ul.partenaires > li { color:var(--textcolor1) !important; } ul.partenaires > li > .partenaire:hover { color:var(--highlight) !important; } ul.partenaires > li > .partenaire > .logo { background:var(--background2) !important; } ul.partenaires > li > .partenaire ul.buttons > li a { background:var(--checkbox_background1) !important; color:var(--checkbox_text1) !important; } ul.partenaires > li > .partenaire ul.buttons > li a:hover { background:var(--checkbox_background1_on) !important; color:var(--checkbox_text1_on) !important; } #partenaire-edit .form-group > .control-label, #partenaire-edit .form-group.active > .control-label, #partenaire-edit .form-group.ok > .control-label, #partenaire-edit .form-group:hover > .control-label { height:44px; color:var(--textcolor1); height:44px; padding-top:10px; } ul.variables > li { background:var(--background2); color:var(--textcolor1); } ul.variables > li span.code { color:var(--highlight) !important; font-weight:bold; } ul.variables > li:hover { background:var(--background1); box-shadow:0 0 8px rgba(0,0,0,0.3); color:var(--textcolor1) !important; } ul.types_variables > li > a { background:var(--background2); color:var(--textcolor1); } ul.types_variables > li.active > a { color:var(--highlight); } ul.types_variables > li > a:hover { background:var(--highlight); color:#fff !important; } .tabbed-panel { color:var(--textcolor1); } /****** Contacts ******/ .table-view > .table-view-header { background:var(--background3); color:var(--textcolor1); } #contacts .input-group.dates input.date { background:var(--background1); color:var(--textcolor1); } #contacts .input-group.dates a { background:var(--background1) !important; color:var(--textcolor1); } #contacts-list > thead > tr.labels { background:var(--background2); } th[data-orderby]:after { color:#777; } th[data-orderby].asc:after, th[data-orderby].desc:after { color:var(--highlight); } #contacts .table-view > .table-view-footer { background:var(--background3) !important; color:var(--textcolor1) !important; } .map-popup .infos { background:var(--background2); color:var(--textcolor1); } .map-popup .infos > .ville { color:var(--textcolor1); } .custom-iw .gm-style-iw-c { background:var(--background2); } .custom-iw .gm-style-iw-d { background:var(--background2); } .gm-style .gm-style-iw-t { background:var(--background2); } .gm-style .gm-style-iw-t::after { background:var(--background2); } /****** Dénoncer / Poser option ******/ #poser-option h1 { margin-bottom:0 !important; } #poser-option .modal-header .buttons > li > a { color:var(--textcolor1) !important; } #poser-option .modal-header .buttons > li.active > a { border-color:var(--highlight) !important; color:var(--highlight) !important; } ul.buttons.contacts > li:nth-child(3), ul.buttons.contacts > li:nth-child(4) { display:none; } #poser-option ::-webkit-scrollbar-track { background-color:transparent !important; } #poser-option ::-webkit-scrollbar-thumb { background-color:var(--background2) !important; } #poser-option input[type="radio"].checkbutton + label { user-select:none !important; background:var(--background2); color:var(--textcolor1); } #poser-option input[type="radio"].checkbutton:checked + label { background:var(--highlight); color:#fff !important; } .modal-body > .columns > .column hr { border-color:var(--background2) !important; } #poser-option .modal-body > .columns > .column:first-child .form-group { background:var(--background3) !important; } ul#details-reservation .form-control { background:var(--background3) !important; } ul#details-reservation > li { background:var(--background3) !important; color:var(--textcolor1) !important; overflow:hidden; } ul#details-reservation > li > div { position:relative; } ul#details-reservation > li.header { background:transparent !important; margin-bottom:0 !important; } ul#details-reservation > li.header > div { position:relative; text-transform:uppercase; font-size:11px !important; } ul#details-reservation > li.total { background:var(--highlight) !important; } ul#details-reservation > li.total > div { color:#fff !important; } ul#details-reservation > li.total .form-control { background:transparent !important; color:#fff !important; } ul#details-reservation > li.logements > div, ul#details-reservation > li.annexes > div, ul#details-reservation > li.secondaires > div { position:relative; } /* ul#details-reservation > li.logements > div:nth-child(2):before, ul#details-reservation > li.annexes > div:nth-child(2):before, ul#details-reservation > li.secondaires > div:nth-child(2):before, ul#details-reservation > li.total > div:nth-child(2):before, */ ul#details-reservation > li.logements > div:nth-child(4):before, ul#details-reservation > li.annexes > div:nth-child(4):before, ul#details-reservation > li.secondaires > div:nth-child(4):before, ul#details-reservation > li.total > div:nth-child(4):before { /* content:" "; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.1); */ } ul#details-reservation > li.logements > div:nth-child(1), ul#details-reservation > li.annexes > div:nth-child(1), ul#details-reservation > li.secondaires > div:nth-child(1), ul#details-reservation > li.total > div:nth-child(1) { text-align:right !important; padding-right:10px !important; font-size:13px !important; } ul#details-reservation > li.logements > div:nth-child(1), ul#details-reservation > li.logements > div:nth-child(2), ul#details-reservation > li.logements > div:nth-child(3), ul#details-reservation > li.logements > div:nth-child(4), ul#details-reservation > li.logements > div:nth-child(5), ul#details-reservation > li.annexes > div:nth-child(1), ul#details-reservation > li.annexes > div:nth-child(2), ul#details-reservation > li.annexes > div:nth-child(3), ul#details-reservation > li.annexes > div:nth-child(4), ul#details-reservation > li.annexes > div:nth-child(5), ul#details-reservation > li.secondaires > div:nth-child(1), ul#details-reservation > li.secondaires > div:nth-child(2), ul#details-reservation > li.secondaires > div:nth-child(3), ul#details-reservation > li.secondaires > div:nth-child(4), ul#details-reservation > li.secondaires > div:nth-child(5) { border-right:solid 1px var(--background2) !important; } #poser-option .modal-body > .columns > .column.contact .form-control, #poser-option .modal-body > .columns > .column.stacked .form-control { background:var(--background2) !important; color:var(--textcolor1) !important; } ul#details-reservation .form-control { color:var(--textcolor1) !important; } #poser-option input[type="radio"].checkbutton + label { user-select:none !important; background:var(--background2) !important; color:var(--textcolor1) !important; } #poser-option input[type="radio"].checkbutton:checked + label { background:var(--highlight) !important; color:#fff !important; } #poser-option .modal-body > .columns > .column:first-child { padding-top:30px !important; } #poser-option .form-group.date { overflow:hidden !important; } #poser-option .form-group.date .input-group .form-control.date { max-width:none !important; } #poser-option .modal-body { padding:0 !important; } #poser-option .modal-body > .columns > .column:first-child { padding-left:30px !important; } #poser-option .modal-body > .columns > .column:first-child .form-group.classic .form-control { /* border-radius:0 17px 17px 0 !important; */ } #poser-option .modal-body > .columns > .column:first-child .form-group.date .control { max-width:200px !important; } #poser-option .modal-body { background:linear-gradient(to top, var(--background2), #fff, #fff) !important; } #poser-option .modal-body > .columns > .column#reservation { padding-right:30px; } #poser-option .modal-body > .columns > .column#reservation .form-group { background:var(--background2) !important; } #poser-option .modal-body > .columns > .column:first-child { max-width:48% !important; } .modal-dialog #Legalife-switch { z-index:3 !important; } .modal-header ul.buttons { right:70px; top:15px; padding-right:10px; border-right:solid 1px #ccc; } .modal-dbi-ext .modal-header .close { top:15px; } .modal-dbi-ext .modal-header .close, .modal-header ul.buttons > li > a.btn-blue { background:var(--btn_background1) !important; color:var(--btn_text1) !important; height:40px; line-height:40px; width:40px; border-radius:6px; text-align:center; margin-top:0; } .modal-header ul.buttons > li > a.btn-blue > i { vertical-align:middle; } .modal-dbi-ext .modal-header .close:hover, .modal-header ul.buttons > li > a.btn-blue:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; box-shadow:0 0 8px rgba(0,0,0,0.3); } .form-group .input-group-addon.time { background:var(--background2) !important; color:var(--foreground_color1) !important; } /****** Prescripteur - edition/vue ******/ ul.affectations-programmes > li { background:var(--background2) !important; } #prescripteur section > .section-sub { background:var(--background2) !important; } #prescripteur-infos.columns > .column:first-child { padding-left:50px; } #prescripteur-infos ul.infos { max-width:400px; } #prescripteur-infos ul.infos > li { height:34px; line-height:34px; border-bottom:solid 1px var(--background4) !important; } #prescripteur-infos ul.infos > li:last-child { border-bottom:none !important; } #prescripteur-infos ul.infos > li.result > .value { color:var(--highlight) !important; } #prescripteur-options .form-group { background:var(--background1) !important; margin-bottom:10px; } #prescripteur-options p { font-style:italic; font-size:13px; } ul.infos-utilisateur > li a { color:var(--textcolor1) !important; } ul.search-inline > li [type="text"] { color:var(--textcolor1) !important; } ul.search-inline > li .form-group#affecter_programme .control:after { color:var(--textcolor1) !important; } div.selection-multi .btn-open { background:var(--background2) !important; color:#888 !important; font-style:italic; } div.selection-items form [type="submit"] { background:var(--highlight) !important; color:#fff !important; } ul.affectations-programmes > li { } /****** Reporting ******/ #reporting-options { background:var(--background2); } #reporting .input-group.dates input.date { background:var(--background1); color:var(--textcolor1); } #reporting .input-group.dates a { background:var(--background1); color:var(--highlight); user-select:none !important; } #reporting .checkbutton + label { background:var(--background1); color:var(--highlight); user-select:none !important; } #reporting .checkbutton:checked + label { background:var(--highlight); color:var(--background1); } #reporting table > tbody > tr.categorie { background:var(--highlight); } #reporting .table > tbody > tr.total > td { color:#fff !important; } #reporting .table > tbody > tr[data-categorie-parent] > td { color:var(--textcolor1) !important; } #reporting table > tbody > tr > td a { color:var(--textcolor1) !important; } #reporting table > thead > tr > th { border-color:#fff; font-size:12px; text-transform:uppercase; } #reporting table > thead > tr > th.colspan1 { background:var(--background2); } #reporting table > thead > tr > th.colspan2 { background:var(--background3); } #reporting table > thead > tr > th.colspan3 { background:var(--background4); } #reporting table { border:none !important; } #denonciations tr.active > td { background:var(--highlight) !important; } #denonciations tr[data-item].active > td { color:#fff !important; } #denonciations tr[data-item-preview].active > td, #denonciations tr[data-item-preview].active > td:hover, #denonciations tr[data-item-preview]:hover > td { border:none !important; color:var(--textcolor1) !important; } #programme-view ul.documents > li { background:var(--background1) !important; } ul.flux > li { background:var(--background2); } ul.affectations > li.affectation, ul.affectations > li.affectation:hover { background:var(--background2) !important; color:var(--textcolor1) !important; } ul.affectations > li.affectation .libelle, ul.affectations > li.affectation-header, ul.affectations > li.affectation-header .libelle, ul.affectations > li.affectation-header .affectation-column { color:var(--textcolor1) !important; } ul.affectations > li.group-title { background:var(--highlight) !important; color:#fff !important; } #affectation-lots { width:100vw !important; margin-top:0 !important; } #affectation-lots .modal-header { box-shadow:0 0 10px rgba(0,0,0,0.2) !important; border-bottom:solid 1px #fff !important; } #affectation-lots .pagination li > a { box-shadow:0 0 8px rgba(0,0,0,0.2); color:var(--highlight) !important; } #affectation-lots .pagination li > a:hover { background:var(--highlight) !important; color:#fff !important; } div.selection-multi [type="checkbox"] + label:before { border:solid 1px var(--highlight) !important; } div.selection-multi [type="checkbox"]:checked + label:after { left:7px; top:7px; width:16px; height:16px; background:var(--highlight) !important; } ul.affectations > li .allotement[data-statut="0"] { background:var(--background4) !important; } ul.affectations > li .allotement[data-statut="1"] select { color:var(--highlight) !important; } ul.affectations > li .allotement[data-statut="1"] { background:var(--highlight) !important; } ul.affectations > li .allotement[data-statut="1"] select { color:#fff !important; } ul.affectations > li .allotement[data-statut="2"] { background:#fc9000 !important; } ul.affectations > li .allotement[data-statut="2"] select { color:#fff !important; } .updater-list > li.columns:not(.updater-list-header) > .column.dbi, .updater-list > li.columns:not(.updater-list-header) > .column.action, .updater-list > li.columns:not(.updater-list-header) > .column.unlatch { background:var(--background2) !important; color:var(--textcolor1) !important; } .updater-list > li.columns > .column.buttons .btn-update { color:var(--highlight) !important; } #check-unlatch.modal-dialog .form-control, #check-unlatch.modal-dialog .input-group { background:var(--background2) !important; color:var(--textcolor1) !important; } .updater-list-item-more ul.lot-infos > li { border-color:#ccc !important; } .updater-list > li.columns > .column.buttons .btn-update { color:var(--highlight) !important; } ul.infos-reservation > li { color:#fff !important; } .gdp td a.reservation:not(.btn-dbi) { color:var(--highlight) !important; } .gdp > table > tbody > tr[data-item]:hover > td a.reservation, .gdp > table > tbody > tr[data-item]:nth-of-type(odd):hover > td a.reservation { color:#fff !important; } .view-stack .view-stack-nav > li a { color:var(--textcolor1) !important; } ul.infos-reservation > li.title > span { color:var(--textcolor1) !important; } #poser-option h3 { color:#fc9000 !important; } ul.annexes > li { background:var(--background2) !important; } ul.annexes > li span.prix, ul.annexes > li span.prix_ht { background:var(--background3) !important; } ul.annexes > li span.tva select { color:var(--highlight) !important; } #utilisateur-edit #id_role.form-group { background:var(--background4) !important; border:solid 2px var(--background4) !important; } .checkbox-inline.switch-mini input:before { background:#fc9000 !important; } .checkbox-inline.switch-mini input:after { border-color:#fc9000 !important; } .checkbox-inline.switch-mini input:checked:before { background:green !important; } .checkbox-inline.switch-mini input:checked:after { border-color:green !important; } .modal-dialog.loading:after { border:solid 2px #aaa; } a.btn-blue.btn-more { background:var(--btn_background1) !important; color:var(--btn_text1) !important; transition:all 0.4s ease; } a.btn-blue.btn-more:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; box-shadow:0 0 8px rgba(0,0,0,0.3); } #programme-descriptif.more .btn-more { } #programme-descriptif.more .descriptif.view_all .btn-more { display:none !important; } .table-wrapper table tr[data-item-preview].active td { /* background:white !important; */ } [data-item-preview] a.btn-dbi { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } [data-item-preview] a.btn-dbi:hover { background:var(--btn_background1_on) !important; color:var(--btn_text1_on) !important; } tr[data-item-preview]:hover > td { color:var(--foreground_color1) !important; } tr[data-item].active td { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } tr[data-item-preview].active > td { border-color:var(--foreground_color3) !important; background:var(--foreground_color3) !important; border-bottom:solid 8px var(--foreground_color3) !important; } tr[data-item-preview].active > td > .columns { background:white !important; } .updater-list > li.columns > .column.buttons .btn-update { color:var(--btn_background1) !important; } @media (max-width: 800px) { body.mobile, body.mobile.recherche-programmes { background:white !important; } #navbar { background:linear-gradient(to bottom, #ddd, #fff) !important; /* height:16vw; line-height:16vw; */ } #navbar > .columns > .column { /* height:16vw; line-height:16vw; */ } #navbar .columns > .column:first-child img { height:50px; } a.menu-icon { background:var(--btn_background1); color:var(--btn_text1); } #main-menu { background:linear-gradient(to right, #ccc, #fff) !important; padding-bottom:60px; } #main-menu ul.buttons > li > a { color:var(--foreground_color1); height:14vw; line-height:14vw; } #main-menu ul.buttons > li > a:hover, #main-menu ul.buttons > li.active > a { background:var(--btn_background1) !important; color:white !important; } #main-menu .logo { color:var(--foreground_color1); } #main-menu .username .email { background:#ddd; } #main-menu .actions { padding-right:5vw; } .navbar-bottom { background:#ddd; } .navbar-bottom .input-group > .form-control { background:white; } .navbar-bottom .input-group > .input-group-addon { background:var(--btn_background1); color:var(--btn_text1); border-radius:0 20px 20px 0; } .navbar-bottom .btn-dbi { background:var(--btn_background1) !important; color:var(--btn_text1) !important; } main.mobile-view > section { padding:0 5vw 8vw 5vw; } main section > h1 { color:var(--foreground_color1) !important; } .preview-programme { background:#eee; height:auto; } .preview-programme a.btn-more { background:var(--btn_background1) !important; } .preview-programme-visuel { min-height:40vw; } .preview-programme-infos ul > li { font-size:3vw; line-height:1.4em; } .preview-programme-infos hr { margin-top:2vw; margin-bottom:4vw; border-color:var(--btn_background1) !important; } body.programmes section#dashboard .form-control { background:#eee; color:#232323; } section#dashboard .control-label { color:#232323; } body.programmes section#dashboard .form-group#recherche .control { background:#eee; } section#recherche-programmes h1 { font-size:4vw; } body.programmes section#programmes { padding:5vw !important; } section#dashboard .form-group#recherche .input-group button { background:var(--btn_background1) !important; color:white !important; } section#programme-images { padding:0; } section#programme-infos { background:var(--background2); padding:0 8vw 8vw 8vw; font-size:4vw; } #programme-infos h2.etat_programme { background:var(--btn_background1) !important; border:none; color:white; margin:0 -8vw 8vw -8vw; width:100vw !important; height:12vw; line-height:12vw; } #programme-infos h2 { font-size:4.2vw; text-align:center; } #programme-descriptif p { font-size:3.5vw !important; line-height:1.3em; text-align:left; } #programme-geoloc .columns > .column:first-child { background:var(--background2); } #programme-geoloc h3 { margin-left:20px; font-weight:normal; border-bottom:solid 1px #ccc; } #programme-gdp { } #programme-gdp ul.lots { margin-left:-5vw; margin-right:-5vw; } #programme-gdp ul.lots > li:nth-child(odd) { background:#eee !important; } #programme-gdp ul.lots > li > .reference > span.statut { color:var(--btn_background1) !important; } #programme-gdp ul.buttons > li .icon-action { width:10vw; height:10vw; line-height:10vw; border-radius:10px; } #programme-gdp ul.lots > li table.prix > tbody > tr > td { height:8vw; line-height:8vw; font-size:4vw; } #programme-gdp ul.lots > li .table-container table > tbody > tr > td:first-child { background:var(--btn_background1) !important; color:white !important; } ul.annexes > li { background:white !important; padding:5vw !important; } ul.annexes > li > div { height:8vw !important; line-height:8vw !important; border-bottom:solid 1px #ccc; } ul.annexes > li > div > span { height:8vw; line-height:8vw; } ul.annexes > li > div:last-child { border:none; } section#reservations { background:transparent !important; } ul.reservations > li:nth-child(odd) { background:#eee !important; } section#options { background:transparent !important; } ul.options > li:nth-child(odd) { background:#eee !important; } section#contacts { background:transparent !important; } } .programme-preview .badge-legalife { display:none !important; } #navbar #status_label { display:none !important; } p.pagination-inline { color:#333 !important; } p.pagination-inline a { color:#333; } p.pagination-inline a:hover, p.pagination-inline a.active { color:var(--foreground_color3) !important; } table#contacts-list > tbody > tr:hover { background:var(--foreground_color3) !important; } table#contacts-list ul.actions-buttons > li > a { background:var(--foreground_color3) !important; } table#contacts-list ul.actions-buttons { background:linear-gradient(to left, var(--foreground_color3), transparent) !important; }