@import url(https://fonts.googleapis.com/css?family=Montserrat); @import url(https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap); :root { --color-primary-main: #f6ab00; --color-primary-light: #f6d500; --color-header-background: #fff; --color-header-link-and-icon: #34393b; --color-header-icon-active: var(--color-primary-main); --color-header-icon-inactive: #898787; --color-header-submenu-item-hover: var(--color-background-light); --color-header-pastille: rgb(255, 228, 222); --color-login-logo-background: transparent; --color-footer-background: #202020; --color-background-light: #f4f6f8; --color-secondary: #34393b; --color-background: #ebebeb; --color-white: #fff; --color-black-almost: #1c252e; --color-gray-light: #d4d4d4; --color-gray-dark: #919191; --palette-text-primary: #1c252e; --palette-info-lighter: #cafdf5; --palette-info-light: #61f3f3; --palette-info-main: #00b8d9; --palette-info-mainChannel: 0, 184, 217; --palette-info-dark: #006c9c; --palette-info-darker: #003768; --palette-success-lighter: #d3fcd2; --palette-success-light: #77ed8b; --palette-success-main: #22c55e; --palette-success-mainChannel: 34, 197, 94; --palette-success-dark: #118d57; --palette-success-darker: #065e49; --palette-warning-lighter: #fff5cc; --palette-warning-light: #ffd666; --palette-warning-main: #ffab00; --palette-warning-mainChannel: 255, 171, 0; --palette-warning-dark: #b76e00; --palette-warning-darker: #7a4100; --palette-error-lighter: #ffe9d5; --palette-error-light: #ffac82; --palette-error-main: #ff5630; --palette-error-mainChannel: 255, 86, 48; --palette-error-dark: #b71d18; --palette-error-darker: #7a0916; --palette-grey-50: #fcfdfd; --palette-grey-100: #f9fafb; --palette-grey-200: #f4f6f8; --palette-grey-300: #dfe3e8; --palette-grey-400: #c4cdd5; --palette-grey-500: #919eab; --palette-grey-600: #637381; --palette-grey-700: #454f5b; --palette-grey-800: #1c252e; --palette-grey-900: #141a21; --palette-grey-50Channel: 252, 253, 253; --palette-grey-100Channel: 249, 250, 251; --palette-grey-200Channel: 244, 246, 248; --palette-grey-300Channel: 223, 227, 232; --palette-grey-400Channel: 196, 205, 213; --palette-grey-500Channel: 145, 158, 171; --palette-grey-600Channel: 99, 115, 129; --palette-grey-700Channel: 69, 79, 91; --palette-grey-800Channel: 28, 37, 46; --palette-grey-900Channel: 20, 26, 33; --font-family-base: "Public Sans", sans-serif, Arial, Helvetica, sans-serif; --box-shadow-card: 0 0 2px 0 rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12); --padding-card: 16px; --color-background-light: #f4f6f8; --border-radius-button: 8px; --border-radius-card: 16px; --border-radius-chip: 6px; --border-radius-img: 12px; --border-radius-input: 8px; --border-radius-menu: 8px; --border-solid-table: 1px solid #f0f0f0; --border-dashed-table: 1px dashed #f0f0f0; --background-color-hover-button-text-or-icon: rgba(145 158 171 / 0.08); } .flex { display: flex; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .items-center { align-items: center; } .justify-center { justify-content: center; } .block { display: block; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } div#signature img, div.preview img, div.jqte_editor img { max-width: 90%; height: auto; white-space: pre-wrap; word-wrap: normal; } .h-auto { height: auto; } .mob { display: none; } .ta-left { text-align: left !important; text-indent: 0; } .ta-center { text-align: center !important; text-indent: 0; margin: auto; } .ta-center-simple { text-align: center !important; } .ta-right { text-align: right !important; text-indent: 0; } .clear { clear: both; } .small { font-size: 5px; } .medium { font-size: 15px; } .clear br { margin: 0; } .test { border: 1px solid #d65947; } .b-none { border: none !important; } .va-top { vertical-align: top !important; } .va-middle { vertical-align: middle !important; } .va-bottom { vertical-align: bottom !important; } .w-1-3 { width: 340px; } .w-2-3 { width: 660px; } .w-1-3-p { width: 33%; } .w-2-3-p { width: 67%; } .w-20px { width: 20px; } .w-23px { width: 23px; } .w-25px { width: 25px; } .w-30px { width: 30px; } .w-40px { width: 40px; } .w-50px { width: 50px; } .w-55px { width: 55px; } .w-60px { width: 60px; } .w-70px { width: 70px; } .w-75px { width: 75px; } .w-80px { width: 80px; } .w-85px { width: 85px; } .w-93px { width: 93px; } .w-90px { width: 90px; } .w-95px { width: 95px; } .w-100px { width: 100px; } .w-105px { width: 105px; } .w-115px { width: 115px; } .w-119px { width: 119px; } .w-130px { width: 130px; } .w-135px { width: 135px; } .w-150px { width: 150px; } .w-160px { width: 160px; } .w-165px { width: 165px; } .w-170px { width: 170px; } .w-175px { width: 175px; } .w-190px { width: 190px; } .w-198px { width: 198px; } .w-200px { width: 200px; } .w-220px { width: 220px; } .w-225px { width: 225px; } .w-235px { width: 235px; } .w-242px { width: 242px; } .w-250px { width: 250px; } .w-289px { width: 289px; } .w-295px { width: 295px; } .w-300px { width: 300px; } .w-301px { width: 301px; } .w-342px { width: 342px; } .w-350px { width: 350px; } .w-400px { width: 400px; } .w-100 { width: 100%; } .w-100-important { width: 100% !important; } .w-99 { width: 99%; } .w-98 { width: 98%; } .w-97 { width: 97%; } .w-95 { width: 95%; } .w-94 { width: 94%; } .w-93 { width: 93%; } .w-92 { width: 92%; } .w-91 { width: 91%; } .w-90 { width: 88%; } .w-88 { width: 88%; } .w-86 { width: 86%; } .w-85 { width: 85%; } .w-80 { width: 80%; } .w-79 { width: 79%; } .w-75 { width: 75%; } .w-71 { width: 64%; } .w-70 { width: 70%; } .w-68 { width: 65%; } .w-66 { width: 66%; } .w-61 { width: 61%; } .w-64 { width: 64%; } .w-56 { width: 56%; } .w-55 { width: 53%; } .w-52 { width: 52%; } .w-50 { width: 50%; } .w-49 { width: 49%; } .w-48 { width: 48%; } .w-47 { width: 47%; } .w-45 { width: 45%; } .w-42 { width: 42%; } .w-40 { width: 40%; } .w-35 { width: 35%; } .w-33 { width: 33%; } .w-32 { width: 32%; } .w-31 { width: 31%; } .w-30 { width: 30%; } .w-29 { width: 29%; } .w-25 { width: 25%; } .w-23 { width: 23%; } .w-22 { width: 22%; } .w-20 { width: 20%; } .w-18 { width: 18%; } .w-15 { width: 15%; } .w-14 { width: 14%; } .w-12 { width: 12%; } .w-11 { width: 11%; } .w-10 { width: 10%; } .w-7 { width: 7%; } .w-5 { width: 5%; } .mw-70 { min-width: 70px; } .mw-120 { min-width: 120px; } .h-2 { height: 2px; } .h-22 { height: 22px; } .h-23 { height: 23px; } .h-25 { height: 25px; } .h-30 { height: 30px; } .h-31 { height: 31px; } .h-40 { height: 40px; } .h-55 { height: 55px; } .h-60 { height: 60px; } .h-80 { height: 80px; } .h-100 { height: 100px; } .h-115 { height: 115px; } .h-140 { height: 140px; } .h-170 { height: 170px; } .h-190 { height: 190px; } .h-195 { height: 195px; } .h-240 { height: 240px; } .h-255 { height: 255px; } .h-264 { height: 264px; } .h-295 { height: 295px; } .h-321 { height: 321px; } .h-325 { height: 325px; } .h-337 { height: 337px; } .h-362 { height: 362px; } .h-384 { height: 384px; } .h-395 { height: 395px; } .h-405 { height: 405px; } .h-417 { height: 417px; } .h-419 { height: 419px; } .h-427 { height: 427px; } .h-435 { height: 435px; } .h-448 { height: 448px; } .h-455 { height: 455px; } .h-480 { height: 480px; } .h-500 { height: 500px; } .h-515 { height: 515px; } .h-575 { height: 575px; } .h-610 { height: 610px; } .h-625 { height: 625px; } .h-725 { height: 725px; } .h-850 { height: 850px; } .h-min-80 { min-height: 80px; } .l-135 { left: 135px; } .f-left { float: left; } .f-left-important { float: left !important; } .f-right { float: right; } .f-none { float: none !important; } .mt-0 { margin-top: 0; } .mt--3 { margin-top: -3px; } .mt--5 { margin-top: -5px; } .mt--10 { margin-top: -10px; } .mt--20 { margin-top: -20px; } .mt--33 { margin-top: -33px; } .mt--45 { margin-top: -45px; } .mt-2 { margin-top: 2px; } .mt-4 { margin-top: 4px; } .mt-5 { margin-top: 5px; } .mt-5-important { margin-top: 5px !important; } .mt-7 { margin-top: 7px; } .mt-10 { margin-top: 10px; } .mt-10-important { margin-top: 10px !important; } .mt-15 { margin-top: 15px; } .mt-18 { margin-top: 18px; } .mt-20 { margin-top: 20px; } .mt-20-important { margin-top: 20px !important; } .mt-22 { margin-top: 22px; } .mt-25 { margin-top: 25px; } .mt-28 { margin-top: 28px; } .mt-30 { margin-top: 30px; } .mt-32 { margin-top: 32px; } .mt-33 { margin-top: 33px; } .mt-45 { margin-top: 45px; } .mt-55 { margin-top: 55px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-150 { margin-top: 150px; } .mb--5 { margin-bottom: -5px; } .mb--3 { margin-bottom: -3px; } .mb-0 { margin-bottom: 0 !important; } .mb-2 { margin-bottom: 2px; } .mb-5 { margin-bottom: 5px; } .mb-5-important { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-60 { margin-bottom: 60px; } .ml--45 { margin-left: -45px; } .ml--10 { margin-left: -10px; } .ml--5 { margin-left: -5px; } .ml--3 { margin-left: -3px; } .ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: 1px; } .ml-3 { margin-left: 3px; } .ml-4 { margin-left: 4px; } .ml-5 { margin-left: 5px; } .ml-8 { margin-left: 8px; } .ml-10 { margin-left: 10px; } .ml-13 { margin-left: 13px; } .ml-15 { margin-left: 15px; } .ml-17 { margin-left: 17px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-75 { margin-left: 75px; } .ml-75-important { margin-left: 75px !important; } .ml-90 { margin-left: 90px; } .mr-0 { margin-right: 0; } .mr-3 { margin-right: 3px; } .mr-4 { margin-right: 4px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .mtb-5 > div:first-child { margin-top: 5px; } .mtb-5 > div:last-child { margin-bottom: 5px; } .m-5-0 { margin: 5px 0; } .p-0-5 { padding: 0 5px; } .p-5-0 { padding: 5px 0; } .p-0 { padding: 0 !important; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .pt-4 { padding-top: 4px; } .pt-5 { padding-top: 5px; } .pt-7 { padding-top: 7px; } .pt-10 { padding-top: 10px; } .pt-11 { padding-top: 11px !important; } .pt-17 { padding-top: 17px; } .pt-100 { padding-top: 100px; } .pt-140 { padding-top: 140px; } .p-0-10 { padding: 0 10px; } .p-0-15 { padding: 0 15px; } .p-10-0 { padding: 10px 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px; } .pl-5 { padding-left: 5px; } .pl-20 { padding-left: 20px; } .pl-50 { padding-left: 50px; } .fs-16px { font-size: 16px; } .fs-19px { font-size: 19px; } .fs-20px { font-size: 20px; } .fs-22px { font-size: 22px; } .fs-30px { font-size: 30px; } .left--10 { position: relative; left: -10px; } .p-relative { position: relative; } .d-none { display: none; } .d-inline { display: inline; } .d-block { display: block; } .p-absolute { position: absolute; } .d-inline-block { display: inline-block; vertical-align: middle; } .t-2 { top: 2px; } .t-3 { top: 3px; } .t-5 { top: 5px; } .t-8 { top: 8px; } .t-10 { top: 10px; } .t-12 { top: 12px; } .t-20 { top: 20px; } .t-28 { top: 28px; } .t--3 { top: -3px; } .t--5 { top: -5px; } .t--10 { top: -10px; } .t--20 { top: -20px; } .l--3 { left: -3px; } .l-8 { left: 8px; } p.ti-no { text-indent: 0; } .bg-exergue { background-color: #fee0af; } .tablesorter-default tr:nth-child(odd) td.prix-exergue { background-color: #fcca7a; font-weight: bold; } .tablesorter-default tr:nth-child(even) td.prix-exergue { background-color: #fee0af; font-weight: bold; } .archive-disabled { font-style: italic; } a.disabled { cursor: default; } a.associer-code { text-decoration: none; } .fwb { font-weight: bold; } .bt.simple { background-image: none; padding: 0; font-size: 1.25em; width: 23px; text-align: center; } .bt.noimage { background-image: none; } .bg-readonly { background-color: #d4d4d4; } .d-flex { display: flex; } .d-flex-center { display: flex; justify-content: center; } .jc-sb { justify-content: space-between; } .d-flex > img { margin: auto !important; } .lh-28px { line-height: 28px; } .lh-40 { line-height: 40px; } .br-5 { border-radius: 5px; } .v-h { visibility: hidden; } .break-word { word-break: break-word; } .bc-rouge, .tablesorter-default tr.odd.bc-rouge td, .tablesorter-default tr.odd td.bc-rouge { background-color: rgba(255, 128, 128, 0.4); } .tablesorter-default tr.even.bc-rouge td, .tablesorter-default tr.even td.bc-rouge { background-color: rgb(255, 128, 128); } table tr td.tr-archive { font-style: italic; opacity: 0.33; } table tr:hover td.tr-archive { opacity: 1; } div.alert { height: 45px; margin: 10px 6px auto 9px; background: #fff; opacity: 0.8; border-radius: 3px; } div.alert.border { height: 37px; border-style: solid; border-width: 4px; } div.alert p { line-height: 45px; text-align: center; font-weight: bold; margin: 0; } div.alert.border p { line-height: 37px; } div.alert p i { margin: 15px 15px auto auto; } .border-rouge { border-color: red; } .bc1 { background-color: #fff; } .bc1.active { background-color: #878a85; } .bc2 { background-color: #d4d4d4; } .bc2.active { background-color: #4d4d4d; } #commande.no-crm { height: 29px !important; } div.table-responsive { width: 100%; max-width: 100%; overflow: auto !important; display: block; position: relative; } div.table-responsive table:not([class^="-sticky"]):not([class*="-sticky"]) { width: 100% !important; max-width: 100%; } .of-auto { overflow: auto; } .progress-bar { display: inline-block; margin: 5px 17px; background-image: linear-gradient(#d2d2d2, #dee1e2); height: 20px; border-radius: 10px; font-weight: bold; text-align: left; } .progress-bar span { display: inline-block; text-align: center; color: #fff; background-color: #d4d4d4; height: 100%; border-radius: 10px; min-width: 3%; line-height: 20px; } .jumbotron { display: flex; background-color: #ececec; border-radius: 10px; } .jumbotron > div > div:first-of-type { width: 333px; min-width: 333px; } .jumbotron div:last-of-type, .jumbotron > div > div:last-of-type { padding: 10px 10px 0 10px; z-index: 5; background: #ececec; border-radius: 0 10px 10px 0; } .jumbotron > div > div { width: 100%; } .jumbotron > div:first-of-type { width: 78%; border-right: solid 3px #fff; display: flex; } .jumbotron > div:last-of-type { width: 22%; } .jumbotron img { height: 250px; margin: 0 !important; border-radius: 10px 0 0 10px; } #section .jumbotron h3 { border: none; } body:not(.non-connecte) #section, body:not(.non-connecte) #aside { width: 100%; overflow-y: inherit !important; overflow-x: inherit !important; } .badge-code { border-radius: 3px; padding: 5px 3px; color: #fff; } .badge { border-radius: 3px; padding: 4px 5px; background: #26406a; color: #fff; } .badge.ajout { padding: 11px 54px; } .badge a { color: #ffffff !important; text-decoration: none; } .badge i { text-indent: 0; } .pagination { display: flex; list-style: none; margin: 0; } .pagination a { padding: 7px 15px; text-decoration: none; background: #ececec; margin: 0 4px; border-radius: 0.25em; } .pagination li.disabled { display: none; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #26406a; border-color: #26406a; } .flex-space-between-center { display: flex; justify-content: space-between; align-items: center; height: 300px; } .flex-space-around-center { display: flex; justify-content: space-around; align-items: center; } .flex-space { display: flex; justify-content: space-around; } .flex-column-space { display: flex; flex-direction: column; justify-content: space-around; } .banniere { width: 100%; height: 32px; display: flex; justify-content: space-between; border-radius: 4px 4px 0 0; padding-bottom: 5px; } .banniere h2, .banniere h2:after { position: inherit; border: none !important; color: #fff; font-size: 1.3em; margin-left: 10px; } .banniere p { color: #fff; font-size: 1.1em; margin-top: 8px; } .podium > div { display: flex; } .podium > div > div { width: 118px; } .podium > div > div > p { text-align: center; font-weight: bold; margin: 0; text-indent: 0; } .podium > div:first-child { align-items: center; } .podium-etages { height: 50px; width: 358px; align-items: flex-end; } .podium-etages > div { height: 100%; } .podium-etages > div:first-child { height: 80%; } .podium-etages > div:last-child { height: 65%; } .podium-etages, .podium-numero { justify-content: space-between; } .podium-numero > div { height: 20px; text-align: center; padding-top: 5px; color: #fff; font-weight: bold; background: #3c3c3c; } .flex-space-between-center .histogramme { width: 60%; } .histogramme .div-histogramme-items { height: 130px; align-items: flex-end; border-left: solid 1px; border-bottom: solid 1px; } .histogramme .div-histogramme-items p { min-width: 300px; text-align: center; margin: -20px auto auto -20px; } .histogramme .div-histogramme-items .histogramme-item { width: 30px; min-height: 1px; } .div-histogramme-noms p { transform: rotate(15deg); text-align: left; width: 30px; margin: 0 auto auto 10px; } table.tableau-stats-com thead tr th { text-align: center; } .align-table td, .align-table th, .align-table > span, .align-table td > span > span, .align-table label, .align-table th label strong span, .align-table strong .align-table tbody td a { vertical-align: middle; height: 26px; } table td, table th { vertical-align: top; } table.va-middle td, table.va-middle th { vertical-align: middle; } table.ta-center th { text-align: center !important; } table.ta-center a.bt { float: left; } table.donnees.ta-center th { text-align: center; } table.donnees.max { width: 102%; margin-left: -10px; } table.tl-fixed { table-layout: fixed; } table.column-border tbody tr.odd td:not(:last-of-type), table.column-border tfoot th:not(:last-of-type) { border-right: solid #f6f5f5 1px; } table.column-border tbody tr.even td:not(:last-of-type) { border-right: solid #fff 1px; } table.center, table.center thead th, table.center tfoot th { text-align: center; } table thead th.selected { background-color: #d4d4d4 !important; border-bottom-color: #000 !important; } table.donnees.aere th, table.donnees.aere td { text-align: center; } table.aere th, table.aere td { padding: 5px 10px; } table.donnees.aere tfoot th { border-top: 2px solid #4d4d4d; } table.donnees2 th, table.donnees2 td { padding: 5px 2px; } tfoot td { background-color: var(--palette-grey-400); } ul.liste-icones { list-style: none; margin: 0; } ul.liste-icones li label { padding-left: 16px; } ul.liste-icones li label.train { background: url(/medias/images/poi/simple/train.png) no-repeat -4px -6px; } ul.liste-icones li label.metro { background: url(/medias/images/poi/simple/metro.png) no-repeat -4px -6px; } ul.liste-icones li label.tram { background: url(/medias/images/poi/simple/tramway.png) no-repeat -4px -6px; } ul.liste-icones li label.bus { background: url(/medias/images/poi/simple/bus.png) no-repeat -4px -6px; } ul.liste-icones li label.velo { background: url(/medias/images/poi/simple/velo.png) no-repeat -4px -6px; } ul.liste-icones li label.pharmacies { background: url(/medias/images/poi/simple/pharmacies.png) no-repeat -4px -6px; } ul.liste-icones li label.hopitaux { background: url(/medias/images/poi/simple/hopitaux.png) no-repeat -4px -6px; } ul.liste-icones li label.medecins { background: url(/medias/images/poi/simple/medecins.png) no-repeat -4px -6px; } ul.liste-icones li label.boulangeries { background: url(/medias/images/poi/simple/boulangeries.png) no-repeat -4px -6px; } ul.liste-icones li label.boucheries { background: url(/medias/images/poi/simple/boucheries.png) no-repeat -4px -6px; } ul.liste-icones li label.supermarches { background: url(/medias/images/poi/simple/supermarches.png) no-repeat -4px -6px; } ul.liste-icones li label.creches { background: url(/medias/images/poi/simple/creches.png) no-repeat -4px -6px; } ul.liste-icones li label.ecoles { background: url(/medias/images/poi/simple/ecoles.png) no-repeat -4px -6px; } ul.liste-icones li label.colleges { background: url(/medias/images/poi/simple/colleges.png) no-repeat -4px -6px; } ul.liste-icones li label.lycees { background: url(/medias/images/poi/simple/lycees.png) no-repeat -4px -6px; } ul.liste-icones li label.universites { background: url(/medias/images/poi/simple/universites.png) no-repeat -4px -6px; } ul.liste-icones li label.spas { background: url(/medias/images/poi/simple/spas.png) no-repeat -4px -6px; } ul.liste-icones li label.coiffeurs { background: url(/medias/images/poi/simple/coiffeurs.png) no-repeat -4px -6px; } ul.liste-icones li label.restaurants { background: url(/medias/images/poi/simple/restaurants.png) no-repeat -4px -6px; } ul.liste-icones li label.sports { background: url(/medias/images/poi/simple/sports.png) no-repeat -4px -6px; } ul.liste-icones li label.bars { background: url(/medias/images/poi/simple/bars.png) no-repeat -4px -6px; } ul.liste-icones li label.cinemas { background: url(/medias/images/poi/simple/cinemas.png) no-repeat -4px -6px; } ul.liste-icones li label.religion { background: url(/medias/images/poi/simple/religion.png) no-repeat -4px -6px; } ul.liste-icones li label.parkings { background: url(/medias/images/poi/simple/parkings.png) no-repeat -4px -6px; } ul.liste-icones li label.police { background: url(/medias/images/poi/simple/police.png) no-repeat -4px -6px; } ul.liste-icones li label.services { background: url(/medias/images/poi/simple/services.png) no-repeat -4px -6px; } ul.liste-icones li label.recherche { background: url(/medias/images/poi/simple/recherche.png) no-repeat -4px -6px; } label.doc, a.doc { padding-left: 24px; height: 18px; display: inline; line-height: 20px; } .doc-pdf { background: url(/medias/images/icones/file-pdf-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-img { background: url(/medias/images/icones/file-image-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-doc { background: url(/medias/images/icones/file-word-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-xls { background: url(/medias/images/icones/file-excel-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-ppt { background: url(/medias/images/icones/file-powerpoint-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-zip { background: url(/medias/images/icones/file-archive-regular.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .doc-lien { background: url(/medias/images/icones/link-solid.svg) no-repeat 2px 0; background-size: contain; vertical-align: middle; } .ribbon, .ribbon-s { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon.max { right: -24px; top: -18px; width: 171px; height: 175px; } .ribbon-s { width: 70px; height: 70px; } .ribbon-s.max { width: 100px; height: 98px; } .ribbon span, .ribbon-s span { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; line-height: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 175px; display: block; background: #ed1c24; background: linear-gradient(#ed1c24 0%, #ae151b 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 41px; right: -34px; } .ribbon.max span { width: 216px; } .ribbon-s span { font-size: 9px; line-height: 15px; width: 100px; top: 23px; right: -20px; } .ribbon-s.max span { width: 132px; right: -30px; } .ribbon span::before, .ribbon-s span::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #ae151b; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #ae151b; } .ribbon span::after, .ribbon-s span::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #ae151b; border-bottom: 3px solid transparent; border-top: 3px solid #ae151b; } .progress { list-style: none; margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%; color: #849397; } .progress.simple { background-color: transparent; -webkit-box-shadow: none; } .progress > li { position: relative; display: table-cell; text-align: center; } .progress > li:before { content: attr(data-step); display: block; margin: 0 auto; background: #dfe3e4; width: 3em; height: 3em; text-align: center; margin-bottom: 0.25em; line-height: 3em; border-radius: 100%; position: relative; z-index: 2; cursor: pointer; } .progress.simple > li:before { cursor: auto; } .progress > li:after { content: ""; position: absolute; display: block; background: #dfe3e4; width: 100%; height: 0.5em; top: 1.25em; left: 50%; margin-left: 1.5em\9; z-index: 1; } .progress > li:last-child:after { display: none; } .progress__last:after { display: none !important; } div.signature p { margin: 0; text-indent: 0; } div.signature table td { padding: 0; vertical-align: middle; } #section div.signature img { margin-left: 0; float: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: white; background-color: #c1c1c1; } .menulink.simple { background: none; } .no-background table, .no-background tr, .no-background th, .no-background td, .no-background thead tr, .no-background thead th, .no-background thead td, .no-background tbody tr, .no-background thead th, .no-background tbody td { background-color: #ffffff !important; color: #34393b !important; } #tabsCollabs input { margin-bottom: 3px; } #HW_badge_cont { width: auto !important; height: auto !important; display: initial !important; } #HW_badge { top: 0 !important; left: 8px !important; margin: 0 !important; } .ribbon-left-slash span, .ribbon-left-slash-s span, .ribbon-right-slash span, .ribbon-right-slash-s span { font-size: 12px; font-weight: 700; color: #fff; line-height: 25px; display: block; position: absolute; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); } .ribbon-left-slash, .ribbon-left-slash-s, .tr-5-5 { position: absolute; } .ribbon-left-slash, .ribbon-left-slash-s { z-index: 1; overflow: hidden; width: 350px; height: 140px; text-align: right; left: 0; bottom: 0; } @media screen and (min-width: 992px) { .ribbon-left-slash, .ribbon-left-slash-s { left: 86px; } } .ribbon-left-slash span, .ribbon-left-slash-s span { text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 350px; background: transparent; background: linear-gradient(transparent 0, transparent 100%); top: 49px; right: -10px; } .ribbon-left-slash span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden { position: absolute; width: 209px; height: 177px; background-color: transparent; } .ribbon-right-slash, .ribbon-right-slash-s, .tr-5-5 { position: absolute; } .ribbon-right-slash, .ribbon-right-slash-s { right: calc(100% - 621px); bottom: 0; z-index: 1; overflow: hidden; width: 350px; height: 140px; text-align: right; } @media screen and (max-width: 991.98px) { .ribbon-right-slash, .ribbon-right-slash-s { right: calc(100% - 535px); } } @media screen and (max-width: 601px) { .ribbon-right-slash, .ribbon-right-slash-s { right: 0; } } .ribbon-right-slash span, .ribbon-right-slash-s span { text-align: left; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 350px; background: transparent; background: linear-gradient(transparent 0, transparent 100%); top: 63px; right: -115px; } .ribbon-right-slash span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash span::after, .ribbon-right-slash-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden2 { position: absolute; width: 260px; height: 190px; background-color: transparent; } .ribbon-left-horizontal span, .ribbon-right-horizontal span { font-size: 12px; width: 220px; background: transparent; font-weight: 700; color: #fff; line-height: 25px; display: block; position: absolute; } .ribbon-left-horizontal, .tr-5-5 { position: absolute; } .ribbon-left-horizontal { left: 0; bottom: 0; z-index: 1; overflow: hidden; width: 220px; height: 100px; text-align: right; } @media screen and (min-width: 992px) { .ribbon-left-horizontal { left: 86px; } } .ribbon-left-horizontal span { text-align: left; transform: rotate(0); -webkit-transform: rotate(0); background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); top: 41px; } .ribbon-left-horizontal span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal, .tr-5-5 { position: absolute; } .ribbon-right-horizontal { z-index: 1; overflow: hidden; width: 220px; height: 100px; text-align: right; bottom: 0; right: calc(100% - 621px); } @media screen and (max-width: 991.98px) { .ribbon-right-horizontal { right: calc(100% - 535px); } } @media screen and (max-width: 601px) { .ribbon-right-horizontal { right: 0; } } .ribbon-right-horizontal span { text-align: left; transform: rotate(0); -webkit-transform: rotate(0); background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); top: 41px; } .ribbonV-right-horizontal span, .ribbonV-right-horizontal2 span { font-size: 10px; background: transparent; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); } .ribbon-right-horizontal span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonV-right-horizontal, .tr-5-5 { position: absolute; left: 0; bottom: 0; } .ribbonV-right-horizontal { z-index: 1; overflow: hidden; width: 140px; height: 50px; text-align: right; } .ribbonV-right-horizontal span { font-weight: 700; color: #fff; text-align: center; line-height: 25px; width: 70px; display: block; background: linear-gradient(transparent 0, transparent 100%); } .ribbonV-right-horizontal2, .tr-5-5 { position: absolute; right: 0; bottom: 0; } .ribbonV-right-horizontal2 { z-index: 1; overflow: hidden; width: 140px; height: 50px; text-align: right; } .ribbonV-right-horizontal2 span { font-weight: 700; color: #fff; text-align: center; line-height: 25px; width: 70px; display: block; background: linear-gradient(transparent 0, transparent 100%); position: absolute; right: 0; } .ribbonV-left-slash span, .ribbonV-right-slash span { font-size: 9px; font-weight: 700; color: #fff; line-height: 25px; display: block; } .ribbonV-right-slash, .tr-5-5 { position: absolute; right: 0; bottom: 0; } .ribbonV-right-slash { z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbonV-right-slash span { margin-left: 20px; text-align: left; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 190px; background: transparent; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; bottom: 45px; right: -80px; } .ribbon-left-slash2 span, .ribbonV-left-slash span { transform: rotate(45deg); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); } .ribbonV-right-slash span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonV-right-slash span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhiddenV { position: absolute; width: 150px; height: 100px; background-color: transparent; } .ribbonV-left-slash, .tr-5-5 { position: absolute; left: 0; bottom: 0; } .ribbonV-left-slash { z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbonV-left-slash span { margin-left: 20px; text-align: left; -webkit-transform: rotate(45deg); width: 211px; background: linear-gradient(transparent 0, transparent 100%); position: absolute; bottom: -5px; right: -30px; } .ribbonV-left-slash span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonV-left-slash span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhiddenV2 { position: absolute; width: 250px; height: 100px; background-color: transparent; border-right: 40px solid transparent; } .ribbon-left-slash2, .tr-5-5 { position: absolute; } .ribbon-left-slash2 { margin-top: 0; z-index: 1; overflow: hidden; width: 250px; height: 140px; text-align: right; left: 0; bottom: 0; } .ribbon-left-slash2 span, .ribbon-right-horizontal2 span { font-size: 9px; font-weight: 700; color: #fff; text-align: center; line-height: 25px; display: block; background: transparent; } .ribbon-left-slash2 span { text-indent: 20px; -webkit-transform: rotate(45deg); width: 240px; background: linear-gradient(transparent 0, transparent 100%); position: absolute; top: 82px; right: 25px; } .ribbon-left-slash2 span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash2 span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden222 { position: absolute; width: 190px; height: 161px; background-color: transparent; } .ribbon-right-horizontal2, .tr-5-5 { position: absolute; } .ribbon-right-horizontal2 { z-index: 1; overflow: hidden; width: 140px; height: 100px; text-align: right; bottom: 0; right: 0; } .ribbon-right-horizontal2 span { text-indent: 15px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 41px; right: -30px; } .ribbon-left-horizontal2 span, .ribbon-right-slash2 span { background: transparent; font-weight: 700; color: #fff; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; line-height: 25px; font-size: 9px; } .ribbon-right-horizontal2 span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal2 span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-slash2, .tr-5-5 { position: absolute; } .ribbon-right-slash2 { z-index: 1; overflow: hidden; width: 250px; height: 140px; text-align: right; bottom: 0; right: 0; } .ribbon-right-slash2 span { text-align: center; text-indent: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 100px; left: 65px; } .ribbon-right-slash2 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash2 span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden22 { position: absolute; width: 229px; height: 161px; background-color: transparent; } .ribbon-left-horizontal2, .tr-5-5 { position: absolute; } .ribbon-left-horizontal2 { z-index: 1; overflow: hidden; width: 140px; height: 100px; text-align: left; bottom: 0; left: 0; } .ribbon-left-horizontal2 span { text-indent: 40px; text-align: left; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 41px; left: -30px; } .ribbon-left-horizontal2 span::before { left: 0; border-left: 3px solid transparent; border-left: 3px solid transparent; } .ribbon-left-horizontal2 span::after { left: 0; border-left: 3px solid transparent; border-left: 3px solid transparent; } .ribbon-right-slash3, .ribbon-right-slash3-s, .tr-5-5 { position: absolute; } .ribbon-right-slash3, .ribbon-right-slash3-s { right: 0; bottom: 0; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-right-slash3-s { width: 70px; height: 70px; } .ribbon-right-slash3 span, .ribbon-right-slash3-s span { font-weight: 700; color: #fff; text-align: left; text-indent: 35px; line-height: 25px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; display: block; background: transparent; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 41px; right: -85px; } .ribbon-right-slash3 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash3 span::after, .ribbon-right-slash3-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden3 { position: absolute; width: 170px; height: 120px; background-color: transparent; } .ribbon-left-slash3 span, .ribbon-left-slash3-s span, .ribbon-right-horizontal3 span, .ribbon-right-horizontal3-s span { background: transparent; color: #fff; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; font-weight: 700; } .ribbon-left-slash3, .ribbon-left-slash3-s, .tr-5-5 { position: absolute; } .ribbon-left-slash3, .ribbon-left-slash3-s { margin-top: 19px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-left-slash3-s { width: 70px; height: 70px; } .ribbon-left-slash3 span, .ribbon-left-slash3-s span { text-align: center; line-height: 25px; text-indent: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 240px; background: linear-gradient(transparent 0, transparent 100%); top: 53px; right: 23px; } .ribbon-left-slash3-s span { font-size: 9px; line-height: 15px; width: 175px; top: 22px; right: -10px; } .ribbon-left-slash3 span::after, .ribbon-left-slash3 span::before, .ribbon-left-slash3-s span::after, .ribbon-left-slash3-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash3 span::after, .ribbon-left-slash3-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden33 { position: absolute; width: 190px; height: 120px; background-color: transparent; } .ribbon-right-horizontal3, .ribbon-right-horizontal3-s, .tr-5-5 { position: absolute; } .ribbon-right-horizontal3, .ribbon-right-horizontal3-s { z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; right: 0; } .ribbon-right-horizontal3-s { width: 70px; height: 70px; } .ribbon-right-horizontal3 span, .ribbon-right-horizontal3-s span { text-align: center; line-height: 25px; text-indent: 12px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); bottom: 20px; right: -30px; } .ribbon-right-horizontal3-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-right-horizontal3 span::after, .ribbon-right-horizontal3 span::before, .ribbon-right-horizontal3-s span::after, .ribbon-right-horizontal3-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal3 span::after, .ribbon-right-horizontal3-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal3, .ribbon-left-horizontal3-s, .tr-5-5 { position: absolute; } .ribbon-left-horizontal3, .ribbon-left-horizontal3-s { z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon-left-horizontal3-s { width: 70px; height: 70px; } .ribbon-left-horizontal3 span, .ribbon-left-horizontal3-s span { font-weight: 700; color: #fff; text-align: center; text-indent: 12px; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; display: block; background: transparent; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; bottom: 20px; right: -30px; } .ribbon-left-horizontal3-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-left-horizontal3 span::after, .ribbon-left-horizontal3 span::before, .ribbon-left-horizontal3-s span::after, .ribbon-left-horizontal3-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal3 span::after, .ribbon-left-horizontal3-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .position-bandeau { position: absolute; bottom: 8px; left: 8px; } .ribbon-left-horizontal3, .ribbon-right-horizontal3, .ribbon-left-slash3, .ribbon-right-slash3 { position: absolute; bottom: 8px; left: 8px; } #textarea-bandeau { margin: 0.75em; } #colorPicker .track { background: url(/medias/images/text-color.png) 50% 50% no-repeat #efefef; height: 150px; width: 150px; padding: 10px; position: absolute; cursor: crosshair; float: left; left: -71px; top: -71px; display: none; border: 1px solid #ccc; z-index: 10; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; } #colorPicker .color, #colorPicker .dropdown li { height: 25px; cursor: pointer; } #colorPicker .color { width: 25px; padding: 1px; border: 1px solid #ccc; display: block; position: relative; z-index: 11; background-color: #efefef; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; } #colorPicker .colorInner { width: 25px; height: 25px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; } #colorPicker .dropdown { list-style: none; display: none; width: 27px; position: absolute; top: 28px; border: 1px solid #ccc; left: 0; z-index: 1000; } .ribbon-left-slash4 span, .ribbon-left-slash4-s span, .ribbon-right-slash4 span, .ribbon-right-slash4-s span { font-weight: 700; color: #fff; line-height: 25px; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; } .ribbon-right-slash4, .ribbon-right-slash4-s, .tr-5-5 { position: absolute; } .ribbon-right-slash4, .ribbon-right-slash4-s { z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; right: 0; bottom: 0; } .ribbon-right-slash4-s { width: 70px; height: 70px; } .ribbon-right-slash4 span, .ribbon-right-slash4-s span { text-align: left; text-indent: 35px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 30px; right: -105px; } .ribbon-right-slash4 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash4 span::after, .ribbon-right-slash4-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden4 { position: absolute; width: 170px; height: 120px; background-color: transparent; } .ribbon-left-slash4, .ribbon-left-slash4-s, .tr-5-5 { position: absolute; } .ribbon-left-slash4, .ribbon-left-slash4-s { z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; left: 0; bottom: 0; } .ribbon-left-slash4-s { width: 70px; height: 70px; } .ribbon-left-slash4 span, .ribbon-left-slash4-s span { text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 53px; right: -30px; } .ribbon-left-slash4-s span { font-size: 9px; line-height: 15px; width: 175px; top: 22px; right: -10px; } .ribbon-left-slash4 span::after, .ribbon-left-slash4 span::before, .ribbon-left-slash4-s span::after, .ribbon-left-slash4-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash4 span::after, .ribbon-left-slash4-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden44 { position: absolute; width: 125px; height: 120px; background-color: transparent; } .ribbon-left-horizontal4 span, .ribbon-left-horizontal4-s span, .ribbon-right-horizontal4 span, .ribbon-right-horizontal4-s span { font-weight: 700; color: #fff; text-indent: 12px; display: block; background: 0 0; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; } .ribbon-right-horizontal4, .ribbon-right-horizontal4-s, .tr-5-5 { position: absolute; } .ribbon-right-horizontal4, .ribbon-right-horizontal4-s { z-index: 1; overflow: hidden; width: 140px; height: 100px; text-align: right; right: 0; bottom: 0; } .ribbon-right-horizontal4-s { width: 70px; height: 70px; } .ribbon-right-horizontal4 span, .ribbon-right-horizontal4-s span { text-align: center; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 41px; right: -30px; } .ribbon-right-horizontal4-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-right-horizontal4 span::after, .ribbon-right-horizontal4 span::before, .ribbon-right-horizontal4-s span::after, .ribbon-right-horizontal4-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal4 span::after, .ribbon-right-horizontal4-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal4, .ribbon-left-horizontal4-s, .tr-5-5 { position: absolute; } .ribbon-left-horizontal4, .ribbon-left-horizontal4-s { z-index: 1; overflow: hidden; width: 140px; height: 100px; text-align: right; left: 0; bottom: 0; } .ribbon-left-horizontal4-s { width: 70px; height: 70px; } .ribbon-left-horizontal4 span, .ribbon-left-horizontal4-s span { text-align: center; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 41px; right: -30px; } .ribbon-left-horizontal4-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-left-slash5 span, .ribbon-left-slash5-s span, .ribbon-right-slash5 span, .ribbon-right-slash5-s span { font-weight: 700; color: #fff; line-height: 25px; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; } .ribbon-left-horizontal4 span::after, .ribbon-left-horizontal4 span::before, .ribbon-left-horizontal4-s span::after, .ribbon-left-horizontal4-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal4 span::after, .ribbon-left-horizontal4-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-slash5, .ribbon-right-slash5-s, .tr-5-5 { position: absolute; } .ribbon-right-slash5, .ribbon-right-slash5-s { margin-left: 60px; margin-top: 63px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-right-slash5-s { width: 70px; height: 70px; } .ribbon-right-slash5 span, .ribbon-right-slash5-s span { text-align: left; text-indent: 35px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 10px; right: -112px; } .ribbon-right-slash5 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash5 span::after, .ribbon-right-slash5-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden5 { position: absolute; width: 170px; height: 98px; background-color: transparent; } .ribbon-left-slash5, .ribbon-left-slash5-s, .tr-5-5 { position: absolute; } .ribbon-left-slash5, .ribbon-left-slash5-s { margin-left: 10px; margin-top: 41px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-left-slash5-s { width: 70px; height: 70px; } .ribbon-left-slash5 span, .ribbon-left-slash5-s span { text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 53px; right: -30px; } .ribbon-left-slash5-s span { font-size: 9px; line-height: 15px; width: 175px; top: 22px; right: -10px; } .ribbon-left-slash5 span::after, .ribbon-left-slash5 span::before, .ribbon-left-slash5-s span::after, .ribbon-left-slash5-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash5 span::after, .ribbon-left-slash5-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden55 { position: absolute; width: 125px; height: 120px; background-color: transparent; } .ribbon-left-horizontal5 span, .ribbon-left-horizontal5-s span, .ribbon-right-horizontal5 span, .ribbon-right-horizontal5-s span { font-weight: 700; color: #fff; text-indent: 12px; display: block; background: 0 0; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; } .ribbon-right-horizontal5, .ribbon-right-horizontal5-s, .tr-5-5 { position: absolute; } .ribbon-right-horizontal5, .ribbon-right-horizontal5-s { margin-left: 90px; margin-top: 70px; z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon-right-horizontal5-s { width: 70px; height: 70px; } .ribbon-right-horizontal5 span, .ribbon-right-horizontal5-s span { text-align: center; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 41px; right: -30px; } .ribbon-right-horizontal5-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-right-horizontal5 span::after, .ribbon-right-horizontal5 span::before, .ribbon-right-horizontal5-s span::after, .ribbon-right-horizontal5-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal5 span::after, .ribbon-right-horizontal5-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal5, .ribbon-left-horizontal5-s, .tr-5-5 { position: absolute; } .ribbon-left-horizontal5, .ribbon-left-horizontal5-s { margin-left: 10px; margin-top: 70px; z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon-left-horizontal5-s { width: 70px; height: 70px; } .ribbon-left-horizontal5 span, .ribbon-left-horizontal5-s span { text-align: center; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; background: linear-gradient(transparent 0, transparent 100%); top: 41px; right: -30px; } .ribbon-left-horizontal5-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-left-slash6 span, .ribbon-left-slash6-s span, .ribbon-right-slash6 span, .ribbon-right-slash6-s span { line-height: 25px; font-weight: 700; color: #fff; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; } .ribbon-left-horizontal5 span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal5 span::after, .ribbon-left-horizontal5-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-slash6, .ribbon-right-slash6-s, .tr-5-5 { position: absolute; } .ribbon-right-slash6, .ribbon-right-slash6-s { margin-left: -182px; margin-top: 63px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-right-slash6-s { width: 70px; height: 70px; } .ribbon-right-slash6 span, .ribbon-right-slash6-s span { text-align: left; text-indent: 35px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 10px; right: -112px; } .ribbon-right-slash6 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash6 span::after, .ribbon-right-slash6-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden6 { position: absolute; width: 170px; height: 98px; background-color: transparent; } .ribbon-left-slash6, .ribbon-left-slash6-s, .tr-5-5 { position: absolute; } .ribbon-left-slash6, .ribbon-left-slash6-s { margin-left: -232px; margin-top: 41px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-left-slash6-s { width: 70px; height: 70px; } .ribbon-left-slash6 span, .ribbon-left-slash6-s span { text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 53px; right: -30px; } .ribbon-left-slash6-s span { font-size: 9px; line-height: 15px; width: 175px; top: 22px; right: -10px; } .ribbon-left-slash6 span::after, .ribbon-left-slash6 span::before, .ribbon-left-slash6-s span::after, .ribbon-left-slash6-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-slash6 span::after, .ribbon-left-slash6-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbonhidden66 { position: absolute; width: 125px; height: 120px; background-color: transparent; } .ribbon-right-horizontal6, .ribbon-right-horizontal6-s, .tr-5-5 { position: absolute; } .ribbon-right-horizontal6, .ribbon-right-horizontal6-s { margin-left: -152px; margin-top: 70px; z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon-right-horizontal6-s { width: 70px; height: 70px; } .ribbon-right-horizontal6 span, .ribbon-right-horizontal6-s span { font-weight: 700; color: #fff; text-align: center; line-height: 25px; text-indent: 12px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; display: block; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 41px; right: -30px; } .ribbon-right-horizontal6-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-right-horizontal6 span::after, .ribbon-right-horizontal6 span::before, .ribbon-right-horizontal6-s span::after, .ribbon-right-horizontal6-s span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-horizontal6 span::after, .ribbon-right-horizontal6-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal6, .ribbon-left-horizontal6-s, .tr-5-5 { position: absolute; } .ribbon-left-horizontal6, .ribbon-left-horizontal6-s { margin-left: -232px; margin-top: 70px; z-index: 1; overflow: hidden; width: 140px; height: 140px; text-align: right; } .ribbon-left-horizontal6-s { width: 70px; height: 70px; } .ribbon-left-horizontal6 span, .ribbon-left-horizontal6-s span { font-weight: 700; color: #fff; text-align: center; text-indent: 12px; line-height: 25px; transform: rotate(0); -webkit-transform: rotate(0); width: 220px; display: block; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 41px; right: -30px; } .ribbon-left-horizontal6-s span { font-size: 9px; line-height: 15px; width: 175px; top: 23px; right: 0; } .ribbon-left-horizontal6 span::before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-left-horizontal6 span::after, .ribbon-left-horizontal6-s span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .ribbon-right-slash7, .ribbon-right-slash7-s, .ribbonhidden5, .tr-5-5 { position: absolute; } .ribbon-right-slash7, .ribbon-right-slash7-s { margin-left: -182px; margin-top: 63px; z-index: 1; overflow: hidden; width: 230px; height: 140px; text-align: right; } .ribbon-right-slash7-s { width: 70px; height: 70px; } .ribbon-right-slash7 span, .ribbon-right-slash7-s span { font-weight: 700; color: #fff; line-height: 25px; display: block; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; text-align: left; text-indent: 35px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; background: 0 0; background: linear-gradient(transparent 0, transparent 100%); top: 10px; right: -112px; } .ribbon-right-slash7 span::before { left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbon-right-slash7 span::after, .ribbon-right-slash7-s span::after { right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .ribbonhidden7 { width: 170px; height: 98px; background-color: transparent; } .lbltaille > input { visibility: hidden; } .lbltaille > input:checked + img { -moz-box-shadow: 10px 10px 5px #a6a6a6; -webkit-box-shadow: 10px 10px 5px #a6a6a6; -o-box-shadow: 10px 10px 5px #a6a6a6; box-shadow: 10px 10px 5px #a6a6a6; } .lbltaille > input:not(:checked) + img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); } .c-pointer { cursor: pointer; } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 4px; } .progress-bar { font-size: 12px; line-height: 20px; color: #fff; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-primary { background-color: #800000; } .progress-bar-success { background-color: #730099; } .progress-bar-info { background-color: #3366ff; } .progress-bar-danger { background-color: #33ccff; } .progress-bar-warning { background-color: #33cc33; } .progress-bar-upper { background-color: #ffff00; } .progress-bar-upperplus { background-color: #ff6600; } .progress-bar-upperbig { background-color: #ff0000; } #progression p.w-100 { height: 27px; } #progression strong { line-height: 27px; height: 27px; } #legende-charts .c-block { width: 30px; height: 10px; margin: auto auto auto 10px; } #legende-charts { margin-bottom: 20px; } .chart-div { width: 350px; height: 250px; display: inline-table; } .tooltip-chart { padding: 5px 10px; position: absolute; z-index: 100000; background: #34393b; color: #fff; opacity: 0.95; width: 80px; text-align: center; } .d-inline-flex { display: inline-flex; } .tablesorter-pager { padding: 5px; } td.tablesorter-pager { background-color: #e6eeee; margin: 0; } .tablesorter-pager img { vertical-align: middle; margin-right: 2px; cursor: pointer; } .tablesorter-pager .pagedisplay { padding: 0 5px 0 5px; width: auto; white-space: nowrap; text-align: center; } .tablesorter-pager select { margin: 0; padding: 0; } .tablesorter-pager.disabled { display: none; } .tablesorter-pager .disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .pager .prev, .pager .next { font-size: 18px; } .pager { margin-left: 10px; } .pager span:first-child, .pager span:nth-child(5) { margin-top: -1px; } .mxw-70 { max-width: 100px; } .mxw-100 { max-width: 100px; } .mxw-120 { max-width: 120px; } .box_3dwaw { padding-bottom: 10px; } .box_3dwaw .logo { display: flex; flex-direction: row; align-items: center; padding-top: 10px; padding-left: 10px; } .box_3dwaw .logo-3dwaw img { width: 160px; height: auto; } .box_3dwaw .logo-client { padding-left: 10px; } .box_3dwaw .logo-client span { text-indent: 0; float: left; margin: 0 10px 0 0; padding: 8px 0; font-weight: bold; } .box_3dwaw .logo-client img { width: auto; height: 33px; } .box_3dwaw .infographie { max-width: 700px; height: auto; margin: 0 auto; } .box_3dwaw .button { padding: 15px 0; text-align: center; } .box_3dwaw .button .btn { background-color: #bf4257; border-radius: 10px; color: #ffffff; text-transform: uppercase; padding: 10px 30px; text-decoration: none; } .bt-logo-3dwaw { width: 50px; height: auto; margin-left: 5px !important; margin-right: 5px; } div.leizee-datepicker { margin: 0 10px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } div.leizee-datepicker p { margin: 0; padding: 5px 0; text-indent: 0; text-align: center; cursor: pointer; color: #fff; } div.leizee-datepicker > div.bloc-trimestre { width: 23%; display: flex; flex-direction: column; align-content: space-around; } div.leizee-datepicker > div.bloc-trimestre > div.mois { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; } div.leizee-datepicker > div.bloc-trimestre > div.mois > p { width: 31%; color: #d4d4d4; border: solid 1px; } div.leizee-datepicker > div.bloc-trimestre > div.mois > p.active { color: #fff; } .fa.fa-signal.graph { transform: rotate(90deg) scale(-1, 1); } div.toggle span { border: solid 2px #d4d4d4; padding: 4px 20px; color: #d4d4d4; cursor: pointer; } div.toggle span:not(:last-of-type) { border-right: 1px; } div.toggle span.selected { color: #fff; background: #d4d4d4; } #tableau-evt tr td:nth-child(3) { max-width: 300px; word-break: break-word; } .no-ml { margin-left: 0; } td.evt-pinpo { background: url("/medias/images/logos/pinpo.png") no-repeat 5px center; } #workflow p#intro { display: flex; flex-direction: row; align-items: center; width: 100%; height: 60px; font-size: 1.1em; } #workflow .workflow_etape { margin: 15px; background-color: #ebebeb; display: flex; flex-direction: column; } #workflow .workflow_etape .head { display: flex; flex-direction: row; padding: 10px 0; border: 1px solid black; } #workflow .workflow_etape .head .align-start { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-left: 15px; } #workflow .workflow_etape .head .align-end { display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-right: 15px; } #workflow .workflow_etape .head .bt-fa { margin-bottom: 0; } #workflow .workflow_etape .head .align-start .bt-fa { margin-left: 0; } #workflow .workflow_etape .head .name, #workflow .workflow_etape .head .update_name { margin-left: 15px; font-weight: bold; } #workflow .workflow_etape .content { border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; padding: 15px; } #workflow .workflow_etape svg g:hover { cursor: pointer; } #workflow .add_etape { margin: 15px; background-color: #ebebeb; display: flex; flex-direction: column; border: 1px solid black; align-items: center; justify-content: center; padding: 15px; cursor: pointer; } #workflow .add_etape i { font-size: 30px; } #workflow .add_etape p { margin: 5px 0 0 0; } #lancement_bpm .table_role #table table { margin-left: 0 !important; width: 100%; border: 1px solid black; } #lancement_bpm .table_role #table table thead td { padding: 5px 0; border-bottom: 1px solid black; } .bpm .taches table thead td { border-top: 1px solid black; border-bottom: 1px solid black; } .bpm .taches table thead td:first-of-type { border-left: 1px solid black; } .bpm .taches table thead td:last-of-type { border-right: 1px solid black; } .bpm .taches table td { padding: 8px 5px 8px 5px; border-bottom: 1px solid #eee; } .bpm .taches table .red td { background-color: rgba(255, 15, 35, 0.2) !important; } .bpm .taches table .green td { background-color: rgba(0, 194, 61, 0.2) !important; } .bpm .taches table .orange td { background-color: rgba(255, 102, 0, 0.2) !important; } .bpm .taches table .grey td { background-color: rgba(132, 147, 151, 0.2) !important; } .bpm .operation-global { position: relative; } .bpm .progress { display: inline-block; position: relative; width: 98%; height: 25px; border-radius: 0; box-shadow: none; margin-bottom: 5px; } .bpm .progress__background { position: absolute; top: 0; left: 0; display: block; height: 100%; z-index: 1; } .bpm .progress__background.red { background-color: rgba(255, 15, 35, 0.2); } .bpm .progress__pourcentage { position: absolute; left: 0; top: 0; height: 100%; z-index: 4; } .bpm .progress__pourcentage-label { display: block; width: calc(100% - 5px); height: 100%; color: #ffffff; font-weight: 00; text-align: right; line-height: 25px; z-index: 3; } .bpm .progress__pourcentage-label-right { width: calc(100% + 30px); color: #34393b; } .bpm .progress__step, .bpm .progress__jalon { position: absolute; top: 0; height: 25px; margin: 0; padding: 0; width: 100%; } .bpm .progress__step .progress__step-etape { height: 100%; position: absolute; z-index: 4; } .bpm .progress__labels-etape .progress__item { display: inline-block; text-align: center; padding: 10px 0 0 0; margin-bottom: 5px; border-top: solid 1px; border-right: solid 1px; } .bpm .progress__labels-etape .progress__item:first-of-type { border-left: solid 1px; } .bpm .progress__jalon .progress__jalon-jalon { position: absolute; height: 100%; border-right: 1px solid #34393ba1; width: 0; z-index: 2; } .bpm .progress__labels, .bpm .progress__labels-etape { display: flex; width: 98%; flex-direction: row; } .bpm .progress__labels__top { position: relative; width: 98%; height: 15px; margin-bottom: 5px; } .bpm .progress__labels .progress__jalon-jalon { position: absolute; height: 15px; width: 15px; } .bpm .progress__labels .progress__start { text-align: left; float: left; margin-left: -15px; } .bpm .progress__labels .progress__end { display: flex; margin-left: auto; text-align: right; margin-right: -15px; } .bpm .progress__labels__top-jalon { left: 15%; width: 10px; position: absolute; height: 15px; } .bpm .bpm__legende .color { width: 30px; height: 20px; border: 1px solid #34393b; } .bpm .bpm__legende .color.green { background-color: rgba(0, 194, 61, 0.2); } .bpm .bpm__legende .color.red { background-color: rgba(255, 15, 35, 0.2); } .bpm .echelle-dates { display: flex; justify-content: space-between; width: 1170px; margin-left: -40px; margin-bottom: 20px; } .bpm .echelle-mois { display: flex; justify-content: space-between; height: 10px; border-left: solid 1px; border-right: solid 1px; margin: auto -10px; } .bpm .echelle-mois span:not(:first-of-type):not(:last-of-type) { width: 0; border-left: solid 1px; } @media print { .bpm .bpm__legende, #bpm-gantt { color-adjust: exact !important; -webkit-print-color-adjust: exact !important; } } .bpm_gantt_fullscreen { position: absolute; top: 55px; left: 0; width: 100%; z-index: 1000; margin-left: 0; margin-right: 0; background-color: #ffffff; } .gantt_task_line { border-radius: 5px; opacity: 0.7; z-index: 2; } .gantt_bar_task.hidebar { border-color: transparent; } .gantt_task_line.gantt_task_inline_color .gantt_task_progress { background-color: #009a41; opacity: 1; } .gantt_task .gantt_task_scale .gantt_scale_cell, .gantt_grid_scale .gantt_last_cell { line-height: 25px; color: #000; } .gantt_milestone { margin-top: 6px; height: 17px !important; width: 17px !important; border-radius: 0; } .gantt_milestone .gantt_side_content.gantt_left { line-height: 17px; padding-right: 10px; } .gantt_milestone .gantt_side_content.gantt_right { line-height: 17px; padding-left: 10px; } .gantt_marker.today { z-index: 1; } .gantt_layout_content .gantt_grid_scale, .gantt_task_scale, .gantt_scale_line, .gantt_scale_cell { height: 105px !important; } .bpm-chart .highcharts-title { display: none; } #form-calc input:not([type="submit"]):not([name="budget"]) { width: calc(61%); } #form-calc .form-calc-titre { padding-top: 10px; padding-bottom: 10px; } #form-calc .form-calc-titre span { font-size: 18px; font-weight: bold; } .bold { font-weight: bold; } .b-rouge { border: 1px solid red; } .optgroup { font-weight: bold; } .contact-archive { font-style: italic; opacity: 0.33; } .bandeau_offre_commercialisateur, .bandeau_ancien_neuf { position: absolute; top: 8px; right: 8px; background-color: #483f3f; background-color: #1c252e; color: #ffffff; border-radius: 6px; font-weight: 600; font-size: 12px; padding-left: 6px; padding-right: 6px; display: inline-flex; align-items: center; } .bandeau_offre_commercialisateur p, .bandeau_ancien_neuf p { margin: 0; } .icone_offre_commercialisateur { width: 13px; height: 13px; display: inline-block; color: #483f3f; border: 1px solid #483f3f; border-radius: 50%; text-align: center; font-size: 11px; font-weight: 700; line-height: 14px; margin-left: 5px; } .icone_offre_commercialisateur:hover { color: white; background-color: #483f3f; } .pagination-diffusion { cursor: pointer; font-size: 14px; text-decoration: none; } .pagination-diffusion:hover { text-decoration: underline; } .pagination-active { font-weight: bold; } .flex-wrap { flex-wrap: wrap; } .col-gap-1 { column-gap: 1rem; } .row-gap-1 { row-gap: 1rem; } .flex-1 { flex: 1; } .justify-space-between { justify-content: space-between; } .justify-end { justify-content: flex-end; } .grid-4-columns { display: grid; grid-template-columns: repeat(4, 1fr); } .grid-3-columns { display: grid; grid-template-columns: repeat(3, 1fr); } .grid-2-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .grid-1-auto { grid-template-columns: 1fr auto; } .grid-gap-1 { gap: 1rem; } .flex-2-rows { display: flex; flex-direction: row; column-gap: 1rem; } .items-end { align-items: flex-end; } .ml-auto { margin-left: auto; } #logo { max-height: 55px; } div[id^="AutocompleteContainter_"], div[id^="AutocompleteContainter_"] * { overflow-x: unset !important; max-width: unset !important; } sup { font-size: unset; } li.google-office { display: flex; flex-direction: row; gap: 1rem; margin-left: 15px !important; margin-right: 15px !important; } a.raccourci { margin-top: 0.8rem; } .menu-close i { padding: 10px; } a.bt.ae, a.bt.pr { float: left !important; margin: 0 3px !important; padding: 0 !important; width: 30px; height: 30px; font-size: 16px; color: #fff; } thead.css-sticky-header { position: relative !important; z-index: 2 !important; } .tab-col-droits { float: left !important; } div.Tokenize ul.Dropdown { position: inherit !important; } div.Tokenize ul.TokensContainer li.Placeholder { color: #6d6d6d !important; } a.bt.bt-fa { color: #ffffff; font-size: 16px; width: 30px; height: 30px; line-height: 30px; padding: 0 !important; } a.bt.bt-fa:not(.d-none) { display: inline-block; } body:not(#box) .tab-menu { width: calc(100% + 2 * var(--padding-card)) !important; } @media (min-width: 992px) { .lg-none { display: none !important; } } @media screen and (max-width: 991.98px) { .md-none { display: none; } .md-flex { display: flex; } .md-flex-row { flex-direction: row; } .md-flex-col { flex-direction: column; } .md-gap-0 { row-gap: 0; column-gap: 0; } .md-row-gap-1 { row-gap: 1rem; } .md-grid-2-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } li.google-office { flex-direction: row !important; margin: 2rem 0 0 !important; gap: 2rem; } nav#nav.open ul.menu li.open > ul { top: 0; } .md-ml-0 { margin-left: 0; } .md-mt-10 { margin-top: 10px; } .md-mt-20 { margin-top: 20px; } .md-items-center { align-items: center; } .md-justify-center { justify-content: center; } .md-w-100 { width: 100%; } .md-ta-center { text-align: center; } } @media screen and (max-width: 767.98px) { .sm-grid-1-columns { grid-template-columns: 1fr; } .sm-grid-2-columns { grid-template-columns: 1fr 1fr; } .grid-2-columns { grid-template-columns: 1fr; } .sm-grid-gap-0 { gap: 0; } .flex-2-rows { flex-direction: column; row-gap: 1rem; } .sm-flex-row { flex-direction: row; } .sm-flex-col { flex-direction: column; } .sm-gap-0 { row-gap: 0; column-gap: 0; } .sm-row-gap-1 { row-gap: 1rem; } .sm-justify-center { display: flex; justify-content: center; } .sm-ml-0 { margin-left: 0; } .sm-mb-10px { margin-bottom: 10px; } .sm-none { display: none; } .sm-w-100 { width: 100%; } .sm-items-flex-start { align-items: flex-start; } #header { min-height: 55px; } #section { overflow: hidden; } } body .fa-lg { font-size: 1rem; line-height: 1rem; position: relative; } div.input_group { flex-direction: column; width: 100%; margin-bottom: 10px; } div.input_group > p { margin: 0 0 5px 0; } input:not([type="submit"]):not([type="button"]), textarea { padding: 6px 5px !important; border-radius: var(--border-radius-input); } .Tokenize .TokensContainer { border-radius: 4px; } .Tokenize input { padding: 1px 0 !important; } select, .ms-options-wrap > button:focus, .ms-options-wrap > button { padding: 5px !important; background-color: white !important; border-radius: var(--border-radius-input); border: 1px solid #d4d4d4 !important; color: #34393b !important; } div#div_expo .grid-4-columns, div#div_niv .grid-4-columns { grid-template-columns: repeat(4, 47px); column-gap: 10px; row-gap: 10px; } div#div_niv .grid-4-columns > div:last-of-type { grid-column: 3 / span 2; } .div_checkable { display: flex; align-items: center; justify-content: flex-start; } .div_checkable label { border: 1px solid #d4d4d4; border-radius: 4px; background-color: transparent; padding: 10px; width: 100%; text-align: center; cursor: pointer; } .div_checkable input[type="checkbox"], .div_checkable input[type="radio"] { display: none; } .div_checkable input[type="checkbox"]:checked + label, .div_checkable input[type="radio"]:checked + label { color: white; } .input_toggle label { display: flex; align-items: center; } .input_toggle label span { position: relative; display: inline-block; width: 40px; height: 20px; background-color: rgba(0, 0, 0, 0.25); border-radius: 20px; transition: all 0.3s; margin-left: 10px; } .input_toggle label span::after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; background-color: white; top: 1px; left: 1px; transition: all 0.3s; } .input_toggle input[type="checkbox"]:checked + label span::after { left: 20px; } .input_toggle input[type="checkbox"] { display: none; } .input_toggle_double { display: grid; grid-auto-columns: min-content; grid-column-gap: 10px; grid-template-areas: "label1 btn label2"; } .input_toggle_double label:first-of-type { grid-area: label1; } .input_toggle_double label:last-of-type { grid-area: label2; } .input_toggle_double .btn_toggle { grid-area: btn; } .input_toggle_double label, .input_toggle_double label strong { display: flex; align-items: center; white-space: nowrap; } .input_toggle_double span.btn_toggle { position: relative; display: inline-block; width: 40px; height: 20px; border-radius: 20px; transition: all 0.3s; cursor: pointer; } .input_toggle_double span.btn_toggle:after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; background-color: white; top: 1px; left: 1px; transition: all 0.3s; } .input_toggle_double input[type="radio"]:checked:last-of-type ~ span::after { left: 20px; } .input_toggle_double input[type="radio"] { display: none; } .liste-grid-3-columns { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; list-style: none; margin: 0; } .liste-grid-3-columns li { text-align: center; border: 1px solid #d4d4d4; border-radius: 4px; width: 100%; height: 100%; margin: 0 !important; display: flex; } .liste-grid-3-columns li a { width: 100%; height: 100%; text-decoration: none; padding: 15px 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .liste-grid-3-columns li a:hover { background-color: #ececec; } #header #nav a.menulink, #header #nav span.menulink { display: flex; align-items: center; flex-wrap: wrap; column-gap: 4px; cursor: pointer; } div#derniers-programmes > div:first-of-type > div > p { word-break: break-all; } #cboxTitle { display: none !important; } select.form-erreur { border: 1px dotted red !important; } #header .bloc, #global { max-width: 1750px !important; } @media screen and (max-width: 1200px) { #header .bloc, #global { max-width: calc(100% - 2rem) !important; } } @media screen and (min-width: 1200px) and (max-width: 1750px) { #header .bloc, #global { max-width: calc(100% - 4rem) !important; } } input#poi-train, input#poi-tram, input#poi-bus, input#poi-velo { margin: 0; } .Zebra_DatePicker_2 * { margin: 0; padding: 0; color: #34393b; } .Zebra_DatePicker_2 { position: absolute; background: #34393b; border: 2px solid #34393b; z-index: 100; font-family: "Montserrat", sans-serif, Arial, Helvetica, sans-serif; font-size: 12px; } .Zebra_DatePicker_2.dp_hidden { display: none; } .Zebra_DatePicker_2 table { border-collapse: collapse; border-spacing: 0; } .Zebra_DatePicker_2 td, .Zebra_DatePicker_2 th { text-align: center; padding: 5px 0; } .Zebra_DatePicker_2 td { cursor: pointer; } .Zebra_DatePicker_2 .dp_daypicker, .Zebra_DatePicker_2 .dp_monthpicker, .Zebra_DatePicker_2 .dp_yearpicker { margin-top: 3px; } .Zebra_DatePicker_2 .dp_daypicker td, .Zebra_DatePicker_2 .dp_daypicker th, .Zebra_DatePicker_2 .dp_monthpicker td, .Zebra_DatePicker_2 .dp_yearpicker td { background: #e8e8e8; width: 30px; border: 1px solid #34393b; } .Zebra_DatePicker_2 .dp_header td { color: #fff; } .Zebra_DatePicker_2 .dp_header .dp_previous, .Zebra_DatePicker_2 .dp_header .dp_next { width: 30px; } .Zebra_DatePicker_2 .dp_header .dp_caption { font-weight: bold; } .Zebra_DatePicker_2 .dp_header .dp_hover { background: #34393b; color: #fff; } .Zebra_DatePicker_2 .dp_header .dp_blocked { color: #d4d4d4; cursor: default; } .Zebra_DatePicker_2 .dp_daypicker th { background: #757f83; } .Zebra_DatePicker_2 td.dp_not_in_month { background: #fff; color: #d4d4d4; cursor: default; } .Zebra_DatePicker_2 td.dp_weekend { background: #d4d4d4; } .Zebra_DatePicker_2 td.dp_weekend_disabled { color: #d4d4d4; cursor: default; } .Zebra_DatePicker_2 td.dp_selected { background: #34393b; color: #fff !important; } .Zebra_DatePicker_2 td.dp_week_number { background: #34393b; color: #d4d4d4; cursor: text; font-style: italic; } .Zebra_DatePicker_2 .dp_monthpicker td { width: 33%; } .Zebra_DatePicker_2 .dp_yearpicker td { width: 33%; } .Zebra_DatePicker_2 .dp_footer { margin-top: 3px; } .Zebra_DatePicker_2 .dp_footer td { color: #fff; padding: 2px; font-weight: bold; } .Zebra_DatePicker_2 .dp_footer .dp_hover { background: #34393b; color: #fff; } .Zebra_DatePicker_2 td.dp_current { color: #f00; font-weight: bold; } .Zebra_DatePicker_2 td.dp_disabled_current { color: #e38585; } .Zebra_DatePicker_2 td.dp_disabled { background: #fff; color: #d4d4d4; cursor: default; } .Zebra_DatePicker_2 td.dp_hover { background: #34393b; color: #fff; } html { font-size: 100%; height: 100%; width: 100%; } body { margin: 0; padding: 0; font-family: var(--font-family-base); font-size: 0.8em; line-height: inherit; background: var(--color-background-light); color: #34393b; height: 100%; overflow-x: hidden; } body.colorbox-open { overflow: hidden; } h1, h2, h3, h4, h5, h6 { padding: 10px 0; margin: 0; } h1 { font-size: 1.75em; padding-top: 10px; } h1.s { font-size: 1.25em; } h2.s { font-size: 1.05em; } body { display: flex; flex-direction: column; width: 100%; height: 100%; } body footer { margin-top: auto !important; display: flex; } h2 { font-size: 1.5em; font-weight: bold; color: #34393b; } h2.mt-20 { margin-top: 0; } .bc1 { background-color: #fff !important; } .bc1.active { background-color: var(--color-primary-main) !important; } .bc2 { background-color: #d4d4d4 !important; } .bc2.active { background-color: #919191 !important; } h2 span { font-size: 0.8rem; font-weight: normal; } h3 { font-size: 1.25em; } h4 { font-size: 1.2em; } h4.ggm { margin: 0; padding: 2px; } h3 span { font-size: 0.8em; font-weight: normal; } ul, ol { margin: 0.75em 0 0.75em 3em; padding: 0; } ul { list-style: square; } p { text-indent: 0; text-align: justify; } p.s { font-size: 0.85em; } blockquote { padding: 0; margin: 0; font-style: italic; } a { text-decoration: underline; } a:link { color: #34393b; } a:visited { color: #34393b; } a:hover, a:focus, a:active { opacity: 0.85; } a img { border: none; } hr { background-color: #34393b; color: #34393b; border: none; height: 5px; height: 1px; } hr.s { height: 1px; } hr.marron { background-color: #34393b; } table { margin: 0; border-collapse: separate; border-spacing: 0; } form, fieldset { margin: 0; padding: 0; border: none; } input, button, select { vertical-align: middle; } input, button, select, optgroup, option, textarea { font-family: inherit; font-size: inherit; } input[type="text"]:disabled, select:disabled, textarea:disabled { background-color: #d4d4d4; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #header .bloc, #global { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; } @media screen and (max-width: 1200px) { #header .bloc, #global { max-width: calc(100% - 2rem); } } #page { margin-top: 15px; display: grid; grid-template-columns: 2fr 1fr; column-gap: 24px; } div#astreinte { height: 60px; background-color: #fff; border-bottom: 1px solid #34393b; } div#astreinte table { min-width: 70%; margin: 0 auto; } div#astreinte table td:last-child { padding-top: 10px; line-height: 1.5em; } #header { height: 55px; background-color: var(--color-header-background); width: 100%; } body.non-connecte #header .bloc { display: flex; align-items: center; justify-content: center; } body.non-connecte #section, body.non-connecte #aside, body.non-connecte #aside #connexion, body.non-connecte #section > div { height: 100% !important; margin-bottom: 0 !important; } body.non-connecte #aside #connexion .ta-center #spinner { margin: 0 auto !important; } #header #commande { position: absolute; top: 80px; right: 25px; width: 400px; height: 75px; background-color: rgba(255, 255, 255, 0.5); font-size: 1.1em; } #header #commande #info { text-align: right; background-color: rgba(255, 255, 255, 0.85); color: var(--color-primary-main); padding: 7px 10px; } #header #commande #bt { padding-top: 15px; } #header #commande #bt p { margin-left: -10px; } #breadcrumb { padding-left: 10px; margin-top: 25px; position: relative; } .no-connect #breadcrumb { margin-top: 51px; } #breadcrumb h1 { font-family: "Public Sans", sans-serif; font-size: 1em; font-weight: normal; margin: 0; padding: 0; } #header .bloc { display: flex; height: 100%; align-items: center; height: 54px; } #header .bloc > a { padding: 8px 16px; } #header #logo { position: initial; align-items: center; display: block; height: 40px; width: auto; } #header #nav { margin-left: auto; } #header #nav a.menulink, #header #nav a.menulink-es, #header #nav span.menulink { color: var(--color-header-link-and-icon); height: 46px; } #header #nav a.menulink { font-weight: bold; } #header #nav a.menulink:hover, #header #nav span.menulink:hover, ul.menu a.menuhover { opacity: 0.85; } #header .burger-menu, #header .menu-close { display: none; } #header a.logout i { color: var(--color-header-link-and-icon); } #nav > ul { display: flex; flex-direction: row; align-items: center; gap: 16px; } #nav li.moteur { display: block; margin: 0 6px; } #nav li.moteur form { display: flex; flex-direction: row; column-gap: 5px; } #nav li.moteur label, #nav li.moteur input[type="radio"] { display: none; } #nav li.moteur .icons { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: 2px 0; color: var(--color-header-icon-inactive); } #nav li.moteur .icons i { cursor: pointer; } #nav li.moteur .icons i.active { color: var(--color-header-icon-active); } #nav li.moteur .loupe { display: none; } #nav li.moteur input[type="text"] { background-color: #f4f4f4; border: none; border-radius: 6px; padding: 10px 28px 10px 16px; } #nav li.moteur .div_recherche { position: relative; } #nav li.moteur .div_recherche i { position: absolute; right: 0; top: 0; height: 100%; width: auto; display: flex; justify-content: center; align-items: center; padding: 0 10px 0 3px; font-size: 15px; cursor: pointer; color: #34393b; } #nav li.moteur .div_recherche input { width: 170px; } #nav li.contact_panier { display: flex; flex-direction: row; align-items: center; gap: 16px; } #nav li.contact_panier #selection-contact a { background-color: transparent; color: var(--color-header-link-and-icon); font-size: 20px; cursor: pointer; } #nav li.contact_panier #selection-contact { display: flex; flex-direction: row; align-items: center; gap: 16px; } #nav li.contact_panier #selection-contact .box-contact i { color: var(--color-header-icon-active); } #nav li.contact_panier #panier a { background-color: transparent; color: var(--color-header-link-and-icon); font-size: 20px; padding: 0; cursor: pointer; } .header-link-color { color: var(--color-header-link-and-icon); } #nav li.contact_panier #panier:empty { display: none; } #page.bg { background-color: #fff; } #section, #aside { width: 100%; overflow-y: hidden; overflow-x: hidden; } #section > div:not(.clear):not(.section-header-2):not(#catalogue), #section > div.section-header-2 > div, #aside > div:not(.clear) { margin: 0 0 20px 0; border-radius: var(--border-radius-card); background-color: #ffffff; box-shadow: var(--box-shadow-card); padding: var(--padding-card); } #section > div.clear, #aside > div.clear, div.clear { display: none; } #aside > div > div.pb-10.mt-20 { margin: 0; padding: 0; border-top: none !important; } #aside > div > div.pb-10.mt-20 > .mt-10.pt-4 { margin: 0; padding: 0; } #section .w-1-3 { width: 356px; border-left: 10px solid #ebebeb; border-bottom: 20px solid #ebebeb; margin-bottom: 10px; } .w-2-3 { width: 724px; border-right: 10px solid #ebebeb; border-bottom: 20px solid #ebebeb; margin-bottom: 10px; } #section .bb-20-ebebeb { border-bottom: 20px solid #ebebeb; } #section.large { grid-column: 1 / 3; } #section > div > ul:first-child { position: relative; top: calc(-1 * var(--padding-card)); border-top-left-radius: var(--border-radius-card); border-top-right-radius: var(--border-radius-card); } #section .section-header-2 { display: grid; grid-template-columns: 2fr 1fr; column-gap: 20px; } #section .section-header-2 > div { width: auto; border: none; margin: 0; } #section .section-header-2 > div.f-right > .ta-center:not(#spinner-map) { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 3px; height: 100%; margin: 0; width: 100%; } #section .section-header-2 > div.f-right > .ta-center br { display: none; } #section .section-header-2 > div.f-left .intro { margin: 0; padding: 0 0 10px 0; } .deconnecte #section { display: flex; } #page #section h2, #page.index #aside div:nth-child(1) h2:nth-child(1), div.tab-content-l h2 { border-top: none; } #page #section.large div.w-1-3 h2:nth-child(1) { border-top: none; } #section h2.no-bg { background: none; } #section h2.no-bg2 { background-color: #fff; } #section h2.no-bg3 { background-color: #fff; } #section h2.rouge { background-color: #f00; color: #fff; } #section h3 { border-bottom: 5px solid #fff; } #section h3.no-b { border: none; margin-bottom: 3px; } #section h4 { border-bottom: 2px dashed #fff; } #section img:not([usemap^="#"]) { margin-left: 10px; } #aside h2 { background-color: #fff; } #aside h2.no-bg { background-color: #fff; } #aside h2.no-bg2 { background-color: #fff; } .c-theme { color: var(--color-primary-main); } .b-theme { border: 1px solid var(--color-primary-main); } .c-vert-fonce { color: #268d53; } .c-vert { color: #2fac66; } .c-orange, .c-orange a { color: #e59f1c; } .c-orange a:hover { color: #f6aa1e; } .c-rouge, .c-rouge a { color: #f00; } .c-rouge a:hover { color: #fc4e4e; } .c-blanc { color: #fff; } .c-gris-archive { color: #747276; font-style: italic; } .bg-vert-1 { background-color: #fff; } .bg-vert-2 { background-color: #fff; } .bg-vert-3 { background-color: #fff; } .bg-vert-4, .bg-tabs-box { background-color: #fff; } .bg-vert-5 { background-color: #f6f5f5; } body#box div.bg-vert-5 { background-color: #fff; } .bg-marron-1 { background-color: #fff; } .bg-marron-2 { background-color: #fff; } .bg-marron-3 { background-color: #f6f5f5; } table.donnees2 .bg-marron-3 { background-color: #fff; } .bg-marron-4 { background-color: #fff; } .bg-marron-5 { background-color: #f6f5f5; } .bg-gris-1 { background-color: #fff; } .bg-gris-2 { background-color: #fff; } .bg-gris-3 { background-color: #fff; } .bg-gris-4 { background-color: #fff; } .bg-blanc { background-color: #fff; } .bg-rouge { background-color: #f00; } .b-vert-3 { border: 1px solid #fff; } .b-radius { } .ombre { -webkit-box-shadow: 0 0 5px 1px #34393b; -moz-box-shadow: 0 0 5px 1px #34393b; box-shadow: 0 0 5px 1px #34393b; z-index: 10; } .o-auto { overflow: auto; } .ox-auto { overflow-x: auto; } .oy-auto { overflow-y: auto; } div.preview { margin: auto; border: 2px dashed var(--color-primary-main); border-radius: 5px; } div.message { max-height: 350px; overflow: auto; } div.message-2 { max-height: 150px; overflow: auto; word-wrap: break-word; } div.infos-option { max-height: 150px; overflow: auto; } span.nb_photos { position: absolute; top: 7px; left: 14px; background: #fff url(../medias/images/icones/photo.png) no-repeat 3px center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 3px 2px 23px; font-weight: bold; } span.nb_photos_cat, span.nb_photos_cat2 { position: absolute; top: 32px; left: 14px; background: #fff url(../medias/images/icones/photo.png) no-repeat 3px center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 3px 2px 23px; font-weight: bold; } span.nb_photos_cat2 { top: 53px; } p.intro { font-size: 1.1em; font-weight: bold; color: #34393b; margin-left: 0; } .asterisque { font-size: 0.9em; color: #d4d4d4; } .asterisque * { color: #d4d4d4; } img.icone-marqueur { vertical-align: middle; position: relative; left: -5px; margin-right: -3px; } span.label-energetique-cat { position: absolute; top: 165px; left: 15px; } span.label-energetique-mot { position: absolute; top: 175px; left: 15px; } span.label-energetique-pp { position: absolute; top: 112px; left: 15px; } img.label { position: relative; top: 2px; left: -8px; } img.bandeau-new-promo { position: absolute; top: 91px; left: 113px; } img.bandeau-cat-promo { position: absolute; top: 112px; left: 144px; } img.bandeau-mot-promo { position: absolute; top: 122px; left: 144px; } img.bandeau-prog-promo { position: absolute; bottom: -1px; right: 64px; z-index: 49; } img.bandeau-lot-promo { position: absolute; bottom: 8px; right: 34px; z-index: 49; } img.bandeau-new-cocom { position: absolute; top: 35px; left: 46px; } img.bandeau-cat-cocom { position: absolute; top: 35px; left: 76px; } img.bandeau-mot-cocom { position: absolute; top: 45px; left: 76px; } img.bandeau-prog-cocom { position: absolute; bottom: 20px; left: 72px; z-index: 49; } img.bandeau-lot-cocom { position: absolute; bottom: 30px; left: 117px; z-index: 49; } blockquote span { font-size: 44px; line-height: 12px; font-weight: bold; } .liste-espacee { font-weight: bold; } .liste-espacee a { font-weight: bold; text-decoration: none; } .liste-espacee a:hover { text-decoration: underline; } .liste-espacee li { margin-bottom: 5px; } ul.liste-bt li { margin-bottom: 18px; list-style-type: none; } ul.liste-sans-retrait { margin: 0; } ul.liste-petit-retrait { margin: 0 0 0 15px; } ul.liste-inline li { display: inline; } table.docs { width: 100%; background-color: #fff; } table.docs tbody tr:hover { background-color: #d4d4d4; } table.docs td { padding: 4px 5px; } table.docs th { padding: 6px 5px; text-align: left; } table.donnees { margin-left: 10px; background-color: #fff; border: 1px solid #34393b; } .tab-accueil { margin-top: 6px; } .tab-accueil table.donnees { width: 100%; } table.donnees tbody tr:hover { background-color: var(--color-background-light) !important; } table.form td { padding: 5px 5px; } table.donnees td { padding: 5px 10px; } table.donnees td.prix-vente { background-color: #fffcc8; font-weight: bold; } table.donnees td img { position: relative; top: 3px; } table.donnees th { padding: 6px 5px; text-align: left; } table { width: 100%; } table.w-auto { width: auto; } table.donnees th, table.donnees2 th, table.docs th { border-bottom: 2px solid #34393b; padding: 8px 20px 8px 8px; text-align: left; } div.tab-content-s table.donnees2 th, body#box table.donnees2 th { border-bottom: none; } table.form2 td { padding: 5px 3px; } table.alternate tbody tr:nth-child(odd) { background-color: #f6f5f5; } table tr.tr-archive td { font-style: italic; opacity: 0.33; } table tr.tr-archive:hover td { opacity: 1; } .video-youtube { width: 620px; height: 345px; } .video-youtube-intro { width: 683px; height: 383px; background-color: #fff; } table.exposition tr td, table.ckbx tr td { padding: 0; text-align: center; vertical-align: middle; } table.exposition tr td img { position: relative; top: 2px; left: -4px; } td.evt strong, td.evt span { padding-left: 25px; } td.evt-affectation { background: url(../medias/images/icones/evenement-affectation.png) no-repeat 5px center; } td.evt-desaffectation { background: url(../medias/images/icones/evenement-desaffectation.png) no-repeat 5px center; } td.evt-appel-entrant { background: url(../medias/images/icones/evenement-appel-entrant.png) no-repeat 5px center; } td.evt-appel-sortant { background: url(../medias/images/icones/evenement-appel-sortant.png) no-repeat 5px center; } td.evt-sms-entrant { background: url(../medias/images/icones/evenement-sms-entrant.png) no-repeat 5px center; } td.evt-sms-sortant { background: url(../medias/images/icones/evenement-sms-sortant.png) no-repeat 5px center; } td.evt-appel-sortant-sans-reponse { background: url(../medias/images/icones/evenement-appel-sortant-sans-reponse.png) no-repeat 5px center; } td.evt-appel-sortant-message-laisse { background: url(../medias/images/icones/evenement-appel-sortant-message-laisse.png) no-repeat 5px center; } td.evt-email-envoi { background: url(../medias/images/icones/evenement-email-envoi.png) no-repeat 5px center; } td.evt-email-reception { background: url(../medias/images/icones/evenement-email-reception.png) no-repeat 5px center; } td.evt-emailing { background: url(../medias/images/icones/evenement-emailing.png) no-repeat 5px center; } td.evt-publipostage { background: url(../medias/images/icones/evenement-publipostage.png) no-repeat 5px center; } td.evt-rdv-tel { background: url(../medias/images/icones/evenement-rdv-tel.png) no-repeat 5px center; } td.evt-rdv-agence { background: url(../medias/images/icones/evenement-rdv-agence.png) no-repeat 5px center; } td.evt-rdv-client { background: url(../medias/images/icones/evenement-rdv-client.png) no-repeat 5px center; } td.evt-archivage { background: url(../medias/images/icones/evenement-archivage.png) no-repeat 5px center; } td.evt-reactivation { background: url(../medias/images/icones/evenement-reactivation.png) no-repeat 5px center; } td.evt-option { background: url(../medias/images/icones/evenement-option.png) no-repeat 5px center; } td.evt-reservation { background: url(../medias/images/icones/evenement-reservation.png) no-repeat 5px center; } td.msg span { padding-left: 20px; } td.msg-normal { background: url(../medias/images/icones/message-normal.png) no-repeat 5px center; } td.msg-flash { background: url(../medias/images/icones/message-flash.png) no-repeat 5px center; } td.msg-alerte { background: url(../medias/images/icones/message-alerte.png) no-repeat 5px center; } td.msg-promo { background: url(../medias/images/icones/message-promo.png) no-repeat 5px center; } td.msg-perso { background: url(../medias/images/icones/message-perso.png) no-repeat 5px center; } .etat-disponible { background: url(../medias/images/icones/lot-disponible.png) no-repeat 0 2px; padding: 2px; } .etat-optionne { background: url(../medias/images/icones/lot-optionne.png) no-repeat 0 2px; padding: 2px; } .etat-vendu { background: url(../medias/images/icones/lot-vendu.png) no-repeat 0 2px; padding: 2px; } table .vertical-middle { vertical-align: middle; } table.donnees2 tr { background-color: transparent; } table.donnees, table.donnees2.tablesorter { border: none !important; } table.donnees thead tr, table.donnees2.tablesorter thead tr { background-color: var(--color-primary-main) !important; background-color: #f4f6f8 !important; color: white !important; color: #637381 !important; } table.donnees thead th, table.donnees2.tablesorter thead th { vertical-align: middle; border: none; font-weight: 600; } table.donnees tr th:not(:last-of-type), table.donnees tr td:not(:last-of-type), table.donnees2.tablesorter tr th:not(:last-of-type), table.donnees2.tablesorter tr td:not(:last-of-type) { border-right: var(--border-dashed-table); } table.donnees .tablesorter-header, table.donnees2.tablesorter .tablesorter-header { } table.donnees.tablesorter-default thead tr th.entete-prix-vente, table.donnees2.tablesorter-default thead tr th.entete-prix-vente { background-color: transparent; } table.donnees.tablesorter-default .tablesorter-filter-row td, table.donnees2.tablesorter-default .tablesorter-filter-row td { padding: 0; background-color: var(--color-background-light); } table.donnees.tablesorter-default .tablesorter-filter, table.donnees2.tablesorter-default .tablesorter-filter { width: calc(100% - 8px); margin: 4px; background-color: #ffffff; } .tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc { color: #34393b; } table.donnees td, table.form td { vertical-align: middle; } table.donnees.table_docs_index tr { background-color: #f5f5f5; } table.donnees.table_docs_index tr.bg-marron-4, table.donnees.table_docs_index tr.bg-marron-5 { background-color: #ffffff !important; } table.donnees.table_docs_index tr td, table.donnees.table_docs_index tr td { border: none !important; } table.donnees.table_docs_index td a { text-decoration: none; } h2.c-blanc { color: #34393b; } div.bg-marron-1 p.c-blanc { color: #34393b; } div#connexion div.tab-content.con-cl { padding-bottom: 15px; } div#connexion div.tab-content.con-gg { height: 134px; padding-bottom: 5px; } div.menu-vide { display: none; } select option.bg-vert-4 { background-color: #f6f5f5; } aside table.donnees { border-color: #34393b; } aside table.donnees tbody tr:hover { background-color: var(--color-background-light); } #page.index #aside div.actualites { height: initial; padding-left: 0; padding-right: 0; overflow: hidden; } #page.index #aside div.actualites h2.no-bg { padding-left: var(--padding-card); } .br-theme-fontawesome-stars-o .br-widget a:after { content: "\f006"; color: var(--color-primary-main); } .br-theme-fontawesome-stars-o .br-widget a.br-active:after { color: var(--color-primary-main); } .br-theme-fontawesome-stars-o .br-widget a.br-selected:after { color: var(--color-primary-main); } .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after { color: var(--color-primary-main); } .br-theme-fontawesome-stars-o .br-widget .br-current-rating { margin-left: 5px; font-size: 1em; font-weight: bold; display: inline; } .raccourcis { display: flex; column-gap: 2rem; } div.raccourcis-fond-couleur, div.raccourcis-fond-blanc { display: flex; flex-direction: column; flex: 1; } div.titre-raccourci { font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; padding: 5px 0; } a.raccourci { display: flex; text-decoration: none; column-gap: 5px; } a.raccourci img { display: none; } a.raccourci div { display: flex; align-items: center; } .raccourcis_actions { display: flex; flex-direction: column; } .raccourcis_actions a { flex: 1; background: transparent linear-gradient( 180deg, var(--color-primary-light) 0, var(--color-primary-main) 100% ) 0 0 no-repeat padding-box; border-radius: var(--border-radius-button); opacity: 1; color: white; text-transform: uppercase; font-weight: 600; } .raccourcis_actions div { width: 100%; justify-content: center; } .raccourcis_actions a.raccourci { position: relative; } .raccourcis_actions a.raccourci .icon { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 45px; color: rgba(255, 255, 255, 0.2); bottom: 0; right: 0; display: block; width: unset; } .raccourcis_actions .raccourci-action-denonciation .icon:before { content: "\f007"; } .raccourcis_actions .raccourci-action-option .icon:before { content: "\f108"; } .raccourcis_actions .raccourci-action-visite .icon:before { content: "\f073"; } .raccourcis_suivis a.raccourci .icon, .raccourcis_etudes a.raccourci .icon { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 25px; color: white; text-rendering: auto; background-color: #5a5758; height: 40px; width: 40px; border-radius: 6px; } .raccourcis_etudes a.raccourci .icon { background-color: #898787; } .raccourcis_suivis a.raccourci .icon:before, .raccourcis_etudes a.raccourci .icon:before { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .raccourci-denonciation .icon:before { content: "\f007"; } .raccourci-option .icon:before { content: "\f108"; } .raccourci-visite .icon:before { content: "\f084"; } .raccourci-ventes .icon:before { content: "\f153"; } .raccourci-relances .icon:before { content: "\f007"; } .raccourci-cessions .icon:before { content: "\f153"; } .raccourci-recherche .icon:before { content: "\f002"; } .raccourci-contacts .icon:before { content: "\f0c0"; } .raccourci-messages .icon:before { content: "\f2b6"; } div#derniers-programmes { padding: 0 12px; } div#derniers-programmes div.w-32 { height: auto; } div#derniers-programmes div.w-32:nth-child(2), div#derniers-programmes div.w-32:nth-child(4), div#derniers-programmes div.w-32:nth-child(6) { background-color: #ffffff; } div#derniers-programmes > div:first-of-type { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } div#derniers-programmes > div:first-of-type .ml-13 { margin: 0; } div#derniers-programmes > div:first-of-type > div { background: #ffffff 0 0 no-repeat padding-box; box-shadow: var(--box-shadow-card); border-radius: var(--border-radius-card); } div#derniers-programmes > div:first-of-type h3 { margin: 0; padding: 8px 13px; color: var(--color-primary-main); font-size: 1.1em; font-weight: initial; } div#derniers-programmes > div:first-of-type a > div { margin-left: 0 !important; width: 100% !important; } div#derniers-programmes > div:first-of-type a > div > img { margin-left: 0 !important; width: 100% !important; object-fit: cover; display: block; border-radius: var(--border-radius-img); } div#derniers-programmes > div:first-of-type > div > p { margin: 0; padding: 15px 13px; text-align: initial; } div#catalogue > .bg-vert-4 { background-color: #f6f5f5; } #catalogue { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } #catalogue > div { width: 100%; height: auto !important; background-color: #ffffff !important; border-radius: var(--border-radius-card); display: flex; flex-direction: column; word-break: break-word; } #catalogue > div > h3 { margin: 0; padding: 8px 13px; color: var(--color-primary-main); font-size: 1.1em; font-weight: initial; } #catalogue > div > h3 a { margin: 0; color: var(--color-primary-main); font-size: 1.1em; font-weight: initial; } #catalogue > div > a:first-of-type { display: block; } #catalogue > div > a:first-of-type > div:not([class^="ribbon-"]) { display: flex; width: 100%; } #catalogue > div > a:first-of-type img { margin: 0; width: 100%; object-fit: cover; display: block; border-radius: var(--border-radius-img); margin-left: 8px; margin-right: 8px; } #catalogue > div div.f-right { float: none; width: calc(100% - 26px); margin: 0; padding: 15px 13px 0 15px; text-align: initial; } #catalogue > div div.f-right p { margin: 15px 0 0 0; } #catalogue > div .ml-10 { display: flex; margin-left: 0; width: 100%; flex: 1; } #catalogue > div .ml-10 a { margin: 15px 13px 13px 15px; width: 100%; } #catalogue > div > div:last-of-type.ml-10 { flex: 1; } #catalogue > div a.bt.vert { background-color: transparent; background-image: none; color: var(--color-primary-main); padding: 0; display: flex; align-items: flex-end; justify-content: flex-end; } #catalogue > div a.bt.vert:after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 16px; color: var(--color-primary-main); text-rendering: auto; margin-left: 10px; } .recherche-immo #catalogue { grid-template-columns: 1fr; gap: 1rem; padding: 0 !important; } .recherche-immo #catalogue > div > span { padding: 0 13px; } .recherche-immo #catalogue > div a.bt.vert:after { display: none; } .recherche-immo #catalogue div.clear { display: none !important; } .recherche-immo-programme { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 0 0; grid-template-areas: "recherche-immo-programme_title" "recherche-immo-programme_intro" "recherche-immo-programme_intro-"; } .recherche-immo-programme h3 { margin: 0; padding: 0; } .recherche-immo-programme img, .recherche-immo-programme div.mr-10 { margin: 0 !important; } .recherche-immo-programme_title { grid-area: recherche-immo-programme_title; padding: 10px; } .recherche-immo-programme_details { display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: 1fr; gap: 0 10px; grid-template-areas: "recherche-immo-programme-details_image recherche-immo-programme-details_intro recherche-immo-programme-details_lots"; grid-area: recherche-immo-programme_details; padding: 0 10px 10px 10px; } .recherche-immo-programme-details_image { grid-area: recherche-immo-programme-details_image; } .recherche-immo-programme-details_intro { grid-area: recherche-immo-programme-details_intro; max-width: 300px; } .recherche-immo-programme-details_lots { grid-area: recherche-immo-programme-details_lots; display: block; max-width: 100%; overflow-x: auto; } .section-header-2 .f-right#fond-carte #google-map { margin: 0 !important; width: 100%; } ul.menu { width: 100%; list-style: none; margin: 0; padding: 0; } ul.menu a { display: block; text-decoration: none; } ul.menu, ul.menu li, ul.menu ul { list-style: none; margin: 0; padding: 0; background: transparent; } ul.menu { position: relative; z-index: 597; float: left; } ul.menu li { float: left; line-height: 1.3em; vertical-align: middle; } ul.menu ul li a { display: block; padding: 8px 5px; color: var(--color-header-link-and-icon); } ul.menu li.hover, ul.menu li:hover { position: relative; z-index: 599; cursor: default; } ul.menu ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; background: var(--color-header-background); box-shadow: var(--box-shadow-card); box-shadow: 0 6px 20px 0 rgba(145, 158, 171, 0.5); border-radius: var(--border-radius-menu); padding: 4px; } ul.menu ul li { position: relative; width: 175px; margin: 0; float: none; border-radius: 6px; } ul.menu ul li:hover:not(:has(li:hover)) { background-color: var(--color-header-submenu-item-hover); } ul.menu ul ul { top: 0; left: 100%; } ul.menu a.sub, ul.menu a.sub2 { background: url(../medias/images/boutons/sprite-20170705.png) no-repeat 152px 9px; padding-right: 15px; } ul.menu a.sub2 { background-position: 152px 0; } ul.menu a.sub, ul.menu a.sub2 { position: relative; padding-right: 20px; display: block; background: none; } ul.menu a.sub::after, ul.menu a.sub2::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 11px; pointer-events: none; } ul.menu a.logout { font-size: 20px; line-height: 24px !important; } ul.menu li.moteur { display: none; } .icon-badge { position: absolute; top: -8px; right: -8px; background-color: var(--palette-error-main); color: #fff; border-radius: 10px; padding: 2px 6px; font-weight: 700; } @media screen and (min-width: 992px) { ul.menu li:hover > ul { visibility: visible; } ul.menu > li > ul li:hover:not(:has(li:hover)) { background-color: var(--color-header-submenu-item-hover); } } @media screen and (max-width: 991.98px) { .icon-badge { position: relative; top: 0px; right: 0px; } nav#nav.open ul.menu ul { background: transparent; box-shadow: none; } nav#nav.open ul.menu li:hover > ul { visibility: hidden; } nav#nav.open ul.menu li:not(.open) > ul, nav#nav.open ul.menu li:not(.open) > ul li, nav#nav.open ul.menu li:not(.open) > ul a { height: 0; margin: 0; padding: 0; } nav#nav.open ul.menu li.open > ul { visibility: visible; position: relative; display: flex; flex-direction: column; } nav#nav.open ul.menu li.open > ul li { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; } nav#nav.open ul.menu li.open > ul li > a { text-align: left; } nav#nav.open ul.menu li.open > ul ul { left: unset; top: unset; } nav#nav.open ul.menu li.open ul { row-gap: 6px; } nav#nav.open ul.menu li.open ul ul li:first-of-type { margin-top: 6px !important; } nav#nav.open ul.menu li.open > ul, nav#nav.open ul.menu li.open > ul li, nav#nav.open ul.menu li.open > ul a { height: auto; margin: 0; top: 0; } #header nav { display: none; } #header .burger-menu { display: flex; justify-content: flex-end; align-items: flex-end; margin-left: auto; font-size: 25px; cursor: pointer; color: var(--color-header-link-and-icon); } #header nav.open { display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: auto; width: min(280px, 80vw); flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 20px 20px; background-color: var(--color-header-background); box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15); overflow-y: auto; z-index: 4; } #header nav.open .menu-close { display: block; font-size: 25px; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 4; color: var(--color-header-link-and-icon); } #header nav #menu { width: 100%; flex-direction: column; row-gap: 1rem; } #header nav a { margin: 0; } #header nav .menu { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } #header nav .menu > li { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; } #header nav .menu > li.moteur { grid-area: 1/1; } #header nav .menu > li > a:hover > ul { display: none; } #header nav#nav.open li.contact_panier { flex-direction: column; margin: 0; align-items: flex-start; } #header nav#nav.open li.contact_panier #selection-contact { flex-direction: column; gap: 1rem; align-items: flex-start; } #header nav .menu > li { display: flex; flex-direction: column; } #header nav .menu > li a.menuhover + ul { display: flex !important; flex-direction: column; position: relative; background-color: transparent !important; left: unset; top: unset; height: auto !important; opacity: 1; box-shadow: none; } #header nav .menu > li a.menuhover + ul > li { display: flex; flex-direction: column; align-items: center; justify-content: center; } #header nav .menu > li a.menuhover + ul > li > a { background-color: transparent !important; text-align: center; } #header nav#nav.open ul.menu a.link-icon i { width: 40px; } body.menu-open { overflow: hidden; } #header .menu-background { display: none; } body.menu-open #header .menu-background { display: block; position: fixed; inset: 0; background-image: none; background-color: rgba(0, 0, 0, 0.4); z-index: 3; } #header .menu-background:after { display: none; } body.non-connecte .burger-menu { display: none !important; } body.non-connecte .index.deconnecte img { max-width: 100%; height: auto; margin-left: 0 !important; } nav#nav.open ul.menu ul li.open:hover { background-color: transparent; } nav#nav.open ul.menu ul li.open > a:hover { background-color: var(--color-header-submenu-item-hover); border-radius: 6px; display: block; } } ul.menu a.link-icon { position: relative; display: flex; align-items: center; flex-direction: row; column-gap: 6px; } ul.menu a.link-icon i { display: flex; align-items: center; font-size: 24px; color: var(--color-header-link-and-icon); } ul.menu a.link-icon span { display: flex; align-items: center; font-size: 13px; font-weight: 700; } ul.menu a.link-icon span.icon-badge { font-size: 0.9em; } a.bold { font-weight: bold; color: #34393b; } a.bold:hover { opacity: 0.85; } a.bt { float: left; margin-left: 10px; margin-bottom: 10px; text-decoration: none; padding: 2px 5px 2px 16px; background: url(../medias/images/boutons/sprite-20170705.png) no-repeat -5px -2px; white-space: nowrap; } table a.bt { margin: 0; } a.bt.disable { opacity: 0.3; cursor: default; pointer-events: none; } a.bt-no-m { margin-bottom: 0; padding-bottom: 0; } li a.bt { float: none; } td.bt-fix a.bt:not(.bt-plus-form) { float: none; margin: 0; } a.bt-fa { float: left; margin-left: 10px; margin-bottom: 10px; text-decoration: none; text-align: center; padding: 2px 2px 2px 2px; width: 19px; } a.bt-fa-right { float: right; padding: 2px 2px 2px 2px; } a.bt-fa-r { float: left; margin-left: 10px; margin-bottom: 10px; text-decoration: none; text-align: center; padding: 2px 4px; width: 19px; } a.bt-il { text-decoration: none; padding: 2px 5px 2px 16px; background: url(../medias/images/boutons/sprite-20170705.png) no-repeat -5px -2px; } a.vert, a.blanc { background-color: var(--color-primary-main); border: solid 3px var(--color-primary-main); background-position: -5px -27px; color: #fff; } a.vert:hover, a.blanc:hover { opacity: 0.85; } div#commande a.vert { background-color: #f6f5f5; border: solid 3px #f6f5f5; background-position: -5px -2px; color: #34393b; } a.marron { background-color: #34393b; border: solid 3px #34393b; color: #fff; background-position: -5px -27px; } a.marron-l { background-color: #34393b; border: solid 3px #34393b; color: #fff; margin: 0; background-position: -5px -358px; } a.marron:hover, a.marron-l:hover { opacity: 0.85; } a.marron-2 { background-color: #d4d4d4; border: solid 3px #d4d4d4; color: #fff; background-position: -5px -27px; } a.marron-2:hover { opacity: 0.85; } a.top { background-position: -5px -52px; } a.tops { position: absolute; top: 7px; right: 7px; width: 10px; height: 10px; padding: 0; background-position: -7px -58px; } a.top-carte { position: absolute; top: 5px; right: 5px; } a.prec { background-position: -5px -253px; } a.info { background-position: 2px -68px; padding-left: 40px; } a.wcb { background-position: 2px -105px; padding-left: 36px; } a.prix { background-position: 2px -270px; padding-left: 36px; } a.contact { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -2px !important; padding-left: 22px; } a.contact-2 { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -634px !important; padding-left: 14px; } a.contact-modif { background: #fff url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -27px !important; margin-left: 3px; padding-left: 15px; } a.panier { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -52px !important; padding-left: 22px; } a.imprimante { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -101px; padding-left: 14px; } a.etoile-vide { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -126px; padding-left: 14px; } a.etoile { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -152px; padding-left: 14px; } a.loading { background-image: url(../medias/images/spinners/spin-16-couleur-2.gif); background-position: 3px 3px; padding-left: 14px; } a.loading2 { background-image: url(../medias/images/spinners/spin-16-couleur-1.gif); background-position: 3px 3px; padding-left: 14px; } a.grille { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -177px; padding-left: 14px; } a.docs { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -203px; padding-left: 14px; } a.bulle-vide { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -226px; padding-left: 14px; } a.bulle { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -369px; padding-left: 14px; } a.pdf { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -395px; padding-left: 14px; } a.proximite { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -251px; padding-left: 14px; } a.vue { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -276px; padding-left: 14px; } a.affectation { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -875px; padding-left: 14px; } a.corbeille { background: #fff url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -299px; padding-left: 14px; } a.coche-vide { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -322px; padding-left: 14px; } a.coche { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -347px; padding-left: 14px; } a.option-vide { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -420px; padding-left: 14px; } a.option { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -445px; padding-left: 14px; } a.loupe { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -468px; padding-left: 14px; } a.reveil { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -514px; padding-left: 14px; } a.gomme { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -537px; padding-left: 14px; } a.plus { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -560px; padding-left: 14px; } a.pluss { position: absolute; top: 6px; right: 0; width: 14px; background-position: -5px -561px; padding-left: 0; } .list-button-evt > a { margin-left: 10px !important; } .list-button-right > a { margin-right: 10px !important; } .list-button-left > a { margin-left: 10px !important; } a.plus-s { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -6px -1114px; font-size: 0.8em; padding: 0 2px 0 13px; } a.croix-s { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -6px -1132px; font-size: 0.8em; padding: 0 2px 0 13px; } a.croix-s:hover { background-color: #d4d4d4; border-color: #d4d4d4; } a.crayon { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -585px; padding-left: 14px; } a.contact-select { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -634px; padding-left: 14px; } a.contact-deselect { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -659px; padding-left: 14px; } a.site { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -898px; padding-left: 14px; } a.drapeau-vide { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -970px; padding-left: 14px; } a.drapeau { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -995px; padding-left: 14px; } a.dossier { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1018px; padding-left: 14px; } a.dossier-ouvert { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1042px; padding-left: 14px; } a.poi { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1088px; padding-left: 14px; } a.conseiller { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1160px; padding-left: 14px; } a.hautbas { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1233px; padding-left: 14px; cursor: move; } a.archivage { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -826px; padding-left: 14px; } a.reactivation { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -853px; padding-left: 14px; } span.pluss { position: absolute; top: 6px; right: 0; width: 600px; height: 14px; } div.sub-evt-menu { padding: 5px; position: absolute; bottom: 20px; } div.sub-evt-menu.rdv-div { left: 527px; } div.sub-evt-menu.email-div { left: 486px; } div.sub-evt-menu.sms-div { left: 445px; } div.sub-evt-menu.appels-div { left: 405px; } a.evt { float: right; width: 14px; height: 14px; } a.bt-h2-d { float: right; width: 14px; height: 15px; padding-left: 4px; } a.evt-appel-sortant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -684px; padding-left: 4px; } a.evt-appel-entrant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -706px; padding-left: 4px; } a.evt-sms-sortant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1255px; padding-left: 4px; } a.evt-sms-entrant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1279px; padding-left: 4px; } a.evt-publipostage { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1304px; padding-left: 4px; } a.evt-emailing { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -3px -1329px; padding-left: 4px; } a.evt-email-sortant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -5px -730px; padding-left: 4px; } a.evt-email-entrant { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -5px -756px; padding-left: 4px; } a.evt-rdv-tel { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -4px -1067px; padding-left: 4px; } a.evt-rdv-agence { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -6px -780px; padding-left: 4px; } a.evt-rdv-exterieur { background-image: url(../medias/images/boutons/sprite-pro-20170629.png); background-position: -6px -804px; padding-left: 4px; } a.bt-il.evt-appel-entrant, a.bt-il.evt-appel-sortant, a.bt-il.evt-sms-sortant, a.bt-il.evt-sms-entrant, a.bt-il.evt-publipostage, a.bt-il.evt-emailing, a.bt-il.evt-email-sortant, a.bt-il.evt-email-entrant, a.bt-il.evt-rdv-tel, a.bt-il.evt-rdv-agence, a.bt-il.evt-rdv-exterieur { background-color: var(--color-primary-main); border: none; border-radius: 6px; border-width: 5px 3px 5px 3px; border-color: var(--color-primary-main); border-style: solid; } a.perso { color: #34393b; } a.perso:hover { opacity: 0.85; } a.off { background: url(../medias/images/boutons/sprite-pro-20170629.png) no-repeat -4px -76px; padding: 2px 0 2px 22px; color: var(--color-primary-main); margin-left: 15px; } a.off:hover { opacity: 0.85; } a.no-bg { background-image: none; padding: 2px 5px; } a.actif, a.actif:hover { background-color: #fff; border-color: #d4d4d4; color: #34393b; cursor: default; } .ta-center a.bt { float: none; } table.donnees a.bt, table.donnees a.bt-fa { margin: 0 0 5px 5px !important; } table.donnees tbody tr:nth-child(even) { background: #f8f9fa; } #breadcrumb a.prec { float: right; margin: -2px 5px 5px 10px; padding: 0 5px 0 16px; text-decoration: none; } #breadcrumb a.prec span { text-decoration: underline; } .c-blanc a { color: #fff; } .c-blanc a:hover { opacity: 0.85; } .c-vert a { color: #34393b; } .c-vert a:hover { opacity: 0.85; } a.bulle-extranet { position: fixed; top: 2px; right: 30px; z-index: 10002; background-color: #fff; padding: 3px; color: #f00; text-decoration: none; } a.bulle-extranet2 { position: fixed; top: 30px; right: 2px; z-index: 10002; background-color: #fff; padding: 3px; color: #f00; text-decoration: none; } a.attention { background: url(../../../medias/images/icones/attention.png) no-repeat left center; padding-left: 22px; margin-left: 5px; text-decoration: none; } span.pastille { display: inline-flex; align-items: center; padding: 2px 4px; font-size: 0.9em; font-weight: 600; border-radius: var(--border-radius-chip); white-space: nowrap; background-color: var(--color-header-pastille); color: var(--palette-error-dark); } input, select, textarea { border: solid 1px #d4d4d4; color: #34393b; } input[type="text"], input[type="password"] { padding: 3px; } select { padding: 2px 0; } optgroup[label] { border-top: 2px solid #34393b; } input.vert { background: #34393b url(../medias/images/boutons/sprite-20170705.png) no-repeat -5px -29px; border: solid 3px #34393b; color: #fff; padding-left: 14px; } input.vert:hover { opacity: 0.85; } input.marron { background: #34393b url(../medias/images/boutons/sprite-20170705.png) no-repeat -5px -29px; border: solid 3px #34393b; color: #fff; padding-left: 14px; } input.marron:hover { opacity: 0.85; } input.loupe { width: 25px; background: #34393b url(../medias/images/boutons/sprite-20170705.png) no-repeat -5px -192px; border: solid 3px #34393b; padding: 0 5px; } input.loupe:hover { opacity: 0.85; } input.loading { width: 25px; background: #34393b url(../medias/images/spinners/spin-16-couleur-2.gif) no-repeat 1px 0; border: solid 3px #34393b; padding: 0 5px; } label.pointer, a.pointer, input[type="submit"] { cursor: pointer; } label.pointer img { vertical-align: middle; margin-right: 5px; } .form-erreur { border: 1px dotted #f00; } .tab-menu { width: 100%; display: flex; background-color: var(--color-white); margin: 0; overflow-x: auto; } .tab-menu li { display: flex; } .tab-menu li a { color: #637381; padding: 10px 16px; text-decoration: none; font-weight: bold; font-weight: 600; white-space: nowrap; } .tab-menu li.active a { background-color: transparent; color: initial; border-bottom: solid 2px var(--color-primary-main); } .tab-menu li.active { background-color: #ffffff; } .tab-menu li a:hover, .tab-menu li a:focus { opacity: 1; } body:not(#box) .tab-menu { left: calc(-1 * var(--padding-card)); position: relative; right: calc(-1 * var(--padding-card)); width: calc(100% + 2 * var(--padding-card)); } .tab-content { width: 100%; } .tab-content-fit { float: left; clear: both; background-color: #fff; width: 98%; margin-left: 10px; padding: 10px 0; } .tab-content-s { float: left; clear: both; background-color: #fff; width: 94%; margin-left: 10px; } .tab-content-box { float: left; clear: both; background-color: #fff; width: 96%; margin-left: 10px; } .tab-content-l { float: left; clear: both; background-color: #fff; width: 98%; min-height: 300px; margin-left: 10px; padding: 10px 0; } .tab-content-l2 { background-color: #fff; width: 98%; margin-left: 10px; padding: 10px; } #aside .tab-content { width: 94%; } ul.liste-icones li label { padding-left: 22px; } ul.liste-icones li label.train, ul.liste-icones li label.metro, ul.liste-icones li label.tram, ul.liste-icones li label.bus, ul.liste-icones li label.velo, ul.liste-icones li label.pharmacies, ul.liste-icones li label.hopitaux, ul.liste-icones li label.medecins, ul.liste-icones li label.boulangeries, ul.liste-icones li label.boucheries, ul.liste-icones li label.supermarches, ul.liste-icones li label.creches, ul.liste-icones li label.ecoles, ul.liste-icones li label.colleges, ul.liste-icones li label.lycees, ul.liste-icones li label.universites, ul.liste-icones li label.spas, ul.liste-icones li label.coiffeurs, ul.liste-icones li label.restaurants, ul.liste-icones li label.sports, ul.liste-icones li label.bars, ul.liste-icones li label.cinemas, ul.liste-icones li label.religion, ul.liste-icones li label.parkings, ul.liste-icones li label.police, ul.liste-icones li label.services, ul.liste-icones li label.recherche { background-position: 0 0; } #scrollUp { bottom: -5px; right: 20px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 25px; color: white; text-decoration: none; padding: 10px 17px 10px 17px; background-color: #35393b; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4); box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4); -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; } #scrollUp:before { content: "\f106"; } #scrollUp i.fa { font-size: 25px; margin: -5px 0 2px 0; } #scrollUp:hover { margin-bottom: 0; opacity: 0.75; } #scrollUp-active { display: none; } .tablesorter-default .header, .tablesorter-default .tablesorter-header { position: relative; padding: 10px 25px 10px 10px; cursor: pointer; } .tablesorter-default .sorter-false { cursor: default; } .tablesorter-default .sorter-false::after { display: none; } .tablesorter-default .tablesorter-header::after, .tablesorter-default .header::after { content: "\f0dc"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #999; font-size: 14px; transition: color 0.2s ease; } .tablesorter-default .tablesorter-headerAsc::after, .tablesorter-default .headerSortUp::after { content: "\f0de"; color: #000; } .tablesorter-default .tablesorter-headerDesc::after, .tablesorter-default .headerSortDown::after { content: "\f0dd"; color: #000; } .tablesorter-default .tablesorter-header:hover:not(.sorter-false), .tablesorter-default .header:hover:not(.sorter-false) { color: #34393b; } .tablesorter-default thead tr th.entete-prix-vente { background-color: #fffcc8; } .tablesorter-default tbody > tr:hover > td, .tablesorter-default tbody > tr.even:hover > td, .tablesorter-default tbody > tr.odd:hover > td { background-color: var(--color-background-light); } .tablesorter-default .tablesorter-processing { background-position: center center !important; background-repeat: no-repeat !important; background-image: url(../medias/images/spinners/spin-32-couleur-1.gif) !important; } .tablesorter-default tr.odd td { background-color: #fff; } .tablesorter-default tr.odd td.prix-vente { background-color: #fffcc8; font-weight: bold; } .tablesorter-default tr.even td { background-color: var(--color-background-light); } .tablesorter-default tr.even td.prix-vente { background-color: #f0edbb; font-weight: bold; } .tablesorter-default .tablesorter-filter-row td { padding: 0 2px 0 0; } .tablesorter-default .tablesorter-filter-row .disabled { display: none; } .tablesorter-default .tablesorter-filter { width: 92%; margin: 2px; padding: 1px; background: #f6f5f5 url(../medias/images/icones/loupe.png) no-repeat right center; } .tablesorter-default .tablesorter-filter:focus { background-image: none; } .tablesorter .filtered { display: none; } #easyslider ul, #easyslider li { margin: 0; padding: 0; list-style: none; } #easyslider, #easyslider li { height: 140px; overflow: hidden; } #prevBtn a, #nextBtn a { text-decoration: none; margin-left: 5px; padding: 2px 5px 2px 16px; background: #34393b url(../medias/images/boutons/sprite-20170705.png) no-repeat -1px -1px; } #prevBtn a { background-color: #34393b; background-position: -1px -238px; } #nextBtn a { background-color: #34393b; background-position: -1px -27px; } #prevBtn a:hover, #nextBtn a:hover { opacity: 0.85; } #easyslider li { background-color: transparent; } #easyslider li > p:last-of-type { display: flex; column-gap: 10px; } #easyslider li > p:last-of-type img { margin-left: 0; } #easyslider li > p:last-of-type span { display: flex; flex-direction: column; row-gap: 5px; word-break: break-word; } #slider-avis { margin-left: 0; word-wrap: break-word; } #slider-avis ul, #slider-avis li { margin: 0; padding: 0; list-style: none; } #slider-avis, #slider-avis li { width: 213px; height: 75px; overflow: hidden; } .tip { cursor: pointer; } #tooltip { padding: 5px 10px; position: absolute; z-index: 100000; background: #34393b; color: #fff; opacity: 0.95; } #tooltip h3 { font-weight: normal; font-size: 1em; margin: 0; padding: 0; } #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 10001; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #cboxOverlay { background: #34393b; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #fff; } #cboxTitle { position: absolute; bottom: 0; left: 0; color: #34393b; padding: 5px; background-color: #fff; } #cboxCurrent { position: absolute; top: -26px; left: -6px; padding: 0 5px; color: #34393b; border: 4px solid #fff; background-color: #fff; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 0; margin-top: -32px; background: url(../medias/images/colorbox/controls.png) no-repeat top left; width: 33px; height: 66px; text-indent: -9999px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 0; margin-top: -32px; background: url(../medias/images/colorbox/controls.png) no-repeat top right; width: 33px; height: 66px; text-indent: -9999px; } #cboxNext:hover { background-position: bottom right; } #cboxLoadingOverlay { background: #fff; } #cboxLoadingGraphic { background: none; display: flex; align-items: center; justify-content: center; } #cboxLoadingGraphic::before { content: "\f110"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 40px; color: var(--color-primary-main); animation: fa-spin 1s infinite steps(8); } #cboxClose { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 50%; background: transparent; cursor: pointer; text-indent: 0; font-size: 0; transition: background 0.2s ease, transform 0.15s ease; } #cboxClose::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #333; } #cboxClose:hover { background: var(--background-color-hover-button-text-or-icon); } .autocomplete-w1 { background: url(../medias/images/fonds/ac-shadow.png) no-repeat bottom right; position: absolute; top: 0; left: 0; margin: 8px 0 0 6px; _background: none; } .autocomplete { border: 1px solid #dad9d9; background: #fff; cursor: pointer; text-align: left; max-height: 250px; overflow: auto; margin: -6px 6px 6px -6px; _height: 250px; _overflow-x: hidden; } .autocomplete .selected, .autocomplete-selected { background: #d4d4d4; } .autocomplete div { padding: 2px 5px; white-space: nowrap; } .autocomplete strong { font-weight: normal; color: #34393b; } .autocomplete-suggestions { margin: 1px 6px 6px -1px; } .autocomplete-strong strong { font-weight: bold; } #section div#ei-slider * { margin: 0; padding: 0; list-style: none; } .ei-slider { position: relative; width: 100%; max-width: 704px; height: 363px; margin: 0 auto 0 auto; } .ei-slider-loading { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; color: #34393b; text-align: center; line-height: 400px; } .ei-slider-large { height: 100%; width: 100%; position: relative; overflow: hidden; } .ei-slider-large li { position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; } .ei-slider-large li img { width: 100%; } .ei-title { position: absolute; right: 50%; margin-right: 13%; top: 15%; } .ei-title h2, .ei-title h3 { text-align: right; } .ei-title h2 { font-size: 25px; line-height: 50px; font-style: italic; color: #34393b; } .ei-title h3 { font-size: 55px; line-height: 70px; color: #34393b; text-shadow: 3px 3px 3px #fff; } #section div#ei-slider h3 { border-bottom: none; } .ei-slider-thumbs { height: 13px; margin: 0 auto; position: relative; } .ei-slider-thumbs li { position: relative; float: left; height: 100%; } .ei-slider-thumbs li.ei-slider-element { top: 0; left: 0; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; background: #34393b; } .ei-slider-thumbs li a { display: block; text-indent: -9000px; background: #d4d4d4; width: 100%; height: 100%; cursor: pointer; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 1px rgba(255, 255, 255, 0.5); -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } .ei-slider-thumbs li a:hover { background-color: #d4d4d4; } .ei-slider-thumbs li img { margin-left: 0; position: absolute; bottom: 50px; opacity: 0; z-index: 999; max-width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-reflect: below 0 -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)) ); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ei-slider-thumbs li:hover img { opacity: 1; bottom: 13px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .jqte { border: #34393b 1px solid; border: solid 1px #d4d4d4; border-radius: var(--border-radius-input); -webkit-border-radius: var(--border-radius-input); -moz-border-radius: var(--border-radius-input); margin: 0; } .jqte_toolbar { background-color: #f6f5f5; } .jqte_linkinput:focus, .jqte_linkinput:hover { border-color: #d4d4d4; } .jqte_linktypes a:hover { color: #d4d4d4; } .jqte_color:hover { border-color: #d4d4d4; } .jqte_titleText { background: #d4d4d4; } .Zebra_DatePicker * { margin: 0; padding: 0; color: #34393b; } .Zebra_DatePicker { position: absolute; background: #34393b; border: 2px solid #34393b; display: none; z-index: 100; font-family: "Public Sans", sans-serif, Arial, Helvetica, sans-serif; font-size: 12px; } .Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; } .Zebra_DatePicker td, .Zebra_DatePicker th { text-align: center; padding: 5px 0; } .Zebra_DatePicker td { cursor: pointer; } .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 3px; } .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { background: #e8e8e8; width: 30px; border: 1px solid #34393b; } .Zebra_DatePicker .dp_header td { color: #fff; } .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 30px; } .Zebra_DatePicker .dp_header .dp_caption { font-weight: bold; } .Zebra_DatePicker .dp_header .dp_hover { background: #34393b; color: #fff; } .Zebra_DatePicker .dp_header .dp_blocked { color: #d4d4d4; cursor: default; } .Zebra_DatePicker .dp_daypicker th { background: #757f83; } .Zebra_DatePicker td.dp_not_in_month { background: #fff; color: #d4d4d4; cursor: default; } .Zebra_DatePicker td.dp_weekend { background: #d4d4d4; } .Zebra_DatePicker td.dp_weekend_disabled { color: #d4d4d4; cursor: default; } .Zebra_DatePicker td.dp_selected { background: #34393b; color: #fff !important; } .Zebra_DatePicker td.dp_week_number { background: #34393b; color: #d4d4d4; cursor: text; font-style: italic; } .Zebra_DatePicker .dp_monthpicker td { width: 33%; } .Zebra_DatePicker .dp_yearpicker td { width: 33%; } .Zebra_DatePicker .dp_footer { margin-top: 3px; } .Zebra_DatePicker .dp_footer td { color: #fff; padding: 2px; font-weight: bold; } .Zebra_DatePicker .dp_footer .dp_hover { background: #34393b; color: #fff; } .Zebra_DatePicker td.dp_current { color: #f00; font-weight: bold; } .Zebra_DatePicker td.dp_disabled_current { color: #e38585; } .Zebra_DatePicker td.dp_disabled { background: #fff; color: #d4d4d4; cursor: default; } .Zebra_DatePicker td.dp_hover { background: #34393b; color: #fff; } button.Zebra_DatePicker_Icon { position: absolute; width: 16px; height: 16px; -webkit-mask: url("../medias/images/boutons/calendar-alt-svgrepo-com.svg") no-repeat center center; mask: url("../medias/images/boutons/calendar-alt-svgrepo-com.svg") no-repeat center center; -webkit-mask-size: contain; mask-size: contain; background-color: var(--palette-grey-700); text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 3px; padding: 0; line-height: 0; } button.Zebra_DatePicker_Icon_Disabled { background-color: var(--palette-grey-500); cursor: default; } button.Zebra_DatePicker_Icon_Inside { margin: 0 0 0 2px; } td:has(button.Zebra_DatePicker_Icon) { position: relative; } @media screen and (-webkit-min-device-pixel-ratio: 0) { button.Zebra_DatePicker_2_Icon_Inside, button.Zebra_DatePicker_Icon_Inside { margin: 0 5px 0 0; } } div.TokenizeMeasure, div.Tokenize ul li span, div.Tokenize ul.TokensContainer li.TokenSearch input { } div.Tokenize { position: relative; display: inline-block; zoom: 1; } div.Tokenize ul { list-style: none; padding: 0; margin: 0; } div.Tokenize ul li { white-space: nowrap; } div.Tokenize ul.TokensContainer { cursor: text; padding: 0 5px 5px 0; height: 100px; overflow-y: auto; background-color: white; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.Tokenize ul.TokensContainer.Autosize { height: auto; } div.Tokenize.Disabled ul.TokensContainer, div.Tokenize.Disabled ul.TokensContainer input { cursor: not-allowed; } div.Tokenize ul.TokensContainer li.Token { border: 1px solid #d4d4d4; background-color: #f6f5f5; padding: 0 5px; line-height: 18px; } div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token { cursor: move; } div.Tokenize ul.TokensContainer li.Token.MovingShadow { border: 1px solid #d4d4d4; background-color: #f6f5f5; } div.Tokenize ul.TokensContainer li.Token.PendingDelete { opacity: 0.5; -moz-opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); } div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch { margin: 5px 0 0 5px; height: 18px; float: left; } div.Tokenize ul.TokensContainer li.TokenSearch input { margin: 0; padding: 1px 0; background-color: transparent; line-height: 18px; border: none; outline: none; } div.Tokenize ul.TokensContainer li.Placeholder { color: #f6f5f5; position: absolute; line-height: 20px; padding: 5px 0 0 5px; display: none; } div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown { border: 1px solid #d4d4d4; } div.Tokenize ul.TokensContainer li.Token a.Close { font-size: 18px !important; line-height: 18px; float: right; margin: 0 0 0 5px; padding: 0; cursor: pointer; text-decoration: none; } div.Tokenize.Disabled ul.TokensContainer li.Token a.Close { display: none; } div.Tokenize ul.TokensContainer li.Token a.Close:hover { background: transparent; } div.Tokenize ul.Dropdown { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: none; width: 100%; padding: 5px 0; margin: -1px 0 0 0; position: absolute; background-color: white; overflow-y: auto; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; z-index: 20; } div.Tokenize ul.Dropdown li { padding: 2px 5px; overflow: hidden; cursor: pointer; } div.Tokenize ul.Dropdown li:nth-child(odd) { background-color: #f6f5f5; } div.Tokenize ul.Dropdown li.Hover { color: white; text-decoration: none; background-color: #34393b; } .fileuploader-input-button { background-color: #34393b; border: solid 3px #34393b; color: #fff; } .fileuploader-action-success, .fileuploader-action-download { background: #34393b; } .fileuploader-input-button:hover { background-color: #34393b; opacity: 0.85; } .fileuploader-item-icon { color: #34393b; font-size: 48px; text-align: center; } @media print { body { font-size: 10pt; } .w-1-3 { width: 40%; } .w-2-3 { width: 60%; } .w-2-3 .box-gallery img { width: 95%; height: 95%; } #global, #page, #section, #aside { clear: both !important; display: block !important; float: none !important; margin: 0; width: 100%; } div.tab-content, div.tab-content-s { min-height: 50px; } #header, #nav, #app-footer, #tabs, .bt, #tooltip, .thumbs { display: none; } } .progress > li.is-complete { color: #34393b; } .progress > li.is-complete:before, .progress > li.is-complete:after { color: #fff; background: #34393b; } .progress > li.is-active { color: var(--color-primary-main); } .progress > li.is-active:before { color: #fff; background: var(--color-primary-main); } .ct-series.ct-series-a path, .ct-series.ct-series-a line { stroke: #003e65; } .ct-series.ct-series-b path, .ct-series.ct-series-b line { stroke: #0081cd; } .ct-series.ct-series-c path, .ct-series.ct-series-c line { stroke: #028907; } .ct-series.ct-series-d path, .ct-series.ct-series-d line { stroke: #03cd0a; } #legende-charts .c-block:first-child { background-color: #003e65; } #legende-charts .c-block:nth-child(4) { background-color: #0081cd; } #legende-charts .c-block:nth-child(2) { background-color: #028907; } #legende-charts .c-block:nth-child(5) { background-color: #03cd0a; } .progress-bar span { background-color: var(--color-primary-main); } div.toggle span { border-color: var(--color-primary-main); color: var(--color-primary-main); } div.toggle span.selected { background: var(--color-primary-main); } .bpm .progress { background-color: #ebebeb; } .bpm .progress__background { background-color: #f6aa1e; } .bpm .progress__step .progress__step-etape { border-right: 3px solid #ffffff; } .bpm .progress__step .progress__step-jalon { background-color: black; } a.bt:not(.contact):not(.contact-2):not(.contact-modif):not(.panier):not( .imprimante ):not(.etoile-vide):not(.etoile):not(.bt-fa-file):not(.loading):not( .loading2 ):not(.grille):not(.docs):not(.bulle-vide):not(.bulle):not(.pdf):not( .proximite ):not(.vue):not(.affectation):not(.corbeille):not(.code):not( .option-vide ):not(.option):not(.loupe):not(.reveil-vide):not(.reveil):not(.gomme):not( .plus ):not(.pluss):not(.plus-s):not(.croix-s):not(.crayon):not(.interdit):not( .contact-select ):not(.contact-deselect):not(.site):not(.drapeau-vide):not(.drapeau):not( .dossier ):not(.dossier-ouvert):not(.poi):not(.conseiller):not(.carnet):not( .parametres ):not(.hautbas):not(.archivage):not(.reactivation):not(.cloture):not( .evt-appel-sortant ):not(.evt-appel-entrant):not(.evt-sms-entrant):not(.evt-sms-sortant):not( .evt-publipostage ):not(.evt-emailing):not(.evt-email-sortant):not(.evt-email-entrant):not( .evt-rdv-tel ):not(.evt-rdv-agence):not(.evt-rdv-exterieur):not(.evt-plus):not(.off):not( .coche ):not(.coche-vide):not(.coche-vide) { float: none; background: var(--color-primary-main); margin: 0; border: none; padding: 10px 25px; border-radius: var(--border-radius-button); font-weight: 600; } a.doc.doc-pdf { padding: 0; } a.doc.doc-pdf { background: none; } a.doc.doc-pdf:before { font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 16px; color: var(--color-primary-main); text-rendering: auto; content: "\f1c1"; margin-right: 10px; } a.bt.site { background: none; border: none; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 18px; color: #34393b; text-rendering: auto; } a.bt.site:before { content: "\f019"; } .liste-bt li { display: flex; } a.bt.interdit, a.bt.reveil-vide, a.bt.carnet, a.bt.parametres, a.bt.plus, a.bt.vue, a.bt.dossier, a.bt.crayon, a.bt.evt-plus, a.bt-fa-r.evt-phone, a.bt-fa-r.evt-sms, a.bt-fa-r.evt-email, a.bt-fa-r.evt-rdv, a.bt.loupe, a.bt.contact-select, a.bt.drapeau-vide, a.bt.cloture, a.bt.imprimante, a.bt.affectation, a.bt.archivage, a.bt.coche-vide, a.bt-copy, a.bt-plus, a.bt-remove, a.bt.grille, a.bt.poi, a.bt.bulle-vide, a.bt.etoile-vide, a.bt.docs, a.bt.hautbas, a.bt-fa.bt-fa-edit, a.bt.corbeille, a.bt-fa.bt-fa-info, a.bt-fa.bt-fa-file, a.bt-fa.bt-fa-plus, a.bt-fa.bt-fa-eye, a.bt.plus-s, a.bt.etoile, a.bt.loading, a.bt-fa.bt-fa-users, #nextBtn a, #prevBtn a, a.bt.option, a.bt.pdf, a.bt.contact-2, a.bt.contact-modif, a.bt.gomme, a.bt.dossier-ouvert, a.bt.reveil, a.bt.bt-fa-file, a.bt.drapeau, a.bt.contact-deselect, .bt-fa.collapse-programme, .bt-fa.collapse-echeancier, a.bt-fa.toggle, a.bt.bulle, a.bt.proximite, a.bt.coche { background-image: none; margin: 0; border: 0; border-radius: var(--border-radius-button); background-color: transparent; padding: 0; width: 30px; height: 30px; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 16px; color: var(--color-primary-main); text-rendering: auto; box-shadow: inset 0 0 0 1px var(--color-primary-main); } a.bt.interdit:before, a.bt.reveil-vide:before, a.bt.carnet:before, a.bt.parametres:before, a.bt.plus:before, a.bt.vue:before, a.bt.dossier:before, a.bt.crayon:before, a.bt.evt-plus:before, a.bt.loupe:before, a.bt.contact-select:before, a.bt.drapeau-vide:before, a.bt.imprimante:before, a.bt.affectation:before, a.bt.archivage:before, a.bt.coche-vide:before, a.bt.grille:before, a.bt.poi:before, a.bt.bulle-vide:before, a.bt.etoile-vide:before, a.bt.docs:before, a.bt.hautbas:before, a.bt.corbeille:before, a.bt.plus-s:before, a.bt.etoile:before, a.bt-fa.bt-fa-users:before, #nextBtn a:before, #prevBtn a:before, a.bt.option:before, a.bt.pdf:before, a.bt.contact-2:before, a.bt.contact-modif:before, a.bt.gomme:before, a.bt.dossier-ouvert:before, a.bt.reveil:before, a.bt.drapeau:before, a.bt.contact-deselect:before, a.bt.bulle:before, a.bt.proximite:before, a.bt.coche:before { display: flex; align-items: center; justify-content: center; height: 100%; } a.bt.plus:before, a.bt.evt-plus:before, a.bt.plus-s:before { content: "\f067"; } a.bt.carnet:before { content: "\f2b9"; } a.bt.parametres:before { content: "\f085"; } a.bt.vue:before { content: "\f06e"; } a.bt.dossier:before { content: "\f65e"; } a.bt.crayon:before { content: "\f303"; } a.bt.loupe:before { content: "\f002"; } a.bt.imprimante:before { content: "\f02f"; } a.bt.affectation:before { content: "\f509"; } a.bt.archivage:before { content: "\f01c"; } a.bt.grille:before { content: "\f03a"; } a.bt.poi:before { content: "\f3c5"; } a.bt.docs:before { content: "\f0c6"; } a.bt.option:before { content: "\f573"; } a.bt.pdf:before { content: "\f1c1"; } a.bt.contact-modif:before { content: "\f235"; } a.bt.hautbas:before { content: "\f0dc"; } a.bt.proximite:before { content: "\f124"; } a.bt.gomme { display: block; } a.bt.gomme:before { content: "\f12d"; } a.bt.corbeille:before { content: "\f2ed"; } a.bt.corbeille { color: rgb(var(--palette-error-mainChannel)); background-color: transparent; box-sizing: border-box; box-shadow: inset 0 0 0 1px rgb(var(--palette-error-mainChannel)); } a.bt.etoile:before { content: "\f005"; } a.bt.contact-deselect:before { content: "\f007"; } a.bt.contact-deselect { border: 2px solid var(--color-primary-main); color: var(--color-primary-main); box-sizing: border-box; border-radius: var(--border-radius-button); } a.bt.loading:before { content: "\f110"; animation: fa-spin 2s infinite linear; display: flex; align-items: center; justify-content: center; height: 100%; } a.bt.ae, a.bt.pr { float: left !important; background-image: none; margin: 0 3px !important; border: 0; border-radius: 6px !important; background-color: var(--color-primary-main); padding: 0 !important; width: 30px; height: 30px !important; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-variant: normal; font-size: 16px; color: #ffffff; text-rendering: auto; } a.bt.ae i, a.bt.pr i { display: flex; align-items: center; justify-content: center; height: 100%; } a.bt-bpm { margin: 2px !important; } #nextBtn a, #prevBtn a { display: inline-block; } #nextBtn a:before { content: "\f0da"; } #prevBtn a:before { content: "\f0d9"; } a.bt-fa-r.evt-phone i, a.bt-fa-r.evt-sms i, a.bt-fa-r.evt-email i, a.bt-fa-r.evt-rdv i, a.bt.cloture i, a.bt.coche-vide i, a.bt.coche i, a.bt-copy i, a.bt-plus i, a.bt-remove i, a.bt-fa.bt-fa-edit i, a.bt-fa.bt-fa-info i, a.bt-fa.bt-fa-file i, a.bt-fa.bt-fa-plus i, a.bt-fa.bt-fa-eye i, a.bt-fa.bt-fa-users i, a.bt.bt-fa-file i, .bt-fa.collapse-programme i, .bt-fa.collapse-echeancier i, a.bt-fa.toggle i { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } a.bt.contact-select:before, a.bt.contact-2:before { content: "\f007"; font-weight: 400; } a.bt.drapeau-vide:before { content: "\f024"; font-weight: 400; } a.bt.coche-vide:before { content: "\f058"; font-weight: 400; } a.bt.coche:before { content: "\f058"; font-weight: 400; } a.bt.coche { background-color: #ffffff; border: 2px solid var(--color-primary-main); color: var(--color-primary-main); box-sizing: border-box; border-radius: 6px; } a.bt.bulle-vide:before { content: "\f27a"; font-weight: 400; } a.bt.etoile-vide:before { content: "\f005"; font-weight: 400; } a.bt.dossier-ouvert:before { content: "\f07c"; font-weight: 400; } a.bt.drapeau:before { content: "\f024"; font-weight: 400; color: var(--color-primary-main); } a.bt.drapeau { background-color: #ffffff; border: 2px solid var(--color-primary-main); color: var(--color-primary-main); box-sizing: border-box; border-radius: 6px; } a.bt.reveil:before { content: "\f017"; font-weight: 400; color: var(--color-primary-main); } a.bt.reveil { color: var(--color-primary-main); box-sizing: border-box; border-radius: 6px; position: relative; } a.bt.reveil:after { content: ""; position: absolute; top: 3px; right: 3px; width: 8px; height: 8px; border-radius: 50%; background-color: #22c55e; border: 1.5px solid #fff; } a.bt.reveil-vide:before { content: "\f017"; font-weight: 400; color: var(--color-primary-main); } a.bt.reveil-vide { color: var(--color-primary-main); box-sizing: border-box; border-radius: 6px; position: relative; } a.bt.reveil-vide:after { content: ""; position: absolute; top: 3px; right: 3px; width: 8px; height: 8px; border-radius: 50%; background-color: #ef4444; border: 1.5px solid #fff; } a.interdit:before { content: "\f05e"; font-weight: 900; color: #9ca3af; } a.interdit, a.bt.interdit { color: #9ca3af; box-shadow: inset 0 0 0 1px #9ca3af; box-sizing: border-box; border-radius: 6px; } a.bt.bulle:before { content: "\f075"; font-weight: 400; } a.bt.bulle { background-color: #ffffff; color: var(--color-primary-main); box-sizing: border-box; border-radius: 6px; } input.marron, input.vert { background-color: var(--color-primary-main); color: white; border: none; background-image: none; padding: 10px 25px; border-radius: var(--border-radius-button); font-weight: 600; } a.bt-plus-form, .bt-remove-form { height: 24px !important; width: 24px !important; padding: 0 !important; } a.bt-copy, a.bt-plus { display: inline-block; } a.bt.mr-10 { margin-right: 10px !important; } a.bt.disabled { box-shadow: inset 0 0 0 1px var(--palette-grey-400); color: var(--palette-grey-400); cursor: default; } a.bt.disabled:hover { opacity: 1; } #section > .section-header-2 > div > div:first-of-type[class^="mt-"] { margin-top: 0; } #section div[class^="h-"], #section div[class*="h-"]:not(#carte):not(#google-map, #google-map-sv), #section .section-header-2 div[class^="h-"]:not(#carte):not(#google-map, #google-map-sv), #section .section-header-2 div[class*="h-"]:not(#carte):not(#google-map, #google-map-sv), #aside > div:first-of-type[class^="h-"], div#criteres { height: auto; } #section > div:first-of-type.f-left, #aside > div:first-of-type.f-left { float: none; } #section > div:first-of-type.w-100, #aside > div:first-of-type.w-100, body#box > div > div.w-99, div#page.recherche-immo .section-header-2 > .f-left > div:last-of-type form div.w-47 { width: unset; } div#page.recherche-immo .section-header-2 > .f-left > div:last-of-type form div.ml-5, body#box > div > div.ml-10 { margin-left: 0; } #section > .section-header-2 > div > div.bg-blanc { background-color: transparent; } #section > .section-header-2 > div > div.p-10 { padding: 0; } #section > .section-header-2 > div > div[class^="mt-"] { margin-top: 0; } #aside .tab-content { width: 100%; } div#criteres .w-94.ml-10 { width: 100%; margin-left: 0; } #section .bb-20-ebebeb { border: none !important; } table.form tr.bg-marron-5 { background-color: transparent; } table.donnees, .pager, table.donnees2 { margin-left: 0; } .tab-content-fit, .tab-content-l, .tab-content-s, .tab-content-box { float: none; width: unset; padding: unset; margin-left: 0; } div#page.recherche-immo .section-header-2 > .f-left > div:last-of-type { margin-left: 0; width: unset; } div[id^="div-"] div.w-99 { width: unset; } .bandeau_offre_commercialisateur { left: 0 !important; width: 100% !important; } @media screen and (max-width: 991.98px) { html, body { max-width: 100%; } #page { grid-template-columns: 1fr !important; width: 100%; max-width: 100%; } section { max-width: 100%; } section .section-header-2 { grid-template-columns: 1fr !important; column-gap: 0; } body.non-connecte #page { display: flex; flex-direction: column-reverse; row-gap: 1rem; margin-bottom: 1rem; } div#derniers-programmes > div:first-of-type, div#catalogue { grid-template-columns: repeat(2, 1fr); row-gap: 1rem; } .recherche-immo-programme_title { display: flex; flex-direction: column; row-gap: 6px; } .recherche-immo-programme_details { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 10px 10px; grid-template-areas: "recherche-immo-programme-details_image recherche-immo-programme-details_intro" "recherche-immo-programme-details_lots recherche-immo-programme-details_lots"; grid-area: recherche-immo-programme_details; } .recherche-immo-programme-details_intro { max-width: 100%; } } @media screen and (max-width: 767.98px) { div#derniers-programmes > div:first-of-type, div#catalogue { grid-template-columns: 1fr; row-gap: 1rem; } div#raccourcis { flex-direction: column; row-gap: 1rem; } div#raccourcis .raccourcis_actions a { min-height: 4rem; } div#raccourcis .raccourcis_suivis a, div#raccourcis .raccourcis_etudes a { justify-content: center; display: flex; } div#raccourcis .raccourcis_suivis a .icon, div#raccourcis .raccourcis_etudes a .icon { width: 40px; } div#raccourcis .raccourcis_suivis a div:not(.icon), div#raccourcis .raccourcis_etudes a div:not(.icon) { width: 160px; } .recherche-immo-programme-details_intro { max-width: 100%; } .recherche-immo-programme_details { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 10px 10px; grid-template-areas: "recherche-immo-programme-details_image" "recherche-immo-programme-details_intro" "recherche-immo-programme-details_lots"; grid-area: recherche-immo-programme_details; } } .input_toggle input[type="checkbox"]:checked + label span, .input_toggle_double span.btn_toggle, .div_checkable input[type="checkbox"]:checked + label, .div_checkable input[type="radio"]:checked + label, .irs .irs-bar { background-color: var(--color-primary-main); } .card { display: flex; background: var(--color-white); border-radius: var(--border-radius-card); box-shadow: var(--box-shadow-card); } .card-img { margin: 8px; } .card-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; display: block; margin: 0px !important; } .card-img-chip-position { bottom: 16px; left: 16px; } .card-img-chip-top-right { top: 4px; right: 4px; } .card-content { flex: 1; display: flex; flex-direction: column; padding: 8px 20px; gap: 12px; word-break: break-word; } .card-content p { text-align: start; } .card-top-left-encart { position: absolute; top: 0px; left: 0px; z-index: 1; padding: 8px; border-bottom-right-radius: var(--border-radius-card); border-top-left-radius: var(--border-radius-card); background: var(--color-white); } .card-action { margin-top: auto; display: flex; justify-content: flex-end; padding: 8px; } .chip-list { display: flex; flex-wrap: wrap; gap: 8px; } .card--vertical { flex-direction: column; } .card--vertical .card-img { height: 140px; } .card--horizontal { flex-direction: row; } .card--horizontal .card-img { flex: 0 0 240px; } @media screen and (max-width: 601px) { .card--horizontal { flex-direction: column; } .card--horizontal .card-img { flex: 0 0 auto; } } .card--complex, #catalogue > div.card--complex { display: grid; grid-template-areas: "title title title" "img content table"; grid-template-columns: 240px 300px auto; max-height: 300px; } .card-title { padding: 16px 70px 8px 8px; padding-top: 16px; display: flex; gap: 10px; align-items: center; } .card-title h4 { padding: 0; } .card--complex .card-content { align-self: stretch; overflow-y: auto; } .card-table { margin: 8px; align-self: stretch; overflow-y: auto; } .card--complex .card-title { grid-area: title; } .card--complex .card-img { grid-area: img; } .card--complex .card-content { grid-area: content; } .card--complex .card-table { grid-area: table; } @media screen and (max-width: 991.98px) { .card--complex, #catalogue > div.card--complex { grid-template-areas: "title title" "img content" "table table"; grid-template-columns: 240px 1fr; max-height: none; } #catalogue > div.card--complex .card-table { align-self: auto; max-height: 240px; overflow: hidden; overflow-y: auto; } #catalogue > div.card--complex .card-content { align-self: auto; max-height: 240px; overflow: hidden; overflow-y: auto; } } @media screen and (max-width: 601px) { .card--complex, #catalogue > div.card--complex { grid-template-areas: "title" "img" "content" "table"; grid-template-columns: 1fr; max-height: none; } } .chip { display: inline-flex; align-items: center; padding: 5px 6px; font-size: 12px; font-weight: 600; border-radius: var(--border-radius-chip); white-space: nowrap; gap: 10px; } .chip-overlay { position: absolute; top: 8px; right: 8px; } .chip-success { background-color: rgba(var(--palette-success-mainChannel), 0.16); color: var(--palette-success-dark); } .chip-error { background-color: rgba(var(--palette-error-mainChannel), 0.16); color: var(--palette-error-dark); } .chip-warning { background-color: rgba(var(--palette-warning-mainChannel), 0.16); color: var(--palette-warning-dark); } .chip-warning-opaque { background-color: var(--palette-warning-lighter); color: var(--palette-warning-dark); } .chip-info { background-color: rgba(var(--palette-info-mainChannel), 0.16); color: var(--palette-info-dark); } .chip-black { background-color: var(--palette-grey-800); color: var(--color-white); } .chip-grey { background-color: rgba(var(--palette-grey-500Channel), 0.16); color: var(--palette-text-primary); } .alert-box { align-items: flex-start; gap: 12px; padding: 10px 20px; border-radius: 8px; max-width: 100%; box-sizing: border-box; } .alert-box:not(.d-none) { display: inline-flex; } .alert-icon { font-size: 16px; } .alert-content { white-space: normal; word-break: break-word; align-self: center; min-width: 0; overflow: hidden; } .alert-collapsible { min-width: 0; width: 100%; } .alert-collapsible summary { display: flex; align-items: center; cursor: pointer; list-style: none; min-width: 0; } .alert-collapsible summary::-webkit-details-marker { display: none; } .alert-collapsible-preview { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; flex: 1; min-width: 0; } .alert-collapsible-full { display: none; flex: 1; min-width: 0; } .alert-collapsible[open] .alert-collapsible-preview { display: none; } .alert-collapsible[open] .alert-collapsible-full { display: block; } .alert-collapsible summary::after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; margin-left: 8px; flex-shrink: 0; } .alert-collapsible[open] summary::after { content: "\f077"; } .alert-collapsible[open] summary span { white-space: normal; overflow: visible; text-overflow: unset; } .alert-danger { background: rgba(var(--palette-error-mainChannel), 0.08); color: var(--palette-error-dark); border: solid 1px rgba(var(--palette-error-mainChannel), 0.16); } .alert-danger .alert-icon { color: var(--palette-error-main); } .alert-warning { background: rgba(var(--palette-warning-mainChannel), 0.08); color: var(--palette-warning-dark); border: solid 1px rgba(var(--palette-warning-mainChannel), 0.16); } .alert-warning .alert-icon { color: var(--palette-warning-main); } .alert-info { background: rgba(var(--palette-info-mainChannel), 0.08); color: var(--palette-info-dark); border: solid 1px rgba(var(--palette-info-mainChannel), 0.16); } .alert-info .alert-icon { color: var(--palette-info-main); } .alert-success { background: rgba(var(--palette-success-mainChannel), 0.08); color: var(--palette-success-dark); border: solid 1px rgba(var(--palette-success-mainChannel), 0.16); } .alert-success .alert-icon { color: var(--palette-success-main); } .button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: var(--border-radius-button); font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.2s ease; max-height: 40px; border-width: 0px; font-size: 12.8px; } .button-fullwidth { display: flex; width: 100%; box-sizing: border-box; height: 40px; } .button-contained, .button-contained:visited, .button-contained:active, a.button-contained, a.button-contained:visited, a.button-contained:active { background-color: var(--color-primary-main); color: #fff; } .button-contained:hover, a.button-contained:hover { opacity: 0.8; } .button-outlined, .button-outlined:visited, .button-outlined:active, a.button-outlined, a.button-outlined:visited, a.button-outlined:active { background-color: transparent; color: var(--color-primary-main); box-shadow: inset 0 0 0 1px var(--color-primary-main); } .button-outlined:hover, a.button-outlined:hover { opacity: 0.8; } .button-contained-gray, .button-contained-gray:visited, .button-contained-gray:active, a.button-contained-gray, a.button-contained-gray:visited, a.button-contained-gray:active { background-color: rgba(145 158 171 / 0.16); color: rgb(28, 37, 46); box-shadow: none; } .button-contained-gray:hover, a.button-contained-gray:hover { background-color: rgba(145 158 171 / 0.32); opacity: 1; } .button-outlined-gray, .button-outlined-gray:visited, .button-outlined-gray:active, a.button-outlined-gray, a.button-outlined-gray:visited, a.button-outlined-gray:active { background-color: transparent; color: rgb(28, 37, 46); box-shadow: inset 0 0 0 1px rgba(145, 158, 171, 0.32); } .button-outlined-gray:hover, a.button-outlined-gray:hover { opacity: 1; background-color: rgba(145, 158, 171, 0.08); box-shadow: inset 0 0 0 2px rgb(28, 37, 46); } .button-outlined-red, .button-outlined-red:visited, .button-outlined-red:active, a.button-outlined-red, a.button-outlined-red:visited, a.button-outlined-red:active { background-color: transparent; color: rgb(183, 29, 24); box-shadow: inset 0 0 0 1px rgba(183, 29, 24, 0.32); } .button-outlined-red:hover, a.button-outlined-red:hover { opacity: 1; background-color: rgba(183, 29, 24, 0.08); box-shadow: inset 0 0 0 2px rgb(183, 29, 24); } .button-text, .button-text:visited, .button-text:active, a.button-text, a.button-text:visited, a.button-text:active { background-color: transparent; color: rgb(28, 37, 46); padding: 4px 8px; box-shadow: none; height: 22px; } .button-text:hover, a.button-text:hover { background-color: var(--background-color-hover-button-text-or-icon); opacity: 1; } .button-icon { display: inline-flex; align-items: center; gap: 8px; } .button span { font-size: inherit; } .button-icon-only { padding: 0; width: 30px; height: 30px; max-height: none; aspect-ratio: 1; font-size: 16px; } .button-icon-only.button-lg { width: 35px; height: 35px; } .button-icon-only.button-sm { width: 24px; height: 24px; font-size: 14px; } .button-icon i { display: inline-flex; align-items: center; justify-content: center; line-height: normal; } .button-icon img { height: 20px; width: auto; display: block; } .button:disabled { cursor: not-allowed; } .button-contained:disabled, a.button-contained:disabled, .button-contained:disabled:hover, a.button-contained:disabled:hover { background-color: var(--palette-grey-200); color: var(--palette-grey-600); opacity: 1; } .button-outlined:disabled, a.button-outlined:disabled, .button-outlined:disabled:hover, a.button-outlined:disabled:hover { background-color: transparent; color: var(--palette-grey-200); box-shadow: inset 0 0 0 1px var(--palette-grey-200); opacity: 1; } #spinner-connexion { width: 1em; height: 1em; line-height: 1; transform-origin: center center; font-size: 16px; } .spinner-d-none-important { display: none !important; } .children-centered-horizontal { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; } .box-buttons { display: flex; justify-content: center; gap: 12px; margin-top: auto; align-items: center; width: 100%; } .small-card { border-radius: var(--border-radius-card); background-color: var(--color-white); box-shadow: var(--box-shadow-card); padding: 8px; } .small-card-img { border-radius: 6px; overflow: hidden; } .card-list-column { display: flex; flex-direction: column; gap: 1rem; } body.non-connecte #global { flex: 1; display: flex; flex-direction: column; } .login-fullwidth { position: relative; width: 100vw; margin-left: calc(50% - 50vw); height: 100%; display: flex; } .login-split { display: flex; flex: 1; min-height: 0; } .login-left { flex: 2; position: relative; background: #003e65; } .login-right { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px; background: var(--color-white); } .login-logo { display: flex; justify-content: center; margin-bottom: 20px; } .login-logo img { max-width: 100%; height: auto; flex-shrink: 0; background-color: var(--color-login-logo-background); } .cover-image-wrapper { position: relative; width: 100%; height: 100%; max-height: 100vh; overflow: hidden; } .cover-image-wrapper .bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(20px); transform: scale(1.1); } .cover-image-wrapper .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); } .login-form-wrapper { max-width: 330px; width: 100%; } .login-form-wrapper p#erreur { min-height: 1.2em; margin: 4px 0 0; font-size: 0.85em; color: var(--palette-error-main); } .form-group { margin-bottom: 20px; } .form-actions { display: flex; gap: 10px; } .form-actions .button { flex: 1; } .input-label { display: block; margin-bottom: 8px; font-weight: 600; } .input-label-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .input-label-row p { margin: 0; } .input-label-row label { margin: 0; } input.page-login-input { width: 100%; height: 42px; box-sizing: border-box; padding: 12px 14px; border: 1px solid #dfe3e8; border-radius: var(--border-radius-input); font-size: 14px; } input.page-login-input.form-erreur { border-color: var(--palette-error-main); } .input-wrapper { position: relative; } .input-wrapper img.icon-error, .input-wrapper img.icon-valid { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .input-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .input-inline-icon { display: flex; align-items: center; gap: 8px; } .input-leading-icon { flex-shrink: 0; } .input-inline-icon input { flex: 1; align-self: center; } .cover-image-wrapper img { position: relative; width: 100%; height: 100%; object-fit: contain; z-index: 2; } @media (max-width: 1024px) { .login-left { flex: 1; } .login-right { flex: 1; } } @media (max-width: 768px) { .login-split { flex-direction: column; } .login-left { flex: none; height: 300px; } .login-right { flex: 1; height: auto; padding: 40px 20px; } } .shortcut-groups-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 16px; } .shortcut-group-column { display: flex; flex-direction: column; gap: 12px; padding: 16px; background-color: var(--palette-grey-100); border-radius: 12px; border: 1px solid var(--palette-grey-200); } .shortcut-group-title { font-size: 15px; font-weight: 700; text-align: left; } .shortcut-group-card-list { display: flex; flex-direction: column; gap: 10px; } .shortcut-group-card-list-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; } .shortcut-group-card { position: relative; overflow: hidden; min-height: 80px; padding: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 8px; text-decoration: none; box-shadow: var(--box-shadow-card); } .shortcut-group-card-icon { width: 46px; height: 46px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; flex-shrink: 0; } .shortcut-group-card-label { font-size: 13px; font-weight: 700; text-align: center; flex: 1; display: flex; align-items: center; } .shortcut-group-card-primary { background-color: var(--color-primary-main); } .shortcut-group-card::before { content: ""; position: absolute; top: -70px; left: -20%; width: 140%; height: 120px; background: rgba(255, 255, 255, 0.18); border-radius: 50%; transform: rotate(-8deg); pointer-events: none; } .shortcut-group-card-primary .shortcut-group-card-icon { background: white; color: var(--color-primary-main); } .shortcut-group-card-primary .shortcut-group-card-label { color: white; } .shortcut-group-card-secondary { background: white; } .shortcut-group-card-secondary .shortcut-group-card-icon { background: var(--palette-grey-700); color: white; } .shortcut-group-card-secondary .shortcut-group-card-label { color: #34393b; } .shortcut-group-card-secondary::before, .shortcut-group-card-tertiary::before { top: -70px; width: 80%; background: rgba(255, 255, 255, 0.1); transform: rotate(-18deg); } .shortcut-group-card-tertiary { background: white; } .shortcut-group-card-tertiary .shortcut-group-card-icon { background: var(--palette-grey-600); color: white; } .shortcut-group-card-tertiary .shortcut-group-card-label { color: #34393b; } .table-responsive td { border-bottom: var(--border-solid-table); } thead tr:last-child td, thead tr:last-child th { border-bottom: var(--border-solid-table); } .td-action { display: flex; gap: 10px; } .td-icon-size { font-size: 20px; } .fa-file-pdf { color: var(--palette-error-dark); } .submit-wrapper { position: relative; display: inline-block; width: fit-content; } .submit-wrapper input[type="submit"] { display: inline-block; } .spinner-custom { display: none; padding: 10px 20px; background: var(--palette-grey-200); border-radius: var(--border-radius-button); align-items: center; justify-content: center; gap: 10px; pointer-events: none; cursor: default; font-weight: 600; } .spinner-custom i { color: var(--palette-grey-600); font-size: 16px; } .spinner-custom .label { color: inherit; } #spinner[style*="display: block"] ~ .spinner-custom { display: inline-flex; } #spinner[style*="display"] ~ input[type="submit"] { display: none; } #selection-contact a.bt { all: unset; } .page-header { display: flex; flex-direction: column; } .page-header-info { display: flex; flex-direction: column; gap: 12px; padding-top: 10px; padding-bottom: 16px; flex: 1; } .page-header-info h1 { margin: 0; padding: 0; } .page-header-info p { color: var(--palette-grey-600); font-size: 1.1em; font-weight: 700; margin: 0; padding: 0; } .page-header-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; padding-top: 16px; border-top: 1px solid var(--palette-grey-200); } #box h2 { padding: 0; } body#box { background-color: var(--color-white); height: auto; overflow-y: auto; display: flex; flex-direction: column; } .box-content { flex: 1; display: flex; flex-direction: column; } #cboxOverlay { background: rgba(0, 0, 0, 0.7); z-index: 9998 !important; } #colorbox { border-radius: var(--border-radius-card); overflow: hidden; z-index: 9999 !important; overflow: visible; } #cboxWrapper { } #cboxContent { background: #fff; border-radius: 12px; overflow: hidden; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; box-sizing: border-box; } #cboxLoadedContent { box-sizing: border-box; width: 100%; height: 100%; margin: 10px; overflow-y: auto; max-height: none; max-width: 100%; } #cboxTitle { display: none; } #cboxClose { position: absolute; top: 0px; right: -38px; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; cursor: pointer; text-indent: 0; font-size: 0; transition: background-color 0.2s ease, transform 0.15s ease; z-index: 9999; } #cboxClose:hover { background-color: var(--palette-grey-400); } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { height: 0 !important; display: none !important; } #sub-frame-error { background-color: #fff; } .link-img:hover, .link-img:focus, .link-img:active { opacity: 1 !important; } .link-img::after { content: ""; position: absolute; inset: 0; background: black; opacity: 0; transition: opacity 0.25s; pointer-events: none; border-radius: 8px; } .link-img:hover::after { opacity: 0.3; } .row-regions { display: flex; gap: 20px; } .col-regions { flex: 1; } .col-regions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } @media (max-width: 768px) { .row-regions { flex-direction: column; } } #pagination a.bt { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: var(--border-radius-button); font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.2s ease; max-height: 40px; border-width: 0px; background-color: transparent; color: rgb(28, 37, 46); box-shadow: inset 0 0 0 1px rgba(145, 158, 171, 0.32); line-height: normal; } #pagination a.bt:hover { opacity: 1; background-color: rgba(145, 158, 171, 0.08); box-shadow: inset 0 0 0 2px rgb(28, 37, 46); } #pagination a.bt.actif { background-color: rgb(28, 37, 46); color: #fff; } .img-vignette { object-fit: cover; border-radius: 8px; } h2 a .fwb { font-weight: 600; } .icon-sm { font-size: 1rem; } #app-footer { margin-top: 10px; padding: 20px 60px 15px 60px; background-color: var(--color-footer-background); position: relative; } #app-footer * { color: #fff; } #app-footer a { text-decoration: none; } #app-footer a[target="_blank"] { display: inline-flex; align-items: center; gap: 5px; } #app-footer .footer-container { display: flex; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1750px; margin: 0 auto; gap: 20px; } #app-footer .footer-col { display: flex; flex-direction: column; row-gap: 10px; justify-content: center; } #app-footer .footer-col.center { align-items: center; gap: 6px; } #app-footer .footer-col.center p { margin: 0; } #app-footer .footer-col.right { align-items: flex-end; } #app-footer .social-block { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 6px; } #app-footer .footer-title { font-weight: 600; margin: 0; } #app-footer .social-icons { display: flex; gap: 8px; } #app-footer .social-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #3a3a3a; border-radius: 6px; transition: opacity 0.2s; } #app-footer .social-btn:hover { opacity: 0.5; } #app-footer .social-btn img { width: 16px; height: 16px; } #app-footer p { margin: 0; } #app-footer p span.changelog { margin-right: 20px !important; } #app-footer p span#HW_badge_cont.HW_visible { margin: 0 !important; } @media screen and (max-width: 768px) { #app-footer { padding-left: 20px; padding-right: 20px; } #app-footer .footer-container { flex-direction: column; } #app-footer .footer-col, #app-footer .footer-col.center, #app-footer .footer-col.right { align-items: flex-start; flex-wrap: wrap; } #app-footer .social-block { align-items: flex-start; } } .agence-block + .agence-block, .service-block + .service-block { border-top: 1px solid var(--palette-grey-200); } .actu-collaborateur-date { font-weight: bold; font-style: italic; color: var(--palette-grey-500); } .slide-actu { display: flex; align-items: center; gap: 12px; height: 100%; padding: 10px 15px; box-sizing: border-box; } .slide-actu-texte { flex: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; gap: 8px; } .slide-actu-texte time { font-size: 0.8em; color: var(--palette-grey-500); } .slide-actu-titre { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold; text-decoration: none; color: inherit; line-height: 1.3; } .slide-actu-extrait { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; } .slide-actu-btn { align-self: flex-end; margin-top: auto; } .slide-actu-image { flex: 0 0 auto; } .slide-actu-image img { display: block; width: 120px; height: 120px; object-fit: cover; border-radius: var(--border-radius-img); border: 1px solid var(--color-border, var(--palette-grey-300)); } .liste-gestion-actu-titre { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold; text-decoration: none; color: inherit; line-height: 1.3; } .liste-gestion-actu-texte { display: flex; flex-direction: column; gap: 8px; } .liste-gestion-actu-extrait { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; } .actu-collaborateur-img-detail img { float: none; display: block; width: 100%; max-height: 600px; height: auto; object-fit: contain; } .input-help-text { color: var(--palette-grey-400); font-style: italic; } .corps-actu > div { margin-bottom: 0.4em; }