/*/ Polylog SA @ 2025 /*/

/*/ Police /*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&family=Nunito:wght@400;600;800&display=swap');

/*/ Bases /*/

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    position: relative;
    height: 100%;
    background: var(--white);
    color: var(--dark1);
    /*overflow: hidden; // Retiré à cause des parties publiques */
}

* {
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    outline: 0;
    outline: thin dotted \9;
}

b {
    font-weight: 600;
}

p a {
    font-weight: 400;
    color: var(--orange);
}

p a:hover {
    opacity: 0.7;
}

p {
    margin: 0;
}

p i {
    display: inline-block;
    width: 20px;
}

a:hover {
    cursor: pointer;
}

h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: inherit;
    margin: 0 0 30px;
    display: inline-block;
}

h2 i {
    display: inline-block;
    padding: 0 7px;
}

h2 u {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: inherit;
}

h2 b {
    display: inline-block;
    font-size: 12px;
    line-height: inherit;
}

h2 b.fa-sync {
    padding-left: 7px;
}

h1 {
    font-size: 45px;
    line-height: inherit;
    margin: 0 0 70px;
    display: block;
    text-align: center;
    font-weight: 800;
}

h4 {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0;
    border-radius: var(--round1);
    text-align: left;
}

h5 {
    margin: 10px 0;
    border-radius: var(--round2);
    background: var(--gray1);
    font-size: inherit;
    font-weight: 400;
    display: block;
    padding: 0 15px;
    min-height: 40px;
    line-height: 40px !important;
}

h5 em {
    float: left;
    line-height: 40px !important;
    font-size: 14px;
    width: 25px;
    color: var(--main);
}

h5 em.sLarge {
    font-size: 18px;
    width: 30px;
}

.fwk-section {
    border-radius: var(--round1);
    padding: 10px 20px;
    margin: 0 0 10px;
    border: 3px solid var(--gray1);
}

.fwk-section.section-sizer {
    padding-left: 10px;
    padding-right: 10px;
}

.fwk-section.section-withmargin {
    padding: 15px;
}

.fwk-section.section-tablet {
    margin: 15px 0;
}

.fwk-section.section-tablet input {
    padding: 15px;
    font-size: 15px;
}

.fwk-section.section-tablet label {
    font-size: 15px;
    margin-bottom: 5px;
}

pre {
    font-family: inherit;
    margin: 0;
    padding: 0;
}

/*/ Scroll /*/
/*
.fwk-container-modal *::-webkit-scrollbar:vertical {
    display: none;
}*/

.fwk-nav::-webkit-scrollbar {
    display: none;
}

/*/ Tooltip /*/

.fwk-js-tooltip {
    padding: 4px 10px;
    border: none !important;
    box-shadow: none;
    border-radius: var(--round3);
    font-family: inherit;
    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    background: var(--fixdark);
    color: var(--fixlight);
}

/*/ Tampons /*/

.fwk-gap {
    clear: both;
    position: relative;
    display: block;
    border-bottom: 1px solid transparent;
}

.fwk-gap.isSmall {
    height: 10px;
}

.fwk-gap.isMedium {
    height: 20px;
}

.fwk-gap.isLarge {
    height: 30px;
}

.fwk-gap.isPadded {
    padding: 20px;
}

/*/ Mapbox /*/

.fwk-mapbox {
    position: relative;
    max-width: 100%;
    height: 340px;
    margin: 10px 0;
    background: var(--gray1);
    border-radius: var(--round2);
}

.fwk-mapbox h5 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    padding: 1px 14px;
    border-radius: var(--round2) var(--round2) 0 0;
}

.fwk-mapbox .fwk-mapbox-wrapper {
    width: 100%;
    border-radius: var(--round2);
    overflow: hidden;
    position: absolute;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.fwk-mapbox .fwk-mapbox-wrapper.wrapper-topcut {
    border-top: 2px solid var(--white);
    border-radius: 0 0 var(--round2) var(--round2);
}

.fwk-mapbox .fwk-mapbox-map {
    width: 100%;
    height: 296px;
}

/*/ Chargement /*/

.fwk-js-loading {
    display: none;
    z-index: 949;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.fwk-js-loading div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto auto 60px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    font-size: 30px;
    background: var(--main);
    color: var(--white);
}

/*/ Avertissement relatif à la connection internet /*/

.fwk-offline {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    background: var(--shadow2);
}

.fwk-offline div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 100px auto auto;
    width: 300px;
    min-height: 190px;
    text-align: center;
    font-weight: 400;
    border-radius: var(--round1);
    padding: 30px;
    background: var(--white);
}

.fwk-offline em {
    display: block;
    margin: 10px auto 35px;
    font-size: 60px;
    color: var(--red);
}

/*/ Icone de sélection dans les zooms /*/

.fwk-hover-pick {
    cursor: pointer;
    transition: color 0.3s ease;
}

.fwk-hover-pick:before {
    content: "\f1ce"; /* fa-circle */
    color: var(--main);
}

.fwk-hover-pick:hover:before {
    content: "\f058"; /* fa-check-circle */
    color: var(--main);
}

/*/ Compléments /*/

.fwk-hidden {
    display: none;
}

.fwk-right {
    position: relative;
    float: right !important;
}

.fwk-inline {
    float: left;
}

.fwk-relative {
    position: relative;
}

.fwk-hover:hover {
    cursor: pointer;
    opacity: 0.7;
}

/*/ Couleurs - Classes spéciales /*/

.fwk-active {
    color: var(--green) !important;
}

.fwk-inactive {
    color: var(--white) !important;
}

.fa-toggle-off.fwk-inactive {
    color: var(--mid1) !important;
}

.scol-transparent {
    background: transparent !important;
}

.scol-link,
.scol-ext,
.scol-action {
    background-color: var(--white) !important;
    color: var(--dark1) !important;
}

.scol-unread {
    background-color: var(--orange) !important;
    color: var(--fixlight) !important;
    border-color: transparent !important;
}

.scol-hasqty {
    background-color: var(--main) !important;
    color: var(--fixlight) !important;
    border-color: transparent !important;
}

/*/ Couleur principale /*/

.fcol-main {
    color: var(--main) !important;
}

.scol-main {
    color: var(--fixlight) !important;
    background-color: var(--main) !important;
    border-color: transparent;
}

.bcol-main {
    border-color: var(--main) !important;
}

.tcol-main {
    color: var(--fixdark) !important;
    background: var(--main-light) !important;
}

/*/ Blanc /*/

.fcol-white {
    color: var(--white) !important;
}

.bcol-white {
    background: transparent !important;
    border-color: var(--white) !important;
}

.scol-white {
    color: var(--dark1) !important;
    background: var(--white) !important;
}

/*/ Intermédiaire /*/

.fcol-mid1 {
    color: var(--mid1) !important;
}

.scol-mid1 {
    color: var(--fixlight) !important;
    background: var(--mid1) !important;
    border-color: transparent;
}

.bcol-mid1 {
    border-color: var(--mid1) !important;
}

.tcol-mid1 {
    color: var(--fixdark) !important;
    background: var(--mid1-light) !important;
    border-color: transparent;
}

/*/ Couleurs primaires /*/

.fcol-red {
    color: var(--red) !important;
}

.scol-red {
    color: var(--fixlight) !important;
    background: var(--red) !important;
    border-color: transparent;
}

.bcol-red {
    border-color: var(--red) !important;
}

.tcol-red {
    color: var(--fixdark) !important;
    background: var(--red-light) !important;
}

/*/*/

.fcol-orange {
    color: var(--orange) !important;
}

.scol-orange {
    color: var(--fixlight) !important;
    background: var(--orange) !important;
    border-color: transparent;
}

.bcol-orange {
    border-color: var(--orange) !important;
}

.tcol-orange {
    color: var(--fixdark) !important;
    background: var(--orange-light) !important;
}

/*/*/

.fcol-green {
    color: var(--green) !important;
}

.scol-green {
    color: var(--fixlight) !important;
    background: var(--green) !important;
    border-color: transparent;
}

.bcol-green {
    border-color: var(--green) !important;
}

.tcol-green {
    color: var(--fixdark) !important;
    background: var(--green-light) !important;
}

/*/ Couleurs secondaires /*/

.fcol-col1 {
    color: var(--col1) !important;
}

.tcol-col1 {
    background: var(--col1-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col1-low {
    background: var(--col1-low) !important;
}

.bcol-col1 {
    border-color: var(--col1) !important;
}

.scol-col1 {
    color: var(--fixlight) !important;
    background: var(--col1) !important;
    border-color: transparent;
}

/*/*/

.fcol-col2 {
    color: var(--col2) !important;
}

.tcol-col2 {
    background: var(--col2-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col2-low {
    background: var(--col2-low) !important;
}

.bcol-col2 {
    border-color: var(--col2) !important;
}

.scol-col2 {
    color: var(--fixlight) !important;
    background: var(--col2) !important;
    border-color: transparent;
}

/*/*/

.fcol-col3 {
    color: var(--col3) !important;
}

.tcol-col3 {
    background: var(--col3-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col3-low {
    background: var(--col3-low) !important;
}

.bcol-col3 {
    border-color: var(--col3) !important;
}

.scol-col3 {
    color: var(--fixlight) !important;
    background: var(--col3) !important;
    border-color: transparent;
}

/*/*/

.fcol-col4 {
    color: var(--col4) !important;
}

.tcol-col4 {
    background: var(--col4-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col4-low {
    background: var(--col4-low) !important;
}

.bcol-col4 {
    border-color: var(--col4) !important;
}

.scol-col4 {
    color: var(--fixlight) !important;
    background: var(--col4) !important;
    border-color: transparent;
}

/*/*/

.fcol-col5 {
    color: var(--col5) !important;
}

.tcol-col5 {
    background: var(--col5-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col5-low {
    background: var(--col5-low) !important;
}

.bcol-col5 {
    border-color: var(--col5) !important;
}

.scol-col5 {
    color: var(--fixlight) !important;
    background: var(--col5) !important;
    border-color: transparent;
}

/*/*/

.fcol-col6 {
    color: var(--col6) !important;
}

.tcol-col6 {
    background: var(--col6-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col6-low {
    background: var(--col6-low) !important;
}

.bcol-col6 {
    border-color: var(--col6) !important;
}

.scol-col6 {
    color: var(--fixlight) !important;
    background: var(--col6) !important;
    border-color: transparent;
}

/*/*/

.fcol-col7 {
    color: var(--col7) !important;
}

.tcol-col7 {
    background: var(--col7-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col7-low {
    background: var(--col7-low) !important;
}

.bcol-col7 {
    border-color: var(--col7) !important;
}

.scol-col7 {
    color: var(--fixlight) !important;
    background: var(--col7) !important;
    border-color: transparent;
}

/*/*/

.fcol-col8 {
    color: var(--col8) !important;
}

.tcol-col8 {
    background: var(--col8-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col8-low {
    background: var(--col8-low) !important;
}

.bcol-col8 {
    border-color: var(--col8) !important;
}

.scol-col8 {
    color: var(--fixlight) !important;
    background: var(--col8) !important;
    border-color: transparent;
}

/*/*/

.fcol-col9 {
    color: var(--col9) !important;
}

.tcol-col9 {
    background: var(--col9-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col9-low {
    background: var(--col9-low) !important;
}

.bcol-col9 {
    border-color: var(--col9) !important;
}

.scol-col9 {
    color: var(--fixlight) !important;
    background: var(--col9) !important;
    border-color: transparent;
}

/*/*/

.fcol-col10 {
    color: var(--col10) !important;
}

.tcol-col10 {
    background: var(--col10-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col10-low {
    background: var(--col10-low) !important;
}

.bcol-col10 {
    border-color: var(--col10) !important;
}

.scol-col10 {
    color: var(--fixlight) !important;
    background: var(--col10) !important;
    border-color: transparent;
}

/*/*/

.fcol-col11 {
    color: var(--col11) !important;
}

.tcol-col11 {
    background: var(--col11-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col11-low {
    background: var(--col11-low) !important;
}

.bcol-col11 {
    border-color: var(--col11) !important;
}

.scol-col11 {
    color: var(--fixlight) !important;
    background: var(--col11) !important;
    border-color: transparent;
}

/*/*/

.fcol-col12 {
    color: var(--col12) !important;
}

.tcol-col12 {
    background: var(--col12-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col12-low {
    background: var(--col12-low) !important;
}

.bcol-col12 {
    border-color: var(--col12) !important;
}

.scol-col12 {
    color: var(--fixlight) !important;
    background: var(--col12) !important;
    border-color: transparent;
}

/*/*/

.fcol-col13 {
    color: var(--col13) !important;
}

.tcol-col13 {
    background: var(--col13-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col13-low {
    background: var(--col13-low) !important;
}

.bcol-col13 {
    border-color: var(--col13) !important;
}

.scol-col13 {
    color: var(--fixlight) !important;
    background: var(--col13) !important;
    border-color: transparent;
}

/*/*/

.fcol-col14 {
    color: var(--col14) !important;
}

.tcol-col14 {
    background: var(--col14-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col14-low {
    background: var(--col14-low) !important;
}

.bcol-col14 {
    border-color: var(--col14) !important;
}

.scol-col14 {
    color: var(--fixlight) !important;
    background: var(--col14) !important;
    border-color: transparent;
}

/*/*/

.fcol-col15 {
    color: var(--col15) !important;
}

.tcol-col15 {
    background: var(--col15-light) !important;
    color: var(--fixdark) !important;
}

.tcol-col15-low {
    background: var(--col15-low) !important;
}

.bcol-col15 {
    border-color: var(--col15) !important;
}

.scol-col15 {
    color: var(--fixlight) !important;
    background: var(--col15) !important;
    border-color: transparent;
}

/*/ Gris /*/

.scol-gray2 {
    color: var(--dark1) !important;
    background: var(--gray2) !important;
}