@charset "UTF-8";.transition-slow-soft {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.transition-medium-soft {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.LinkTag,.Popup,.Popup__content,.Popup__iconContainer .ic-so_xls,.Popup__progress .fill.front,.Popup__searchContainer,.transition-fast-soft {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.transition-faster-soft {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.pmColor1-900 {
    color: #2836e0
}

.bg-pmColor1-900 {
    background-color: #2836e0
}

.border-pmColor1-900 {
    border: 1px solid #2836e0
}

.bt-pmColor1-900 {
    border-top: 1px solid #2836e0
}

.bb-pmColor1-900 {
    border-bottom: 1px solid #2836e0
}

.br-pmColor1-900 {
    border-right: 1px solid #2836e0
}

.bl-pmColor1-900 {
    border-left: 1px solid #2836e0
}

.pmColor1 {
    color: #005eff
}

.bg-pmColor1 {
    background-color: #005eff
}

.border-pmColor1 {
    border: 1px solid #005eff
}

.bt-pmColor1 {
    border-top: 1px solid #005eff
}

.bb-pmColor1 {
    border-bottom: 1px solid #005eff
}

.br-pmColor1 {
    border-right: 1px solid #005eff
}

.bl-pmColor1 {
    border-left: 1px solid #005eff
}

.pmColor1-700 {
    color: #0071ff
}

.bg-pmColor1-700 {
    background-color: #0071ff
}

.border-pmColor1-700 {
    border: 1px solid #0071ff
}

.bt-pmColor1-700 {
    border-top: 1px solid #0071ff
}

.bb-pmColor1-700 {
    border-bottom: 1px solid #0071ff
}

.br-pmColor1-700 {
    border-right: 1px solid #0071ff
}

.bl-pmColor1-700 {
    border-left: 1px solid #0071ff
}

.pmColor1-600 {
    color: #0086ff
}

.bg-pmColor1-600 {
    background-color: #0086ff
}

.border-pmColor1-600 {
    border: 1px solid #0086ff
}

.bt-pmColor1-600 {
    border-top: 1px solid #0086ff
}

.bb-pmColor1-600 {
    border-bottom: 1px solid #0086ff
}

.br-pmColor1-600 {
    border-right: 1px solid #0086ff
}

.bl-pmColor1-600 {
    border-left: 1px solid #0086ff
}

.pmColor1-500 {
    color: #0096ff
}

.bg-pmColor1-500 {
    background-color: #0096ff
}

.border-pmColor1-500 {
    border: 1px solid #0096ff
}

.bt-pmColor1-500 {
    border-top: 1px solid #0096ff
}

.bb-pmColor1-500 {
    border-bottom: 1px solid #0096ff
}

.br-pmColor1-500 {
    border-right: 1px solid #0096ff
}

.bl-pmColor1-500 {
    border-left: 1px solid #0096ff
}

.pmColor1-400 {
    color: #00a7ff
}

.bg-pmColor1-400 {
    background-color: #00a7ff
}

.border-pmColor1-400 {
    border: 1px solid #00a7ff
}

.bt-pmColor1-400 {
    border-top: 1px solid #00a7ff
}

.bb-pmColor1-400 {
    border-bottom: 1px solid #00a7ff
}

.br-pmColor1-400 {
    border-right: 1px solid #00a7ff
}

.bl-pmColor1-400 {
    border-left: 1px solid #00a7ff
}

.pmColor1-300 {
    color: #3cb8ff
}

.bg-pmColor1-300 {
    background-color: #3cb8ff
}

.border-pmColor1-300 {
    border: 1px solid #3cb8ff
}

.bt-pmColor1-300 {
    border-top: 1px solid #3cb8ff
}

.bb-pmColor1-300 {
    border-bottom: 1px solid #3cb8ff
}

.br-pmColor1-300 {
    border-right: 1px solid #3cb8ff
}

.bl-pmColor1-300 {
    border-left: 1px solid #3cb8ff
}

.pmColor1-200 {
    color: #84ccff
}

.bg-pmColor1-200 {
    background-color: #84ccff
}

.border-pmColor1-200 {
    border: 1px solid #84ccff
}

.bt-pmColor1-200 {
    border-top: 1px solid #84ccff
}

.bb-pmColor1-200 {
    border-bottom: 1px solid #84ccff
}

.br-pmColor1-200 {
    border-right: 1px solid #84ccff
}

.bl-pmColor1-200 {
    border-left: 1px solid #84ccff
}

.pmColor1-100 {
    color: #b8dfff
}

.bg-pmColor1-100 {
    background-color: #b8dfff
}

.border-pmColor1-100 {
    border: 1px solid #b8dfff
}

.bt-pmColor1-100 {
    border-top: 1px solid #b8dfff
}

.bb-pmColor1-100 {
    border-bottom: 1px solid #b8dfff
}

.br-pmColor1-100 {
    border-right: 1px solid #b8dfff
}

.bl-pmColor1-100 {
    border-left: 1px solid #b8dfff
}

.pmColor1-50 {
    color: #e1f3ff
}

.bg-pmColor1-50 {
    background-color: #e1f3ff
}

.border-pmColor1-50 {
    border: 1px solid #e1f3ff
}

.bt-pmColor1-50 {
    border-top: 1px solid #e1f3ff
}

.bb-pmColor1-50 {
    border-bottom: 1px solid #e1f3ff
}

.br-pmColor1-50 {
    border-right: 1px solid #e1f3ff
}

.bl-pmColor1-50 {
    border-left: 1px solid #e1f3ff
}

.pmColor1-25 {
    color: #f2f9fd
}

.bg-pmColor1-25 {
    background-color: #f2f9fd
}

.border-pmColor1-25 {
    border: 1px solid #f2f9fd
}

.bt-pmColor1-25 {
    border-top: 1px solid #f2f9fd
}

.bb-pmColor1-25 {
    border-bottom: 1px solid #f2f9fd
}

.br-pmColor1-25 {
    border-right: 1px solid #f2f9fd
}

.bl-pmColor1-25 {
    border-left: 1px solid #f2f9fd
}

.pmColor1-0 {
    color: #fafdff
}

.bg-pmColor1-0 {
    background-color: #fafdff
}

.border-pmColor1-0 {
    border: 1px solid #fafdff
}

.bt-pmColor1-0 {
    border-top: 1px solid #fafdff
}

.bb-pmColor1-0 {
    border-bottom: 1px solid #fafdff
}

.br-pmColor1-0 {
    border-right: 1px solid #fafdff
}

.bl-pmColor1-0 {
    border-left: 1px solid #fafdff
}

.pmColor2 {
    color: #000e47
}

.bg-pmColor2 {
    background-color: #000e47
}

.border-pmColor2 {
    border: 1px solid #000e47
}

.bt-pmColor2 {
    border-top: 1px solid #000e47
}

.bb-pmColor2 {
    border-bottom: 1px solid #000e47
}

.br-pmColor2 {
    border-right: 1px solid #000e47
}

.bl-pmColor2 {
    border-left: 1px solid #000e47
}

.pmColor2-800 {
    color: #0c1e5d
}

.bg-pmColor2-800 {
    background-color: #0c1e5d
}

.border-pmColor2-800 {
    border: 1px solid #0c1e5d
}

.bt-pmColor2-800 {
    border-top: 1px solid #0c1e5d
}

.bb-pmColor2-800 {
    border-bottom: 1px solid #0c1e5d
}

.br-pmColor2-800 {
    border-right: 1px solid #0c1e5d
}

.bl-pmColor2-800 {
    border-left: 1px solid #0c1e5d
}

.pmColor2-700 {
    color: #152668
}

.bg-pmColor2-700 {
    background-color: #152668
}

.border-pmColor2-700 {
    border: 1px solid #152668
}

.bt-pmColor2-700 {
    border-top: 1px solid #152668
}

.bb-pmColor2-700 {
    border-bottom: 1px solid #152668
}

.br-pmColor2-700 {
    border-right: 1px solid #152668
}

.bl-pmColor2-700 {
    border-left: 1px solid #152668
}

.pmColor2-600 {
    color: #1e2f73
}

.bg-pmColor2-600 {
    background-color: #1e2f73
}

.border-pmColor2-600 {
    border: 1px solid #1e2f73
}

.bt-pmColor2-600 {
    border-top: 1px solid #1e2f73
}

.bb-pmColor2-600 {
    border-bottom: 1px solid #1e2f73
}

.br-pmColor2-600 {
    border-right: 1px solid #1e2f73
}

.bl-pmColor2-600 {
    border-left: 1px solid #1e2f73
}

.pmColor2-500 {
    color: #24357b
}

.bg-pmColor2-500 {
    background-color: #24357b
}

.border-pmColor2-500 {
    border: 1px solid #24357b
}

.bt-pmColor2-500 {
    border-top: 1px solid #24357b
}

.bb-pmColor2-500 {
    border-bottom: 1px solid #24357b
}

.br-pmColor2-500 {
    border-right: 1px solid #24357b
}

.bl-pmColor2-500 {
    border-left: 1px solid #24357b
}

.pmColor2-400 {
    color: #45518c
}

.bg-pmColor2-400 {
    background-color: #45518c
}

.border-pmColor2-400 {
    border: 1px solid #45518c
}

.bt-pmColor2-400 {
    border-top: 1px solid #45518c
}

.bb-pmColor2-400 {
    border-bottom: 1px solid #45518c
}

.br-pmColor2-400 {
    border-right: 1px solid #45518c
}

.bl-pmColor2-400 {
    border-left: 1px solid #45518c
}

.pmColor2-300 {
    color: #646e9f
}

.bg-pmColor2-300 {
    background-color: #646e9f
}

.border-pmColor2-300 {
    border: 1px solid #646e9f
}

.bt-pmColor2-300 {
    border-top: 1px solid #646e9f
}

.bb-pmColor2-300 {
    border-bottom: 1px solid #646e9f
}

.br-pmColor2-300 {
    border-right: 1px solid #646e9f
}

.bl-pmColor2-300 {
    border-left: 1px solid #646e9f
}

.pmColor2-200 {
    color: #8e95ba
}

.bg-pmColor2-200 {
    background-color: #8e95ba
}

.border-pmColor2-200 {
    border: 1px solid #8e95ba
}

.bt-pmColor2-200 {
    border-top: 1px solid #8e95ba
}

.bb-pmColor2-200 {
    border-bottom: 1px solid #8e95ba
}

.br-pmColor2-200 {
    border-right: 1px solid #8e95ba
}

.bl-pmColor2-200 {
    border-left: 1px solid #8e95ba
}

.pmColor2-100 {
    color: #babfd6
}

.bg-pmColor2-100 {
    background-color: #babfd6
}

.border-pmColor2-100 {
    border: 1px solid #babfd6
}

.bt-pmColor2-100 {
    border-top: 1px solid #babfd6
}

.bb-pmColor2-100 {
    border-bottom: 1px solid #babfd6
}

.br-pmColor2-100 {
    border-right: 1px solid #babfd6
}

.bl-pmColor2-100 {
    border-left: 1px solid #babfd6
}

.pmColor2-50 {
    color: #e4e5ee
}

.bg-pmColor2-50 {
    background-color: #e4e5ee
}

.border-pmColor2-50 {
    border: 1px solid #e4e5ee
}

.bt-pmColor2-50 {
    border-top: 1px solid #e4e5ee
}

.bb-pmColor2-50 {
    border-bottom: 1px solid #e4e5ee
}

.br-pmColor2-50 {
    border-right: 1px solid #e4e5ee
}

.bl-pmColor2-50 {
    border-left: 1px solid #e4e5ee
}

.pmColor2-25 {
    color: #f4f4fa
}

.bg-pmColor2-25 {
    background-color: #f4f4fa
}

.border-pmColor2-25 {
    border: 1px solid #f4f4fa
}

.bt-pmColor2-25 {
    border-top: 1px solid #f4f4fa
}

.bb-pmColor2-25 {
    border-bottom: 1px solid #f4f4fa
}

.br-pmColor2-25 {
    border-right: 1px solid #f4f4fa
}

.bl-pmColor2-25 {
    border-left: 1px solid #f4f4fa
}

.sdColor1-900 {
    color: #8f5300
}

.bg-sdColor1-900 {
    background-color: #8f5300
}

.border-sdColor1-900 {
    border: 1px solid #8f5300
}

.bt-sdColor1-900 {
    border-top: 1px solid #8f5300
}

.bb-sdColor1-900 {
    border-bottom: 1px solid #8f5300
}

.br-sdColor1-900 {
    border-right: 1px solid #8f5300
}

.bl-sdColor1-900 {
    border-left: 1px solid #8f5300
}

.sdColor1 {
    color: #ae6500
}

.bg-sdColor1 {
    background-color: #ae6500
}

.border-sdColor1 {
    border: 1px solid #ae6500
}

.bt-sdColor1 {
    border-top: 1px solid #ae6500
}

.bb-sdColor1 {
    border-bottom: 1px solid #ae6500
}

.br-sdColor1 {
    border-right: 1px solid #ae6500
}

.bl-sdColor1 {
    border-left: 1px solid #ae6500
}

.sdColor1-700 {
    color: #e08300
}

.bg-sdColor1-700 {
    background-color: #e08300
}

.border-sdColor1-700 {
    border: 1px solid #e08300
}

.bt-sdColor1-700 {
    border-top: 1px solid #e08300
}

.bb-sdColor1-700 {
    border-bottom: 1px solid #e08300
}

.br-sdColor1-700 {
    border-right: 1px solid #e08300
}

.bl-sdColor1-700 {
    border-left: 1px solid #e08300
}

.sdColor1-600 {
    color: #ff990a
}

.bg-sdColor1-600 {
    background-color: #ff990a
}

.border-sdColor1-600 {
    border: 1px solid #ff990a
}

.bt-sdColor1-600 {
    border-top: 1px solid #ff990a
}

.bb-sdColor1-600 {
    border-bottom: 1px solid #ff990a
}

.br-sdColor1-600 {
    border-right: 1px solid #ff990a
}

.bl-sdColor1-600 {
    border-left: 1px solid #ff990a
}

.sdColor1-500 {
    color: #fa3
}

.bg-sdColor1-500 {
    background-color: #fa3
}

.border-sdColor1-500 {
    border: 1px solid #fa3
}

.bt-sdColor1-500 {
    border-top: 1px solid #fa3
}

.bb-sdColor1-500 {
    border-bottom: 1px solid #fa3
}

.br-sdColor1-500 {
    border-right: 1px solid #fa3
}

.bl-sdColor1-500 {
    border-left: 1px solid #fa3
}

.sdColor1-400 {
    color: #ffbb5c
}

.bg-sdColor1-400 {
    background-color: #ffbb5c
}

.border-sdColor1-400 {
    border: 1px solid #ffbb5c
}

.bt-sdColor1-400 {
    border-top: 1px solid #ffbb5c
}

.bb-sdColor1-400 {
    border-bottom: 1px solid #ffbb5c
}

.br-sdColor1-400 {
    border-right: 1px solid #ffbb5c
}

.bl-sdColor1-400 {
    border-left: 1px solid #ffbb5c
}

.sdColor1-300 {
    color: #ffcc85
}

.bg-sdColor1-300 {
    background-color: #ffcc85
}

.border-sdColor1-300 {
    border: 1px solid #ffcc85
}

.bt-sdColor1-300 {
    border-top: 1px solid #ffcc85
}

.bb-sdColor1-300 {
    border-bottom: 1px solid #ffcc85
}

.br-sdColor1-300 {
    border-right: 1px solid #ffcc85
}

.bl-sdColor1-300 {
    border-left: 1px solid #ffcc85
}

.sdColor1-200 {
    color: #ffddad
}

.bg-sdColor1-200 {
    background-color: #ffddad
}

.border-sdColor1-200 {
    border: 1px solid #ffddad
}

.bt-sdColor1-200 {
    border-top: 1px solid #ffddad
}

.bb-sdColor1-200 {
    border-bottom: 1px solid #ffddad
}

.br-sdColor1-200 {
    border-right: 1px solid #ffddad
}

.bl-sdColor1-200 {
    border-left: 1px solid #ffddad
}

.sdColor1-100 {
    color: #ffeed6
}

.bg-sdColor1-100 {
    background-color: #ffeed6
}

.border-sdColor1-100 {
    border: 1px solid #ffeed6
}

.bt-sdColor1-100 {
    border-top: 1px solid #ffeed6
}

.bb-sdColor1-100 {
    border-bottom: 1px solid #ffeed6
}

.br-sdColor1-100 {
    border-right: 1px solid #ffeed6
}

.bl-sdColor1-100 {
    border-left: 1px solid #ffeed6
}

.sdColor1-50 {
    color: #fff7eb
}

.bg-sdColor1-50 {
    background-color: #fff7eb
}

.border-sdColor1-50 {
    border: 1px solid #fff7eb
}

.bt-sdColor1-50 {
    border-top: 1px solid #fff7eb
}

.bb-sdColor1-50 {
    border-bottom: 1px solid #fff7eb
}

.br-sdColor1-50 {
    border-right: 1px solid #fff7eb
}

.bl-sdColor1-50 {
    border-left: 1px solid #fff7eb
}

.sdColor2-900 {
    color: #066475
}

.bg-sdColor2-900 {
    background-color: #066475
}

.border-sdColor2-900 {
    border: 1px solid #066475
}

.bt-sdColor2-900 {
    border-top: 1px solid #066475
}

.bb-sdColor2-900 {
    border-bottom: 1px solid #066475
}

.br-sdColor2-900 {
    border-right: 1px solid #066475
}

.bl-sdColor2-900 {
    border-left: 1px solid #066475
}

.sdColor2 {
    color: #078297
}

.bg-sdColor2 {
    background-color: #078297
}

.border-sdColor2 {
    border: 1px solid #078297
}

.bt-sdColor2 {
    border-top: 1px solid #078297
}

.bb-sdColor2 {
    border-bottom: 1px solid #078297
}

.br-sdColor2 {
    border-right: 1px solid #078297
}

.bl-sdColor2 {
    border-left: 1px solid #078297
}

.sdColor2-700 {
    color: #09a7c3
}

.bg-sdColor2-700 {
    background-color: #09a7c3
}

.border-sdColor2-700 {
    border: 1px solid #09a7c3
}

.bt-sdColor2-700 {
    border-top: 1px solid #09a7c3
}

.bb-sdColor2-700 {
    border-bottom: 1px solid #09a7c3
}

.br-sdColor2-700 {
    border-right: 1px solid #09a7c3
}

.bl-sdColor2-700 {
    border-left: 1px solid #09a7c3
}

.sdColor2-600 {
    color: #0bc8ea
}

.bg-sdColor2-600 {
    background-color: #0bc8ea
}

.border-sdColor2-600 {
    border: 1px solid #0bc8ea
}

.bt-sdColor2-600 {
    border-top: 1px solid #0bc8ea
}

.bb-sdColor2-600 {
    border-bottom: 1px solid #0bc8ea
}

.br-sdColor2-600 {
    border-right: 1px solid #0bc8ea
}

.bl-sdColor2-600 {
    border-left: 1px solid #0bc8ea
}

.sdColor2-500 {
    color: #29d6f5
}

.bg-sdColor2-500 {
    background-color: #29d6f5
}

.border-sdColor2-500 {
    border: 1px solid #29d6f5
}

.bt-sdColor2-500 {
    border-top: 1px solid #29d6f5
}

.bb-sdColor2-500 {
    border-bottom: 1px solid #29d6f5
}

.br-sdColor2-500 {
    border-right: 1px solid #29d6f5
}

.bl-sdColor2-500 {
    border-left: 1px solid #29d6f5
}

.sdColor2-400 {
    color: #50def7
}

.bg-sdColor2-400 {
    background-color: #50def7
}

.border-sdColor2-400 {
    border: 1px solid #50def7
}

.bt-sdColor2-400 {
    border-top: 1px solid #50def7
}

.bb-sdColor2-400 {
    border-bottom: 1px solid #50def7
}

.br-sdColor2-400 {
    border-right: 1px solid #50def7
}

.bl-sdColor2-400 {
    border-left: 1px solid #50def7
}

.sdColor2-300 {
    color: #77e5f9
}

.bg-sdColor2-300 {
    background-color: #77e5f9
}

.border-sdColor2-300 {
    border: 1px solid #77e5f9
}

.bt-sdColor2-300 {
    border-top: 1px solid #77e5f9
}

.bb-sdColor2-300 {
    border-bottom: 1px solid #77e5f9
}

.br-sdColor2-300 {
    border-right: 1px solid #77e5f9
}

.bl-sdColor2-300 {
    border-left: 1px solid #77e5f9
}

.sdColor2-200 {
    color: #9eecfa
}

.bg-sdColor2-200 {
    background-color: #9eecfa
}

.border-sdColor2-200 {
    border: 1px solid #9eecfa
}

.bt-sdColor2-200 {
    border-top: 1px solid #9eecfa
}

.bb-sdColor2-200 {
    border-bottom: 1px solid #9eecfa
}

.br-sdColor2-200 {
    border-right: 1px solid #9eecfa
}

.bl-sdColor2-200 {
    border-left: 1px solid #9eecfa
}

.sdColor2-100 {
    color: #c5f4fc
}

.bg-sdColor2-100 {
    background-color: #c5f4fc
}

.border-sdColor2-100 {
    border: 1px solid #c5f4fc
}

.bt-sdColor2-100 {
    border-top: 1px solid #c5f4fc
}

.bb-sdColor2-100 {
    border-bottom: 1px solid #c5f4fc
}

.br-sdColor2-100 {
    border-right: 1px solid #c5f4fc
}

.bl-sdColor2-100 {
    border-left: 1px solid #c5f4fc
}

.sdColor2-50 {
    color: #ecfcfe
}

.bg-sdColor2-50 {
    background-color: #ecfcfe
}

.border-sdColor2-50 {
    border: 1px solid #ecfcfe
}

.bt-sdColor2-50 {
    border-top: 1px solid #ecfcfe
}

.bb-sdColor2-50 {
    border-bottom: 1px solid #ecfcfe
}

.br-sdColor2-50 {
    border-right: 1px solid #ecfcfe
}

.bl-sdColor2-50 {
    border-left: 1px solid #ecfcfe
}

.sdColor3-900 {
    color: #0000d6
}

.bg-sdColor3-900 {
    background-color: #0000d6
}

.border-sdColor3-900 {
    border: 1px solid #0000d6
}

.bt-sdColor3-900 {
    border-top: 1px solid #0000d6
}

.bb-sdColor3-900 {
    border-bottom: 1px solid #0000d6
}

.br-sdColor3-900 {
    border-right: 1px solid #0000d6
}

.bl-sdColor3-900 {
    border-left: 1px solid #0000d6
}

.sdColor3-800 {
    color: #0010e5
}

.bg-sdColor3-800 {
    background-color: #0010e5
}

.border-sdColor3-800 {
    border: 1px solid #0010e5
}

.bt-sdColor3-800 {
    border-top: 1px solid #0010e5
}

.bb-sdColor3-800 {
    border-bottom: 1px solid #0010e5
}

.br-sdColor3-800 {
    border-right: 1px solid #0010e5
}

.bl-sdColor3-800 {
    border-left: 1px solid #0010e5
}

.sdColor3-700 {
    color: #3017ea
}

.bg-sdColor3-700 {
    background-color: #3017ea
}

.border-sdColor3-700 {
    border: 1px solid #3017ea
}

.bt-sdColor3-700 {
    border-top: 1px solid #3017ea
}

.bb-sdColor3-700 {
    border-bottom: 1px solid #3017ea
}

.br-sdColor3-700 {
    border-right: 1px solid #3017ea
}

.bl-sdColor3-700 {
    border-left: 1px solid #3017ea
}

.sdColor3-600 {
    color: #4b21f2
}

.bg-sdColor3-600 {
    background-color: #4b21f2
}

.border-sdColor3-600 {
    border: 1px solid #4b21f2
}

.bt-sdColor3-600 {
    border-top: 1px solid #4b21f2
}

.bb-sdColor3-600 {
    border-bottom: 1px solid #4b21f2
}

.br-sdColor3-600 {
    border-right: 1px solid #4b21f2
}

.bl-sdColor3-600 {
    border-left: 1px solid #4b21f2
}

.sdColor3-500 {
    color: #5a25f9
}

.bg-sdColor3-500 {
    background-color: #5a25f9
}

.border-sdColor3-500 {
    border: 1px solid #5a25f9
}

.bt-sdColor3-500 {
    border-top: 1px solid #5a25f9
}

.bb-sdColor3-500 {
    border-bottom: 1px solid #5a25f9
}

.br-sdColor3-500 {
    border-right: 1px solid #5a25f9
}

.bl-sdColor3-500 {
    border-left: 1px solid #5a25f9
}

.sdColor3 {
    color: #7b4cfb
}

.bg-sdColor3 {
    background-color: #7b4cfb
}

.border-sdColor3 {
    border: 1px solid #7b4cfb
}

.bt-sdColor3 {
    border-top: 1px solid #7b4cfb
}

.bb-sdColor3 {
    border-bottom: 1px solid #7b4cfb
}

.br-sdColor3 {
    border-right: 1px solid #7b4cfb
}

.bl-sdColor3 {
    border-left: 1px solid #7b4cfb
}

.sdColor3-300 {
    color: #976ffc
}

.bg-sdColor3-300 {
    background-color: #976ffc
}

.border-sdColor3-300 {
    border: 1px solid #976ffc
}

.bt-sdColor3-300 {
    border-top: 1px solid #976ffc
}

.bb-sdColor3-300 {
    border-bottom: 1px solid #976ffc
}

.br-sdColor3-300 {
    border-right: 1px solid #976ffc
}

.bl-sdColor3-300 {
    border-left: 1px solid #976ffc
}

.sdColor3-200 {
    color: #b79afc
}

.bg-sdColor3-200 {
    background-color: #b79afc
}

.border-sdColor3-200 {
    border: 1px solid #b79afc
}

.bt-sdColor3-200 {
    border-top: 1px solid #b79afc
}

.bb-sdColor3-200 {
    border-bottom: 1px solid #b79afc
}

.br-sdColor3-200 {
    border-right: 1px solid #b79afc
}

.bl-sdColor3-200 {
    border-left: 1px solid #b79afc
}

.sdColor3-100 {
    color: #d4c3fc
}

.bg-sdColor3-100 {
    background-color: #d4c3fc
}

.border-sdColor3-100 {
    border: 1px solid #d4c3fc
}

.bt-sdColor3-100 {
    border-top: 1px solid #d4c3fc
}

.bb-sdColor3-100 {
    border-bottom: 1px solid #d4c3fc
}

.br-sdColor3-100 {
    border-right: 1px solid #d4c3fc
}

.bl-sdColor3-100 {
    border-left: 1px solid #d4c3fc
}

.sdColor3-50 {
    color: #efe6fe
}

.bg-sdColor3-50 {
    background-color: #efe6fe
}

.border-sdColor3-50 {
    border: 1px solid #efe6fe
}

.bt-sdColor3-50 {
    border-top: 1px solid #efe6fe
}

.bb-sdColor3-50 {
    border-bottom: 1px solid #efe6fe
}

.br-sdColor3-50 {
    border-right: 1px solid #efe6fe
}

.bl-sdColor3-50 {
    border-left: 1px solid #efe6fe
}

.sdColor4-900 {
    color: #00602f
}

.bg-sdColor4-900 {
    background-color: #00602f
}

.border-sdColor4-900 {
    border: 1px solid #00602f
}

.bt-sdColor4-900 {
    border-top: 1px solid #00602f
}

.bb-sdColor4-900 {
    border-bottom: 1px solid #00602f
}

.br-sdColor4-900 {
    border-right: 1px solid #00602f
}

.bl-sdColor4-900 {
    border-left: 1px solid #00602f
}

.sdColor4 {
    color: #067f43
}

.bg-sdColor4 {
    background-color: #067f43
}

.border-sdColor4 {
    border: 1px solid #067f43
}

.bt-sdColor4 {
    border-top: 1px solid #067f43
}

.bb-sdColor4 {
    border-bottom: 1px solid #067f43
}

.br-sdColor4 {
    border-right: 1px solid #067f43
}

.bl-sdColor4 {
    border-left: 1px solid #067f43
}

.sdColor4-700 {
    color: #11914e
}

.bg-sdColor4-700 {
    background-color: #11914e
}

.border-sdColor4-700 {
    border: 1px solid #11914e
}

.bt-sdColor4-700 {
    border-top: 1px solid #11914e
}

.bb-sdColor4-700 {
    border-bottom: 1px solid #11914e
}

.br-sdColor4-700 {
    border-right: 1px solid #11914e
}

.bl-sdColor4-700 {
    border-left: 1px solid #11914e
}

.sdColor4-600 {
    color: #1da35a
}

.bg-sdColor4-600 {
    background-color: #1da35a
}

.border-sdColor4-600 {
    border: 1px solid #1da35a
}

.bt-sdColor4-600 {
    border-top: 1px solid #1da35a
}

.bb-sdColor4-600 {
    border-bottom: 1px solid #1da35a
}

.br-sdColor4-600 {
    border-right: 1px solid #1da35a
}

.bl-sdColor4-600 {
    border-left: 1px solid #1da35a
}

.sdColor4-500 {
    color: #25b265
}

.bg-sdColor4-500 {
    background-color: #25b265
}

.border-sdColor4-500 {
    border: 1px solid #25b265
}

.bt-sdColor4-500 {
    border-top: 1px solid #25b265
}

.bb-sdColor4-500 {
    border-bottom: 1px solid #25b265
}

.br-sdColor4-500 {
    border-right: 1px solid #25b265
}

.bl-sdColor4-500 {
    border-left: 1px solid #25b265
}

.sdColor4-400 {
    color: #4ebe7b
}

.bg-sdColor4-400 {
    background-color: #4ebe7b
}

.border-sdColor4-400 {
    border: 1px solid #4ebe7b
}

.bt-sdColor4-400 {
    border-top: 1px solid #4ebe7b
}

.bb-sdColor4-400 {
    border-bottom: 1px solid #4ebe7b
}

.br-sdColor4-400 {
    border-right: 1px solid #4ebe7b
}

.bl-sdColor4-400 {
    border-left: 1px solid #4ebe7b
}

.sdColor4-300 {
    color: #71c992
}

.bg-sdColor4-300 {
    background-color: #71c992
}

.border-sdColor4-300 {
    border: 1px solid #71c992
}

.bt-sdColor4-300 {
    border-top: 1px solid #71c992
}

.bb-sdColor4-300 {
    border-bottom: 1px solid #71c992
}

.br-sdColor4-300 {
    border-right: 1px solid #71c992
}

.bl-sdColor4-300 {
    border-left: 1px solid #71c992
}

.sdColor4-200 {
    color: #9bd8b1
}

.bg-sdColor4-200 {
    background-color: #9bd8b1
}

.border-sdColor4-200 {
    border: 1px solid #9bd8b1
}

.bt-sdColor4-200 {
    border-top: 1px solid #9bd8b1
}

.bb-sdColor4-200 {
    border-bottom: 1px solid #9bd8b1
}

.br-sdColor4-200 {
    border-right: 1px solid #9bd8b1
}

.bl-sdColor4-200 {
    border-left: 1px solid #9bd8b1
}

.sdColor4-100 {
    color: #c2e7cf
}

.bg-sdColor4-100 {
    background-color: #c2e7cf
}

.border-sdColor4-100 {
    border: 1px solid #c2e7cf
}

.bt-sdColor4-100 {
    border-top: 1px solid #c2e7cf
}

.bb-sdColor4-100 {
    border-bottom: 1px solid #c2e7cf
}

.br-sdColor4-100 {
    border-right: 1px solid #c2e7cf
}

.bl-sdColor4-100 {
    border-left: 1px solid #c2e7cf
}

.sdColor4-50 {
    color: #e6f6ec
}

.bg-sdColor4-50 {
    background-color: #e6f6ec
}

.border-sdColor4-50 {
    border: 1px solid #e6f6ec
}

.bt-sdColor4-50 {
    border-top: 1px solid #e6f6ec
}

.bb-sdColor4-50 {
    border-bottom: 1px solid #e6f6ec
}

.br-sdColor4-50 {
    border-right: 1px solid #e6f6ec
}

.bl-sdColor4-50 {
    border-left: 1px solid #e6f6ec
}

.sdColor5-900 {
    color: #c00024
}

.bg-sdColor5-900 {
    background-color: #c00024
}

.border-sdColor5-900 {
    border: 1px solid #c00024
}

.bt-sdColor5-900 {
    border-top: 1px solid #c00024
}

.bb-sdColor5-900 {
    border-bottom: 1px solid #c00024
}

.br-sdColor5-900 {
    border-right: 1px solid #c00024
}

.bl-sdColor5-900 {
    border-left: 1px solid #c00024
}

.sdColor5 {
    color: #ce0031
}

.bg-sdColor5 {
    background-color: #ce0031
}

.border-sdColor5 {
    border: 1px solid #ce0031
}

.bt-sdColor5 {
    border-top: 1px solid #ce0031
}

.bb-sdColor5 {
    border-bottom: 1px solid #ce0031
}

.br-sdColor5 {
    border-right: 1px solid #ce0031
}

.bl-sdColor5 {
    border-left: 1px solid #ce0031
}

.sdColor5-700 {
    color: #db0038
}

.bg-sdColor5-700 {
    background-color: #db0038
}

.border-sdColor5-700 {
    border: 1px solid #db0038
}

.bt-sdColor5-700 {
    border-top: 1px solid #db0038
}

.bb-sdColor5-700 {
    border-bottom: 1px solid #db0038
}

.br-sdColor5-700 {
    border-right: 1px solid #db0038
}

.bl-sdColor5-700 {
    border-left: 1px solid #db0038
}

.sdColor5-600 {
    color: #ed0a3f
}

.bg-sdColor5-600 {
    background-color: #ed0a3f
}

.border-sdColor5-600 {
    border: 1px solid #ed0a3f
}

.bt-sdColor5-600 {
    border-top: 1px solid #ed0a3f
}

.bb-sdColor5-600 {
    border-bottom: 1px solid #ed0a3f
}

.br-sdColor5-600 {
    border-right: 1px solid #ed0a3f
}

.bl-sdColor5-600 {
    border-left: 1px solid #ed0a3f
}

.sdColor5-500 {
    color: #fd1d40
}

.bg-sdColor5-500 {
    background-color: #fd1d40
}

.border-sdColor5-500 {
    border: 1px solid #fd1d40
}

.bt-sdColor5-500 {
    border-top: 1px solid #fd1d40
}

.bb-sdColor5-500 {
    border-bottom: 1px solid #fd1d40
}

.br-sdColor5-500 {
    border-right: 1px solid #fd1d40
}

.bl-sdColor5-500 {
    border-left: 1px solid #fd1d40
}

.sdColor5-400 {
    color: #f53f59
}

.bg-sdColor5-400 {
    background-color: #f53f59
}

.border-sdColor5-400 {
    border: 1px solid #f53f59
}

.bt-sdColor5-400 {
    border-top: 1px solid #f53f59
}

.bb-sdColor5-400 {
    border-bottom: 1px solid #f53f59
}

.br-sdColor5-400 {
    border-right: 1px solid #f53f59
}

.bl-sdColor5-400 {
    border-left: 1px solid #f53f59
}

.sdColor5-300 {
    color: #e96979
}

.bg-sdColor5-300 {
    background-color: #e96979
}

.border-sdColor5-300 {
    border: 1px solid #e96979
}

.bt-sdColor5-300 {
    border-top: 1px solid #e96979
}

.bb-sdColor5-300 {
    border-bottom: 1px solid #e96979
}

.br-sdColor5-300 {
    border-right: 1px solid #e96979
}

.bl-sdColor5-300 {
    border-left: 1px solid #e96979
}

.sdColor5-200 {
    color: #f1949f
}

.bg-sdColor5-200 {
    background-color: #f1949f
}

.border-sdColor5-200 {
    border: 1px solid #f1949f
}

.bt-sdColor5-200 {
    border-top: 1px solid #f1949f
}

.bb-sdColor5-200 {
    border-bottom: 1px solid #f1949f
}

.br-sdColor5-200 {
    border-right: 1px solid #f1949f
}

.bl-sdColor5-200 {
    border-left: 1px solid #f1949f
}

.sdColor5-100 {
    color: #ffcad5
}

.bg-sdColor5-100 {
    background-color: #ffcad5
}

.border-sdColor5-100 {
    border: 1px solid #ffcad5
}

.bt-sdColor5-100 {
    border-top: 1px solid #ffcad5
}

.bb-sdColor5-100 {
    border-bottom: 1px solid #ffcad5
}

.br-sdColor5-100 {
    border-right: 1px solid #ffcad5
}

.bl-sdColor5-100 {
    border-left: 1px solid #ffcad5
}

.sdColor5-50 {
    color: #ffeaef
}

.bg-sdColor5-50 {
    background-color: #ffeaef
}

.border-sdColor5-50 {
    border: 1px solid #ffeaef
}

.bt-sdColor5-50 {
    border-top: 1px solid #ffeaef
}

.bb-sdColor5-50 {
    border-bottom: 1px solid #ffeaef
}

.br-sdColor5-50 {
    border-right: 1px solid #ffeaef
}

.bl-sdColor5-50 {
    border-left: 1px solid #ffeaef
}

.bwColor {
    color: #000
}

.bg-bwColor {
    background-color: #000
}

.border-bwColor {
    border: 1px solid #000
}

.bt-bwColor {
    border-top: 1px solid #000
}

.bb-bwColor {
    border-bottom: 1px solid #000
}

.br-bwColor {
    border-right: 1px solid #000
}

.bl-bwColor {
    border-left: 1px solid #000
}

.bwColor-800 {
    color: #262626
}

.bg-bwColor-800 {
    background-color: #262626
}

.border-bwColor-800 {
    border: 1px solid #262626
}

.bt-bwColor-800 {
    border-top: 1px solid #262626
}

.bb-bwColor-800 {
    border-bottom: 1px solid #262626
}

.br-bwColor-800 {
    border-right: 1px solid #262626
}

.bl-bwColor-800 {
    border-left: 1px solid #262626
}

.bwColor-700 {
    color: #434343
}

.bg-bwColor-700 {
    background-color: #434343
}

.border-bwColor-700 {
    border: 1px solid #434343
}

.bt-bwColor-700 {
    border-top: 1px solid #434343
}

.bb-bwColor-700 {
    border-bottom: 1px solid #434343
}

.br-bwColor-700 {
    border-right: 1px solid #434343
}

.bl-bwColor-700 {
    border-left: 1px solid #434343
}

.bwColor-600 {
    color: #555
}

.bg-bwColor-600 {
    background-color: #555
}

.border-bwColor-600 {
    border: 1px solid #555
}

.bt-bwColor-600 {
    border-top: 1px solid #555
}

.bb-bwColor-600 {
    border-bottom: 1px solid #555
}

.br-bwColor-600 {
    border-right: 1px solid #555
}

.bl-bwColor-600 {
    border-left: 1px solid #555
}

.bwColor-500 {
    color: #7b7b7b
}

.bg-bwColor-500 {
    background-color: #7b7b7b
}

.border-bwColor-500 {
    border: 1px solid #7b7b7b
}

.bt-bwColor-500 {
    border-top: 1px solid #7b7b7b
}

.bb-bwColor-500 {
    border-bottom: 1px solid #7b7b7b
}

.br-bwColor-500 {
    border-right: 1px solid #7b7b7b
}

.bl-bwColor-500 {
    border-left: 1px solid #7b7b7b
}

.bwColor-400 {
    color: #9d9d9d
}

.bg-bwColor-400 {
    background-color: #9d9d9d
}

.border-bwColor-400 {
    border: 1px solid #9d9d9d
}

.bt-bwColor-400 {
    border-top: 1px solid #9d9d9d
}

.bb-bwColor-400 {
    border-bottom: 1px solid #9d9d9d
}

.br-bwColor-400 {
    border-right: 1px solid #9d9d9d
}

.bl-bwColor-400 {
    border-left: 1px solid #9d9d9d
}

.bwColor-300 {
    color: #c4c4c4
}

.bg-bwColor-300 {
    background-color: #c4c4c4
}

.border-bwColor-300 {
    border: 1px solid #c4c4c4
}

.bt-bwColor-300 {
    border-top: 1px solid #c4c4c4
}

.bb-bwColor-300 {
    border-bottom: 1px solid #c4c4c4
}

.br-bwColor-300 {
    border-right: 1px solid #c4c4c4
}

.bl-bwColor-300 {
    border-left: 1px solid #c4c4c4
}

.bwColor-200 {
    color: #d9d9d9
}

.bg-bwColor-200 {
    background-color: #d9d9d9
}

.border-bwColor-200 {
    border: 1px solid #d9d9d9
}

.bt-bwColor-200 {
    border-top: 1px solid #d9d9d9
}

.bb-bwColor-200 {
    border-bottom: 1px solid #d9d9d9
}

.br-bwColor-200 {
    border-right: 1px solid #d9d9d9
}

.bl-bwColor-200 {
    border-left: 1px solid #d9d9d9
}

.bwColor-100 {
    color: #e9e9e9
}

.bg-bwColor-100 {
    background-color: #e9e9e9
}

.border-bwColor-100 {
    border: 1px solid #e9e9e9
}

.bt-bwColor-100 {
    border-top: 1px solid #e9e9e9
}

.bb-bwColor-100 {
    border-bottom: 1px solid #e9e9e9
}

.br-bwColor-100 {
    border-right: 1px solid #e9e9e9
}

.bl-bwColor-100 {
    border-left: 1px solid #e9e9e9
}

.bwColor-50 {
    color: #f5f5f5
}

.bg-bwColor-50 {
    background-color: #f5f5f5
}

.border-bwColor-50 {
    border: 1px solid #f5f5f5
}

.bt-bwColor-50 {
    border-top: 1px solid #f5f5f5
}

.bb-bwColor-50 {
    border-bottom: 1px solid #f5f5f5
}

.br-bwColor-50 {
    border-right: 1px solid #f5f5f5
}

.bl-bwColor-50 {
    border-left: 1px solid #f5f5f5
}

.bwColor-25 {
    color: #fafafa
}

.bg-bwColor-25 {
    background-color: #fafafa
}

.border-bwColor-25 {
    border: 1px solid #fafafa
}

.bt-bwColor-25 {
    border-top: 1px solid #fafafa
}

.bb-bwColor-25 {
    border-bottom: 1px solid #fafafa
}

.br-bwColor-25 {
    border-right: 1px solid #fafafa
}

.bl-bwColor-25 {
    border-left: 1px solid #fafafa
}

.bwColor-0 {
    color: #fff
}

.bg-bwColor-0 {
    background-color: #fff
}

.border-bwColor-0 {
    border: 1px solid #fff
}

.bt-bwColor-0 {
    border-top: 1px solid #fff
}

.bb-bwColor-0 {
    border-bottom: 1px solid #fff
}

.br-bwColor-0 {
    border-right: 1px solid #fff
}

.bl-bwColor-0 {
    border-left: 1px solid #fff
}

.error {
    color: #ce0031
}

.confirmation {
    color: #067f43
}

.bwColor-600 .Lien.secondaire:hover {
    color: #434343
}

.bwColor-300 .Lien.secondaire:hover {
    color: #9d9d9d
}

.bg-none {
    background-color: transparent
}

.soTitle6 {
    color: #000e47;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0
}

.soText {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0
}

.Body {
    margin: 0 auto;
    max-width: 320px;
    clear: both;
    padding: 0 .5rem
}

.Body__Around.smooth-effect {
    overflow-y: scroll;
    scroll-behavior: smooth
}

.frame {
    background-color: #fff;
    border-radius: .1875rem;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    padding: .5rem;
    width: 100%
}

.frame.no-p {
    padding: 0
}

.frame.no-shadow {
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none
}

.frame-rounded {
    background-color: #fff;
    border-radius: .3125rem;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    padding: .5rem;
    width: 100%
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.m-0 {
    margin: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.p-0 {
    padding: 0
}

.mt-2 {
    margin-top: .125rem
}

.mr-2 {
    margin-right: .125rem
}

.mb-2 {
    margin-bottom: .125rem
}

.ml-2 {
    margin-left: .125rem
}

.m-2 {
    margin: .125rem
}

.pt-2 {
    padding-top: .125rem
}

.pr-2 {
    padding-right: .125rem
}

.pb-2 {
    padding-bottom: .125rem
}

.pl-2 {
    padding-left: .125rem
}

.p-2 {
    padding: .125rem
}

.mt-3 {
    margin-top: .1875rem
}

.mr-3 {
    margin-right: .1875rem
}

.mb-3 {
    margin-bottom: .1875rem
}

.ml-3 {
    margin-left: .1875rem
}

.m-3 {
    margin: .1875rem
}

.pt-3 {
    padding-top: .1875rem
}

.pr-3 {
    padding-right: .1875rem
}

.pb-3 {
    padding-bottom: .1875rem
}

.pl-3 {
    padding-left: .1875rem
}

.p-3 {
    padding: .1875rem
}

.mt-4 {
    margin-top: .25rem
}

.mr-4 {
    margin-right: .25rem
}

.mb-4 {
    margin-bottom: .25rem
}

.ml-4 {
    margin-left: .25rem
}

.m-4 {
    margin: .25rem
}

.pt-4 {
    padding-top: .25rem
}

.pr-4 {
    padding-right: .25rem
}

.pb-4 {
    padding-bottom: .25rem
}

.pl-4 {
    padding-left: .25rem
}

.p-4 {
    padding: .25rem
}

.mt-5 {
    margin-top: .3125rem
}

.mr-5 {
    margin-right: .3125rem
}

.mb-5 {
    margin-bottom: .3125rem
}

.ml-5 {
    margin-left: .3125rem
}

.m-5 {
    margin: .3125rem
}

.pt-5 {
    padding-top: .3125rem
}

.pr-5 {
    padding-right: .3125rem
}

.pb-5 {
    padding-bottom: .3125rem
}

.pl-5 {
    padding-left: .3125rem
}

.p-5 {
    padding: .3125rem
}

.mt-6 {
    margin-top: .375rem
}

.mr-6 {
    margin-right: .375rem
}

.mb-6 {
    margin-bottom: .375rem
}

.ml-6 {
    margin-left: .375rem
}

.m-6 {
    margin: .375rem
}

.pt-6 {
    padding-top: .375rem
}

.pr-6 {
    padding-right: .375rem
}

.pb-6 {
    padding-bottom: .375rem
}

.pl-6 {
    padding-left: .375rem
}

.p-6 {
    padding: .375rem
}

.mt-7 {
    margin-top: .4375rem
}

.mr-7 {
    margin-right: .4375rem
}

.mb-7 {
    margin-bottom: .4375rem
}

.ml-7 {
    margin-left: .4375rem
}

.m-7 {
    margin: .4375rem
}

.pt-7 {
    padding-top: .4375rem
}

.pr-7 {
    padding-right: .4375rem
}

.pb-7 {
    padding-bottom: .4375rem
}

.pl-7 {
    padding-left: .4375rem
}

.p-7 {
    padding: .4375rem
}

.mt-8 {
    margin-top: .5rem
}

.mr-8 {
    margin-right: .5rem
}

.mb-8 {
    margin-bottom: .5rem
}

.ml-8 {
    margin-left: .5rem
}

.m-8 {
    margin: .5rem
}

.pt-8 {
    padding-top: .5rem
}

.pr-8 {
    padding-right: .5rem
}

.pb-8 {
    padding-bottom: .5rem
}

.pl-8 {
    padding-left: .5rem
}

.p-8 {
    padding: .5rem
}

.mt-9 {
    margin-top: .5625rem
}

.mr-9 {
    margin-right: .5625rem
}

.mb-9 {
    margin-bottom: .5625rem
}

.ml-9 {
    margin-left: .5625rem
}

.m-9 {
    margin: .5625rem
}

.pt-9 {
    padding-top: .5625rem
}

.pr-9 {
    padding-right: .5625rem
}

.pb-9 {
    padding-bottom: .5625rem
}

.pl-9 {
    padding-left: .5625rem
}

.p-9 {
    padding: .5625rem
}

.mt-10 {
    margin-top: .625rem
}

.mr-10 {
    margin-right: .625rem
}

.mb-10 {
    margin-bottom: .625rem
}

.ml-10 {
    margin-left: .625rem
}

.m-10 {
    margin: .625rem
}

.pt-10 {
    padding-top: .625rem
}

.pr-10 {
    padding-right: .625rem
}

.pb-10 {
    padding-bottom: .625rem
}

.pl-10 {
    padding-left: .625rem
}

.p-10 {
    padding: .625rem
}

.mt-11 {
    margin-top: .6875rem
}

.mr-11 {
    margin-right: .6875rem
}

.mb-11 {
    margin-bottom: .6875rem
}

.ml-11 {
    margin-left: .6875rem
}

.m-11 {
    margin: .6875rem
}

.pt-11 {
    padding-top: .6875rem
}

.pr-11 {
    padding-right: .6875rem
}

.pb-11 {
    padding-bottom: .6875rem
}

.pl-11 {
    padding-left: .6875rem
}

.p-11 {
    padding: .6875rem
}

.mt-12 {
    margin-top: .75rem
}

.mr-12 {
    margin-right: .75rem
}

.mb-12 {
    margin-bottom: .75rem
}

.ml-12 {
    margin-left: .75rem
}

.m-12 {
    margin: .75rem
}

.pt-12 {
    padding-top: .75rem
}

.pr-12 {
    padding-right: .75rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pl-12 {
    padding-left: .75rem
}

.p-12 {
    padding: .75rem
}

.mt-13 {
    margin-top: .8125rem
}

.mr-13 {
    margin-right: .8125rem
}

.mb-13 {
    margin-bottom: .8125rem
}

.ml-13 {
    margin-left: .8125rem
}

.m-13 {
    margin: .8125rem
}

.pt-13 {
    padding-top: .8125rem
}

.pr-13 {
    padding-right: .8125rem
}

.pb-13 {
    padding-bottom: .8125rem
}

.pl-13 {
    padding-left: .8125rem
}

.p-13 {
    padding: .8125rem
}

.mt-14 {
    margin-top: .875rem
}

.mr-14 {
    margin-right: .875rem
}

.mb-14 {
    margin-bottom: .875rem
}

.ml-14 {
    margin-left: .875rem
}

.m-14 {
    margin: .875rem
}

.pt-14 {
    padding-top: .875rem
}

.pr-14 {
    padding-right: .875rem
}

.pb-14 {
    padding-bottom: .875rem
}

.pl-14 {
    padding-left: .875rem
}

.p-14 {
    padding: .875rem
}

.mt-15 {
    margin-top: .9375rem
}

.mr-15 {
    margin-right: .9375rem
}

.mb-15 {
    margin-bottom: .9375rem
}

.ml-15 {
    margin-left: .9375rem
}

.m-15 {
    margin: .9375rem
}

.pt-15 {
    padding-top: .9375rem
}

.pr-15 {
    padding-right: .9375rem
}

.pb-15 {
    padding-bottom: .9375rem
}

.pl-15 {
    padding-left: .9375rem
}

.p-15 {
    padding: .9375rem
}

.mt-16 {
    margin-top: 1rem
}

.mr-16 {
    margin-right: 1rem
}

.mb-16 {
    margin-bottom: 1rem
}

.ml-16 {
    margin-left: 1rem
}

.m-16 {
    margin: 1rem
}

.pt-16 {
    padding-top: 1rem
}

.pr-16 {
    padding-right: 1rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pl-16 {
    padding-left: 1rem
}

.p-16 {
    padding: 1rem
}

.mt-17 {
    margin-top: 1.063rem
}

.mr-17 {
    margin-right: 1.063rem
}

.mb-17 {
    margin-bottom: 1.063rem
}

.ml-17 {
    margin-left: 1.063rem
}

.m-17 {
    margin: 1.063rem
}

.pt-17 {
    padding-top: 1.063rem
}

.pr-17 {
    padding-right: 1.063rem
}

.pb-17 {
    padding-bottom: 1.063rem
}

.pl-17 {
    padding-left: 1.063rem
}

.p-17 {
    padding: 1.063rem
}

.mt-18 {
    margin-top: 1.125rem
}

.mr-18 {
    margin-right: 1.125rem
}

.mb-18 {
    margin-bottom: 1.125rem
}

.ml-18 {
    margin-left: 1.125rem
}

.m-18 {
    margin: 1.125rem
}

.pt-18 {
    padding-top: 1.125rem
}

.pr-18 {
    padding-right: 1.125rem
}

.pb-18 {
    padding-bottom: 1.125rem
}

.pl-18 {
    padding-left: 1.125rem
}

.p-18 {
    padding: 1.125rem
}

.mt-19 {
    margin-top: 1.188rem
}

.mr-19 {
    margin-right: 1.188rem
}

.mb-19 {
    margin-bottom: 1.188rem
}

.ml-19 {
    margin-left: 1.188rem
}

.m-19 {
    margin: 1.188rem
}

.pt-19 {
    padding-top: 1.188rem
}

.pr-19 {
    padding-right: 1.188rem
}

.pb-19 {
    padding-bottom: 1.188rem
}

.pl-19 {
    padding-left: 1.188rem
}

.p-19 {
    padding: 1.188rem
}

.mt-20 {
    margin-top: 1.25rem
}

.mr-20 {
    margin-right: 1.25rem
}

.mb-20 {
    margin-bottom: 1.25rem
}

.ml-20 {
    margin-left: 1.25rem
}

.m-20 {
    margin: 1.25rem
}

.pt-20 {
    padding-top: 1.25rem
}

.pr-20 {
    padding-right: 1.25rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pl-20 {
    padding-left: 1.25rem
}

.p-20 {
    padding: 1.25rem
}

.mt-21 {
    margin-top: 1.313rem
}

.mr-21 {
    margin-right: 1.313rem
}

.mb-21 {
    margin-bottom: 1.313rem
}

.ml-21 {
    margin-left: 1.313rem
}

.m-21 {
    margin: 1.313rem
}

.pt-21 {
    padding-top: 1.313rem
}

.pr-21 {
    padding-right: 1.313rem
}

.pb-21 {
    padding-bottom: 1.313rem
}

.pl-21 {
    padding-left: 1.313rem
}

.p-21 {
    padding: 1.313rem
}

.mt-22 {
    margin-top: 1.375rem
}

.mr-22 {
    margin-right: 1.375rem
}

.mb-22 {
    margin-bottom: 1.375rem
}

.ml-22 {
    margin-left: 1.375rem
}

.m-22 {
    margin: 1.375rem
}

.pt-22 {
    padding-top: 1.375rem
}

.pr-22 {
    padding-right: 1.375rem
}

.pb-22 {
    padding-bottom: 1.375rem
}

.pl-22 {
    padding-left: 1.375rem
}

.p-22 {
    padding: 1.375rem
}

.mt-24 {
    margin-top: 1.5rem
}

.mr-24 {
    margin-right: 1.5rem
}

.mb-24 {
    margin-bottom: 1.5rem
}

.ml-24 {
    margin-left: 1.5rem
}

.m-24 {
    margin: 1.5rem
}

.pt-24 {
    padding-top: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

.p-24 {
    padding: 1.5rem
}

.mt-25 {
    margin-top: 1.563rem
}

.mr-25 {
    margin-right: 1.563rem
}

.mb-25 {
    margin-bottom: 1.563rem
}

.ml-25 {
    margin-left: 1.563rem
}

.m-25 {
    margin: 1.563rem
}

.pt-25 {
    padding-top: 1.563rem
}

.pr-25 {
    padding-right: 1.563rem
}

.pb-25 {
    padding-bottom: 1.563rem
}

.pl-25 {
    padding-left: 1.563rem
}

.p-25 {
    padding: 1.563rem
}

.mt-27 {
    margin-top: 1.688rem
}

.mr-27 {
    margin-right: 1.688rem
}

.mb-27 {
    margin-bottom: 1.688rem
}

.ml-27 {
    margin-left: 1.688rem
}

.m-27 {
    margin: 1.688rem
}

.pt-27 {
    padding-top: 1.688rem
}

.pr-27 {
    padding-right: 1.688rem
}

.pb-27 {
    padding-bottom: 1.688rem
}

.pl-27 {
    padding-left: 1.688rem
}

.p-27 {
    padding: 1.688rem
}

.mt-28 {
    margin-top: 1.75rem
}

.mr-28 {
    margin-right: 1.75rem
}

.mb-28 {
    margin-bottom: 1.75rem
}

.ml-28 {
    margin-left: 1.75rem
}

.m-28 {
    margin: 1.75rem
}

.pt-28 {
    padding-top: 1.75rem
}

.pr-28 {
    padding-right: 1.75rem
}

.pb-28 {
    padding-bottom: 1.75rem
}

.pl-28 {
    padding-left: 1.75rem
}

.p-28 {
    padding: 1.75rem
}

.mt-30 {
    margin-top: 1.875rem
}

.mr-30 {
    margin-right: 1.875rem
}

.mb-30 {
    margin-bottom: 1.875rem
}

.ml-30 {
    margin-left: 1.875rem
}

.m-30 {
    margin: 1.875rem
}

.pt-30 {
    padding-top: 1.875rem
}

.pr-30 {
    padding-right: 1.875rem
}

.pb-30 {
    padding-bottom: 1.875rem
}

.pl-30 {
    padding-left: 1.875rem
}

.p-30 {
    padding: 1.875rem
}

.mt-31 {
    margin-top: 1.938rem
}

.mr-31 {
    margin-right: 1.938rem
}

.mb-31 {
    margin-bottom: 1.938rem
}

.ml-31 {
    margin-left: 1.938rem
}

.m-31 {
    margin: 1.938rem
}

.pt-31 {
    padding-top: 1.938rem
}

.pr-31 {
    padding-right: 1.938rem
}

.pb-31 {
    padding-bottom: 1.938rem
}

.pl-31 {
    padding-left: 1.938rem
}

.p-31 {
    padding: 1.938rem
}

.mt-32 {
    margin-top: 2rem
}

.mr-32 {
    margin-right: 2rem
}

.mb-32 {
    margin-bottom: 2rem
}

.ml-32 {
    margin-left: 2rem
}

.m-32 {
    margin: 2rem
}

.pt-32 {
    padding-top: 2rem
}

.pr-32 {
    padding-right: 2rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pl-32 {
    padding-left: 2rem
}

.p-32 {
    padding: 2rem
}

.mt-33 {
    margin-top: 2.063rem
}

.mr-33 {
    margin-right: 2.063rem
}

.mb-33 {
    margin-bottom: 2.063rem
}

.ml-33 {
    margin-left: 2.063rem
}

.m-33 {
    margin: 2.063rem
}

.pt-33 {
    padding-top: 2.063rem
}

.pr-33 {
    padding-right: 2.063rem
}

.pb-33 {
    padding-bottom: 2.063rem
}

.pl-33 {
    padding-left: 2.063rem
}

.p-33 {
    padding: 2.063rem
}

.mt-35 {
    margin-top: 2.188rem
}

.mr-35 {
    margin-right: 2.188rem
}

.mb-35 {
    margin-bottom: 2.188rem
}

.ml-35 {
    margin-left: 2.188rem
}

.m-35 {
    margin: 2.188rem
}

.pt-35 {
    padding-top: 2.188rem
}

.pr-35 {
    padding-right: 2.188rem
}

.pb-35 {
    padding-bottom: 2.188rem
}

.pl-35 {
    padding-left: 2.188rem
}

.p-35 {
    padding: 2.188rem
}

.mt-38 {
    margin-top: 2.375rem
}

.mr-38 {
    margin-right: 2.375rem
}

.mb-38 {
    margin-bottom: 2.375rem
}

.ml-38 {
    margin-left: 2.375rem
}

.m-38 {
    margin: 2.375rem
}

.pt-38 {
    padding-top: 2.375rem
}

.pr-38 {
    padding-right: 2.375rem
}

.pb-38 {
    padding-bottom: 2.375rem
}

.pl-38 {
    padding-left: 2.375rem
}

.p-38 {
    padding: 2.375rem
}

.mt-40 {
    margin-top: 2.5rem
}

.mr-40 {
    margin-right: 2.5rem
}

.mb-40 {
    margin-bottom: 2.5rem
}

.ml-40 {
    margin-left: 2.5rem
}

.m-40 {
    margin: 2.5rem
}

.pt-40 {
    padding-top: 2.5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pb-40 {
    padding-bottom: 2.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

.p-40 {
    padding: 2.5rem
}

.mt-42 {
    margin-top: 2.625rem
}

.mr-42 {
    margin-right: 2.625rem
}

.mb-42 {
    margin-bottom: 2.625rem
}

.ml-42 {
    margin-left: 2.625rem
}

.m-42 {
    margin: 2.625rem
}

.pt-42 {
    padding-top: 2.625rem
}

.pr-42 {
    padding-right: 2.625rem
}

.pb-42 {
    padding-bottom: 2.625rem
}

.pl-42 {
    padding-left: 2.625rem
}

.p-42 {
    padding: 2.625rem
}

.mt-45 {
    margin-top: 2.8125rem
}

.mr-45 {
    margin-right: 2.8125rem
}

.mb-45 {
    margin-bottom: 2.8125rem
}

.ml-45 {
    margin-left: 2.8125rem
}

.m-45 {
    margin: 2.8125rem
}

.pt-45 {
    padding-top: 2.8125rem
}

.pr-45 {
    padding-right: 2.8125rem
}

.pb-45 {
    padding-bottom: 2.8125rem
}

.pl-45 {
    padding-left: 2.8125rem
}

.p-45 {
    padding: 2.8125rem
}

.mt-47 {
    margin-top: 2.938rem
}

.mr-47 {
    margin-right: 2.938rem
}

.mb-47 {
    margin-bottom: 2.938rem
}

.ml-47 {
    margin-left: 2.938rem
}

.m-47 {
    margin: 2.938rem
}

.pt-47 {
    padding-top: 2.938rem
}

.pr-47 {
    padding-right: 2.938rem
}

.pb-47 {
    padding-bottom: 2.938rem
}

.pl-47 {
    padding-left: 2.938rem
}

.p-47 {
    padding: 2.938rem
}

.mt-48 {
    margin-top: 3rem
}

.mr-48 {
    margin-right: 3rem
}

.mb-48 {
    margin-bottom: 3rem
}

.ml-48 {
    margin-left: 3rem
}

.m-48 {
    margin: 3rem
}

.pt-48 {
    padding-top: 3rem
}

.pr-48 {
    padding-right: 3rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pl-48 {
    padding-left: 3rem
}

.p-48 {
    padding: 3rem
}

.mt-50 {
    margin-top: 3.125rem
}

.mr-50 {
    margin-right: 3.125rem
}

.mb-50 {
    margin-bottom: 3.125rem
}

.ml-50 {
    margin-left: 3.125rem
}

.m-50 {
    margin: 3.125rem
}

.pt-50 {
    padding-top: 3.125rem
}

.pr-50 {
    padding-right: 3.125rem
}

.pb-50 {
    padding-bottom: 3.125rem
}

.pl-50 {
    padding-left: 3.125rem
}

.p-50 {
    padding: 3.125rem
}

.mt-51 {
    margin-top: 3.188rem
}

.mr-51 {
    margin-right: 3.188rem
}

.mb-51 {
    margin-bottom: 3.188rem
}

.ml-51 {
    margin-left: 3.188rem
}

.m-51 {
    margin: 3.188rem
}

.pt-51 {
    padding-top: 3.188rem
}

.pr-51 {
    padding-right: 3.188rem
}

.pb-51 {
    padding-bottom: 3.188rem
}

.pl-51 {
    padding-left: 3.188rem
}

.p-51 {
    padding: 3.188rem
}

.mt-53 {
    margin-top: 3.313rem
}

.mr-53 {
    margin-right: 3.313rem
}

.mb-53 {
    margin-bottom: 3.313rem
}

.ml-53 {
    margin-left: 3.313rem
}

.m-53 {
    margin: 3.313rem
}

.pt-53 {
    padding-top: 3.313rem
}

.pr-53 {
    padding-right: 3.313rem
}

.pb-53 {
    padding-bottom: 3.313rem
}

.pl-53 {
    padding-left: 3.313rem
}

.p-53 {
    padding: 3.313rem
}

.mt-55 {
    margin-top: 3.438rem
}

.mr-55 {
    margin-right: 3.438rem
}

.mb-55 {
    margin-bottom: 3.438rem
}

.ml-55 {
    margin-left: 3.438rem
}

.m-55 {
    margin: 3.438rem
}

.pt-55 {
    padding-top: 3.438rem
}

.pr-55 {
    padding-right: 3.438rem
}

.pb-55 {
    padding-bottom: 3.438rem
}

.pl-55 {
    padding-left: 3.438rem
}

.p-55 {
    padding: 3.438rem
}

.mt-56 {
    margin-top: 3.5rem
}

.mr-56 {
    margin-right: 3.5rem
}

.mb-56 {
    margin-bottom: 3.5rem
}

.ml-56 {
    margin-left: 3.5rem
}

.m-56 {
    margin: 3.5rem
}

.pt-56 {
    padding-top: 3.5rem
}

.pr-56 {
    padding-right: 3.5rem
}

.pb-56 {
    padding-bottom: 3.5rem
}

.pl-56 {
    padding-left: 3.5rem
}

.p-56 {
    padding: 3.5rem
}

.mt-59 {
    margin-top: 3.688rem
}

.mr-59 {
    margin-right: 3.688rem
}

.mb-59 {
    margin-bottom: 3.688rem
}

.ml-59 {
    margin-left: 3.688rem
}

.m-59 {
    margin: 3.688rem
}

.pt-59 {
    padding-top: 3.688rem
}

.pr-59 {
    padding-right: 3.688rem
}

.pb-59 {
    padding-bottom: 3.688rem
}

.pl-59 {
    padding-left: 3.688rem
}

.p-59 {
    padding: 3.688rem
}

.mt-60 {
    margin-top: 3.75rem
}

.mr-60 {
    margin-right: 3.75rem
}

.mb-60 {
    margin-bottom: 3.75rem
}

.ml-60 {
    margin-left: 3.75rem
}

.m-60 {
    margin: 3.75rem
}

.pt-60 {
    padding-top: 3.75rem
}

.pr-60 {
    padding-right: 3.75rem
}

.pb-60 {
    padding-bottom: 3.75rem
}

.pl-60 {
    padding-left: 3.75rem
}

.p-60 {
    padding: 3.75rem
}

.mt-62 {
    margin-top: 3.875rem
}

.mr-62 {
    margin-right: 3.875rem
}

.mb-62 {
    margin-bottom: 3.875rem
}

.ml-62 {
    margin-left: 3.875rem
}

.m-62 {
    margin: 3.875rem
}

.pt-62 {
    padding-top: 3.875rem
}

.pr-62 {
    padding-right: 3.875rem
}

.pb-62 {
    padding-bottom: 3.875rem
}

.pl-62 {
    padding-left: 3.875rem
}

.p-62 {
    padding: 3.875rem
}

.mt-64 {
    margin-top: 4rem
}

.mr-64 {
    margin-right: 4rem
}

.mb-64 {
    margin-bottom: 4rem
}

.ml-64 {
    margin-left: 4rem
}

.m-64 {
    margin: 4rem
}

.pt-64 {
    padding-top: 4rem
}

.pr-64 {
    padding-right: 4rem
}

.pb-64 {
    padding-bottom: 4rem
}

.pl-64 {
    padding-left: 4rem
}

.p-64 {
    padding: 4rem
}

.mt-65 {
    margin-top: 4.063rem
}

.mr-65 {
    margin-right: 4.063rem
}

.mb-65 {
    margin-bottom: 4.063rem
}

.ml-65 {
    margin-left: 4.063rem
}

.m-65 {
    margin: 4.063rem
}

.pt-65 {
    padding-top: 4.063rem
}

.pr-65 {
    padding-right: 4.063rem
}

.pb-65 {
    padding-bottom: 4.063rem
}

.pl-65 {
    padding-left: 4.063rem
}

.p-65 {
    padding: 4.063rem
}

.mt-70 {
    margin-top: 4.375rem
}

.mr-70 {
    margin-right: 4.375rem
}

.mb-70 {
    margin-bottom: 4.375rem
}

.ml-70 {
    margin-left: 4.375rem
}

.m-70 {
    margin: 4.375rem
}

.pt-70 {
    padding-top: 4.375rem
}

.pr-70 {
    padding-right: 4.375rem
}

.pb-70 {
    padding-bottom: 4.375rem
}

.pl-70 {
    padding-left: 4.375rem
}

.p-70 {
    padding: 4.375rem
}

.mt-75 {
    margin-top: 4.688rem
}

.mr-75 {
    margin-right: 4.688rem
}

.mb-75 {
    margin-bottom: 4.688rem
}

.ml-75 {
    margin-left: 4.688rem
}

.m-75 {
    margin: 4.688rem
}

.pt-75 {
    padding-top: 4.688rem
}

.pr-75 {
    padding-right: 4.688rem
}

.pb-75 {
    padding-bottom: 4.688rem
}

.pl-75 {
    padding-left: 4.688rem
}

.p-75 {
    padding: 4.688rem
}

.mt-80 {
    margin-top: 5rem
}

.mr-80 {
    margin-right: 5rem
}

.mb-80 {
    margin-bottom: 5rem
}

.ml-80 {
    margin-left: 5rem
}

.m-80 {
    margin: 5rem
}

.pt-80 {
    padding-top: 5rem
}

.pr-80 {
    padding-right: 5rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pl-80 {
    padding-left: 5rem
}

.p-80 {
    padding: 5rem
}

.mt-104 {
    margin-top: 6.5rem
}

.mr-104 {
    margin-right: 6.5rem
}

.mb-104 {
    margin-bottom: 6.5rem
}

.ml-104 {
    margin-left: 6.5rem
}

.m-104 {
    margin: 6.5rem
}

.pt-104 {
    padding-top: 6.5rem
}

.pr-104 {
    padding-right: 6.5rem
}

.pb-104 {
    padding-bottom: 6.5rem
}

.pl-104 {
    padding-left: 6.5rem
}

.p-104 {
    padding: 6.5rem
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto {
    margin-left: auto
}

.m-auto {
    margin: auto
}

.pt-auto {
    padding-top: auto
}

.pr-auto {
    padding-right: auto
}

.pb-auto {
    padding-bottom: auto
}

.pl-auto {
    padding-left: auto
}

.p-auto {
    padding: auto
}

.no-mt,.no-pt {
    margin-top: 0
}

.no-mb {
    margin-bottom: 0
}

.m-auto {
    margin: 0 auto
}

.m-auto-24 {
    margin: 1.5rem auto
}

.wd-5 {
    width: 5%
}

.wd-14 {
    width: 14%
}

.wd-14-2 {
    width: 14.2%
}

.wd-17 {
    width: 17%
}

.wd-20 {
    width: 20%
}

.wd-25 {
    width: 25%
}

.wd-30 {
    width: 30%
}

.wd-33 {
    width: 33%
}

.wd-39 {
    width: 39%
}

.wd-40 {
    width: 40%
}

.wd-46 {
    width: 46%
}

.wd-48 {
    width: 48%
}

.wd-50 {
    width: 50%
}

.wd-55 {
    width: 55%
}

.wd-60 {
    width: 60%
}

.wd-67 {
    width: 67%
}

.wd-70 {
    width: 70%
}

.wd-77 {
    width: 77%
}

.wd-80 {
    width: 80%
}

.wd-85 {
    width: 85%
}

.wd-86 {
    width: 86%
}

.wd-90 {
    width: 90%
}

.wd-95 {
    width: 95%
}

.wd-200 {
    width: 200%
}

.wd-f42 {
    width: 2.625rem
}

.wd-300px {
    width: 300px
}

.wd-1000px {
    width: 1000px
}

.wd-fit {
    width: fit-content
}

.wd-auto {
    width: auto
}

.width-global {
    clear: both;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    max-width: 20em
}

.width-global-big {
    clear: both;
    margin-left: .5rem;
    margin-right: .5rem;
    max-width: 1300px
}

.width-global-big.xl {
    max-width: 1700px
}

.width-global-xl {
    clear: both;
    margin-left: .5rem;
    margin-right: .5rem;
    max-width: 1700px
}

.width-global-flex {
    clear: both;
    margin-left: 8px;
    margin-right: 8px
}

.width-global-full {
    clear: both;
    margin-left: .5rem;
    margin-right: .5rem;
    width: 100%
}

.width-global-edition {
    clear: both;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    max-width: 1065px
}

.max-width-1000 {
    max-width: 1000px
}

.max-width-1000,.max-width-1024 {
    margin-left: auto;
    margin-right: auto
}

.max-width-1024 {
    max-width: 1024px
}

.col-left {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

.no-resize {
    resize: none
}

.height-100vh {
    min-height: 100vh
}

.h-58 {
    height: 58px
}

.h-1000px {
    height: 1000px
}

.h-100 {
    height: 100%
}

.h-0 {
    height: 0
}

.h-auto {
    height: auto
}

.max-h21 {
    max-height: 1.313rem
}

.ht-85 {
    height: 85%
}

.ht-100 {
    height: 100%
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clear-both {
    clear: both
}

.break-word {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.no-break-word {
    white-space: nowrap
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.va-top {
    vertical-align: top
}

.va-middle {
    vertical-align: middle
}

.isInvisible {
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: 0
}

.opacity-off {
    opacity: 0
}

.displaynone,.isHidden {
    display: none
}

.of-hidden {
    overflow: hidden
}

img:not([src]) {
    visibility: hidden
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.flex.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.isHidden {
    display: none
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.column,.row {
    -webkit-box-direction: normal
}

.row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.row,.row-reverse {
    -webkit-box-orient: horizontal
}

.row-reverse {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify
}

.shrink {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.v-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.v-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fs-8 {
    font-size: .5rem
}

.fs-9 {
    font-size: .5625rem
}

.fs-10 {
    font-size: .625rem
}

.fs-11 {
    font-size: .6875rem
}

.fs-12 {
    font-size: .75rem
}

.fs-13 {
    font-size: .8125rem
}

.fs-14 {
    font-size: .875rem
}

.fs-15 {
    font-size: .9375rem
}

.fs-16 {
    font-size: 1rem
}

.fs-18 {
    font-size: 1.125rem
}

.fs-19 {
    font-size: 1.188rem
}

.fs-20 {
    font-size: 1.25rem
}

.fs-22 {
    font-size: 1.375rem
}

.fs-23 {
    font-size: 1.438rem
}

.fs-24 {
    font-size: 1.5rem
}

.fs-25 {
    font-size: 1.563rem
}

.fs-26 {
    font-size: 1.625rem
}

.fs-27 {
    font-size: 1.688rem
}

.fs-28 {
    font-size: 1.75rem
}

.fs-32 {
    font-size: 2rem
}

.fs-38 {
    font-size: 2.375rem
}

.fs-40 {
    font-size: 2.5rem
}

.fs-35 {
    font-size: 2.188rem
}

.fs-45 {
    font-size: 2.8125rem
}

.fs-56 {
    font-size: 3.5rem
}

.fs-60 {
    font-size: 3.75rem
}

.fs-default {
    color: #000e47;
    font-size: 1rem;
    line-height: 1.5rem
}

.fs-caption {
    color: #555;
    font-size: .75rem;
    line-height: 1rem
}

.fs-12-mobile {
    font-size: .6875rem
}

.fs-13-mobile {
    font-size: .75rem
}

.fs-16-mobile {
    font-size: .875rem
}

.fw-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.no-txt-transform {
    text-transform: none
}

.txt-decoration {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.ft-regular {
    font-weight: 400
}

.fw-300 {
    font-weight: 300
}

.fw-900 {
    font-weight: 900
}

.bold {
    font-weight: 800
}

.italic {
    font-style: italic
}

.normal {
    font-style: normal
}

.txt-left {
    text-align: left
}

.txt-center {
    text-align: center
}

.underline {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: .8125rem
}

.txt-underline {
    text-decoration: underline
}

.txt-hover-underline {
    cursor: pointer;
    text-decoration: none
}

.txt-hover-underline:hover {
    cursor: pointer;
    text-decoration: underline
}

.txt-no-underline,.txt-no-underline:hover {
    text-decoration: none
}

.bt-dashed {
    border-top: 1px dashed #7b7b7b
}

.bt-dotted {
    border-top: 1px dotted #d9d9d9
}

.bb-dotted {
    border-bottom: 1px dotted #d9d9d9
}

.b-0 {
    border: none
}

.br-3 {
    border-radius: 3px
}

.lh-30 {
    line-height: 1.875rem
}

.actu-noimg {
    display: none!important
}

.hide-mobile-xxl {
    display: block
}

.show-mobile-xxl {
    display: none
}

.hide-mobile-inline-xxl {
    display: inline-block
}

.show-mobile-inline-xxl {
    display: none
}

.hide-mobile-xl,.switch-mobile-xxl {
    display: block
}

.show-mobile-xl {
    display: none
}

.hide-mobile-inline-xl {
    display: inline-block
}

.show-mobile-inline-xl {
    display: none
}

.hide-mobile-l,.switch-mobile-xl {
    display: block
}

.show-mobile-l {
    display: none
}

.hide-mobile-inline-l {
    display: inline-block
}

.show-mobile-inline-l {
    display: none
}

.hide-mobile-m,.switch-mobile-l {
    display: block
}

.show-mobile-m {
    display: none
}

.hide-mobile-inline-m {
    display: inline-block
}

.show-mobile-inline-m {
    display: none
}

.hide-mobile-s,.switch-mobile-m {
    display: block
}

.show-mobile-s {
    display: none
}

.hide-mobile-inline-s {
    display: inline-block
}

.show-mobile-inline-s {
    display: none
}

.switch-mobile-s {
    display: block
}

.hide-mobile-inline-mq-736px {
    display: inline-block
}

.show-mobile-inline-mq-736px {
    display: none
}

.hide-mobile-inline-mq-1060px {
    display: inline-block
}

.show-mobile-inline-mq-1060px {
    display: none
}

.hide-mobile-inline-mq-1740px {
    display: inline-block
}

.show-mobile-inline-mq-1740px {
    display: none
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-thin.woff2) format("woff2"),url(fonts/roboto-thin.woff) format("woff");
    font-style: normal;
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-light.woff2) format("woff2"),url(fonts/roboto-light.woff) format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-regular.woff2) format("woff2"),url(fonts/roboto-regular.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-italic.woff2) format("woff2"),url(fonts/roboto-italic.woff) format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-medium.woff2) format("woff2"),url(fonts/roboto-medium.woff) format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-mediumitalic.woff2) format("woff2"),url(fonts/roboto-mediumitalic.woff) format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-bold.woff2) format("woff2"),url(fonts/roboto-bold.woff) format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto-black.woff2) format("woff2"),url(fonts/roboto-black.woff) format("woff");
    font-style: normal;
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: soIcons;
    src: url(fonts/soicons-outline-2603011730.woff2) format("woff2"),url(fonts/soicons-outline-2603011730.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: block
}

@font-face {
    font-family: soIcons;
    src: url(fonts/soicons-fill-2603011730.woff2) format("woff2"),url(fonts/soicons-fill-2603011730.woff) format("woff");
    font-style: normal;
    font-weight: 1000;
    font-display: block
}

[class*=" ic-"],[class*=" ui-icon"],[class^=ic-],[class^=ui-icon] {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s
}

[class*=" ui-icon"],[class^=ui-icon] {
    letter-spacing: 0;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures
}

.ui-icon-fill,.ui-icon:hover {
    font-weight: 1000
}

*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #d9d9d9
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    color: #000e47;
    scrollbar-gutter: stable
}

* {
    scrollbar-color: #8e95ba #e4e5ee
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #e4e5ee
}

::-webkit-scrollbar-thumb {
    background-color: #8e95ba;
    border-radius: 4px;
    border: 1px solid #e4e5ee
}

body {
    display: flex;
    flex-direction: column;
    min-width: 360px;
    width: 100%;
    min-height: 100svh;
    margin: 0;
    line-height: inherit;
    overscroll-behavior-y: contain;
    overflow-y: scroll;
    background-color: #fff;
    font-family: inherit
}

hr {
    height: 1px;
    margin: 1.25rem 0;
    border: 0;
    background-color: #c4c4c4
}

hr.has-noBg {
    background-color: transparent
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,option,select,textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

img {
    border: 0;
    vertical-align: bottom
}

img:not([src*=".svg"]) {
    height: auto
}

svg {
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

p {
    margin: 0
}

form {
    text-align: left;
    border: none
}

form,form:focus {
    outline: 0
}

select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0
}

button {
    overflow: visible
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    padding: 0
}

input[disabled] {
    cursor: default
}

input:invalid {
    box-shadow: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto;
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

textarea {
    overflow: auto;
    min-height: 8rem;
    vertical-align: top;
    resize: vertical
}

label,textarea {
    font-family: inherit;
    font-size: inherit
}

label {
    display: inline-block;
    cursor: pointer
}

:focus,option {
    outline: 0
}

:focus {
    -webkit-tap-highlight-color: transparent
}

[alt] {
    font-size: .75rem;
    line-height: 1rem;
    color: #7b7b7b
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#appUI {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    height: 100%;
    margin: 0
}

#appMain {
    position: relative;
    flex: 1 1 auto
}

#appNoJs {
    position: fixed;
    top: var(--defHeaderH);
    width: 100%;
    padding: 10px;
    background-color: #fa3;
    color: #fff;
    text-align: center;
    z-index: 11
}

#appNoJs a {
    text-decoration: underline
}

.xAnimOff #appUI * {
    animation: none!important;
    transition: none!important
}

b {
    font-weight: 500
}

strong {
    font-weight: 700
}

.ui-pm-notice {
    --m-wrap-main: 0 auto;
    --p-wrap: 0.25rem 1.25rem;
    color: #000e47;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    background-color: #fa3
}

.ui-pm-notice .ui-a-def {
    color: #000e47
}

@supports (padding-top: constant(safe-area-inset-top)) {
    body {
        padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
    }
}

#documentbody_around {
    flex: 1 0 auto
}

.ui-app-logo {
    display: flex;
    position: var(--pos-logo,static);
    left: var(--left-logo,auto);
    width: var(--w-logo,110px);
    height: var(--h-logo,40px);
    margin: var(--m-logo,auto 0);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    translate: var(--translate-logo,none);
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

.xNavOn .ui-app-logo[data-env=noel] {
    --w-logo: unset;
    --h-logo: unset;
    margin-left: 0
}

form [type=submit] {
    cursor: not-allowed
}

form:valid [type=submit] {
    cursor: pointer
}

form:invalid [type=submit] {
    --bg-c-btn: var(--bg-c-btn-disabled,hsla(0,0%,96%,.6));
    --c-btn: var(--c-btn-disabled,rgba(85,85,85,.6))
}

form:invalid [type=submit]:active,form:invalid [type=submit]:focus-visible,form:invalid [type=submit]:hover {
    --bg-c-btn-active: hsla(0,0%,96%,.6);
    --bg-c-btn-hover: hsla(0,0%,96%,.6);
    outline: 0
}

.fl-head {
    font-weight: 700
}

.fl-body,.fl-sheet,.fl-step,.fl-subform,fieldset {
    position: relative
}

.fl-body>:not([hidden]):not([type=hidden])~:not([hidden]):not([type=hidden]),.fl-sheet>:not([hidden]):not([type=hidden])~:not([hidden]):not([type=hidden]),.fl-step>:not([hidden]):not([type=hidden])~:not([hidden]):not([type=hidden]),.fl-subform>:not([hidden]):not([type=hidden])~:not([hidden]):not([type=hidden]),fieldset>:not([hidden]):not([type=hidden])~:not([hidden]):not([type=hidden]) {
    margin-top: var(--m-t-visible,1.25rem)
}

.fl-body[data-fl=chklistAC] {
    display: flex;
    flex-direction: column;
    --h-fl-list: auto;
    --mh-fl-list: auto;
    --pos-ac-list: static
}

.fl-body[data-fl=chklistAC] .fl-list {
    overflow-y: auto;
    min-height: 224px
}

.fl-body[data-fl=chklist],.fl-list {
    --p-fl-body: 0;
    height: var(--h-fl-list,100%);
    max-height: var(--mh-fl-list,calc(100% - var(--h-list, 136px)))
}

.fl-body[data-fl=chklist]>[data-filter],.fl-list>[data-filter] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff
}

.fl-list {
    position: relative
}

.fl-state {
    display: flex;
    margin: 0 1rem
}

.fl-err {
    display: var(--dp-field-err,none);
    margin: .125rem 0
}

.fl-field {
    position: relative;
    font-size: .875rem
}

.fl-field label:not[hidden] {
    font-weight: 700
}

.fl-field label:not[hidden]+[class^=fl-] {
    margin-top: .5rem
}

.fl-field :not(:placeholder-shown):valid {
    --b-c-input: #067f43
}

.fl-field :not(:placeholder-shown):invalid {
    --b-c-input: #ce0031
}

.fl-field :not(:placeholder-shown):invalid+.fl-state>.fl-err {
    --dp-field-err: block
}

.fl-field[data-xtend] {
    position: relative
}

.fl-field[data-xtend] [class^=ic] {
    top: 0;
    right: .5rem;
    position: absolute;
    font-size: 1.25rem;
    width: 1.5rem;
    height: 1.5rem
}

.fl-hint,.fl-tip,[data-fl-tip] {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.fl-tip {
    --m-t-visible: 0;
    padding: .5rem
}

.fl-tip,[data-fl-tip] {
    color: #646e9f
}

.fl-chk-list,.fl-chk-list ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0
}

.fl-chk-list {
    gap: .5rem;
    max-height: calc(100% - 88px);
    min-height: 128px;
    overflow-y: auto;
    margin-top: 1.25rem
}

.fl-chk-list li {
    --lh-chk: 1.25rem;
    font-size: .875rem
}

.fl-chk-list li:not(.fl-chk-grp) {
    padding-inline:.75rem}

.fl-chk-list .fl-chk-grp.is-current>.fl-chk-item {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f2f9fd
}

.fl-chk-list .fl-chk-grp.is-current>.fl-chk-item label {
    font-weight: 500
}

.fl-chk-list+.fl-field {
    margin-top: 1.25rem
}

.fl-chk-list ul {
    margin-left: 11px;
    padding-left: .75rem;
    gap: .25rem
}

.fl-chk-item {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-height: 32px;
    padding-right: .75rem
}

.fl-chk-toggle,.fl-chk-toggle-placeholder {
    width: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 1.5rem
}

.fl-chk-toggle {
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1
}

.fl-chk-toggle:before {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s
}

.fl-chk-toggle[aria-expanded=false]:before {
    content: "\e5cc"
}

.fl-chk-toggle[aria-expanded=true]:before {
    content: "\e313"
}

.fl-chk-toggle:hover {
    color: #005eff
}

.fl-chk-grp {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-block:.25rem}

.fl-chk-grp.is-current {
    border-radius: .5rem;
    background-color: #f2f9fd
}

.fl-chk-grp.is-current>[role=group] {
    position: relative
}

.fl-chk-grp.is-current>[role=group]:before {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: -8px;
    background-color: #005eff;
    content: ""
}

.fl-chk-grp.is-collapsed>ul,.fl-chk-list li.is-hidden {
    display: none
}

.fl-chk-mark {
    padding: 0;
    background-color: var(--bg-data-type,transparent);
    color: var(--c-data-type,#005eff);
    font-weight: 700
}

.fl-mood {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fl-mood input[id=badMood]:checked+label,.fl-mood label[for=badMood]:hover {
    --bg-c-mood: #ffcad5
}

.fl-mood input[id=neutralMood]:checked+label,.fl-mood label[for=neutralMood]:hover {
    --bg-c-mood: #ffeed6
}

.fl-mood input[id=goodMood]:checked+label,.fl-mood label[for=goodMood]:hover {
    --bg-c-mood: #c2e7cf
}

.fl-mood input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.fl-mood label {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 625rem;
    background-color: var(--bg-c-mood,transparent);
    transition: background-color .3s
}

.fl-mood label>img {
    margin: auto
}

.fl-success {
    text-align: center
}

.fl-success img {
    margin: auto
}

#upDropzone {
    padding: 1rem .75rem;
    border: 1px solid #0c1e5d;
    border-radius: .5rem
}

#upDropzone button {
    display: flex;
    margin: 0 auto;
    width: 1.5rem;
    border-radius: 625rem
}

#upDropzone p {
    margin-top: 1rem;
    text-align: center
}

#upFiles,.ui-item {
    display: flex;
    gap: .5rem;
    align-items: center
}

#upFiles {
    flex-wrap: wrap
}

#upFiles:not(:empty) {
    margin-bottom: 1rem
}

.ui-item {
    overflow: hidden;
    max-width: 100%;
    padding: .125rem .5rem;
    border: 1px solid;
    border-radius: .25rem;
    background-color: #e1f3ff;
    color: #005eff;
    white-space: nowrap
}

.ui-item .ui-label {
    font-weight: 700;
    flex: 0 1 calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-item span:not(.ui-label) {
    font-size: 125%
}

.ui-item .ic-close {
    cursor: pointer
}

.ic-add_circle:before {
    content: "\e147"
}

.ic-chevron_left:before {
    content: "\e5cb"
}

.ic-map:before {
    content: "\e55b"
}

.ic-gavel:before {
    content: "\e92c"
}

.ic-release_alert:before {
    content: "\f654"
}

.ic-thumb_down:before {
    content: "\e8db"
}

.ic-thumb_up:before {
    content: "\e8dc"
}

#appNav {
    display: none;
    height: var(--h-appnav,100%)
}

#appNav .ui-menu {
    display: flex;
    height: inherit;
    font-weight: 500;
    gap: var(--gap-menu,1.25rem)
}

#appNav .ui-menu>li {
    --bg-c-dbx-btn-active: #f2f9fd;
    --bg-c-dbx-btn-hover: #f2f9fd;
    --b-rd-dbx-btn: 0;
    --p-t-dbx-content: 0;
    --p-b-dbx-content: 0;
    --p-l-dbx-content: 0;
    --p-wrap: 0;
    height: inherit
}

#appNav .ui-menu>li:hover>a,#appNav .ui-menu>li:hover>button {
    color: #005eff
}

#appNav .ui-menu>li>a,#appNav .ui-menu>li>button {
    display: flex;
    align-items: center
}

#appNav .ui-menu>li>a .ic-release_alert,#appNav .ui-menu>li>button .ic-release_alert {
    font-size: 150%;
    color: #005eff
}

#appNav .ui-menu>li:not(#appAgent)>a,#appNav .ui-menu>li:not(#appAgent)>button {
    height: inherit
}

#appNav .ui-menu>li#appAgent {
    display: flex;
    align-items: center
}

#appNav .ui-menu>li#appAgent a {
    background: linear-gradient(180deg,#005eff 52.4%,#003899)
}

#appNav .ui-menu>li#appAgent .ic-so_auto_awesome {
    color: #fff
}

#appNav .ui-menu>li>a {
    padding: 0 1rem;
    text-decoration: none
}

#appNav .ui-menu>li ul {
    --dp-beta: inline-flex;
    --dp-new: inline-flex;
    padding: var(--p-menu);
    width: max-content
}

#appNav .ui-menu>li ul li:not(:first-of-type) {
    margin-top: var(--m-t-menu-first,1.25rem)
}

#appNav .ui-menu>li ul a,#appNav .ui-menu>li ul div {
    position: relative;
    display: block;
    max-width: 100%;
    padding: .5rem;
    border-radius: .5rem
}

#appNav .ui-menu>li ul a:not(.ui-soon),#appNav .ui-menu>li ul div:not(.ui-soon) {
    padding-right: 3rem
}

#appNav .ui-menu>li ul a:not(.ui-soon):after,#appNav .ui-menu>li ul div:not(.ui-soon):after {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    position: absolute;
    right: .5rem;
    top: 50%;
    translate: 0 -50%;
    font-size: 1.5rem
}

#appNav .ui-menu>li ul a:not(.ui-soon)[target=_blank]:after,#appNav .ui-menu>li ul div:not(.ui-soon)[target=_blank]:after {
    content: "\e89e"
}

#appNav .ui-menu>li ul a:not(.ui-soon):not([target=_blank]):after,#appNav .ui-menu>li ul div:not(.ui-soon):not([target=_blank]):after {
    content: "\e5cc"
}

#appNav .ui-menu>li ul a.ui-soon,#appNav .ui-menu>li ul div.ui-soon {
    width: 100%;
    display: flex;
    min-width: unset;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem
}

#appNav .ui-menu>li ul a.ui-soon span,#appNav .ui-menu>li ul div.ui-soon span {
    color: #8e95ba
}

#appNav .ui-menu>li ul a.ui-soon .ui-label,#appNav .ui-menu>li ul div.ui-soon .ui-label {
    flex: 1 1 auto
}

#appNav .ui-menu>li ul a.ui-soon:after,#appNav .ui-menu>li ul div.ui-soon:after {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    display: block;
    color: #005eff;
    padding: .125rem .5rem;
    border-radius: .25rem;
    background-color: #e1f3ff;
    white-space: nowrap;
    content: "Bientôt disponible"
}

#appNav .ui-menu>li ul a p,#appNav .ui-menu>li ul div p {
    --dp-ld: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #646e9f
}

#appNav .ui-menu>li ul a:hover,#appNav .ui-menu>li ul div:hover {
    background-color: #f2f9fd
}

#appNav .ui-menu>li ul a>span {
    margin-left: .5rem
}

.xNavOn {
    overflow: var(--body-overflow,initial);
    --h-appnav: auto
}

.xNavOn #appHeader:before {
    position: fixed;
    display: block;
    inset: 0;
    content: "";
    background-color: rgba(0,0,0,.15)
}

.xNavOn #appHeader .ui-logo-ua {
    flex-flow: row;
    width: 100%;
    padding-right: 1rem
}

.xNavOn #appNav {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: var(--w-top-header);
    min-height: 15rem;
    max-height: calc(100dvh - var(--h-app-header)*2.5);
    padding: 1rem;
    border-radius: 1.5rem
}

.xNavOn #appNav .ui-menu {
    flex-direction: inherit;
    height: auto;
    overflow-y: auto
}

.xNavOn #appNav .ui-menu li {
    padding: 1rem 0
}

.xNavOn #appNav .ui-usr-access>.ui-btn {
    width: 100%;
    margin: 0
}

.xNavOn #appNav .ui-usr-access>.ui-acc {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .25rem;
    border-radius: 625rem;
    background-color: #f5f5f5
}

.xNavOn #appNav .ui-usr-access>.ui-acc .ui-label {
    margin: 0 auto;
    font-size: 1.25rem;
    font-weight: 500
}

.xNavOn #appNav .ui-usr-access>.ui-acc [class^=ic-] {
    font-size: 150%;
    padding-right: .5rem
}

.ui-nav-btn {
    --transition-delay: 0.12s;
    display: var(--dp-menu-toggle,block);
    width: 2rem;
    height: 2rem;
    border-radius: 625rem
}

.ui-nav-btn>.ui-nav-icon {
    position: relative;
    display: block;
    width: 1.75rem;
    height: 1.25rem;
    margin: auto;
    padding: 0 .25rem
}

.ui-nav-btn>.ui-nav-icon>span {
    display: block;
    top: 50%;
    margin-top: -1px;
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.ui-nav-btn>.ui-nav-icon>span,.ui-nav-btn>.ui-nav-icon>span:after,.ui-nav-btn>.ui-nav-icon>span:before {
    position: absolute;
    width: 1.25rem;
    height: .125rem;
    border-radius: .125rem;
    background-color: var(--c-toggle,#000e47);
    transition: transform .15s ease,background-color .3s ease
}

.ui-nav-btn>.ui-nav-icon>span:after,.ui-nav-btn>.ui-nav-icon>span:before {
    display: block;
    content: ""
}

.ui-nav-btn[aria-expanded=true]:hover {
    opacity: .7
}

.ui-nav-btn[aria-expanded=true] .ui-nav-icon>span {
    transform: rotate(45deg);
    transition-delay: var(--transition-delay);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.ui-nav-btn[aria-expanded=true] .ui-nav-icon>span:before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease,opacity 75ms var(--transition-delay) ease
}

.ui-nav-btn[aria-expanded=true] .ui-nav-icon>span:after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 75ms ease,transform 75ms var(--transition-delay) cubic-bezier(.215,.61,.355,1)
}

.ui-nav-btn[aria-expanded=false] .ui-nav-icon>span:before {
    top: -.375rem;
    transition: top 75ms var(--transition-delay) ease,opacity 75ms ease
}

.ui-nav-btn[aria-expanded=false] .ui-nav-icon>span:after {
    bottom: -.375rem;
    transition: bottom 75ms var(--transition-delay) ease,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.ui-nav-btn[aria-expanded=false]:hover .ui-nav-icon>span,.ui-nav-btn[aria-expanded=false]:hover .ui-nav-icon>span:after,.ui-nav-btn[aria-expanded=false]:hover .ui-nav-icon>span:before {
    background-color: #005eff
}

.ic-account_circle:before {
    content: "\e853"
}

.ic-chevron_right:before {
    content: "\e5cc"
}

.ic-do_not_disturb_on:before {
    content: "\e644"
}

.ic-euro_symbol:before {
    content: "\e92a"
}

.ic-help:before {
    content: "\e887"
}

.ic-home:before {
    content: "\e88a"
}

.ic-home_work:before {
    content: "\ea09"
}

.ic-person:before {
    content: "\e7fd"
}

.ic-rocket_launch:before {
    content: "\eb9b"
}

.ic-send:before {
    content: "\e163"
}

.ic-settings:before {
    content: "\e8b8"
}

.ic-shopping_cart:before {
    content: "\e8cc"
}

.ic-so_auto_awesome:before {
    content: "\f8c2"
}

.ic-so_tips:before {
    content: "\f8c1"
}

.ic-tune:before {
    content: "\e429"
}

#appHeader {
    --w-top-header: calc(100% - 2rem);
    top: 0;
    position: sticky;
    height: var(--h-app-header,76px);
    padding-top: var(--h-app-header,76px);
    z-index: 999;
    background-color: var(--bg-c-appHeader,#fff);
    color: var(--c-appHeader,inherit);
    box-shadow: var(--b-sh-def,0 2px 1px rgba(0,0,0,.15));
    transition: top .2s ease-out
}

#appHeader:focus-visible:not(.uiFinderQuery) {
    background-color: rgba(0,94,255,.145);
    outline: 3px solid rgba(0,94,255,.145)
}

#appHeader>header {
    position: absolute;
    flex-direction: row;
    width: 100%;
    max-width: var(--max-w-appHeader,1280px);
    height: inherit;
    margin: 0 auto;
    background-color: #fff
}

#appHeader .ui-logo-ua,#appHeader>header {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

#appHeader .ui-logo-ua {
    position: relative;
    left: 0;
    overflow: hidden;
    min-height: var(--h-appHeader,76px);
    flex-flow: row-reverse;
    padding-left: 1rem;
    background-color: var(--bg-c-appHeader,transparent)
}

body:not(.xNavOn) #appHeader #appNav,body:not(.xNavOn) #appHeader #appUserInfos,body:not(.xNavOn) #appHeader .ui-logo-ua {
    transition: translate .2s ease-in
}

#appUserInfos {
    display: flex;
    padding-right: 1rem;
    flex-direction: var(--flex-d-userInfos,row-reverse)
}

#appUserInfos:before {
    content: unset
}

#appUserInfos>li:first-of-type {
    min-width: 8rem;
    z-index: 1;
    text-align: right;
    transition: translate .3s
}

#appUserInfos .ui-uid {
    text-transform: uppercase
}

#appAccount:not(.ui-btn-usr) {
    --bg-c-btn-base: #2836e0;
    --bg-c-btn-hover: #005eff;
    --bg-c-btn-active: #0071ff;
    --m-btn: 0
}

#appAccount.ui-btn-usr {
    --bg-c-btn-base: #fafafa;
    --bg-c-btn-hover: #f5f5f5;
    --bg-c-btn-active: #f5f5f5;
    --m-btn: 0
}

#appAccountMenu {
    padding: 0
}

#appAccountMenu>div {
    padding: 1.25rem
}

#appAccountMenu .ui-title {
    text-align: left;
    font-weight: 500
}

#appAccountMenu nav {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#appAccountMenu hr {
    flex: 0 0 auto
}

#appAccountMenu .ui-ntf {
    margin-bottom: 1.25rem
}

#appAccountMenu .ui-ntf>.ui-label {
    min-width: 10rem
}

#appAccountExit {
    width: 100%;
    container-type: inline-size
}

#button_myaccount {
    --dp-ld: inline-flex
}

#appCart {
    position: relative;
    display: var(--dp-cart,none)
}

#appCart:not([data-nb="0"]) {
    --dp-cart: inline-flex;
    margin-left: .5rem
}

#appCart>#cartPrdNb[data-nb="0"] {
    display: none
}

#appCart>#cartPrdNb:not([data-nb="0"]) {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 625rem;
    background-color: var(--bg-c-prd-nb,#005eff);
    color: #fff;
    font-size: .625rem
}

#appCart>#cartPrdNb:not([data-nb="0"])[data-nb="!"] {
    --bg-c-prd-nb: #ce0031
}

#appCart>#cartPrdNb:not([data-nb="0"]):after {
    content: attr(data-nb)
}

.ui-pro-menu,.ui-usr-menu {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.ui-pro-menu a:not(.ui-btn),.ui-usr-menu a:not(.ui-btn) {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 2rem .5rem 0;
    white-space: nowrap;
    width: 240px
}

.ui-pro-menu a:not(.ui-btn) span,.ui-usr-menu a:not(.ui-btn) span {
    flex: 0 0 auto
}

.ui-pro-menu a:not(.ui-btn):hover,.ui-usr-menu a:not(.ui-btn):hover {
    color: #005eff;
    background-color: #f2f9fd
}

.ui-pro-menu a:not(.ui-btn):hover>[class^=ic-],.ui-usr-menu a:not(.ui-btn):hover>[class^=ic-] {
    font-weight: 1000
}

.ui-pro-menu a:not(.ui-btn)[data-task]:after,.ui-usr-menu a:not(.ui-btn)[data-task]:after {
    position: absolute;
    right: 0;
    display: inherit;
    align-items: inherit;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 625rem;
    color: #fff;
    background-color: #005eff;
    content: "i"
}

.ui-pro-menu a:not(.ui-btn) .ui-acronym,.ui-usr-menu a:not(.ui-btn) .ui-acronym {
    display: inherit;
    align-items: inherit;
    justify-content: center;
    font-size: .75rem;
    font-weight: 700;
    width: 1.25rem;
    height: 1.25rem;
    margin: 2px;
    border-radius: 625rem;
    color: #067f43;
    background-color: #c2e7cf
}

.ui-pro-menu a:not(.ui-btn)>.ui-label,.ui-usr-menu a:not(.ui-btn)>.ui-label {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

.ui-pro-menu a:not(.ui-btn)>[class^=ic-],.ui-usr-menu a:not(.ui-btn)>[class^=ic-] {
    font-size: 150%
}

.ui-pro-menu a:not(.ui-btn) .ic-add_circle,.ui-usr-menu a:not(.ui-btn) .ic-add_circle {
    font-weight: 1000
}

.ui-dbox.ui-usr-tools {
    display: flex;
    align-items: center;
    user-select: none
}

.ui-dbox.ui-usr-tools>li {
    position: relative;
    padding: .875rem 0
}

.ui-dbox.ui-usr-tools>li>ul .uiIcon {
    font-size: 1.5rem
}

@keyframes fromTop {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        display: flex;
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.ui-nfiniteBar {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: .25rem;
    background-color: #b8dfff;
    z-index: var(--z-nfinite-bar,1)
}

.ui-nfiniteBar:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #005eff;
    border-radius: .25rem;
    content: "";
    animation: nFiniteBar 2s infinite
}

.ui-spinner {
    transform-origin: 24px 24px;
    animation: spinRotate 2s linear infinite
}

.ui-spinner-path {
    stroke: var(--stroke-spinner,#005eff);
    stroke-linecap: round;
    animation: spinDash 1.5s ease-in-out infinite
}

.ui-bouncer {
    fill: var(--fill-bouncer,#005eff)
}

@keyframes nFiniteBar {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(200%)
    }
}

@keyframes spinRotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinDash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

body.xFindOn {
    --dp-finder-start: none;
    --dp-finder-ua: none;
    --c-finder-placeholder: #646e9f;
    --b-finder: 1px solid #c4c4c4;
    overflow: hidden
}

body.xFindOn #appHeader #appNav,body.xFindOn #appHeader #appUserInfos,body.xFindOn #appHeader .ui-logo-ua {
    translate: 0 var(--translate-y-finder,-76px)
}

body.xFindOn:not([data-app=home]) #appHeader {
    --b-sh-def: none;
    --p-finder: 0 1rem 0 3rem;
    z-index: 1000
}

body.xFindOn #appFinder {
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    --h-app-search: 3rem
}

body.xFindOn #appFinder input {
    opacity: revert
}

body.xFindOn #appFinder:hover input {
    cursor: auto
}

.xFindOn.xFloatOn .ui-serp {
    pointer-events: none
}

.xFindOn.xFloatOn #appFinder,.xFindOn.xFloatOn #appHeader {
    position: relative;
    top: -5rem!important
}

#appAdvSearch,#appSearch {
    position: relative;
    height: var(--h-app-search,3rem)
}

#appSearch {
    display: flex;
    width: var(--w-app-search,auto);
    margin-left: var(--m-l-app-search,auto);
    min-width: 3rem
}

#appAdvSearch {
    width: 100%
}

#appFinder {
    position: absolute;
    right: 0;
    display: flex;
    width: var(--w-app-finder,100%);
    height: var(--h-app-search,3rem);
    background-color: #fff;
    border: var(--b-finder,none);
    border-radius: 625rem
}

#appFinder input {
    padding: 0
}

#appFinder>form {
    width: inherit;
    height: inherit
}

#appDocsFinder {
    --p-finder: 0 0 0 2.5rem;
    --dp-finder-tools: flex
}

#appDocsFinder #appDocsHead {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding-bottom: 1rem;
    z-index: 1;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

#appDocsFinder #appDocsHead>div:not(:empty) {
    padding: 1.25rem 1.25rem 0
}

#appDocsFinder #appDocsHead>div:not(:empty) p {
    font-weight: 500;
    color: #646e9f
}

#appDocsFinder #appDocsHead>div:not(:empty) div {
    margin-top: 1.25rem;
    display: flex;
    gap: .5rem;
    align-items: center
}

#appDocsFinder #appDocsHead>div:not(:empty) div .xActive {
    border-color: #005eff;
    background-color: #f2f9fd;
    color: #005eff
}

#appDocsFinder form {
    padding: 1.25rem;
    border-bottom: 1px solid #babfd6
}

#appDocsFinder form .ui-finder-close {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #646e9f
}

#appDocsFinder svg {
    margin: 1.25rem auto
}

#appDocsFinder .ic-error {
    font-size: 1.5rem;
    font-weight: 1000;
    color: #005eff
}

#appDocsFinder .ui-status {
    margin: 1.25rem;
    text-align: center;
    color: #646e9f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

#appDocsFinder .ui-finder>.ic-search {
    top: auto;
    left: 0;
    translate: 0 0
}

#appDocsFinder .ui-finder,#appFinder .ui-finder {
    position: relative;
    display: flex;
    height: var(--h-finder,100%);
    padding: var(--p-finder,0);
    align-items: center;
    width: inherit;
    z-index: 1
}

#appFinder:focus-within {
    border-color: #646e9f;
    outline: transparent;
    border-radius: 9999px
}

.ui-finder>.ic-search {
    display: var(--dp-finder-search,block);
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    font-size: 1.5rem;
    font-weight: 1000;
    translate: -50% -50%;
    z-index: -1
}

.ui-finder-tools {
    display: var(--dp-finder-tools,flex);
    align-items: center;
    gap: .25rem
}

.ui-finder-tools .ic-cancel {
    position: relative;
    display: block;
    padding: .625rem;
    color: #8e95ba;
    font-weight: 1000
}

.ui-finder-q:placeholder-shown~.ui-finder-tools>.ic-cancel {
    display: none
}

.ui-finder:not(.uiErr):hover {
    --cgaBdr: #646e9f
}

.ui-finder:not(.uiErr):focus-within {
    --cgaBdr: var(--cgaAH)
}

.ui-finder.uiErr:focus-within,.ui-finder.uiErr:hover {
    --cgaBdr: var(--cgaKO)
}

.ui-finder>.ui-finder-q {
    width: 100%;
    height: inherit;
    background-color: transparent;
    border: none
}

.ui-finder-q:placeholder-shown~a {
    display: block
}

#uqFieldAC:focus,#uqFieldAC:focus-visible,#uqFieldAC:focus-within,#uqFieldAC:hover {
    outline: transparent;
    border: none
}

.ui-serp {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    flex: 0 1 100%
}

.ui-serp>article:not([data-nb="0"])+article {
    margin-top: 1.25rem;
    border-top: 1px solid #babfd6
}

#searchHistoryMb[data-nb="0"],#searchHistory[data-nb="0"],#searchLinks[data-nb="0"],.ui-serp>article:not([data-nb="0"]) .uiNoItem {
    display: none
}

.ui-serp .uiMoreItem {
    margin-top: 1.25rem
}

.ic-search:before {
    content: "\e8b6"
}

.ic-cancel:before {
    content: "\e5c9"
}

.ic-close:before {
    content: "\e5cd"
}

.ic-domain:before {
    content: "\e7ee"
}

.ic-download:before {
    content: "\f090"
}

.ic-sell:before {
    content: "\f05b"
}

.ic-description:before {
    content: "\e873"
}

.ic-west:before {
    content: "\f1e6"
}

.ic-notifications:before {
    content: "\e7f4"
}

.ui-finder-fs {
    --max-w-main: 67.5rem;
    --m-wrap-main: 0 auto;
    --p-wrap: 0 1.25rem 1.25rem;
    --w-wrap: 100%;
    position: fixed;
    display: block;
    overflow: hidden;
    width: 100vw;
    height: calc(100dvh - var(--h-adv-mb, 0px));
    top: 0;
    right: 0;
    bottom: var(--h-adv-mb,0);
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: opacity .5s;
    z-index: 999
}

.ui-finder-fs[aria-expanded=true] {
    opacity: 1
}

.ui-finder-fs[aria-expanded=false] #serpGetBack {
    display: none
}

.ui-finder-fs:not([data-ft-on="0"]) {
    --dp-ft-reset: inline-flex
}

.ui-finder-fs>.ui-wrap-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 5.5rem
}

.ui-finder-fs .ui-drw-panel {
    margin: 0;
    min-height: 22.5rem
}

.ui-finder-fs .ui-drw-panel>header {
    flex: 0 0 auto
}

.ui-finder-fs [data-box-type=drawer]:before {
    content: unset
}

.ui-drw-serp {
    height: calc(100% - 58px)
}

#serpHead {
    --dp-finder: flex;
    --dp-sep-tools: none;
    width: 100%;
    height: 4.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .875rem 0
}

#serpHead #advFinder {
    display: none
}

#serpHead .ic-west {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem
}

#serpOptions {
    position: relative;
    display: var(--dp-serp-opts,block)
}

#serpOptions .ui-serp-filters {
    --dp-backdrop-float: none;
    --b-rd-dbx-btn: 0.5rem;
    display: flex;
    flex-flow: row wrap;
    gap: .5rem
}

#serpOptions .ui-serp-filters .ui-tag {
    position: relative
}

#serpOptions .ui-serp-filters .ui-tag:before {
    font-size: 150%;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    content: "\e5cd"
}

#serpOptions .ui-serp-filter {
    height: 100%;
    width: var(--w-filter,100%);
    max-width: 100vw
}

#serpOptions .ui-serp-filter>div {
    padding: 1.25rem
}

#serpOptions .ui-serp-filter .fl-body {
    --bg-c-tag: none;
    --c-tag: #005eff;
    --b-c-tag: #005eff;
    --h-tag: 2.25rem;
    height: calc(100% - var(--h-fl-body, 156px));
    overflow-y: auto
}

#serpOptions .ui-serp-filter .fl-ua {
    position: absolute;
    bottom: var(--h-adv-mb,0);
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    overflow: hidden
}

#serpOptions .ui-serp-filter .ui-grp-tags {
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    align-items: center;
    max-height: 76px;
    overflow-y: auto
}

#serpOptions .ui-serp-filter .ui-grp-tags .ui-tag {
    overflow: hidden;
    max-width: 100%;
    font-size: .875rem
}

#serpOptions .ui-serp-filter .ui-grp-tags .ui-tag span {
    display: block;
    overflow: inherit;
    text-overflow: ellipsis
}

#serpOptions .ui-serp-sort ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

#serpOptions .ui-serp-sort+p {
    font-weight: 500;
    margin-top: 1.25rem;
    border-top: 1px solid #babfd6;
    padding: 1.25rem 0
}

#serpOptions .ui-serp-sort-dp {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

#serpOptions .ui-serp-sort-dp input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#serpOptions .ui-serp-sort-dp input+label {
    margin: 0
}

#serpOptions .ui-serp-sort-dp input:focus-visible+label {
    outline: 3px solid #b8dfff
}

#serpOptions .ui-serp-sort-dp input:checked+label {
    background-color: #005eff;
    color: #fff
}

#serpOptions .fl-field>ul {
    position: var(--pos-ac-list,absolute);
    overflow-y: auto;
    top: calc(100% + 2px);
    right: 0;
    left: 0;
    max-height: 15rem;
    padding: 0;
    border-radius: .5rem;
    border: 1px solid #babfd6;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    z-index: 1;
    outline: 0
}

#serpOptions .fl-field>ul>li {
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 500
}

#serpOptions .fl-field>ul>li:hover,#serpOptions .fl-field>ul>li[aria-selected=true] {
    background-color: #f2f9fd
}

#serpOptions .fl-field>ul>li mark {
    background-color: transparent;
    color: #005eff;
    font-weight: 700
}

#serpOptions .ui-serp-suggest-dp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem
}

#serpOptions .ui-serp-suggest-dp label {
    font-weight: 500
}

#serpOptions .ui-serp-suggest-dp #dpSuggest:checked~p[data-suggest-on],#serpOptions .ui-serp-suggest-dp #dpSuggest:not(:checked)~p[data-suggest-off] {
    --dp-suggest-tip: block
}

#serpOptions .ui-serp-suggest-dp p {
    display: var(--dp-suggest-tip,none);
    margin-top: .5rem;
    flex: 0 0 100%;
    color: #646e9f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

#serpOptions .ui-dbox-btn {
    border: 1px solid #babfd6
}

#serpOptions .ui-hint {
    margin-top: 1.25rem;
    color: #646e9f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    font-style: italic
}

#serpOptions .ui-hint strong {
    font-weight: 500
}

#serpOptionsUA {
    display: none
}

#serpMonitor {
    --m-btn: 0
}

#ftReset,#serpFtReset {
    --h-btn: 100%;
    margin: 0
}

#ftReset,#mtrFtReset,#serpFtReset {
    display: var(--dp-ft-reset,none)
}

#mtFilters {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

#fmMonitoring {
    --h-fl-body: 88px;
    --w-wrap: 100%
}

#fmMonitoring .fl-field:last-of-type {
    margin-bottom: 1.25rem
}

#appDialog[data-type=payLoad] {
    --p-dialog: 1.25rem
}

#serpStats:not(:empty) {
    display: var(--dp-stats,none);
    color: #646e9f;
    font-weight: 500;
    text-align: center
}

#serpTitle:not(:empty) {
    padding: 1rem 0;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase
}

#serpTitle:not(:empty) .ui-sub {
    font-weight: 400;
    text-transform: lowercase;
    user-select: none
}

#serpTitle:not(:empty) .ui-sub .ui-a {
    cursor: pointer
}

.ui-serp-btn {
    position: relative;
    display: flex;
    align-items: center;
    height: 2.25rem;
    padding: 0 .75rem;
    background-color: var(--bg-c-serp-btn,#fff);
    border-radius: 1.125rem;
    white-space: nowrap
}

.ui-serp-btn:is(a) {
    border: 1px solid var(--c-serp-btn,#babfd6)
}

.ui-serp-btn:is(a):focus,.ui-serp-btn:is(a):focus-visible,.ui-serp-btn:is(a):focus-within,.ui-serp-btn:is(a):hover {
    --bg-c-serp-btn: #f2f9fd
}

.ui-serp-btn:is(a).xActive,.ui-serp-btn:is(a):active {
    --bg-c-serp-btn: #e1f3ff
}

.ui-serp-btn:focus-visible,.ui-serp-btn:hover {
    color: #005eff
}

.ui-serp-btn.is-OFF {
    color: #ce0031;
    --c-serp-btn: #ce0031
}

.ui-serp-btn.is-OFF:focus,.ui-serp-btn.is-OFF:focus-visible,.ui-serp-btn.is-OFF:focus-within,.ui-serp-btn.is-OFF:hover {
    --bg-c-serp-btn: rgba(219,0,56,.08)
}

.ui-serp-btn.is-OFF.xActive,.ui-serp-btn.is-OFF:active {
    --bg-c-serp-btn: rgba(219,0,56,.16)
}

.ui-serp-btn .ui-label,.ui-wrap-ft .ui-label {
    font-weight: 500
}

.ui-serp-btn .ui-label.has-Nb:not([data-nb="0"]):after,.ui-wrap-ft .ui-label.has-Nb:not([data-nb="0"]):after {
    font-size: .875rem;
    font-weight: 400;
    vertical-align: text-bottom;
    content: " (" attr(data-nb) ")"
}

.ui-wrap-ft {
    --p-wrap: 0.75rem;
    position: relative;
    border: 1px solid #babfd6;
    border-radius: .5rem
}

.ui-wrap-ft[disabled] {
    pointer-events: none;
    opacity: .4;
    filter: grayscale(1)
}

.ui-wrap-ft>[data-ft-trigger] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ui-wrap-ft>[data-ft-trigger]>[class^=ic-] {
    font-size: 150%;
    font-weight: 1000;
    color: #005eff;
    cursor: pointer
}

.ui-wrap-ft>[data-ft-trigger]:before {
    position: absolute;
    inset: 0;
    content: ""
}

.ui-wrap-ft>div {
    margin-top: .5rem
}

.ui-wrap-ft+.ui-wrap-ft {
    margin-top: 1rem
}

.ui-wrap-ft+.ui-btn-line {
    margin-top: 1rem;
    width: 100%
}

.ui-wrap-ft>div[data-ft-opts]:empty:before {
    display: block;
    content: attr(data-fl-tip)
}

ul[data-filter] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

ul[data-filter]>li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

ul[data-filter] label {
    font-size: .875rem;
    font-weight: 700
}

#serpSuggest {
    --b-serp-card: none;
    --shadow-serp-card: none;
    --m-t-serp-card-p: 0;
    position: relative;
    height: 100%;
    overflow: auto;
    padding-bottom: 48px
}

#serpSuggest li:not([hidden])~:not([hidden]) {
    margin-top: .5rem
}

#serpSuggest div:not(.ui-sep-cat):hover,#serpSuggest li[aria-selected=true]>div:not(.ui-sep-cat) {
    background-color: #f2f9fd
}

#serpUA {
    --m-btn: 0;
    position: fixed;
    width: 100vw;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    padding: 1.25rem 0;
    z-index: 1;
    translate: 0 100%;
    transition: translate .3s
}

#serpUA.is-ON {
    translate: 0 0
}

#serpToolBar {
    position: absolute;
    bottom: calc(100% + 1px);
    text-align: center;
    padding: .75rem;
    background-color: inherit;
    border-radius: .5rem .5rem 0 0
}

#serpResults {
    position: relative;
    overflow: auto;
    scroll-margin-top: 60px
}

#serpResults.is-AC:not(.is-Empty) {
    mask-image: linear-gradient(180deg,transparent,#000 2rem,#000 calc(100% - 5rem),transparent)
}

#serpResults.is-Empty {
    overflow: visible;
    pointer-events: none
}

#serpResults .ui-ntf header {
    font-weight: 700
}

#serpResults .ui-ntf header+p {
    margin-top: .75rem
}

#serpResults ul[data-q] {
    --m-sep-cat: 2.5rem 0 1.25rem
}

#serpResults .ui-sep-cat {
    border-bottom: 1px solid #babfd6;
    margin: var(--m-sep-cat,.25rem 0);
    padding: 1.25rem .5rem .5rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: default;
    user-select: none
}

#serpResults mark {
    background-color: var(--bg-data-type,transparent);
    color: var(--c-data-type,#005eff);
    font-weight: 700
}

#serpResults .ui-ntf {
    margin-block:1.25rem}

.ui-prm+.ui-serp-card {
    margin-top: 1.25rem
}

.ui-serp-card {
    position: relative;
    display: flex;
    gap: .75rem;
    padding: var(--p-serp-card,.75rem 1rem);
    border: var(--b-serp-card,1px solid #babfd6);
    border-radius: .5rem;
    background-color: #fff;
    cursor: pointer
}

.ui-serp-card:hover:not([data-type=document]) {
    background-color: #f2f9fd
}

.ui-serp-card:not([hidden])~:not([hidden]) {
    margin-top: 1.25rem
}

.ui-serp-card:not([data-type=document])>span:first-of-type {
    font-size: 1.5rem;
    flex: 0 0 1.5rem;
    align-self: baseline
}

.ui-serp-card[data-type=companies]>span:first-of-type,.ui-serp-card[data-type=establishments]>span:first-of-type {
    position: relative
}

.ui-serp-card[data-type=companies]>span:first-of-type.is-Closed,.ui-serp-card[data-type=establishments]>span:first-of-type.is-Closed {
    --bg-c-status: #ce0031;
    --content-status: "\e5cd"
}

.ui-serp-card[data-type=companies]>span:first-of-type:after,.ui-serp-card[data-type=establishments]>span:first-of-type:after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    right: -6px;
    top: -6px;
    border-radius: 625rem;
    border: 2px solid #fff;
    color: #fff;
    background-color: var(--bg-c-status,#067f43);
    font-size: .625rem;
    content: var(--content-status,"\e5ca")
}

.ui-serp-card[data-type=document] {
    --p-serp-card: 1.25rem;
    --shadow-serp-card: none;
    --m-t-serp-card-p: 0;
    flex-direction: column;
    gap: .5rem;
    margin: 1.25rem;
    background-color: #fafdff
}

.ui-serp-card[data-type=document]>span:first-of-type {
    font-size: .875rem
}

.ui-serp-card[data-type=document] .ui-date,.ui-serp-card[data-type=document] .ui-relevance {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #646e9f
}

.ui-serp-card[data-type=document] header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ui-serp-card[data-type=document] header>p {
    display: flex;
    max-width: calc(100% - 3.5rem);
    align-items: center;
    gap: .5rem
}

.ui-serp-card[data-type=document] header>p .ic-description {
    flex: 0 0 auto;
    font-size: 125%;
    font-weight: 1000;
    color: #005eff
}

.ui-serp-card[data-type=document] header>p .ui-title {
    flex: 1 1 0%;
    font-size: medium;
    font-weight: 700;
    line-height: 1.25rem
}

.ui-serp-card[data-type=document]>div {
    width: 100%;
    padding: .75rem;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    background-color: #fff
}

.ui-serp-card[data-type=document]>div mark {
    color: #fff;
    background-color: #005eff;
    padding: 0 .25rem
}

.ui-serp-card>div:not(.ui-ua) {
    flex: 1 1 auto
}

.ui-serp-card>.ui-ua {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    flex: 0 0 auto;
    width: var(--w-serp-card-ua,4rem)
}

.ui-serp-card>.ui-ua .ui-btn-icon,.ui-serp-card>.ui-ua .ui-tag {
    color: #005eff
}

.ui-serp-card>.ui-ua .ui-btn-icon>*,.ui-serp-card>.ui-ua .ui-tag>* {
    color: inherit
}

.ui-serp-card>.ui-ua .ui-tag {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #005eff;
    background-color: #e1f3ff;
    border-color: #005eff
}

.ui-serp-card>.ui-ua .ui-tag>* {
    color: inherit
}

.ui-serp-card>.ui-ua .ui-btn-icon {
    position: relative
}

.ui-serp-card p:not(.ui-label) {
    margin-top: var(--m-t-serp-card-p,.75rem);
    font-size: .875rem;
    color: #45518c
}

.ui-serp-card p:not(.ui-label)+p {
    margin-top: .25rem
}

.ui-serp-card span {
    color: var(--c-data-type,inherit)
}

.ui-serp-card>button {
    flex: 0 0 2.5rem;
    align-self: center;
    color: #005eff;
    z-index: 2
}

.ui-serp-card>button :is([class^=ic-]) {
    --c-data-type: unset
}

.ui-serp-card .ui-label {
    font-weight: 500;
    color: var(--c-data-type,inherit)
}

.ui-serp-card .ui-label>span:not(:last-of-type) {
    margin-right: .5rem
}

.ui-serp-card .ui-tag {
    display: inline-flex;
    align-items: center;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    vertical-align: middle;
    color: var(--c-tag)
}

.ui-serp-card .ui-tag>span {
    color: var(--c-tag)
}

.ui-serp-card .ui-tag.is-S {
    --h-tag: 20px
}

.ui-serp-card .ui-data,.ui-serp-card .ui-sub {
    font-size: .875rem;
    color: var(--c-serp-data,#45518c)
}

.ui-serp-card .ui-sub {
    --c-serp-data: #646e9f;
    margin-left: .5rem;
    white-space: nowrap;
    font-weight: 500
}

.ui-serp-card .ui-query {
    font-weight: 500
}

.ui-serp-card .ui-datalist {
    --m-t-datalist: 0;
    font-size: .875rem
}

.ui-serp-card .ui-datalist li:first-of-type {
    margin-top: .75rem
}

.ui-serp-card .ui-datalist li+li {
    margin-top: .25rem
}

.ui-serp-card .ui-datalist li>.ui-label {
    color: #45518c;
    font-weight: 400
}

.ui-serp-card .ui-datalist li>.ui-label:after {
    content: " : "
}

.ui-serp-card .ui-datalist li>span:not(.ui-label) {
    font-weight: 500
}

#appAgentConversation {
    position: var(--pos-conversation,static);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
    height: 50vh
}

.ui-agent-q {
    display: inline-flex;
    width: fit-content;
    margin-inline:auto 1rem;background-color: #f4f4fa;
    padding: .75rem 1.5rem;
    border-radius: 2rem 0 2rem 2rem;
    word-break: break-word;
    color: #1e2f73
}

.ui-agent-a {
    padding: 1.25rem;
    margin-inline:1rem;background-color: #fafafa;
    border: 1px solid #e9e9e9;
    border-radius: 2rem;
    word-break: break-word
}

.ui-agent-a,.ui-agent-a .ui-agent-r {
    display: block
}

.ui-agent-a .ui-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    font-size: .875rem
}

.ui-agent-a .ui-toolbar [class*=ui-btn].is-MS {
    --p-btn: 0 0.75rem;
    --bg-c-btn: #fff;
    --bg-c-btn-hover: #fff;
    --bg-c-btn-active: #fff;
    border-color: #e4e5ee
}

.ui-agent-a .ui-toolbar [class*=ui-btn].is-MS:is(:hover,:focus-visible,.xOn):not(:disabled):not(.xDisabled) {
    border-color: #005eff
}

.ui-agent-a .ui-toolbar .ui-label {
    color: #000e47;
    font-weight: 400
}

.ui-agent-file {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-block:1rem;padding: .5rem;
    border: 1px solid #e4e5ee;
    background-color: #f5f5f5;
    border-radius: 1rem
}

.ui-agent-file>a,.ui-agent-file>span {
    flex: 0 0 auto
}

.ui-agent-file>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-weight: 1000;
    font-size: 1.5rem;
    background-color: #e1f3ff;
    border-radius: 625rem;
    color: #005eff
}

.ui-agent-file>a {
    margin: 0 0 0 auto
}

#appAgentPrompt {
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem
}

#appAgentPrompt .ui-question {
    position: relative;
    min-height: 6rem;
    background-color: #f4f4fa;
    border-radius: 1.5rem
}

#appAgentPrompt .ui-question #uqPrompt {
    position: relative;
    display: block;
    width: calc(100% - 1rem);
    min-height: inherit;
    max-height: 144px;
    padding: 1.25rem;
    overflow-y: auto;
    word-break: break-word;
    z-index: 1
}

#appAgentPrompt .ui-question #uqPrompt:before {
    position: absolute;
    display: block;
    color: #646e9f;
    content: "Posez une question ou demandez un service...";
    z-index: -1;
    pointer-events: none
}

#appAgentPrompt .ui-question #uqPrompt:not(:empty):before {
    content: ""
}

#appAgentPrompt .ui-question #uqPrompt .ui-dbox[data-box-type=float]:before {
    content: unset
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item] {
    --p-wrap: 0
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item]>.ui-wrap {
    position: fixed;
    overflow: hidden
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item]>[data-box-btn] {
    min-height: 3.5rem
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item]>[aria-expanded=false]+.ui-content {
    --dp-wrap: none
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item]>[aria-expanded=true]+.ui-content {
    --dp-wrap: block;
    translate: 0 calc(-100% - 3.5rem)
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item] li[data-suggest] {
    padding: .5rem 1rem;
    cursor: pointer
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item] li[data-suggest]:hover {
    color: #005eff;
    background-color: #f2f9fd
}

#appAgentPrompt .ui-question #uqPrompt [data-box-item] li[data-suggest]:focus-visible {
    outline: 1px solid #005eff
}

#appAgentPrompt .ui-agent-suggestions {
    display: block;
    user-select: none;
    color: #45518c;
    order: var(--flex-o-suggestions,0);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

body[data-app=ia] {
    --max-w-main: 800px;
    --pos-conversation: relative
}

body[data-app=ia] .ui-beta {
    --bg-c-tip: #2836e0;
    --p-tip: 1rem;
    --max-w-tip: 25rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: fit-content;
    margin: 1.25rem auto
}

body[data-app=ia] .ui-beta .ic-help {
    font-size: 125%
}

body[data-app=ia] .ui-beta .ui-tip {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

body[data-app=ia] .ui-beta .ui-grp-ua {
    margin-top: 1rem
}

body[data-app=ia] .fl-textarea {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

body[data-app=ia] .fl-textarea textarea {
    border: 1px solid #babfd6;
    border-radius: .5rem;
    padding: .75rem
}

body[data-app=ia] .fl-textarea label {
    font-weight: 400;
    font-size: medium
}

#_welcomeAgent {
    position: absolute;
    display: block;
    width: var(--w-welcome,calc(100% - 2.5rem));
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    font-size: var(--f-s-welcome,1.5rem);
    font-weight: 700;
    line-height: var(--l-h-welcome,2rem)
}

#_welcomeAgent .ui-hl {
    display: inline-flex;
    min-width: fit-content;
    color: #005eff;
    word-break: break-all
}

.agent-wrap-nav {
    position: relative;
    display: flex;
    padding: 1.25rem 0;
    overflow-x: scroll;
    white-space: nowrap;
    scroll-behavior: smooth;
    user-select: none;
    cursor: grab;
    mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    scrollbar-width: none
}

.agent-wrap-nav::-webkit-scrollbar {
    display: none
}

.agent-wrap-nav ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.25rem
}

.agent-wrap-nav li {
    flex: 0 0 auto
}

.agent-wrap-nav li.ui-dummy {
    visibility: hidden
}

.agent-wrap-nav li .ui-badge {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: #fbfaff;
    border-radius: 625rem;
    border: 1px solid #babfd6;
    padding: 6px 1rem;
    transition: background-color .3s;
    cursor: pointer
}

.agent-wrap-nav li .ui-badge:focus-visible,.agent-wrap-nav li .ui-badge:hover {
    color: #000e47;
    background-color: #f4f4fa;
    border-color: #000e47
}

.agent-wrap-nav li .ui-badge:focus-visible {
    outline: 1px solid #005eff
}

.agent-wrap-nav li .ui-badge>span {
    font-size: 150%
}

#promptACList {
    padding: .25rem 1rem
}

#promptACList>ul {
    color: #9d9d9d;
    background-color: #fff;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    overflow: hidden;
    padding-block:.5rem}

#promptACList>ul li {
    padding: .25rem .5rem
}

#promptACList>ul>[aria-selected] {
    background-color: #f4f4fa;
    color: initial
}

#promptACList>ul mark {
    background-color: initial
}

.ui-announcement-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: none;
    opacity: 0;
    padding: var(--p-announcement,1rem);
    background-color: rgba(0,94,255,.2);
    border-radius: var(--rd-announcement,1rem)
}

.ui-announcement-banner>div:first-of-type {
    display: var(--dp-announcement,block);
    align-items: center;
    gap: 2rem
}

.ui-announcement-banner.isOn {
    display: block;
    animation: Opening .3s ease-in forwards;
    opacity: 1
}

.ui-announcement-banner.isOff {
    display: block;
    animation: Ending .3s ease-in forwards
}

.ui-announcement-banner .ui-h6 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.ui-announcement-banner .ui-content {
    display: flex;
    align-items: center;
    gap: var(--spacing-content,1rem)
}

.ui-announcement-banner .ui-picto {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: var(--flex-a-s-picto,start);
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 625rem;
    background-color: #2836e0
}

.ui-announcement-banner .ui-picto>span {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 1000
}

.ui-announcement-banner .ic-close {
    display: var(--dp-close,block);
    position: absolute;
    top: var(--top-close,28px);
    right: var(--spacing-content,1rem);
    font-size: 150%;
    color: #2836e0;
    translate: 0 -50%;
    cursor: pointer
}

.ui-announcement-banner .ui-grp-ua {
    flex: 0 0 auto;
    margin-top: var(--m-t-grp-ua,1rem)
}

body[data-app=home] .ui-announcement-banner {
    translate: var(--translate-announcement,0 -2rem)
}

body[data-app=company]:not([data-fa]) .ui-announcement-banner.isOn+.ui-breadcrumb {
    margin-top: -1.5rem
}

body#body-compte[data-section=synthese] .ui-announcement-banner {
    background-color: #b8dfff;
    margin: 0 0 1.25rem
}

@keyframes Opening {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes Ending {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

.ui-a-def {
    --c-a-base: #005eff
}

.ui-a-alt {
    --c-a-hover: #24357b
}

.ui-a-alt.xDisabled,.ui-a-def.xDisabled,.ui-a.xDisabled {
    pointer-events: none;
    color: #9d9d9d
}

.ui-a-alt:not(.xDisabled):not(:is(p)),.ui-a-def:not(.xDisabled):not(:is(p)),.ui-a:not(.xDisabled):not(:is(p)) {
    cursor: pointer;
    transition: color .3s
}

.ui-a-alt:not(.xDisabled):not(:is(p)):focus-visible,.ui-a-alt:not(.xDisabled):not(:is(p)):hover,.ui-a-def:not(.xDisabled):not(:is(p)):focus-visible,.ui-a-def:not(.xDisabled):not(:is(p)):hover,.ui-a:not(.xDisabled):not(:is(p)):focus-visible,.ui-a:not(.xDisabled):not(:is(p)):hover {
    color: var(--c-a-hover,#0086ff)
}

.ui-a-alt.is-OFF,.ui-a-def.is-OFF,.ui-a.is-OFF {
    --c-a-base: #ce0031;
    --c-a-hover: #db0038
}

.ui-a-alt.xMore:after,.ui-a-def.xMore:after,.ui-a.xMore:after {
    font-family: soIcons;
    font-size: 150%;
    font-weight: 400;
    content: "\e313"
}

.ui-a {
    position: relative;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: var(--gap-a,.25rem);
    font-weight: 500;
    color: var(--c-a-base,#005eff)
}

.ui-a.is-M {
    font-size: .875rem
}

.ui-a.is-S {
    font-size: .75rem
}

.ui-a>[class^=ic-] {
    font-size: 150%
}

.ui-a:hover:not(.xDisabled):not(:is(p)):not(:has(span)),.ui-a:hover:not(.xDisabled):not(:is(p))>.ui-label {
    text-decoration: underline
}

.ui-a:hover:not(.xDisabled):not(:is(p))>[class^=ic-] {
    font-weight: 1000
}

.ui-a-alt,.ui-a-def {
    text-decoration: underline;
    color: var(--c-a-base,inherit)
}

.is-a>a:first-of-type {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

[class*=ui-btn] {
    --bg-c-btn-base: #005eff;
    --bg-c-btn-hover: #0071ff;
    --bg-c-btn-active: #0086ff;
    --c-btn-base: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap-btn,.5rem);
    height: var(--h-btn,3rem);
    margin: var(--m-btn,.5rem 0);
    padding: var(--p-btn,0 1rem);
    border: var(--b-btn,none);
    border-radius: var(--b-rd-btn,.5rem);
    background-color: var(--bg-c-btn,var(--bg-c-btn-base));
    color: var(--c-btn,var(--c-btn-base));
    font-weight: 500;
    transition: border .3s,background-color .3s,color .3s
}

[class*=ui-btn]:is(:hover,:focus-visible,.xOn):not(:disabled):not(.xDisabled) {
    background-color: var(--bg-c-btn-hover,var(--bg-c-btn-hover-base));
    text-decoration: none
}

[class*=ui-btn]:is(:hover,:focus-visible,.xOn):not(:disabled):not(.xDisabled)>[class^=ic-] {
    font-weight: 1000
}

[class*=ui-btn].xOn {
    cursor: default
}

[class*=ui-btn]:active:not(:disabled):not(.xDisabled) {
    background-color: var(--bg-c-btn-active,var(--bg-c-btn-active-base))
}

[class*=ui-btn]:is(:disabled,.xDisabled) {
    --bg-c-btn: var(--bg-c-btn-disabled,hsla(0,0%,96%,.6));
    --c-btn: var(--c-btn-disabled,rgba(85,85,85,.6));
    cursor: not-allowed
}

[class*=ui-btn].is-OFF {
    --bg-c-btn-base: #ce0031;
    --bg-c-btn-hover: #db0038;
    --bg-c-btn-active: #ed0a3f
}

[class*=ui-btn].is-M {
    --p-btn: 0 0.5rem;
    --h-btn: 2.5rem;
    --f-s-icon: 125%
}

[class*=ui-btn].is-MS {
    --p-btn: 0 0.25rem;
    --h-btn: 2rem;
    --fs-icon: 125%
}

[class*=ui-btn].is-S {
    --p-btn: 0 0.25rem;
    --h-btn: 1.5rem;
    --f-s-icon: 100%
}

[class*=ui-btn]>[class*=ic-] {
    font-size: var(--f-s-icon,150%)
}

[class*=ui-btn]>.ui-label {
    white-space: nowrap
}

[class*=ui-btn]:not(:disabled):not(.xDisabled).is-R {
    --bg-c-btn: var(--c-btn-base);
    --c-btn: var(--bg-c-btn-base)
}

[class*=ui-btn]:not(:disabled):not(.xDisabled).is-R:active {
    background-color: var(--bg-c-btn-active-base,#e1f3ff)
}

[class*=ui-btn]:not(:disabled):not(.xDisabled):is(.is-R:hover,.is-R:focus-visible) {
    background-color: var(--bg-c-btn-hover-base,#f2f9fd)
}

[class*=ui-btn]:not(:disabled):not(.xDisabled).is-FK {
    --bg-c-btn-base: #2836e0;
    --c-btn-base: #fff;
    pointer-events: none
}

[class*=ui-btn][hidden] {
    display: none
}

[class*=ui-btn]:visited {
    text-decoration: none
}

.ui-btn-flat,.ui-btn-icon,.ui-btn-line {
    --bg-c-btn-base: #fff;
    --bg-c-btn-hover-base: hsla(0,0%,100%,.08);
    --bg-c-btn-active-base: hsla(0,0%,100%,.16);
    --bg-c-btn: rgba(0,94,255,0);
    --bg-c-btn-hover: rgba(0,94,255,.08);
    --bg-c-btn-active: rgba(0,94,255,.16);
    --c-btn-base: hsla(0,0%,100%,0);
    --c-btn: #005eff
}

.ui-btn-flat:is(:disabled,.xDisabled):not(.is-R),.ui-btn-icon:is(:disabled,.xDisabled):not(.is-R),.ui-btn-line:is(:disabled,.xDisabled):not(.is-R) {
    --bg-c-btn: hsla(0,0%,96%,0)
}

.ui-btn-flat:is(:disabled,.xDisabled).is-R,.ui-btn-icon:is(:disabled,.xDisabled).is-R,.ui-btn-line:is(:disabled,.xDisabled).is-R {
    --bg-c-btn-disabled: hsla(0,0%,96%,0);
    --c-btn-disabled: hsla(0,0%,96%,.6)
}

.ui-btn-flat.is-OFF,.ui-btn-icon.is-OFF,.ui-btn-line.is-OFF {
    --bg-c-btn-hover: rgba(219,0,56,.08);
    --bg-c-btn-active: rgba(219,0,56,.16);
    --c-btn: #ce0031
}

.ui-btn-line {
    --b-btn: 1px solid var(--c-btn)
}

.ui-btn-flat {
    --min-w-btn: var(--h-btn,3rem);
    --p-btn: 0 0.5rem
}

.ui-btn-icon,.ui-btn-usr {
    --p-r-fxslide: 0;
    --b-rd-btn: 625rem;
    width: var(--h-btn,3rem);
    margin: 0
}

.ui-btn-usr {
    --c-btn: #000e47
}

.ui-grp-ua {
    display: flex;
    flex-direction: var(--flex-d-grp-ua,column);
    justify-content: var(--flex-j-c-grp-ua,flex-start);
    gap: 1.25rem
}

.ui-grp-ua.has-Abt {
    --flex-d-grp-ua: column
}

.ui-grp-ua [class*=ui-btn] {
    margin: unset
}

.ui-grp-ua .ui-a,.ui-grp-ua .ui-abt-wrap,.ui-grp-ua .ui-btn {
    order: -2
}

@container (min-width: 620px) {
    .ui-grp-ua .ui-a,.ui-grp-ua .ui-abt-wrap,.ui-grp-ua .ui-btn {
        order: 2
    }
}

.ui-grp-ua .ui-btn-line {
    order: -1
}

@container (min-width: 620px) {
    .ui-grp-ua .ui-btn-flat,.ui-grp-ua .ui-btn-line {
        order: 1
    }

    .ui-grp-ua {
        flex-direction: row;
        justify-content: var(--flex-j-c-grp-ua,flex-end);
        align-items: center
    }

    .ui-grp-ua.is-YN [class*=ui-btn] {
        width: calc(50% - .625rem)
    }
}

button[data-copy-tgid]:not(.ui-btn) {
    position: relative
}

button[data-copy-tgid]:not(.ui-btn).ui-btn-line {
    --t-icon: 1px;
    --r-icon: 2px
}

button[data-copy-tgid]:not(.ui-btn)>span[class*=" is-"] {
    position: absolute;
    display: block;
    font-size: 1rem;
    top: var(--t-icon,-.125rem);
    right: var(--r-icon,-.125rem)
}

button[data-fx-slide] {
    position: relative;
    display: var(--dp-fxslide,block);
    width: var(--w-fxslide,100%);
    text-align: var(--t-a-fxslide,left);
    padding-right: var(--p-r-fxslide,2rem);
    padding-left: var(--p-l-fxslide,0)
}

button[data-fx-slide] .ui-icon {
    position: absolute;
    top: 50%;
    left: var(--left-fxslide,unset);
    right: var(--right-fxslide,0);
    color: var(--c-fxslide,#005eff);
    font-size: var(--f-s-fxslide-icon,2rem);
    translate: 0 -50%;
    transform: var(--rotate-fxslide-icon,rotate3d(1,0,0,0deg));
    transition: transform .3s
}

button[data-fx-slide][aria-expanded=true] {
    --rotate-fxslide-icon: rotate3d(1,0,0,180deg)
}

.fl-in:is([type=checkbox],input[type=radio]) {
    --c-active: #005eff;
    --c-active-inner: #fff;
    --c-focus: 1px #000e47;
    --c-b: #8e95ba;
    --c-b-hover: #005eff;
    --c-bg: #d9d9d9;
    --c-disabled: #d9d9d9;
    --c-disabled-inner: #b8dfff;
    --size-chk: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--size-chk);
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    transition: background-color .3s,border-color .3s,box-shadow .2s
}

.fl-in:is([type=checkbox],input[type=radio]):after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)
}

.fl-in:is([type=checkbox],input[type=radio]):disabled {
    --b: var(--c-disabled);
    cursor: not-allowed;
    opacity: .9
}

.fl-in:is([type=checkbox],input[type=radio]):disabled:checked {
    --b: var(--c-active)
}

.fl-in:is([type=checkbox],input[type=radio]):disabled+label {
    cursor: not-allowed
}

.fl-in:is([type=checkbox],input[type=radio]):hover:not(:checked):not(:disabled) {
    --bc: var(--c-b-hover)
}

.fl-in:is([type=checkbox],input[type=radio]):focus-visible {
    box-shadow: 0 0 3px 3px rgba(0,94,255,.4)
}

.fl-in:is([type=checkbox],input[type=radio]):not(.is-Switch) {
    --bc: var(--c-b);
    width: var(--size-chk)
}

.fl-in:is([type=checkbox],input[type=radio]):not(.is-Switch):after {
    opacity: var(--o,0)
}

.fl-in:is([type=checkbox],input[type=radio])+label:not([class*=ui-btn]) {
    line-height: var(--lh-chk,var(--size-chk));
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: .25rem;
    user-select: none
}

.fl-in:is(input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked) {
    --b: var(--c-active);
    --bc: var(--c-active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2,0.85,0.32,1.2)
}

.fl-in:is(input[type=checkbox]:not(.is-Switch):checked,input[type=checkbox]:not(.is-Switch):indeterminate,input[type=radio]:not(.is-Switch):checked) {
    --bc: var(--c-active);
    --o: 1
}

.fl-in:is(input[type=checkbox]:not(.is-Switch):checked,input[type=checkbox]:not(.is-Switch):indeterminate) {
    background: var(--c-active)
}

.fl-in:is(input[type=checkbox]:not(.is-Switch):checked,input[type=checkbox]:not(.is-Switch):indeterminate):disabled {
    background: var(--c-disabled);
    --bc: var(--c-disabled)
}

.fl-in:is(input[type=checkbox]):not(.is-Switch) {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px var(--bc,var(--c-b))
}

.fl-in:is(input[type=checkbox]):not(.is-Switch):not(:indeterminate):after {
    width: 7px;
    height: 14px;
    border: 2px solid var(--c-active-inner);
    border-top: 0;
    border-left: 0;
    left: 9px;
    top: 3px;
    transform: rotate(var(--r,20deg))
}

.fl-in:is(input[type=checkbox]):not(.is-Switch):not(:indeterminate):checked {
    --r: 43deg
}

.fl-in:is(input[type=checkbox]):not(.is-Switch):indeterminate:after {
    width: 9px;
    height: 2px;
    background: var(--c-bg);
    left: 7px;
    top: 10px
}

.fl-in:is(input[type=checkbox]).is-Switch {
    width: 48px;
    background: var(--b,var(--c-bg));
    border-radius: 1.5rem;
    border: 1px solid var(--bc,var(--c-b))
}

.fl-in:is(input[type=checkbox]).is-Switch:after {
    left: 0;
    top: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #fff;
    transform: translateX(var(--x,0));
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

.fl-in:is(input[type=checkbox]).is-Switch:checked {
    --x: 1.5rem
}

.fl-in:is(input[type=checkbox]).is-Switch:disabled:not(:checked):after {
    opacity: .6
}

.fl-in:is(input[type=radio]) {
    --bc: #000e47;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--bc,var(--c-b))
}

.fl-in:is(input[type=radio]):after {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--c-active);
    opacity: 0;
    transform: scale(var(--s,.5))
}

.fl-in:is(input[type=radio]):checked {
    --s: 0.5
}

.fl-box input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0
}

.fl-box input[type=checkbox]:checked+label {
    --bg-c-flbox: #005eff;
    --c-flbox: #fff
}

.fl-box input[type=checkbox]:checked+label:hover {
    --bg-c-flbox: #e1f3ff;
    --c-flbox: #005eff
}

.fl-box input[type=checkbox]:focus-visible+label {
    --bg-c-flbox: #e1f3ff
}

.fl-box label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 2.5rem;
    padding: 0 .5rem;
    border: 1px solid #005eff;
    border-radius: .5rem;
    font-weight: 500;
    background-color: var(--bg-c-flbox,#fff);
    color: var(--c-flbox,#005eff);
    user-select: none;
    cursor: pointer;
    transition: background-color .3s,color .3s
}

.fl-box label:hover {
    --bg-c-flbox: #e1f3ff
}

::-moz-placeholder,::-webkit-input-placeholder,::placeholder {
    font-size: var(--f-s-placeholder,inherit);
    color: #646e9f;
    opacity: 1
}

.fl-bounds {
    container-type: inline-size
}

.fl-group {
    display: flex;
    flex-flow: var(--flex-f,column);
    gap: 1.25rem 2rem;
    align-items: start
}

.fl-group .fl-field {
    width: 100%
}

@container (min-width: 524px) {
    .fl-group {
        --flex-f: row
    }
}

.fl-field label .ui-hint {
    font-weight: 400;
    color: #45518c
}

.fl-input {
    position: relative;
    width: var(--w-field-select,100%);
    max-width: 100%
}

.fl-input.is-Cancelable {
    --p-fl-input: 0.5rem 2.5rem 0.5rem 0.75rem
}

.fl-input.is-Cancelable .ic-cancel {
    position: absolute;
    display: var(--dp-cancel,block);
    padding: .625rem;
    color: #8e95ba;
    font-weight: 1000;
    top: 2px;
    right: 2px
}

.fl-input.is-Cancelable .ic-cancel:focus-visible:before {
    box-shadow: 0 0 1px 1px rgba(0,94,255,.4)
}

.fl-input.is-Datepicker {
    --p-fl-input: 0.5rem 0.75rem 0.5rem 2.5rem
}

.fl-input.is-Datepicker .ic-calendar_month {
    font-size: 1.25rem;
    position: absolute;
    top: calc(50% - 10px);
    left: .75rem
}

.fl-input.is-Datepicker.is-Cancelable {
    --p-fl-input: 0.5rem 2.5rem
}

.fl-input input,.fl-input textarea {
    position: relative;
    padding: var(--p-fl-input,.5rem .75rem);
    width: 100%;
    background-color: var(--bg-c-inputs,transparent);
    border: 1px solid var(--b-c-input,#0c1e5d);
    border-radius: .5rem;
    outline: none
}

.fl-input input::placeholder,.fl-input textarea::placeholder {
    font-size: .75rem
}

.fl-input input:placeholder-shown~.ic-cancel,.fl-input textarea:placeholder-shown~.ic-cancel {
    --dp-cancel: none
}

.fl-input input:disabled,.fl-input input:disabled+.ui-icon,.fl-input textarea:disabled,.fl-input textarea:disabled+.ui-icon {
    pointer-events: none;
    opacity: .4;
    filter: grayscale(1)
}

.fl-input input:read-only,.fl-input textarea:read-only {
    --bg-c-inputs: #fafdff
}

.fl-input input:focus-visible,.fl-input textarea:focus-visible {
    box-shadow: 0 0 1px 1px rgba(0,94,255,.4)
}

.fl-check,.fl-switch {
    display: flex;
    align-items: center;
    gap: .5rem
}

.fl-switch {
    justify-content: space-between
}

.fl-select {
    position: relative;
    width: var(--w-field-select,100%);
    max-width: 100%
}

.fl-select select {
    appearance: none;
    width: 100%;
    padding: .5rem 2.5rem .5rem .75rem;
    background-color: #fff;
    border: 1px solid #0c1e5d;
    border-radius: .5rem
}

.fl-select select+.ui-icon:after {
    position: absolute;
    top: 50%;
    right: .625rem;
    translate: 0 -50%;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 1.5rem;
    content: var(--ic-select,"\e5c5");
    pointer-events: none
}

.fl-select select:focus+.ui-icon:after {
    --ic-select: "\e5c7"
}

.fl-select select:disabled,.fl-select select:disabled+.ui-icon {
    pointer-events: none;
    opacity: .4;
    filter: grayscale(1)
}

.fl-select select:focus-visible {
    box-shadow: 0 0 1px 1px rgba(0,94,255,.4)
}

.fl-select select option:disabled {
    color: #7b7b7b
}

.fl-range {
    display: block;
    width: 100%
}

.fl-slider {
    --bg-c-track: #e1f3ff;
    --lg-start-fill: #005eff;
    --lg-stop-fill: #00a7ff;
    width: calc(100% - 2.5rem);
    margin: auto
}

.fl-slider-area {
    position: relative;
    padding-top: 18px;
    margin: 3rem .75rem 0;
    width: calc(100% - 1.5rem)
}

.fl-slider-track {
    position: relative;
    height: 6px;
    border-radius: 625rem;
    background-color: var(--bg-c-track)
}

.fl-slider-fill {
    height: 100%;
    background: linear-gradient(90deg,var(--lg-start-fill),var(--lg-stop-fill));
    left: 0;
    width: 100%
}

.fl-slider-fill,.fl-slider-handle {
    position: absolute;
    border-radius: 625rem
}

.fl-slider-handle {
    top: 21px;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--lg-start-fill);
    background-color: #fff;
    transform: translate(-50%,-50%);
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    cursor: pointer;
    touch-action: none
}

.fl-slider-handle:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(45,108,223,.16),0 1px 2px rgba(0,0,0,.08)
}

.fl-slider-tooltip {
    bottom: 100%;
    background-color: var(--lg-start-fill);
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    padding: .75rem 1rem;
    border-radius: .5rem;
    white-space: nowrap;
    user-select: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    opacity: 1;
    transition: opacity .12s ease;
    pointer-events: none
}

.fl-slider-tooltip,.fl-slider-tooltip:after {
    position: absolute;
    transform: translateX(-50%)
}

.fl-slider-tooltip:after {
    content: "";
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--lg-start-fill)
}

.fl-slider-inputs {
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: center
}

.fl-slider-inputs>div {
    flex: 0 0 auto;
    padding: .5rem .75rem;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    outline: none;
    display: flex;
    align-items: center;
    gap: .25rem
}

.fl-slider-inputs>div input {
    max-width: 3ch;
    text-align: right
}

.fl-slider-inputs>div .ui-suffix {
    user-select: none
}

.fl-slider.xDisabled {
    opacity: .5;
    filter: grayscale(1);
    pointer-events: none
}

@supports (-ms-ime-align:auto) {
    input::-ms-input-placeholder {
        color: transparent
    }
}

.fl-textarea {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.fl-textarea textarea {
    border: 1px solid #babfd6;
    border-radius: .5rem;
    padding: .75rem
}

.ui-dbox {
    border-top: var(--b-t-dbx,none);
    border-bottom: var(--b-b-dbx,none)
}

.ui-dbox[data-box-type=default] {
    --p-dbx-btn: 0;
    --bg-c-dbx-btn-active: transparent;
    --f-s-dbx-text: 1.25rem;
    --f-w-dbx-title: 500;
    --l-h-dbx-text: 1.75rem;
    --transform-dbx-text: none;
    --right-dbx-icon: 0;
    --f-s-dbx-icon: 1.5rem;
    --p-t-dbx-contentwrapper: 0;
    --p-b-dbx-contentwrapper: 0;
    --p-l-dbx-content: 0
}

.ui-dbox[data-box-type=content] {
    --b-t-dbx: 1px solid #d9d9d9;
    --b-b-dbx: 1px solid #d9d9d9;
    --p-dbx-btn: 1.25rem 4rem 1.25rem 1.25rem;
    --f-s-dbx-text: 1.25rem;
    --l-h-dbx-text: 1.75rem;
    --transform-dbx-text: none;
    --content-less-dbx-icon: "\e15b";
    --content-more-dbx-icon: "\e145";
    --c-dbx-icon: #005eff;
    --right-dbx-icon: 1.25rem;
    --f-s-dbx-icon: 1.5rem;
    --transform-dbx-content: none;
    --transition-dbx-content: none
}

.ui-dbox[data-box-type=float] {
    --f-w-dbx-title: 500;
    --l-h-dbx-text: 1.25rem;
    --p-dbx-btn: 0.5rem 2rem 0.5rem 0.75rem;
    --p-t-dbx-item: 0;
    --p-b-dbx-item: 0;
    --f-s-dbx-icon: 1.25rem;
    --bg-c-dbx-btn-hover: rgba(0,94,255,.08);
    --bg-c-dbx-btn-active: rgba(0,94,255,.16);
    --b-rd-dbx-btn: 2.25rem;
    --p-t-dbx-content: 3rem;
    --p-b-dbx-content: 2rem;
    --b-dbx-content: 1px solid #babfd6
}

.ui-dbox[data-box-type=float]:before {
    position: fixed;
    display: var(--dp-backdrop-float,block);
    inset: 0;
    opacity: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9;
    transform: translateX(-100%);
    transition: opacity 1s;
    content: ""
}

.ui-dbox[data-box-type=float].xFloatOn:before {
    transform: none;
    opacity: 1
}

.ui-dbox[data-box-type=timeline] {
    --b-dbx-item: 1px solid #babfd6;
    --bg-c-dbx-btn-hover: #f2f9fd;
    --bg-c-dbx-btn-active: rgba(0,94,255,.16);
    --f-s-dbx-text: 0.875rem;
    --f-w-dbx-title: 700;
    --l-h-dbx-text: 1.75rem;
    --p-t-dbx-item: 0;
    --p-b-dbx-item: 0;
    --transform-dbx-text: none;
    --right-dbx-icon: 0.5rem;
    --f-s-dbx-icon: 1.5rem;
    --c-dbx-icon: #005eff;
    --p-t-dbx-contentwrapper: 0;
    --p-b-dbx-contentwrapper: 0;
    --p-l-dbx-content: 0
}

.ui-dbox-item {
    --p-wrap: 0;
    position: relative;
    border-top: var(--b-dbx-item,none)
}

.ui-dbox-item:is(.xCurrent) {
    --min-h-dbx-content: none;
    --max-h-dbx-content: none
}

.ui-dbox-item.xCurrent .ui-icon {
    display: none
}

.ui-dbox-item.xCurrent .ui-dbox-btn {
    cursor: default
}

.ui-dbox-item .ui-content {
    position: relative;
    overflow: hidden;
    height: var(--h-dbx-content,0);
    max-height: var(--max-h-dbx-content,0);
    min-height: var(--min-h-dbx-content,0);
    opacity: 0;
    transition: opacity .3s,height .3s,min-height .3s,max-height .3s,padding-top 0s .5s,border 0s .5s
}

.ui-dbox-item.xCollapsed>.ui-label,.ui-dbox-item.xVisible>.ui-label {
    font-weight: var(--f-w-dbx-title,500)
}

.ui-dbox-item.xCollapsed .ui-content,.ui-dbox-item.xVisible .ui-content {
    height: 100%;
    max-height: none;
    border: var(--b-dbx-content,none);
    opacity: 1;
    transition: opacity .6s,height .3s,min-height .3s,max-height .3s
}

.ui-dbox-head {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.ui-dbox-head .ui-picto {
    flex: 0 0 auto
}

.ui-dbox-head .ui-dbox-btn {
    flex: 1 0 auto
}

.ui-dbox-head .ui-dbox-btn[aria-expanded=true]+.uiDropboxTeaser {
    display: none
}

.ui-dbox-item .ui-wrap {
    position: fixed;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    min-width: fit-content;
    bottom: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,.16);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    z-index: 11
}

.ui-dbox-item .ui-content .ui-wrap {
    padding-top: var(--p-t-dbx-contentwrapper,.5rem);
    padding-bottom: var(--p-b-dbx-contentwrapper,1rem)
}

.ui-dbox-item .ui-content .ui-data {
    padding: 1.25rem;
    border-radius: .375rem;
    background-color: #f4f4fa;
    color: #45518c
}

.ui-dbox[data-box-type=menu] .ui-dbox-item ul.ui-content {
    padding-right: .5rem;
    padding-left: .5rem
}

.ui-dbox[data-box-type=menu] .ui-dbox-item ul.ui-content:before {
    position: absolute;
    display: block;
    top: .25rem;
    left: .5rem;
    width: .125rem;
    height: calc(100% - 1.5rem);
    background-color: #f4f4fa;
    content: ""
}

.ui-dbox:not([data-box-type=timeline]) .ui-dbox-item ul.ui-content>li {
    padding-bottom: var(--p-b-dbx-item,1rem)
}

.ui-dbox:not([data-box-type=timeline]) .ui-dbox-item ul.ui-content>li:first-child {
    padding-top: var(--p-t-dbx-item,.25rem)
}

.ui-dbox[data-box-type=timeline] li.hDay {
    position: relative;
    border-radius: 8px;
    z-index: 2;
    background-color: var(--bg-c-hday,#fff)
}

.ui-dbox[data-box-type=timeline] li.hDay.xCurrent,.ui-dbox[data-box-type=timeline] li.hDay:hover {
    --bg-c-hday: var(--bg-c-dbx-btn-hover)
}

.ui-dbox[data-box-type=timeline] li.hDay>.uaCard {
    position: absolute;
    inset: 0;
    z-index: 3
}

.ui-dbox[data-box-type=timeline] li.hDay:before {
    position: absolute;
    display: block;
    top: 1rem;
    left: .875rem;
    width: .125rem;
    height: 100%;
    background-color: #005eff;
    content: ""
}

.ui-dbox[data-box-type=timeline] li.hDay:last-child:before {
    height: calc(100% - 1rem)
}

.ui-dbox[data-box-type=timeline] .ui-dbox-item ul.ui-content a:not(.ui-a) {
    padding: 0;
    position: static;
    display: inline
}

.ui-dbox[data-box-type=timeline] li.hDay>.ui-label {
    position: relative;
    padding: .5rem 0 0 .5rem;
    border-radius: inherit;
    background-color: var(--bg-c-hday,#fff);
    font-size: 1rem;
    font-weight: 500;
    color: var(--cgaDay);
    z-index: 2
}

.ui-dbox[data-box-type=timeline] li.hDay:not(:first-child)>.ui-label {
    padding-bottom: .5rem
}

.ui-dbox[data-box-type=timeline] li.hDay:not(:first-child)>.ui-label:after {
    content: "";
    top: -25%;
    left: .875rem;
    width: .125rem;
    background-image: linear-gradient(to bottom,#fff 2px,#005eff 3px 7px,#fff 7px 10px,#005eff 10px 12px,var(--bg-c-hday,#fff) 12px 48px,#005eff 48px 50px,#fff 50px 53px,#005eff 53px 57px,#fff 57px 59px,#005eff 60px 64px);
    height: 4rem;
    display: block;
    position: absolute;
    z-index: -1
}

.ui-dbox[data-box-type=timeline] li.hDay+li.hDay {
    margin-top: .25rem
}

.ui-dbox[data-box-type=timeline] li.hItem {
    position: relative;
    overflow: hidden;
    padding: 1rem 0 1rem 3rem
}

.ui-dbox[data-box-type=timeline] li.hDay:last-child .hItem:last-child .ui-icon:after {
    content: "";
    top: 100%;
    left: .875rem;
    width: .125rem;
    background-color: var(--bg-c-hday,#fff);
    height: 100vh;
    display: block;
    position: absolute;
    z-index: 3
}

li.hItem>.ui-item {
    padding: .5rem
}

li.hItem>.ui-icon {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    line-height: 1;
    padding: .25rem;
    left: 0;
    top: 50%;
    background-color: var(--bg-c-hday,#fff);
    transform: translateY(-50%)
}

.ui-dbox[data-box-type=timeline] li.hDay:first-of-type .ui-label:after {
    content: "";
    top: 100%;
    left: 0;
    background-color: var(--bg-c-hday,#fff);
    width: 3rem;
    height: 1rem;
    display: block;
    position: absolute
}

.ui-dbox[data-box-type=timeline] li.hDay:first-of-type li.hItem:first-of-type .ui-icon {
    top: 1rem;
    transform: none
}

li.hItem .ic-person:before {
    content: "\e7fd"
}

li.hItem .ic-home_work:before {
    content: "\ea09"
}

li.hItem:hover .ui-icon {
    color: #005eff
}

li.hItem .ui-a {
    display: inline;
    z-index: 3
}

.ui-dbox-item ul.ui-content a:not(.ui-a) {
    position: relative;
    padding-left: .75rem;
    display: block
}

.ui-dbox-item ul.ui-content a:hover {
    font-weight: 500
}

.ui-dbox-item ul.ui-content a:active,.ui-dbox-item ul.ui-content a[aria-current=location] {
    color: #005eff;
    font-weight: 500
}

.ui-dbox-item ul.ui-content a[aria-current=location]:before {
    position: absolute;
    left: 0;
    top: 0;
    width: .125rem;
    height: 100%;
    background-color: #005eff;
    content: ""
}

.ui-dbox[data-box-type=timeline] .ui-dbox-btn>.ui-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ui-dbox[data-box-type=timeline] .ui-dbox-btn>.ui-label>span:last-of-type {
    margin-right: 1rem
}

.ui-dbox-btn {
    position: relative;
    display: flex;
    flex-wrap: var(--flex-wrap-dbx-btn,nowrap);
    align-items: center;
    width: 100%;
    padding: var(--p-dbx-btn,.75rem 2rem .75rem .5rem);
    text-align: left;
    border: 0;
    border-radius: var(--b-rd-dbx-btn,none);
    background-color: transparent;
    overflow-anchor: none;
    transition: background-color .3s ease
}

.ui-dbox-btn:disabled {
    --c-dbx-icon: #999;
    color: #999
}

.ui-dbox-btn.isIconic,.ui-dbox-btn.isIconicOnMD {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 1.5rem;
    justify-content: center
}

.ui-dbox-btn.isIconicOnMD[aria-expanded=false]:hover,.ui-dbox-btn.isIconic[aria-expanded=false]:hover,.ui-dbox-btn[aria-expanded=false]:not(:disabled):hover {
    background-color: var(--bg-c-dbx-btn-hover)
}

.ui-dbox-btn:not(.isIconicOnMD) .ui-label {
    display: inline-flex;
    align-items: center;
    font-size: var(--f-s-dbx-text,1rem);
    font-weight: var(--f-w-dbx-title,400);
    line-height: var(--l-h-dbx-text,1.5rem)
}

.ui-dbox-btn.isIconicOnMD .ui-icon,.ui-dbox-btn.isIconicOnMD .ui-label {
    display: none
}

.ui-dbox-btn .ui-icon {
    position: absolute;
    right: var(--right-dbx-icon,.5rem);
    font-size: var(--f-s-dbx-icon,1rem);
    line-height: 1
}

.ui-dbox-btn .ui-icon:before {
    display: block;
    color: var(--c-dbx-icon,var(--cgaDflt));
    transition: var(--transition-dbx-content,transform .3s ease)
}

.ui-dbox-btn[aria-expanded=true] {
    background-color: var(--bg-c-dbx-btn-active,#f4f4fa)
}

.ui-dbox-btn[aria-expanded=true] .ui-icon:not(.isIconicOnMD):before {
    content: var(--content-less-dbx-icon,"\e313");
    color: var(--c-dbx-icon,#000e47);
    transform: var(--transform-dbx-content,rotate(180deg))
}

.ui-dbox-btn[aria-expanded=false] .ui-icon:not(.isIconicOnMD):before {
    content: var(--content-more-dbx-icon,"\e313")
}

.ui-dbox-btn:not(.isIconicOnMD):hover>.ui-label {
    font-weight: var(--f-w-dbx-title,500)
}

.ui-drw-panel {
    --p-wrap: 0;
    --b-wrap: 0;
    --shadow-wrap: none;
    position: fixed;
    display: block;
    width: 100vw;
    height: 100dvh;
    top: 100%;
    left: 0;
    background-color: #fff;
    z-index: 1000;
    transition: translate .5s
}

.ui-drw-panel>header {
    position: relative;
    display: flex;
    align-items: center;
    height: 58px;
    margin: 0 1.25rem;
    padding-right: 2.5rem;
    border-bottom: 1px solid #babfd6;
    background-color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem
}

.ui-drw-panel>header .ic-exit {
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    cursor: pointer
}

.ui-drw-panel>header .ic-exit:before {
    content: "\e5cd"
}

.ui-drw-data {
    height: calc(100% - 58px);
    padding: 0 1.25rem 1.25rem;
    overflow-y: auto
}

.ui-drw-data>p {
    padding: 1rem 0
}

[data-box-type=drawer]:before {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    z-index: 999;
    background-color: transparent;
    content: "";
    transition: background-color .3s .1s
}

.xFloatOn:is(body) {
    overflow: hidden
}

.xFloatOn [data-box-type=drawer].xFloatOn:before {
    left: 0;
    background-color: rgba(0,0,0,.4)
}

.xOpened .ui-drw-panel {
    translate: 0 -100%
}

form.ui-form .fl-field,form.ui-form .fl-field:not([hidden])~:not([hidden]):not(.fl-forget-link) {
    margin-top: 1.5rem
}

form.ui-form .fl-field label .ui-hint {
    font-weight: 400;
    color: #45518c
}

form.ui-form .fl-field input+label,form.ui-form .fl-field select+label {
    text-transform: capitalize
}

form.ui-form .fl-field input:focus {
    border-color: #005eff
}

form.ui-form .fl-field input:focus+label {
    color: #005eff;
    visibility: visible;
    font-size: .75rem;
    opacity: 1;
    translate: 0
}

form.ui-form .fl-field input:valid,form.ui-form .fl-field input:valid:focus {
    border-color: #067f43
}

form.ui-form .fl-field input:valid+label,form.ui-form .fl-field input:valid:focus+label {
    color: #067f43
}

form.ui-form .fl-field input:invalid:focus:not([data-form-first-visible]) {
    border-color: #ce0031
}

form.ui-form .fl-field input:invalid:focus:not([data-form-first-visible])+label {
    color: #ce0031
}

form.ui-form .fl-field button[class^=ic-visibility] {
    cursor: pointer;
    position: absolute;
    font-size: 1.5rem;
    top: 9px;
    right: .75rem
}

form.ui-form .fl-field+p.fl-forget-link {
    text-align: right;
    margin-top: .5rem
}

form.ui-form .fl-field+p.fl-forget-link .ui-a {
    font-weight: 400
}

form.ui-form .fl-field .ui-ntf {
    --icn-ntf: none;
    margin-top: 1.5rem
}

form.ui-form .fl-field .ui-ntf span {
    font-weight: 700
}

[data-mod=connect-modale] {
    max-width: 495px
}

[data-mod=connect-modale] .ui-dialog-picto {
    display: none
}

[data-mod=connect-modale] #ariaDialogTitle {
    margin-top: 0
}

[data-mod=connect-modale] .modalConnect h3.modalConnect-title,[data-mod=connect-modale] .modalConnect h4.modalConnect-subtitle {
    width: 100%;
    text-align: center
}

[data-mod=connect-modale] .modalConnect h3.modalConnect-title span,[data-mod=connect-modale] .modalConnect h4.modalConnect-subtitle span {
    font-weight: 700
}

[data-mod=connect-modale] .modalConnect h3.modalConnect-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

[data-mod=connect-modale] .modalConnect h4.modalConnect-subtitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .75rem
}

[data-mod=connect-modale] .modalConnect .modalConnect-form {
    background-color: #fff;
    border: var(--b-form,0);
    border-radius: .5rem;
    padding: .5rem 1.25rem 1.25rem;
    margin-top: 1.25rem;
    width: calc(100% - 1px)
}

[data-mod=connect-modale] .modalConnect .modalConnect-form .ui-ntf {
    --dp-ntf: inline-block;
    --icn-ntf: none;
    width: 100%
}

[data-mod=connect-modale] .modalConnect footer {
    margin-top: 1.25rem;
    text-align: center;
    display: block
}

[data-mod=connect-modale] .modalConnect footer h3:not(.modalConnect-title) {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    display: inline
}

[data-mod=connect-modale] .modalConnect footer button[data-connect-action=create] {
    margin-top: .75rem
}

[data-mod=connect-modale] footer {
    display: none
}

.xDialOn:is(body) {
    overflow: hidden
}

#appDialog {
    top: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100dvh;
    padding: 0;
    border-radius: .5rem;
    background-color: transparent;
    color: inherit;
    translate: 0 100%;
    transition-property: translate,scale,opacity;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    box-sizing: content-box
}

#appDialog::backdrop {
    background-color: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px)
}

#appDialog span[data-denied] {
    font-size: 125%;
    font-weight: 1000;
    color: #ce0031
}

#appDialog.showing {
    translate: 0 -50%
}

#appDialog.hiding {
    translate: 0 100%
}

.ui-dialog {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--p-dialog,0);
    border: none;
    border-radius: inherit;
    background-color: #fff;
    max-height: inherit
}

.ui-dialog>header {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    padding-right: 2.5rem
}

.ui-dialog .ui-subtitle {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1
}

.ui-dialog .ui-grp-ua {
    margin-top: unset
}

.ui-dialog .fl-nodp {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1rem
}

#appDialog[data-type=agentIA] {
    border-radius: 28px 28px 0 0;
    border: 1px solid hsla(0,0%,100%,.5)
}

#appDialog[data-type=agentIA] .ui-dialog {
    padding: 20px 20px 32px;
    gap: 40px;
    background-color: #fafdff;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.1),inset 0 -20px 20px 0 rgba(0,0,0,.1),inset 0 2px 4px 0 hsla(0,0%,100%,.6)
}

#appDialog[data-type=docFinder] {
    border-radius: .5rem .5rem 0 0;
    border: 1px solid hsla(0,0%,100%,.5);
    min-height: 10rem;
    background-color: #fff
}

#appDialog[data-type=docFinder] .ui-dialog {
    gap: 1.25rem
}

#appDialog[data-type=upload] {
    --p-dialog: 1.25rem;
    border-radius: .5rem .5rem 0 0;
    border: 1px solid hsla(0,0%,100%,.5);
    min-height: 10rem;
    background-color: #fff
}

#appDialog[data-type=upload] .ui-dialog {
    gap: 1.25rem
}

#appDialog[data-type=upload] .fl-head {
    font-size: .875rem;
    font-weight: 400
}

#appDialog[data-type=upload] .fl-body,#appDialog[data-type=upload] .fl-ua {
    margin-top: 1.25rem
}

#appDialog[data-type=upload] .fl-body {
    min-height: 280px
}

#appDialog[data-type=upload] label {
    font-weight: 500
}

#appDialog[data-type=upload] #docTitle {
    font-weight: 700;
    color: #45518c
}

#appDialog[data-type=docSummary] .ui-dialog ul {
    list-style: disc outside;
    margin: 0 1.25rem;
    padding: initial
}

#appDialog[data-type=docSummary] .ui-dialog li+li {
    margin-top: .5rem
}

#appDialog[data-type=docSummary] .ui-dialog header+p {
    font-weight: 500
}

#appDialog[data-type=docSummary] .ui-dialog header+p span {
    display: block;
    color: #45518c
}

#appDialog[data-type=feedback] {
    --p-dialog: 1.25rem;
    width: 360px
}

.ui-dialog h2 {
    gap: .5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25
}

.ui-dialog h2,.ui-dialog-picto {
    display: flex;
    align-items: center
}

.ui-dialog-picto {
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    flex: 0 0 auto
}

.ui-dialog-picto[data-type=info] {
    background-color: #e1f3ff
}

.ui-dialog-picto[data-type=info]:before {
    font-family: soIcons;
    font-size: 1.5rem;
    content: "\e88e"
}

.ui-dialog-body {
    position: relative;
    max-height: 100%;
    overflow-y: auto
}

.ui-dialog-content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow-x: auto
}

.ic-exit {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-size: 1.5rem;
    z-index: 2
}

.ic-exit:before {
    content: "\e5cd"
}

#appDialog[data-type=auth] .fl-body,body[data-app=auth] .fl-body {
    --m-t-input-1st: 0;
    --m-t-visible: 1.5rem;
    --bg-c-inputs: #fff;
    --f-s-placeholder: 0.75rem;
    --p-ntf: 0.5rem 1rem
}

#appDialog[data-type=auth] .fl-body .ui-ntf:before,body[data-app=auth] .fl-body .ui-ntf:before {
    content: unset
}

#appDialog[data-type=auth] .fl-body,#appDialog[data-type=auth] .fl-footer,body[data-app=auth] .fl-body,body[data-app=auth] .fl-footer {
    margin-top: var(--m-t-fl,1.25rem)
}

#appDialog[data-type=auth] .fl-pwd+p,body[data-app=auth] .fl-pwd+p {
    margin-top: .5rem;
    font-size: .75rem;
    text-align: right
}

#appDialog[data-type=auth] .fl-pwd input,body[data-app=auth] .fl-pwd input {
    padding-right: 2.5rem
}

#appDialog[data-type=auth] .fl-pwd [class^=ic],body[data-app=auth] .fl-pwd [class^=ic] {
    top: 1px;
    right: .625rem;
    position: absolute;
    font-size: 1.25rem;
    width: 2.5rem;
    height: 2.5rem
}

#appDialog[data-type=auth] {
    --p-dialog: 1.25rem;
    max-width: 536px
}

#appDialog[data-type=auth] h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

#appDialog[data-type=auth] h3+* {
    margin-top: .5rem
}

#appDialog[data-type=auth] .fl-body {
    padding: 1.25rem;
    border: 1px solid #babfd6;
    border-radius: .5rem
}

#appDialog[data-type=auth] .fl-body .ui-ntf {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

#appDialog[data-type=auth] .fl-footer,#appDialog[data-type=auth] .fl-head {
    text-align: center
}

#appDialog[data-type=auth] .fl-opts,#appDialog[data-type=auth] .fl-terms {
    max-width: 416px;
    display: flex;
    align-items: center;
    gap: 1rem
}

#appDialog[data-type=auth] .fl-opts .fl-in,#appDialog[data-type=auth] .fl-terms .fl-in {
    flex: 0 0 auto
}

#appDialog[data-type=auth] .fl-opts .fl-in:is([type=checkbox])+label:not([class*=ui-btn]),#appDialog[data-type=auth] .fl-terms .fl-in:is([type=checkbox])+label:not([class*=ui-btn]) {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

#appDialog[data-type=auth] .fl-opts+.ui-grp-ua,#appDialog[data-type=auth] .fl-terms+.ui-grp-ua {
    margin-top: 1.25rem
}

#appDialog[data-type=auth] .fl-opts {
    margin-top: .5rem
}

#authForms {
    min-width: 320px
}

.ic-visibility:before {
    content: "\e8f4"
}

.ic-visibility_off:before {
    content: "\e8f5"
}

#coldroite .box {
    border: 0;
    border-radius: .5rem;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
    margin-bottom: 1.5rem;
    max-width: 295px
}

#coldroite .box #captainWidget {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.soMobileCart {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: .5rem .5rem 0 0;
    bottom: 0;
    box-shadow: 0 -2px .125rem 0 rgba(0,0,0,.2);
    color: #000e47;
    display: none;
    height: 125px;
    padding: 1.25rem;
    position: fixed;
    transition: height .3s linear,box-shadow .3s linear;
    width: 100%;
    z-index: 99
}

.soMobileCart.isFull {
    display: block
}

.soMobileCart.isOpen {
    box-shadow: 0 -12px 0 0 #000;
    height: calc(100% - 12px)
}

.soMobileCart.isOpen .soCart__title {
    height: 45px;
    padding-top: .75rem;
    margin-bottom: 1.5rem;
    opacity: 1
}

.soMobileCart.isOpen .soCart__recapArticle .CtaButton {
    opacity: 0
}

.soMobileCart:before {
    background-color: #8e95ba;
    content: "";
    height: .125rem;
    left: 50%;
    position: absolute;
    top: 1.25rem;
    transform: translate(-50%,-50%);
    width: 56px
}

.soDesktopCart__around {
    display: none;
    height: 0;
    overflow: hidden;
    padding: 0 .25rem;
    position: absolute;
    top: calc(100% - 8px);
    right: -30%;
    clip-path: polygon(0 .875rem,19.625rem .875rem,20.625rem 0,21.625rem .875rem,100% .875rem,100% 100%,0 100%);
    transition: height .3s ease-in-out;
    z-index: 111
}

.soDesktopCart__around.isOpen {
    max-height: calc(100vh - 50px)
}

.soDesktopCart__around .soDesktopCart__arrow {
    padding-top: 1rem
}

.soDesktopCart__around .soDesktopCart__arrow:before {
    background-color: #fff;
    border-color: #c4c4c4;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-radius: 1px;
    content: "";
    height: 20px;
    position: absolute;
    right: 30px;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
    z-index: 1
}

.soDesktopCart {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: .5rem;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    color: #000e47;
    padding: 1.25rem;
    width: 360px;
    position: relative
}

.soDesktopCart .soCart__title {
    height: 25px;
    margin-bottom: 1.5rem;
    opacity: 1
}

.soDesktopCart .soCart__title .close {
    cursor: pointer
}

.soDesktopCart .soCart__recapArticle {
    margin-bottom: 1.25rem
}

.soDesktopCart .soCart__recapTotal .ui-btn {
    width: 100%
}

.soDesktopCart .soCart__scroll .article .recap [class*=" ic-"],.soDesktopCart .soCart__scroll .article .recap [class^=ic-] {
    cursor: pointer;
    font-size: 150%
}

.soCart__title {
    display: flex;
    height: 0;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    opacity: 0;
    transition: opacity .3s ease-in-out,height .3s ease-in-out
}

.soCart__title .close {
    align-items: center;
    background-color: #f4f4fa;
    border-radius: 625rem;
    color: #646e9f;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.soCart__title .close [class*=" ic-"],.soCart__title .close [class^=ic-] {
    font-size: 1.5rem
}

.soCart__scroll {
    overflow: auto
}

.soCart__recapArticle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem
}

.soCart__recapArticle.isScroll {
    position: relative
}

.soCart__recapArticle.isScroll:after {
    background-color: #fff;
    box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.2);
    bottom: -8px;
    content: "";
    height: 8px;
    left: -20px;
    position: absolute;
    width: calc(100% + 40px)
}

.soCart__recapArticle .recap {
    padding-left: 2rem;
    position: relative
}

.soCart__recapArticle .recap:before {
    color: #067f43;
    content: "\e86c";
    font-family: soIcons;
    font-size: 1.5rem;
    left: 0;
    position: absolute;
    top: 3px
}

.soCart__recapArticle .recap .price-promo {
    display: none
}

.soCart__recapArticle .recap .recap-ht {
    font-weight: 700
}

.soCart__recapArticle .recap .recap-ttc {
    color: #7b7b7b;
    font-weight: 500;
    font-size: .875rem
}

.soCart__recapArticle .recap.promo .price-promo {
    display: inline-block
}

.soCart__recapArticle .recap.promo .price-reel {
    margin-right: .5rem;
    text-decoration: line-through
}

.soCart__recapArticle .recap.promo .recap-ht .price-promo {
    color: #2836e0
}

.soCart__recapArticle .CtaButton {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.soCart__list .soWrapper {
    margin-top: 1.25rem
}

.soCart__list .soWrapper:first-of-type {
    margin-top: 0
}

.soCart__list .deno {
    background-color: #f4f4fa;
    border-bottom: 3px solid #babfd6;
    border-radius: .5rem .5rem 0 0;
    color: #1e2f73;
    font-size: 1.25rem;
    margin: -20px 0 0 -20px;
    padding: 1.25rem;
    text-transform: uppercase;
    width: calc(100% + 40px)
}

.soCart__list .article {
    padding: 1.25rem 0;
    position: relative
}

.soCart__list .article:after {
    background-color: #babfd6;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.soCart__list .article:last-of-type {
    padding-bottom: 0
}

.soCart__list .article:last-of-type:after {
    display: none
}

.soCart__list .article .recap {
    color: #1e2f73;
    display: flex;
    justify-content: space-between
}

.soCart__list .article .picto {
    align-items: center;
    background-color: #e1f3ff;
    border-radius: 625rem;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    margin-right: 1rem;
    position: relative;
    width: 44px
}

.soCart__list .article .picto:after {
    background: url(https://imgng.societe.com/img/picto_doc_generique.svg) 50% no-repeat;
    background-size: 1.5rem;
    content: "";
    height: 1.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1.5rem
}

.soCart__list .article .picto.pdf:after {
    background: url(https://imgng.societe.com/img/picto_doc_pdf.svg) 50% no-repeat
}

.soCart__list .article .picto.csv:after,.soCart__list .article .picto.xls:after,.soCart__list .article .picto.xml:after {
    background: url(https://imgng.societe.com/img/picto_doc_excel.svg) 50% no-repeat
}

.soCart__list .article .picto.offreIllimite:after,.soCart__list .article .picto.offrePlus:after {
    background: none;
    color: #fff;
    font-family: soIcons;
    font-size: 1.5rem;
    height: 1.25rem;
    top: 47%;
    width: 1.25rem
}

.soCart__list .article .picto.offrePlus {
    background-color: #005eff
}

.soCart__list .article .picto.offrePlus:after {
    content: "\e145"
}

.soCart__list .article .picto.offreIllimite {
    background-color: #2836e0
}

.soCart__list .article .picto.offreIllimite:after {
    content: "\eb3d"
}

.soCart__list .article .promo .xArticlePriceReel {
    margin-right: 10px;
    text-decoration: line-through
}

.soCart__list .article .promo .xArticlePrice {
    color: #005eff
}

.soCart__devis {
    padding-bottom: 2.5rem
}

.soCart__devis .soWrapper {
    align-items: center;
    background-color: #fafafa;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem
}

.soCart__devis .picto {
    align-items: center;
    background-color: #434343;
    border-radius: 625rem;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: .75rem;
    width: 52px
}

.soCart__devis .picto [class*=" ic-"],.soCart__devis .picto [class^=ic-] {
    color: #fff;
    font-size: 1.5rem
}

.soCart__recapTotal {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.soCart__recapTotal:before {
    background-color: #fff;
    -webkit-box-shadow: 0 -2px .125rem 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 -2px .125rem 0 rgba(0,0,0,.2);
    box-shadow: 0 -2px .125rem 0 rgba(0,0,0,.2);
    content: "";
    height: 20px;
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 40px)
}

.soCart__recapTotal .CtaButton {
    width: 100%
}

.fs-14 {
    font-size: 14px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.ft-medium {
    font-weight: 500
}

.ft-bold {
    font-weight: 700
}

.mt-7 {
    margin-top: 7px
}

.mt-10 {
    margin-top: 10px
}

.mb-30 {
    margin-bottom: 30px
}

.wd-100 {
    width: 100%
}

.flex {
    display: flex
}

.space-between {
    justify-content: space-between
}

.txt-right {
    text-align: right
}

.BodyError {
    height: 100vh
}

.BodyError .BodyError__Around {
    height: 100%
}

.HeaderError {
    padding: 0 14px;
    width: 100%
}

.HeaderError__around {
    border-bottom: 2px solid hsla(0,0%,100%,.4);
    padding: 20px 0 15px
}

.HeaderError__logo .logo {
    width: 119px
}

.ContentError__description {
    color: #000e47;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 590px;
    padding-top: 36px
}

.ContentError__description div {
    width: 100%
}

.ContentError__description div.description-text {
    border-left: 3px solid #000;
    margin: 0 auto;
    padding-left: 17px;
    width: 211px
}

.ContentError__description .text {
    font-size: 13px;
    margin: 0 auto;
    width: 134px
}

.ContentError__description .text-number {
    font-size: 119px;
    font-weight: 500;
    margin-top: -37px;
    position: relative;
    text-align: center
}

.ContentError__description .text-number span:first-of-type {
    position: relative
}

.ContentError__description .text-sorry {
    font-weight: 500;
    font-size: 26px;
    margin-top: -7px
}

.ContentError__description .text-contexte {
    font-size: 18px;
    text-align: justify
}

.ContentError__search {
    margin-top: 28px;
    text-align: center
}

.ContentError__search .search-text p:first-of-type {
    font-size: 15px
}

.ContentError__search .search-text p:last-of-type {
    font-size: 13px;
    margin-top: 6px
}

.ContentError #appCheck {
    position: relative;
    display: flex;
    height: 46px;
    max-width: min(35rem,100% - 2rem);
    margin: 1.25rem auto;
    border: 1px solid #c4c4c4;
    border-radius: 625rem;
    background-color: #fff
}

.ContentError #appCheck form {
    display: flex;
    width: 100%
}

.ContentError #appCheck .fl-check {
    position: relative;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    align-items: center;
    padding: 0 .125rem 0 1rem
}

.ContentError #appCheck .fl-check>input {
    flex: 1 1 auto
}

.ContentError #appCheck .fl-check>input:focus,.ContentError #appCheck .fl-check>input:hover {
    border: none
}

.ContentError #appCheck .ui-btn-uq {
    border-radius: 625rem;
    width: 8rem
}

.ContentError #appCheck .ui-check-box {
    position: absolute;
    left: .5rem;
    top: calc(100% + .5rem);
    width: calc(100% - 1rem);
    padding: 0 1rem;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    z-index: 2
}

.ContentError .ui-check-box>#chkResults {
    position: relative
}

.ContentError .ui-check-box>#chkResults:after,.ContentError .ui-check-box>#chkResults:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.25rem;
    z-index: 1;
    content: ""
}

.ContentError .ui-check-box>#chkResults:before {
    background: linear-gradient(0deg,hsla(0,0%,100%,0) 0,#fff)
}

.ContentError .ui-check-box>#chkResults:after {
    bottom: 0;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)
}

.ContentError .ui-check-box>#chkResults>ul {
    position: relative;
    overflow-y: auto;
    max-height: 15rem;
    padding: .25rem 0 1.25rem;
    font-size: .875rem;
    font-weight: 500
}

.ContentError .ui-check-box>#chkResults p {
    display: flex;
    align-items: center
}

.ContentError .ui-check-box>#chkResults p:not(.ac-separator) {
    margin: 0;
    padding: .25rem 0;
    justify-content: flex-start;
    gap: .5rem;
    cursor: pointer
}

.ContentError .ui-check-box>#chkResults li[aria-selected=true]>p:not(.ac-separator),.ContentError .ui-check-box>#chkResults p:not(.ac-separator):hover {
    background-color: #f2f9fd
}

.ContentError .ui-check-box>#chkResults [class^=ic-] {
    font-size: 150%
}

.ContentError .ui-check-box>#chkResults .ac-separator {
    border-bottom: 1px solid #c4c4c4;
    margin: .25rem 0;
    padding: .5rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: default;
    user-select: none
}

.ContentError .ui-check-box>#chkResults mark {
    background-color: transparent;
    color: #005eff;
    font-weight: 700
}

.ContentError .ui-check-box>#chkResults .no_result {
    padding: 1.25rem 0;
    font-size: medium
}

.ContentError .ui-check-box>#chkResults .ui-alt {
    font-weight: 400;
    color: #646e9f
}

.BodyError.error-404 {
    background: #b8dfff;
    background: radial-gradient(ellipse at center,#f2f9fd 0,#b8dfff 100%)
}

.BodyError__Around.error-404 {
    background: url(https://imgng.societe.com/img/error404_bg_big.svg) no-repeat;
    background-position: bottom -67px left -26px;
    background-size: 595px
}

.ContentError__description .text-number span:first-of-type.error-404 {
    display: inline-flex;
    align-items: center;
    gap: .5rem
}

.ContentError__description .text-number span:first-of-type.error-404:after {
    background: url(https://imgng.societe.com/img/error404_bg_zero.svg) top no-repeat;
    background-size: contain;
    content: "";
    height: 85px;
    width: 61px
}

.BodyError.error-403 {
    background: #f8ac96;
    background: radial-gradient(ellipse at center,#fff5d3 0,#f8ac96 100%)
}

.BodyError__Around.error-403 {
    background: url(https://imgng.societe.com/img/error403_bg_small.svg) no-repeat;
    background-position: bottom -278px center;
    background-size: 430px
}

.ContentError__description .text-number span:first-of-type.error-403 {
    margin-right: 79px
}

.ContentError__description .text-number span:first-of-type.error-403:after {
    background: url(https://imgng.societe.com/img/error403_bg_empreinte.svg) top no-repeat;
    background-size: cover;
    content: "";
    height: 84px;
    left: 72px;
    position: absolute;
    top: 41px;
    width: 75px
}

.ContentError-410 {
    background-color: #fff;
    margin-top: -15px
}

.ContentError-410 .max-width-1000 {
    background: url(https://imgng.societe.com/img/error410_bg.svg) center 33px no-repeat;
    background-size: 220px;
    padding: 217px 0 62px
}

.ContentError-410 .max-width-1000 .ContentError-410__text {
    padding: 0 16px
}

.ContentError-410 .max-width-1000 .ContentError-410__text p {
    color: #000;
    font-weight: 500;
    font-size: 40px;
    margin-top: 6px
}

.ContentError-410 .max-width-1000 .ContentError-410__text p:first-of-type {
    font-size: 16px;
    text-transform: uppercase
}

.ContentError-410 .max-width-1000 .ContentError-410__text p:last-of-type {
    font-weight: 400;
    font-size: 24px;
    margin-top: 14px
}

.ContentError-410 .max-width-1000 .ContentError__search {
    margin-top: 20px
}

:root {
    --h-app-header: 76px;
    --c-uo-essential: #0096ff;
    --c-uo-plus: #005eff;
    --c-uo-pro: #2836e0;
    --c-uo-custom: #1e2f73
}

.xHoverOff {
    pointer-events: none
}

body>.ui-nfiniteBar {
    top: var(--h-app-header,0)
}

[class*=ui-wrap] {
    width: var(--w-wrap,inherit);
    padding: var(--p-wrap,1.25rem)
}

.ui-wrap-main {
    max-width: var(--max-w-main,80rem);
    margin: var(--m-wrap-main,1.5rem auto)
}

.ui-wrap {
    display: var(--dp-wrap,block);
    margin: var(--m-wrap,0);
    border: var(--b-wrap,1px solid #babfd6);
    border-radius: var(--b-rd-wrap,.5rem);
    background-color: var(--bg-c-wrap,#fff);
    box-shadow: var(--shadow-wrap,0 2px 1px 0 rgba(0,0,0,.16))
}

.ui-bounds {
    container-type: inline-size
}

.is-Info:is([class^=ic-]) {
    --c-icon: #005eff
}

.is-Info:is(.ui-ntf) {
    --b-wrap: none;
    background-color: #e1f3ff;
    border-left: 3px solid #005eff;
    border-radius: .25rem
}

.is-Info:is(.ui-ntf):not([hidden]) {
    display: var(--dp-ntf,flex);
    align-items: flex-start;
    gap: .5rem;
    padding: var(--p-ntf,1rem)
}

.is-Info:is(.ui-ntf):before {
    display: var(--ic-ntf,block);
    color: #005eff;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: "\e88e"
}

.is-Info:is(.ui-btn-usr) {
    --bg-c-btn-hover: #b8dfff;
    --bg-c-btn-active: #b8dfff;
    position: relative;
    background-color: #e1f3ff
}

.is-Info:is(.ui-btn-usr):after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border: 2px solid #fff;
    border-radius: 625rem;
    background-color: #005eff;
    color: #fff;
    font-size: .75rem;
    content: ""
}

.is-Info:is(.ui-tag) {
    --b-c-tag: #005eff;
    --c-tag: #005eff;
    --bg-c-tag: #e1f3ff
}

.is-Info:is(.ui-stats) {
    color: #005eff;
    background-color: #e1f3ff;
    border-color: #005eff
}

.is-Neutral:is([class^=ic-]) {
    --c-icon: #7b7b7b
}

.is-Neutral:is(.ui-tag) {
    --b-c-tag: #7b7b7b;
    --c-tag: #7b7b7b;
    --bg-c-tag: #fafafa
}

.is-Success:is([class^=ic-]) {
    --c-icon: #067f43
}

.is-Success:is(.ui-ntf) {
    --b-wrap: none;
    background-color: #e6f6ec;
    border-left: 3px solid #067f43;
    border-radius: .25rem
}

.is-Success:is(.ui-ntf):not([hidden]) {
    display: var(--dp-ntf,flex);
    align-items: flex-start;
    gap: .5rem;
    padding: var(--p-ntf,1rem)
}

.is-Success:is(.ui-ntf):before {
    display: var(--ic-ntf,block);
    color: #067f43;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: "\e86c"
}

.is-Success:is(.ui-btn-usr) {
    --bg-c-btn-hover: #c2e7cf;
    --bg-c-btn-active: #c2e7cf;
    position: relative;
    background-color: #e6f6ec
}

.is-Success:is(.ui-btn-usr):after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border: 2px solid #fff;
    border-radius: 625rem;
    background-color: #067f43;
    color: #fff;
    font-size: .75rem;
    content: ""
}

.is-Success:is(.ui-tag) {
    --b-c-tag: #067f43;
    --c-tag: #067f43;
    --bg-c-tag: #e6f6ec
}

.is-Success:is(.ui-stats) {
    color: #067f43;
    background-color: #e6f6ec;
    border-color: #067f43
}

.is-Warn:is([class^=ic-]) {
    --c-icon: #8f5300
}

.is-Warn:is(.ui-ntf) {
    --b-wrap: none;
    background-color: #fff7eb;
    border-left: 3px solid #8f5300;
    border-radius: .25rem
}

.is-Warn:is(.ui-ntf):not([hidden]) {
    display: var(--dp-ntf,flex);
    align-items: flex-start;
    gap: .5rem;
    padding: var(--p-ntf,1rem)
}

.is-Warn:is(.ui-ntf):before {
    display: var(--ic-ntf,block);
    color: #8f5300;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: "\e002"
}

.is-Warn:is(.ui-btn-usr) {
    --bg-c-btn-hover: #ffeed6;
    --bg-c-btn-active: #ffeed6;
    position: relative;
    background-color: #fff7eb
}

.is-Warn:is(.ui-btn-usr):after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border: none;
    border-radius: 625rem;
    background-color: #8f5300;
    color: #fff;
    font-size: .75rem;
    content: "!"
}

.is-Warn:is(.ui-tag) {
    --b-c-tag: #8f5300;
    --c-tag: #8f5300;
    --bg-c-tag: #fff7eb
}

.is-Warn:is(.ui-stats) {
    color: #8f5300;
    background-color: #fff7eb;
    border-color: #8f5300
}

.is-Alert:is([class^=ic-]),.is-Error:is([class^=ic-]) {
    --c-icon: #ce0031
}

.is-Alert:is(.ui-ntf),.is-Error:is(.ui-ntf) {
    --b-wrap: none;
    background-color: #ffeaef;
    border-left: 3px solid #ce0031;
    border-radius: .25rem
}

.is-Alert:is(.ui-ntf):not([hidden]),.is-Error:is(.ui-ntf):not([hidden]) {
    display: var(--dp-ntf,flex);
    align-items: flex-start;
    gap: .5rem;
    padding: var(--p-ntf,1rem)
}

.is-Alert:is(.ui-ntf):before,.is-Error:is(.ui-ntf):before {
    display: var(--ic-ntf,block);
    color: #ce0031;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: "\e000"
}

.is-Alert:is(.ui-btn-usr),.is-Error:is(.ui-btn-usr) {
    --bg-c-btn-hover: #ffcad5;
    --bg-c-btn-active: #ffcad5;
    position: relative;
    background-color: #ffeaef
}

.is-Alert:is(.ui-btn-usr):after,.is-Error:is(.ui-btn-usr):after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border: none;
    border-radius: 625rem;
    background-color: #ce0031;
    color: #fff;
    font-size: .75rem;
    content: "!"
}

.is-Alert:is(.ui-tag),.is-Error:is(.ui-tag) {
    --b-c-tag: #ce0031;
    --c-tag: #ce0031;
    --bg-c-tag: #ffeaef
}

.is-Alert:is(.ui-stats),.is-Error:is(.ui-stats) {
    color: #ce0031;
    background-color: #ffeaef;
    border-color: #ce0031
}

.is-On,.is-Open {
    color: #067f43
}

.fl-err,.is-Closed,.is-Off {
    color: #ce0031
}

.ui-beta,.ui-new,.ui-soon {
    display: var(--dp-beta,flex);
    padding: .25rem .5rem;
    border-radius: .25rem;
    background-color: #e1f3ff;
    color: #005eff;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.ui-beta:is(.ui-beta):empty:before,.ui-new:is(.ui-beta):empty:before,.ui-soon:is(.ui-beta):empty:before {
    content: "Bêta"
}

.ui-beta:is(.ui-soon):empty:before,.ui-new:is(.ui-soon):empty:before,.ui-soon:is(.ui-soon):empty:before {
    content: "Bientôt disponible"
}

.ui-beta:is(.ui-new):empty:before,.ui-new:is(.ui-new):empty:before,.ui-soon:is(.ui-new):empty:before {
    content: "Nouveauté"
}

.ui-underlined {
    text-decoration: underline
}

[data-type=companies] :is([class^=ic-],.ui-label,mark),[data-type=companies]:is(span) {
    --c-data-type: #005eff;
    --bg-data-type: #b8dfff
}

[data-type=managers] :is([class^=ic-],.ui-label,mark),[data-type=managers]:is(span) {
    --c-data-type: #7b4cfb;
    --bg-data-type: #d4c3fc
}

[data-type=establishments] :is([class^=ic-],.ui-label,mark),[data-type=establishments]:is(span) {
    --c-data-type: #45518c;
    --bg-data-type: #babfd6
}

[data-type=brands] :is([class^=ic-],.ui-label,mark),[data-type=brands]:is(span) {
    --c-data-type: #078297;
    --bg-data-type: #c5f4fc
}

[data-type=documents] :is([class^=ic-],.ui-label,mark),[data-type=documents]:is(span) {
    --c-data-type: #8f5300;
    --bg-data-type: #ffeed6
}

.ui-tooltip {
    position: fixed;
    max-width: min(280px,100vw - 40px);
    background: var(--bg-c-tip,#2836e0);
    color: #fff;
    padding: .25rem .5rem;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1.25;
    z-index: 9999;
    pointer-events: none;
    white-space: normal;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease,visibility .15s ease
}

.ui-tooltip[data-open=true] {
    opacity: 1;
    visibility: visible
}

.ui-tooltip:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: var(--bg-c-tip,#2836e0);
    left: var(--arrow-x,50%);
    margin-left: -5px;
    z-index: -1
}

.ui-tooltip[data-side=top]:after {
    bottom: -5px
}

.ui-tooltip[data-side=bottom]:after {
    top: -5px
}

.uo-essential {
    color: var(--c-uo-essential,inherit)
}

.uo-plus {
    color: var(--c-uo-plus,inherit)
}

.uo-pro {
    color: var(--c-uo-pro,inherit)
}

.uo-custom {
    color: var(--c-uo-custom,inherit)
}

main {
    --height-appheader: 76px;
    position: relative
}

.ui-wrap-main>.ColDroite {
    position: sticky;
    top: calc(var(--height-appheader, 0px) + 1.25rem);
    margin: 0;
    padding: 0;
    width: auto;
    max-width: unset;
    min-width: unset;
    flex: 0 0 18.75rem;
    flex-direction: column;
    gap: 1.25rem
}

.ui-tag {
    display: flex;
    align-items: center;
    gap: var(--gap-tag,.5rem);
    width: var(--w-tag,max-content);
    height: var(--h-tag,28px);
    padding: 0 .75rem;
    border: 1px solid var(--b-c-tag,#000e47);
    border-radius: var(--b-rd-tag,625rem);
    background-color: var(--bg-c-tag,transparent);
    font-size: var(--f-s-tag,1rem);
    font-weight: var(--f-w-tag,500);
    line-height: 1.5rem;
    color: var(--c-tag,#000e47);
    white-space: var(--wspace-tag,nowrap)
}

.ui-tag.is-L {
    --h-tag: 36px
}

.ui-tag.is-S {
    --h-tag: 24px
}

.ui-tag>span[class^=ic-] {
    font-size: 125%;
    font-weight: 1000
}

.ui-tag>p {
    line-height: 1
}

.ui-tip {
    --def-bg-c-tip: rgba(0,0,0,.8);
    position: fixed;
    width: max-content;
    max-width: var(--max-w-tip,20rem);
    padding: var(--p-tip,.5rem .75rem);
    border-radius: .5rem;
    opacity: 0;
    background: var(--bg-c-tip,var(--def-bg-c-tip));
    filter: drop-shadow(0 3px 6px rgba(0,0,0,.16));
    z-index: 1000;
    transition: opacity .3s ease;
    color: #fff;
    text-align: var(--t-a-tip,left);
    word-wrap: break-word;
    white-space: normal;
    z-index: 11;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.ui-tip:not(.is-MD):before {
    content: "";
    position: absolute;
    top: var(--top-tip,100%);
    left: var(--left-tip,50%);
    margin: var(--m-tip,0 0 0 -5px);
    border-width: 5px;
    border-style: solid;
    border-color: var(--b-c-tip,var(--bg-c-tip,var(--def-bg-c-tip)) transparent transparent transparent)
}

.ui-tip.is-MD {
    --max-w-tip: 80vw;
    --p-tip: 1rem;
    --t-a-tip: center;
    position: fixed;
    left: 50%;
    top: 50%;
    translate: -50% -50%
}

.has-tip {
    cursor: pointer
}

.ui-toast {
    position: fixed;
    display: inline-flex;
    align-items: start;
    gap: .5rem;
    width: fit-content;
    max-width: var(--max-w-toast,32.5rem);
    margin-inline:var(--m-i-toast,0);padding: .75rem .5rem .75rem 1rem;
    border-radius: .5rem;
    color: #000e47;
    background-color: var(--bg-c-toast,#e1f3ff);
    box-shadow: 0 2px 1px rgba(0,0,0,.16);
    opacity: 0;
    text-decoration: none;
    z-index: 2147483647;
    transition: opacity .3s ease-out;
    white-space: pre-line
}

.ui-toast:before {
    font-family: soIcons;
    content: var(--content-toast-icon,"\e88e")
}

.ui-toast-close,.ui-toast:before {
    color: var(--c-toast-icon,#005eff);
    font-size: 1.5rem;
    line-height: 1
}

.ui-toast-right {
    right: 1rem
}

.ui-toast-left {
    left: 1rem
}

.ui-toast-center {
    --max-w-toast: calc(100% - 2rem);
    --m-i-toast: auto;
    left: 0;
    right: 0
}

.ui-toast-close {
    padding: 0 .25rem
}

.ui-toast.on {
    animation: var(--anim-toast,toastUp) .6s forwards;
    opacity: 1
}

.ui-toast.isOK {
    --bg-c-toast: #e6f6ec;
    --c-toast-icon: #067f43;
    --content-toast-icon: "\e2e6"
}

.ui-toast.isWarn {
    --bg-c-toast: #fff7eb;
    --c-toast-icon: #ae6500;
    --content-toast-icon: "\e000"
}

.ui-toast.isError {
    --bg-c-toast: #ffeaef;
    --c-toast-icon: #ce0031;
    --content-toast-icon: "\e002"
}

.ui-toast .ui-toast-ua {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0 1rem;
    margin: 1rem 0 0 1rem;
    transform: translateX(1.75rem)
}

@keyframes toastUp {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(-5rem)
    }
}

@keyframes toastRight {
    0% {
        transform: translate(100%,5rem)
    }

    to {
        transform: translateY(5rem)
    }
}

.ic-mail:before {
    content: "\e158"
}

.ic-man:before {
    content: "\e4eb"
}

.ic-mark_email_read:before {
    content: "\f18c"
}

.ic-menu:before {
    content: "\e5d2"
}

.ic-menu_open:before {
    content: "\e9bd"
}

.ic-more_horiz:before {
    content: "\e5d3"
}

.ic-move_down:before {
    content: "\eb61"
}

.ic-my_location:before {
    content: "\e55c"
}

.ic-note_alt:before {
    content: "\f040"
}

.ic-notifications_off:before {
    content: "\e7f6"
}

.ic-north_east:before {
    content: "\f1e1"
}

.ic-open_in_new:before {
    content: "\e89e"
}

.ic-paid:before {
    content: "\f041"
}

.ic-pause:before {
    content: "\e034"
}

.ic-play_arrow:before {
    content: "\e037"
}

.ic-query_stats:before {
    content: "\e4fc"
}

.ic-radar:before {
    content: "\f04e"
}

.ic-remove_shopping_cart:before {
    content: "\e928"
}

.ic-share:before {
    content: "\e80d"
}

.ic-shopping_cart_checkout:before {
    content: "\eb88"
}

.ic-south:before {
    content: "\f1e3"
}

.ic-south_east:before {
    content: "\f1e4"
}

.ic-supervisor_account:before {
    content: "\e8d3"
}

.ic-task:before {
    content: "\f075"
}

.ic-travel_explore:before {
    content: "\e2db"
}

.ic-update:before {
    content: "\e92b"
}

.ic-upload_file:before {
    content: "\e9fc"
}

.ic-verified:before {
    content: "\ef76"
}

.ic-verified_user:before {
    content: "\e8e8"
}

.ic-warning:before {
    content: "\e002"
}

.ic-wifi_find:before {
    content: "\eb31"
}

.ic-woman:before {
    content: "\e13e"
}

.ic-work:before {
    content: "\e8f9"
}

.ic-workspace_premium:before {
    content: "\e7af"
}

.ic-so_ai_summary:before {
    content: "\f8c6"
}

.ic-so_apple:before {
    content: "\f8b3"
}

.ic-so_jury:before {
    content: "\f8a1"
}

.ic-so_xls:before {
    content: "\f8be"
}

.ic-so_pdf:before {
    content: "\f8c0"
}

.ic-so_trophy_first:before {
    content: "\f8a2"
}

.ic-so_trophy_second:before {
    content: "\f8a3"
}

.ic-so_trophy_third:before {
    content: "\f8a4"
}

.ui-breadcrumb {
    max-width: 80rem;
    margin: var(--m-breadcrumb,1.25rem auto 0);
    padding: var(--p-breadcrumb,0 1.25rem)
}

.ui-breadcrumb li,.ui-breadcrumb ol {
    display: flex;
    align-items: center
}

.ui-breadcrumb ol {
    flex-flow: row wrap
}

.ui-breadcrumb li {
    flex: 0 0 auto;
    font-weight: 500;
    white-space: nowrap
}

.ui-breadcrumb li:not(:last-of-type) {
    --max-w-crumb: calc(min(80rem, 100vw) - 5rem)
}

.ui-breadcrumb li:not(:last-of-type):after {
    display: block;
    margin: 0 .5rem;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: ">"
}

.ui-breadcrumb li span[itemprop=name] {
    display: block;
    overflow: hidden;
    max-width: var(--max-w-crumb,calc(min(80rem, 100vw) - 2.5rem));
    text-overflow: ellipsis
}

body[data-app=company] {
    --bg-c-company: #eff2f9;
    background-color: var(--bg-c-company)
}

body[data-app=company] .ic-hive,body[data-app=company] .ic-paid {
    font-weight: 1000
}

[data-fa] main[data-mod=company] {
    --white-s-status: wrap
}

main[data-mod=company] {
    --m-wrap-main: 0 auto 1.5rem;
    --b-wrap: none;
    --shadow-wrap: none;
    --b-rd-wrap: 28px;
    --c-vgood: #067f43;
    --bg-c-vgood: #71c992;
    --c-good: #4ebe7b;
    --bg-c-good: #c2e7cf;
    --c-med: #ffbb5c;
    --bg-c-med: #ffeed6;
    --c-bad: #e96979;
    --bg-c-bad: #ffcad5;
    --c-vbad: #c00024;
    --bg-c-vbad: #f1949f;
    --tag-c-vgood: #174f48;
    --tag-bg-c-vgood: #e6f6ec;
    --tag-c-good: #00602f;
    --tag-bg-c-good: #fff;
    --tag-c-med: #8f5300;
    --tag-bg-c-med: #fff;
    --tag-c-bad: #8f0053;
    --tag-bg-c-bad: #fff;
    --tag-c-vbad: #c00024;
    --tag-bg-c-vbad: #ffeaef;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

main[data-mod=company] .ui-wrap-nav {
    --p-wrap: 0 0 0 6rem;
    background-image: linear-gradient(to bottom,var(--bg-c-company) 82.5%,transparent 100%)
}

main[data-mod=company] .ui-wrap-nav .ui-nav-drop {
    background-color: var(--bg-c-company)
}

main[data-mod=company] header h2 {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

main[data-mod=company] header h2:not(.ui-h3) {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

main[data-mod=company] header h2 span:first-of-type {
    color: #005eff
}

main[data-mod=company] .ui-h3,main[data-mod=company] h3:not(.ui-h4) {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

main[data-mod=company] .ui-h3 .ui-sub,main[data-mod=company] h3:not(.ui-h4) .ui-sub {
    font-size: 80%
}

main[data-mod=company] h3.ui-h4 {
    font-weight: 500
}

main[data-mod=company] section [class^=ui-wrap] {
    margin-top: 2rem
}

main[data-mod=company] section [class^=ui-wrap]>ul {
    --p-wrap: 0;
    --b-wrap: 0;
    --shadow-wrap: none
}

main[data-mod=company] section [class^=ui-wrap]>li {
    padding-bottom: 1.25rem
}

main[data-mod=company] section [class^=ui-wrap]>li:not([hidden])~:not([hidden]) {
    margin-top: 1.25rem
}

main[data-mod=company] section [class^=ui-wrap]>li:not(:last-child) {
    border-bottom: 1px solid #babfd6
}

main[data-mod=company] section [class^=ui-wrap]>li ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.25rem
}

main[data-mod=company] section [class^=ui-wrap]>li li {
    margin-right: 1.25rem
}

main[data-mod=company] section [class^=ui-wrap]>li li:not(.co-company) {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: 1.25rem
}

main[data-mod=company] section [class^=ui-wrap]>li li>.ui-label {
    color: #646e9f;
    flex: var(--flex-company-table,0 0 100%)
}

main[data-mod=company] section [class^=ui-wrap]>li li>.ui-label+span {
    font-weight: 500;
    margin-left: auto;
    text-align: right
}

main[data-mod=company] section [class^=ui-wrap]>li li>.ui-label+.ui-abt-wrap {
    margin-left: auto
}

@container (min-width: 768px) {
    main[data-mod=company] section [class^=ui-wrap]>li li>.ui-label {
        --flex-company-table: 0 0 auto
    }
}

main[data-mod=company] section [class^=ui-wrap]+.ui-self-prm {
    margin-top: 2rem
}

main[data-mod=company] section .ui-drw-data {
    --spacing-company: 0
}

main[data-mod=company] .co-content {
    display: var(--dp-content,block);
    flex: 1 0 100%
}

main[data-mod=company] .co-content>aside {
    display: var(--dp-aside,none)
}

main[data-mod=company] .co-content .ui-grp-ua:not(li) {
    margin-top: var(--m-t-grp-ua,2.5rem)
}

main[data-mod=company] [id^=_] {
    display: block;
    scroll-margin-top: var(--m-t-head,9.5rem)
}

main[data-mod=company] .ui-list-more {
    padding-left: 1rem;
    font-weight: 500
}

main[data-mod=company] .ui-wrap-section {
    --p-wrap: 0
}

main[data-mod=company] .ui-wrap-section>.ui-sub {
    margin-top: .75rem;
    color: #45518c
}

main[data-mod=company] .ui-wrap-section .ui-wrap[data-mod=company-docs-solvency-study] {
    margin-top: unset;
    flex: 1 0 0%
}

main[data-mod=company] .ui-wrap-section .ui-ntf.is-Info strong {
    color: #005eff
}

main[data-mod=company] .ui-wrap-section .ui-ntf.is-Warn strong {
    color: #8f5300
}

main[data-mod=company] .ui-ntf {
    margin-top: 1.25rem
}

main[data-mod=company] .ui-wrap-grp {
    --p-wrap: 0;
    --m-t-grp-ua: 1.25rem;
    display: grid;
    grid-gap: 1.25rem 2rem
}

main[data-mod=company] .ui-wrap-grp>.ui-wrap-hl {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

main[data-mod=company] .ui-wrap-grp>.ui-wrap-hl footer {
    margin-top: auto
}

main[data-mod=company] .ui-wrap-hl {
    --p-wrap: 1.25rem;
    margin-top: 1.25rem;
    scroll-margin-top: var(--m-t-head,9.5rem);
    background-color: #fff;
    border-radius: 20px
}

main[data-mod=company] .ui-wrap-hl header {
    display: flex;
    align-items: center;
    gap: .5rem
}

main[data-mod=company] .ui-wrap-hl header [class^=ic-] {
    color: #005eff;
    font-size: 150%
}

main[data-mod=company] .ui-wrap-hl header .ic-notifications,main[data-mod=company] .ui-wrap-hl header .ic-wifi_find {
    font-weight: 1000
}

main[data-mod=company] .ui-wrap-hl p {
    margin-top: .5rem
}

main[data-mod=company] .ui-wrap-hl .ui-bounds .ui-grp-ua .ui-a {
    order: -1
}

main[data-mod=company] .co-financial {
    font-size: .875rem
}

main[data-mod=company] .co-financial button,main[data-mod=company] .co-financial h3:not(.ui-h4) {
    font-size: 1rem;
    padding-block:.5rem;color: #45518c
}

main[data-mod=company] .co-financial button .ui-label,main[data-mod=company] .co-financial h3:not(.ui-h4) .ui-label {
    font-size: .875rem;
    font-weight: 500;
    color: #005eff
}

main[data-mod=company] .co-financial button[aria-expanded=false] .ui-label:before,main[data-mod=company] .co-financial h3:not(.ui-h4)[aria-expanded=false] .ui-label:before {
    content: "Voir "
}

main[data-mod=company] .co-financial button[aria-expanded=true] .ui-label:before,main[data-mod=company] .co-financial h3:not(.ui-h4)[aria-expanded=true] .ui-label:before {
    content: "Masquer "
}

main[data-mod=company] .co-financial button[hidden],main[data-mod=company] .co-financial h3:not(.ui-h4)[hidden] {
    display: none
}

main[data-mod=company] .co-financial li:not(:first-child) {
    border-color: #e9e9e9
}

main[data-mod=company] .co-financial li:not([hidden]) {
    min-height: 38px;
    padding: .25rem 0 .25rem .5rem
}

main[data-mod=company] [data-score=A] {
    --bg-c-graph: var(--bg-c-vgood);
    --c-graph: var(--c-vgood)
}

main[data-mod=company] [data-score=B] {
    --bg-c-graph: var(--bg-c-good);
    --c-graph: var(--c-good)
}

main[data-mod=company] [data-score=C] {
    --bg-c-graph: var(--bg-c-med);
    --c-graph: var(--c-med)
}

main[data-mod=company] [data-score=D] {
    --bg-c-graph: var(--bg-c-bad);
    --c-graph: var(--c-bad)
}

main[data-mod=company] [data-score=E] {
    --bg-c-graph: var(--bg-c-vbad);
    --c-graph: var(--c-vbad)
}

main[data-mod=company] [data-score=X] {
    --dp-score-delta: none;
    --c-score-year: #fff
}

main[data-mod=company] [data-score-tag=A] {
    --bg-c-graph: var(--tag-bg-c-vgood);
    --c-graph: var(--tag-c-vgood)
}

main[data-mod=company] [data-score-tag=B] {
    --bg-c-graph: var(--tag-bg-c-good);
    --c-graph: var(--tag-c-good)
}

main[data-mod=company] [data-score-tag=C] {
    --bg-c-graph: var(--tag-bg-c-med);
    --c-graph: var(--tag-c-med)
}

main[data-mod=company] [data-score-tag=D] {
    --bg-c-graph: var(--tag-bg-c-bad);
    --c-graph: var(--tag-c-bad)
}

main[data-mod=company] [data-score-tag=E] {
    --bg-c-graph: var(--tag-bg-c-vbad);
    --c-graph: var(--tag-c-vbad)
}

#_companyEstablishments,#_companyManagers {
    margin-top: 1rem
}

[data-mod=company-establishments] .ic-domain,[data-mod=company-establishments] .ic-group,[data-mod=company-establishments] .ic-home_work,[data-mod=company-managers] .ic-domain,[data-mod=company-managers] .ic-group,[data-mod=company-managers] .ic-home_work {
    position: relative;
    color: #005eff
}

[data-mod=company-establishments] .ic-domain.is-Closed,[data-mod=company-establishments] .ic-group.is-Closed,[data-mod=company-establishments] .ic-home_work.is-Closed,[data-mod=company-managers] .ic-domain.is-Closed,[data-mod=company-managers] .ic-group.is-Closed,[data-mod=company-managers] .ic-home_work.is-Closed {
    --bg-c-status: #ce0031;
    --content-status: "\e5cd"
}

[data-mod=company-establishments] .ic-domain:after,[data-mod=company-establishments] .ic-group:after,[data-mod=company-establishments] .ic-home_work:after,[data-mod=company-managers] .ic-domain:after,[data-mod=company-managers] .ic-group:after,[data-mod=company-managers] .ic-home_work:after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    right: -6px;
    top: -6px;
    border-radius: 625rem;
    border: 2px solid #fff;
    color: #fff;
    background-color: var(--bg-c-status,#067f43);
    font-size: .625rem;
    content: var(--content-status,"\e5ca")
}

#rbe>.ui-wrap-hl .ui-bounds,.ui-wrap-hl[data-mod=company-claim] .ui-bounds {
    margin-top: .5rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem 2rem
}

#rbe>.ui-wrap-hl p,.ui-wrap-hl[data-mod=company-claim] p {
    margin: 0
}

.co-nav-index {
    --shadow-wrap: none;
    --p-wrap: 1.25rem;
    display: var(--dp-nav-index,flex);
    flex-direction: var(--flex-d-nav-index,column);
    gap: 1.25rem
}

.co-nav-index ul {
    flex: var(--flex-nav-index-elm,1)
}

.co-nav-index h2 {
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem
}

.co-nav-index h2,.co-nav-index h2>span {
    display: flex;
    align-items: center;
    height: 32px
}

.co-nav-index h2>span {
    justify-content: center;
    width: 32px;
    border-radius: 625rem;
    background-color: #f2f9fd;
    color: #005eff;
    font-size: 125%
}

.co-nav-index .ui-wrap ul {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem
}

.co-nav-index [data-availability=available] {
    --c-availability: #00602f;
    --ct-availability: "Disponible"
}

.co-nav-index [data-availability=unavailable] {
    --c-availability: #ce0031;
    --ct-availability: "Non disponible"
}

.co-nav-index [data-availability] {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: .5rem
}

.co-nav-index [data-availability]:before {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 625rem;
    background-color: var(--c-availability,#c4c4c4);
    content: ""
}

.co-nav-index [data-availability]:after {
    font-size: .75rem;
    font-weight: 400;
    color: var(--c-availability,#45518c);
    white-space: nowrap;
    content: var(--ct-availability,"Aucun document ajouté")
}

.co-nav-index [data-availability]:hover {
    background-color: #e1f3ff
}

.co-nav-index .has-tip {
    order: 1;
    color: var(--c-availability,#45518c)
}

.co-data header>button[data-fx-slide] {
    z-index: 1
}

.co-data header>button[data-fx-slide]:before {
    display: block;
    position: absolute;
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
    z-index: -1;
    border-radius: .5rem;
    content: ""
}

.co-data>:not([hidden])~:not([hidden]) {
    margin-top: var(--spacing-company,1.25rem)
}

.co-partners>.co-summary-board {
    --gap-board: 1.25rem;
    margin-top: 1.25rem
}

.co-partners>.co-summary-board li {
    container-type: inline-size
}

.co-partners>.co-summary-board p {
    flex: 1 0 0%;
    font-weight: 500
}

.co-partners>.co-summary-board .ui-label {
    display: none
}

.co-partners>.co-summary-board .ic-open_in_new {
    font-size: 150%
}

@container (min-width: 420px) {
    .co-partners>.co-summary-board .ui-label {
        display: initial
    }

    .co-partners>.co-summary-board .ic-open_in_new {
        display: none
    }
}

.co-summary-board {
    --f-w-label: 500;
    columns: 21.5rem;
    column-gap: var(--col-gap-board,8rem)
}

.co-summary-board>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-board,.25rem);
    padding: .625rem 0;
    break-inside: avoid;
    height: var(--h-board,auto);
    min-height: 3.75rem
}

.co-summary-board .ui-label {
    flex: 0 1 auto;
    --p-tip: 1rem;
    --bg-c-tip: #2836e0;
    --t-a-tip: center;
    font-weight: var(--f-w-label,normal);
    color: var(--c-label,inherit)
}

.co-summary-board .ui-label .ic-help {
    margin-left: .125rem;
    vertical-align: middle;
    color: #45518c
}

.co-summary-board .ui-label+span {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    text-align: right
}

.co-summary-board .ui-sub {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #646e9f
}

.co-summary-board .ui-tag[data-score-tag] {
    --bg-c-tag: var(--bg-c-graph);
    --b-c-tag: var(--c-graph);
    --c-tag: var(--c-graph);
    --f-w-tag: 700;
    border-radius: .5rem;
    height: 2rem;
    justify-content: center
}

.co-legal-board {
    --c-label: #646e9f;
    columns: 24.5rem;
    column-gap: var(--col-gap-board,4rem);
    margin-top: var(--spacing-company,1.25rem)
}

.co-legal-board dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    padding: .625rem 0;
    break-inside: avoid;
    height: var(--h-board,auto);
    min-height: 4rem
}

.co-legal-board .co-registers {
    break-inside: avoid
}

.co-legal-board .co-registers .co-legal-rne {
    flex-wrap: wrap
}

.co-legal-board .co-registers .co-legal-rne>dl {
    flex: 0 0 100%
}

.co-legal-board .co-registers .co-legal-rne>dl:first-of-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    overflow: hidden
}

.co-legal-board .co-registers .co-legal-rne>dl [data-box-btn] {
    display: flex;
    margin-left: auto;
    margin-right: .75rem
}

.co-legal-board .ui-label {
    flex: 0 1 auto;
    --p-tip: 1rem;
    --bg-c-tip: #2836e0;
    --t-a-tip: center;
    font-weight: var(--f-w-label,normal);
    color: var(--c-label,inherit)
}

.co-legal-board .ui-label+dd {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    text-align: right
}

.co-legal-board .ui-tag[data-score-tag] {
    --bg-c-tag: var(--bg-c-graph);
    --b-c-tag: var(--c-graph);
    --c-tag: var(--c-graph);
    --f-w-tag: 700;
    border-radius: .5rem;
    height: 2rem;
    justify-content: center
}

.co-legal-board .co-status {
    flex: 0 0 auto
}

.co-legal-board .co-status .ui-tag+span {
    margin-left: .5rem;
    flex: 0 0 auto;
    text-align: right;
    white-space: var(--white-s-status,wrap)
}

.co-legal-board .co-status .ui-date {
    white-space: nowrap
}

article[data-mod=company-legal] button[data-kbis] {
    scroll-margin-top: var(--m-t-head,11.5rem)
}

[data-mod=company-claim] .ui-grp-tag {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 1.25rem
}

[data-mod=company-claim] .ui-bounds,[data-mod=company-claim] h2 {
    margin-top: 1.25rem
}

[data-mod=company-claim] .ui-hl {
    color: #005eff
}

article[data-mod=company-docs-legal-notices] .ui-ntf.is-Info {
    margin-block:2rem}

article[data-mod=company-docs-legal-notices] .ui-ntf.is-Info:before {
    content: "\ef42";
    font-weight: 1000
}

article[data-mod=company-docs-legal-notices] .ui-ntf.is-Info p {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: .5rem 2rem;
    flex: 1
}

article[data-mod=company-docs-legal-notices] .ui-ntf.is-Info p a {
    font-size: .75rem;
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: auto
}

article[data-mod=company-commercial] .ui-btn-icon {
    flex: 0 0 auto;
    margin-left: .25rem;
    color: #005eff
}

article[data-mod=company-commercial] .ui-datalist {
    --gap-datalist: 1.25rem;
    --m-t-datalist: var(--spacing-company,1.25rem)
}

article[data-mod=company-commercial] .ui-datalist>div {
    display: flex;
    flex-wrap: wrap;
    align-items: var(--a-i-li,baseline);
    gap: 1rem
}

article[data-mod=company-commercial] .ui-datalist>div>.ui-label {
    --dp-beta: inline-flex;
    color: #646e9f;
    flex: var(--flex-label,1 0 100%)
}

article[data-mod=company-commercial] .ui-datalist>div>.ui-label+.ui-abt-wrap {
    vertical-align: top
}

@container (min-width: 768px) {
    article[data-mod=company-commercial] .ui-datalist>div>.ui-label {
        --flex-company-table: 0 0 auto
    }
}

article[data-mod=company-commercial] .ui-datalist>div>.ui-label+dd {
    flex: var(--flex-label-span,0 1 auto);
    display: flex;
    align-items: center;
    font-weight: 500
}

article[data-mod=company-commercial] .ui-datalist .ui-data-phone {
    --a-i-li: center;
    container-type: inline-size;
    padding: .5rem 0
}

article[data-mod=company-commercial] .ui-datalist .ui-data-mail {
    scroll-margin-top: var(--m-t-head,9.5rem)
}

.co-obs-rne {
    --clip-path-wrap: 4rem;
    position: relative
}

.co-obs-rne>li {
    padding: 1.25rem 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.co-obs-rne>li:not(:first-child) {
    margin-top: 1.25rem;
    border-top: 1px solid #babfd6
}

.co-obs-rne>li p.ui-date {
    font-weight: 500;
    color: #45518c
}

.co-obs-rne ul {
    list-style-type: disc;
    margin-top: .5rem;
    padding-left: 1rem
}

article[data-mod=company-synthesis] {
    margin-top: 3rem
}

article[data-mod=company-synthesis] p:not(:first-of-type) {
    margin-top: 1.25rem
}

article[data-mod=company-synthesis] a {
    white-space: nowrap;
    align-self: flex-end
}

article[data-mod=company-synthesis] .co-managers {
    display: flex;
    flex-direction: var(--flex-d-managers,column);
    justify-content: space-between;
    gap: var(--gap-managers,.5rem)
}

article[data-mod=company-history],article[data-mod=company-history] h4,article[data-mod=company-network],article[data-mod=company-network] h4 {
    margin-top: 1.25rem
}

article[data-mod=company-contracts-market] {
    --m-t-grp-ua: 1.25rem
}

article #_coUbo {
    margin-top: 1.25rem
}

.ui-mandats {
    padding-bottom: 1.25rem
}

.ui-contracts-market,.ui-mandats:not(:first-of-type) {
    margin-top: 1.25rem
}

.ui-contracts-market li {
    display: var(--dp-market,flex)
}

.ui-contracts-market li:not(.ui-sub) {
    flex-flow: row wrap;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.ui-contracts-market li.ui-sub {
    --dp-market: block;
    padding-block:.5rem;color: #646e9f;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.ui-contracts-market li .ui-label {
    color: #646e9f
}

.ui-contracts-market li .ui-label:after {
    content: " : "
}

.ui-contracts-market li span:not(.ui-label) {
    font-weight: 500
}

.ui-contracts-market li+li {
    margin-top: .5rem
}

.ui-drw-data .ui-contracts-market {
    padding: 1.25rem;
    border: 1px solid #babfd6;
    border-radius: .5rem
}

.ui-mandat {
    display: flex;
    flex-direction: var(--flex-d-mandat,column);
    justify-content: space-between;
    gap: var(--gap-mandat,.5rem);
    margin-top: 1.25rem
}

.ui-mandat:not(:first-child) {
    border-top: 1px solid #babfd6;
    padding-top: 1.25rem
}

.ui-mandat .ui-sub {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #646e9f;
    white-space: nowrap
}

.ui-mandat h4>p {
    position: relative;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: var(--gap-a,.25rem);
    font-weight: 500
}

.ui-mandat h4>p>[class^=ic-] {
    font-size: 150%
}

.ui-mandat>article {
    --m-t-datalist: 0.5rem;
    flex: 1 1 auto
}

.ui-mandat>article header {
    --gap-a: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.ui-mandat>article header .ui-nature {
    padding-left: 44px
}

.ui-mandat>article header .ui-nature .ui-label {
    color: #646e9f
}

.ui-mandat>article header .ui-function {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.ui-mandat>article header .ui-sub {
    margin-left: .5rem
}

.ui-mandat>article .ui-nature,.ui-mandat>article>.ui-datalist {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.ui-mandat>article .ui-nature>.ui-label:after,.ui-mandat>article>.ui-datalist>.ui-label:after {
    content: " : "
}

.ui-mandat>article .ui-nature .ui-label+span,.ui-mandat>article>.ui-datalist .ui-label+span {
    font-weight: 700
}

.ui-mandat>article li.has-Copy {
    display: flex;
    align-items: center;
    gap: .25rem
}

.ui-mandat>article li.has-Copy .ui-btn-icon {
    color: #005eff
}

.ui-mandat>aside {
    flex: 0 0 auto;
    align-self: center;
    margin-top: var(--m-t-aside,1.25rem)
}

@container (min-width: 768px) {
    .ui-mandat {
        --flex-d-mandat: row;
        --gap-mandat: 1.25rem;
        --m-t-aside: 0
    }
}

.ui-datalist {
    display: flex;
    flex-direction: column;
    gap: var(--gap-datalist,.5rem);
    margin-top: var(--m-t-datalist,1.25rem)
}

.ui-datalist li>.ui-label {
    color: #646e9f
}

.ui-datalist li>.ui-label+.ui-abt-wrap {
    vertical-align: top
}

@container (min-width: 768px) {
    .ui-datalist li>.ui-label {
        --flex-company-table: 0 0 auto
    }
}

.ui-datalist+.ui-function {
    margin-top: .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.ui-datalist+.ui-function>span:first-of-type {
    font-weight: 500;
    color: #45518c
}

.co-ubo-none p:first-child {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem
}

.co-solvency,.co-ubo-none p:not(:first-child) {
    margin-top: 1.25rem
}

.co-solvency {
    display: flex;
    flex-direction: var(--flex-solvency,column);
    gap: 1.25rem
}

.co-buy-study {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    border-radius: .5rem;
    background-color: #ff990a;
    min-width: 246px;
    min-height: 192px
}

.co-buy-study .ui-sample {
    margin-top: unset;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    opacity: .9;
    filter: blur(12px)
}

.co-buy-study .ui-sample li {
    display: flex;
    align-items: var(--flex-a-i-sample,center);
    justify-content: space-between;
    gap: 1.25rem
}

.co-buy-study .ui-sample li span:first-of-type {
    font-weight: 700
}

.co-buy-study .ui-sample .ui-score {
    --flex-a-i-sample: flex-start
}

.co-buy-study .ui-sample .ui-score span:last-of-type {
    font-size: 3.25rem
}

.co-buy-study>p {
    margin-top: 1.25rem;
    font-weight: 700;
    text-align: center
}

.co-buy-study>.ic-lock {
    font-size: 2.5rem;
    font-weight: 1000
}

.ui-self-prm[data-target=export] {
    --grid-a-prm-ua: flex-end
}

#_mngHistory,div[data-mod=company-network] {
    margin-top: 1.25rem
}

#networkPreview {
    position: relative
}

#networkPreview>a {
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%
}

#networkPreview img {
    mask-image: linear-gradient(180deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent),linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent);
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(180deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent),linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent);
    -webkit-mask-composite: destination-in
}

#networkPreview .ui-grp-ua {
    position: absolute;
    width: calc(100% - 2.5rem);
    left: 1.25rem;
    bottom: 1.25rem
}

.ui-filters {
    --f-w-tag: 400;
    position: sticky;
    top: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem 1.25rem;
    padding: 1.25rem 0;
    background-color: #fff;
    z-index: 2
}

.ui-filters .ui-tag:not(.xCurrent):hover,.ui-filters .xCurrent {
    --bg-c-tag: #e1f3ff;
    --c-tag: #005eff;
    --b-c-tag: #005eff
}

.ui-filters .ui-tag:not(.xCurrent) {
    cursor: pointer
}

#sectorMails {
    margin-top: 1.25rem
}

.ui-chart-email {
    width: 720px;
    max-width: 100%
}

.ui-chart-email-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1.25rem
}

.ui-chart-email-bar {
    display: flex;
    height: 12px;
    border-radius: 10px;
    overflow: hidden;
    background: #e9e9e9
}

.ui-chart-email-segment {
    height: 100%
}

.ui-chart-email-legend {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    display: flex;
    gap: 0 1.25rem;
    margin-top: 1rem;
    flex-wrap: wrap
}

.ui-chart-email-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #45518c
}

.ui-chart-email-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%
}

:root {
    --c-graph-rev: #005eff;
    --c-graph-net: #ff0a99;
    --c-graph-tba: #262626;
    --c-graph-wkf: #ff990a;
    --c-graph-grid: #babfd6;
    --c-graph-sector: #d4007a;
    --c-graph-company: #005eff
}

#coBalancesGraph {
    --grid: #babfd6;
    --axis: #94a3b8;
    --text: #000e47;
    --bg: #fff;
    --p-wrap: 1.25rem
}

#coBalancesGraph .ui-graph-wrapper {
    max-width: 960px;
    margin: 1.25rem auto
}

#coBalancesGraph svg {
    width: 100%;
    height: auto;
    max-height: 360px;
    display: block
}

#coBalancesGraph .axis text {
    fill: var(--axis);
    font-size: .75rem
}

#coBalancesGraph .axis line,#coBalancesGraph .axis path {
    stroke: var(--axis);
    opacity: 1
}

#coBalancesGraph .grid line {
    stroke: var(--grid)
}

#coBalancesGraph .ui-graph-legend {
    display: flex;
    gap: .5rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: .75rem
}

#coBalancesGraph .ui-graph-legend .ui-tag {
    cursor: pointer;
    user-select: none;
    font-size: .75rem;
    background: #fff;
    border-color: #babfd6
}

#coBalancesGraph .ui-graph-legend .ui-tag .chip {
    width: 10px;
    height: 10px;
    border-radius: 625rem
}

#coBalancesGraph .ui-graph-legend .ui-tag.off {
    opacity: .5
}

#coBalancesGraph .ui-graph-tooltip {
    position: fixed;
    pointer-events: none;
    background: #fff;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    padding: 10px .75rem;
    box-shadow: 0 6px 24px rgba(0,0,0,.15);
    font-size: 13px;
    line-height: 1.25;
    opacity: 0;
    transform: translate(-50%,-120%);
    transition: opacity .12s ease,transform .12s ease;
    white-space: nowrap
}

#coBalancesGraph .ui-graph-tooltip .ui-graph-year {
    display: block;
    font-size: .75rem;
    color: #45518c;
    font-weight: 700;
    margin-bottom: 4px
}

#coBalancesGraph .ui-graph-tooltip .ui-tag {
    margin-block:1rem;font-size: inherit
}

#coBalancesGraph .ui-graph-tooltip .row {
    display: flex;
    align-items: center;
    gap: 6px
}

#coBalancesGraph .ui-graph-tooltip .sw {
    width: 10px;
    height: 10px;
    border-radius: 999px
}

#coBalancesGraph .ui-graph-tooltip .val {
    font-weight: 700
}

#coBalancesGraph #coBalancesGraphChart,#coBalancesGraph .chart-overlay {
    touch-action: none
}

[data-mod=company-ratios] {
    --dp-row-board: none
}

#coSovereigntyGraph {
    --p-tip: 1rem;
    --bg-c-tip: #2836e0
}

#coSovereigntyGraph .ui-graph-wrapper {
    position: relative;
    margin-top: var(--m-t-graph-wrapper,128px)
}

#coSovereigntyGraph .ui-graph-labels,#coSovereigntyGraph .ui-score-badge,#coSovereigntyGraph li[data-pos] {
    position: absolute
}

#coSovereigntyGraph .ui-graph-labels {
    list-style-type: disc;
    inset: 0;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700
}

#coSovereigntyGraph li[data-pos=N],#coSovereigntyGraph li[data-pos=S] {
    left: 50%;
    translate: -50% 0
}

#coSovereigntyGraph li[data-pos=E],#coSovereigntyGraph li[data-pos=W] {
    top: 50%;
    translate: 0 -50%
}

#coSovereigntyGraph li[data-pos=N] {
    top: 0
}

#coSovereigntyGraph li[data-pos=E] {
    left: 75%;
    max-width: 25%
}

#coSovereigntyGraph li[data-pos=S] {
    bottom: 0
}

#coSovereigntyGraph li[data-pos=W] {
    right: 75%;
    max-width: min-content
}

#coSovereigntyGraph #coSovereigntyGraphChart {
    max-width: var(--max-w-sovereignty,60%);
    margin: auto;
    padding: 1.5rem
}

#coSovereigntyGraph .ui-graph-board {
    --w-fxslide: auto;
    margin-top: 1.25rem;
    padding: 1.25rem
}

#coSovereigntyGraph .ui-graph-board>button {
    margin-left: auto;
    font-weight: 500;
    color: #005eff;
    cursor: pointer
}

#coSovereigntyGraph .ui-graph-board>button[aria-expanded=false] .ui-label:before {
    content: "Voir "
}

#coSovereigntyGraph .ui-graph-board>button[aria-expanded=true] .ui-label:before {
    content: "Masquer "
}

#coSovereigntyGraph .ui-graph-board ul {
    max-width: 608px;
    margin: 1.25rem auto 0
}

#coSovereigntyGraph .ui-graph-board li {
    display: flex;
    flex-wrap: var(--flex-w-board,wrap);
    gap: 1.5rem
}

#coSovereigntyGraph .ui-graph-board li.ui-header {
    font-weight: 500;
    color: #45518c
}

#coSovereigntyGraph .ui-graph-board li:not(:first-of-type) {
    margin-top: 2rem
}

#coSovereigntyGraph .ui-graph-board li>div {
    flex: var(--flex-board,0 0 calc(50% - 0.75rem))
}

#coSovereigntyGraph .ui-graph-board li>div:first-of-type {
    --bg-c-board: var(--c-graph-company)
}

#coSovereigntyGraph .ui-graph-board li>div:first-of-type,#coSovereigntyGraph .ui-graph-board li>div:last-of-type {
    font-weight: 700;
    color: #24357b
}

#coSovereigntyGraph .ui-graph-board li>div:nth-child(2n) {
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #45518c;
    flex: var(--flex-board,0 0 100%);
    order: var(--flex-o-board-labels,-1)
}

#coSovereigntyGraph .ui-graph-board li>div:last-of-type {
    --bg-c-board: var(--c-graph-sector);
    text-align: right;
    order: 2
}

#coSovereigntyGraph .ui-graph-board div[data-percent] {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #b8dfff;
    border-radius: .5rem
}

#coSovereigntyGraph .ui-graph-board div[data-percent] div {
    position: absolute;
    display: block;
    height: inherit;
    background-color: var(--bg-c-board);
    border-radius: inherit
}

#coSovereigntyGraph .ui-badge {
    z-index: 1
}

#coSovereigntyGraph .ui-score-badge {
    top: var(--top-score-badge,-112px);
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    align-items: center;
    padding: var(--p-score-badge,.5rem);
    justify-content: center;
    width: 192px
}

#coSovereigntyGraph .ui-score {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.ui-board {
    --p-wrap: 0
}

.ui-board #coRatiosBoardData div[data-year]:before {
    content: attr(data-year)
}

.ui-board li>div:first-of-type,.ui-board li>div[data-var],.ui-board>header>div:first-of-type,.ui-board>header>div[data-var] {
    font-weight: 700
}

.ui-board li>div:nth-of-type(2),.ui-board>header>div:nth-of-type(2) {
    font-weight: 500
}

.ui-board li>div[data-var],.ui-board li>div[data-year],.ui-board>header>div[data-var],.ui-board>header>div[data-year] {
    display: flex;
    justify-content: var(--flex-j-c-year,space-between);
    align-items: center
}

.ui-board li>div[data-var]:before,.ui-board li>div[data-year]:before,.ui-board>header>div[data-var]:before,.ui-board>header>div[data-year]:before {
    display: var(--dp-board-year,block)
}

.ui-board li>div[data-year]:before,.ui-board>header>div[data-year]:before {
    content: attr(data-date)
}

.ui-board li>div[data-var]:before,.ui-board>header>div[data-var]:before {
    content: "Variations";
    font-weight: 700
}

.ui-board li>div[data-var]>span,.ui-board>header>div[data-var]>span {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 140px;
    padding: .25rem .75rem;
    color: var(--c-variation,#067f43);
    background-color: var(--bg-c-variation,#e6f6ec);
    border-radius: .5rem
}

.ui-board li>div[data-var]>span:before,.ui-board>header>div[data-var]>span:before {
    display: block;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 150%;
    content: var(--icon-variation,"\f1e1")
}

.ui-board li>div[data-var^="-"]>span,.ui-board>header>div[data-var^="-"]>span {
    --c-variation: #ce0031;
    --bg-c-variation: #ffeaef
}

.ui-board li>div[data-var^="-"]>span:before,.ui-board>header>div[data-var^="-"]>span:before {
    --icon-variation: "\f1e4"
}

.ui-board li>div[data-var="0"]>span,.ui-board>header>div[data-var="0"]>span {
    --c-variation: #005eff;
    --bg-c-variation: #e1f3ff
}

.ui-board li>div[data-var="0"]>span:before,.ui-board>header>div[data-var="0"]>span:before {
    --icon-variation: "\f1df"
}

.ui-board li>div[data-var=""]>span,.ui-board>header>div[data-var=""]>span {
    justify-content: center;
    --c-variation: #000e47;
    --bg-c-variation: #fafafa
}

.ui-board li>div[data-var=""]>span:before,.ui-board>header>div[data-var=""]>span:before {
    --icon-variation: ""
}

.ui-board header {
    position: sticky;
    top: calc(var(--h-app-header) + 64px);
    z-index: 2;
    display: var(--dp-row-board,flex);
    align-items: center;
    gap: 1.25rem;
    flex-direction: row;
    padding: var(--p-header-board,1rem);
    justify-content: var(--flex-j-c-header-board,space-around);
    background-color: #fafdff;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    text-align: right
}

.ui-board header>div {
    width: var(--w-board,auto)
}

.ui-board header>div>div,.ui-board header>div>span {
    margin-left: auto
}

.ui-board header>div:last-of-type>span {
    display: block;
    width: 140px;
    text-align: center;
    font-weight: 500;
    color: #45518c
}

.ui-board li:not([hidden]) {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-direction: var(--flex-d-board,column);
    padding: 1rem 0 1rem 1rem
}

.ui-board li:not([hidden])>div {
    width: var(--w-board,100%)
}

.ui-board li:not([hidden])>div:not(:first-child) {
    text-align: right
}

.ui-board .co-financial>h3:not(:first-of-type),.ui-board button,.ui-board li {
    border-top: 1px solid #babfd6
}

.ui-board .ui-board-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400
}

.ui-board>div {
    padding: 1.25rem
}

#__xfinancial header+p {
    margin-top: .5rem
}

#__financial>.ui-wrap {
    --spacing-company: 0
}

#__financial>.ui-wrap div[data-dp=doc] {
    padding-block:.75rem}

#__financial>.ui-wrap div[data-dp=doc]+div[data-dp=doc] {
    border-top: 1px solid #babfd6
}

#coCarbon .fl-select,#coCarbon>.ui-tag {
    margin: 1.25rem 0
}

#coCarbon .fl-select {
    position: relative;
    width: fit-content;
    max-width: 100%
}

#coCarbon .fl-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: .25rem 2.5rem .25rem .75rem;
    background-color: #fff;
    border: 1px solid #babfd6;
    border-radius: 625rem
}

#coCarbon .fl-select select+.ui-icon:after {
    position: absolute;
    top: 50%;
    right: .625rem;
    translate: 0 -50%;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 1.25rem;
    content: var(--icon-select,"\e313");
    pointer-events: none
}

#coCarbon .fl-select select:focus+.ui-icon:after {
    --icon-select: "\e316"
}

#coCarbon .fl-select:hover select {
    border-color: #005eff
}

#coCarbon[data-simulation] {
    --h-chart: 10rem
}

#coCarbon .ui-score-badge {
    display: flex;
    justify-content: center;
    align-items: center
}

#coCarbon .ui-chart {
    position: relative;
    width: 100%;
    height: var(--h-chart,15.75rem);
    max-width: 28.25rem;
    margin: auto
}

#coCarbon .ui-chart>.cg-score {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-height: 8.5rem;
    bottom: 0;
    left: 50%;
    text-align: center;
    translate: -50% 0
}

#coCarbon .ui-chart>.cg-score p:first-of-type {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: -5%;
    white-space: nowrap
}

#coCarbon .ui-chart>.cg-score p:last-of-type {
    margin-top: auto;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    font-style: italic;
    color: #646e9f
}

#coCarbon .cg-scope {
    display: flex;
    flex-direction: var(--flex-d-scope,column);
    gap: 1.25rem;
    max-width: 50rem;
    padding: var(--p-scope,1.25rem 0);
    margin: auto
}

#coCarbon .cg-scope,#coCarbon .cg-scope>li {
    justify-content: space-between;
    align-items: center
}

#coCarbon .cg-scope>li {
    display: var(--dp-scope-li,flex);
    gap: 3rem;
    width: var(--w-scope-li,100%);
    padding: .75rem;
    border-radius: .5rem
}

#coCarbon .cg-scope>li p:first-of-type {
    font-weight: 500
}

#coCarbon .cg-scope>li p:first-of-type+p {
    margin-top: .5rem
}

#coCarbon .cg-scope>li div:last-of-type {
    margin-top: var(--m-t-scope-score,0);
    text-align: center
}

#coCarbon .cg-scope>li span[data-scope] {
    display: var(--dp-scope-score,block);
    white-space: nowrap;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -5%
}

#coCarbon .cg-scope>li sub {
    margin-left: .5rem
}

#coCarbon .cg-scope1 {
    background-color: #efe6fe;
    fill: #d4c3fc
}

#coCarbon .cg-scope2 {
    background-color: #ffeed6;
    fill: #ffddad
}

#coCarbon .cg-scope3 {
    background-color: #ffeaef;
    fill: #ffcad5
}

#coCarbon .cg-delta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 1.25rem auto .5rem;
    padding: .25rem .5rem;
    border-radius: .5rem;
    background-color: var(--bg-c-score-delta,#e4e5ee);
    color: var(--c-score-delta,#005eff);
    opacity: 1;
    transition: opacity .5s
}

#coCarbon .cg-delta:before {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    content: var(--icon-score-delta,"\f1df")
}

#coCarbon .cg-delta[data-delta="0"] {
    opacity: 0;
    visibility: hidden
}

#coCarbon .cg-delta[data-delta=down] {
    --bg-c-score-delta: #e6f6ec;
    --c-score-delta: #067f43;
    --icon-score-delta: "\f1e4"
}

#coCarbon .cg-delta[data-delta=equal] {
    --bg-c-score-delta: #fff7eb;
    --c-score-delta: #ae6500;
    --icon-score-delta: "\f1df"
}

#coCarbon .cg-delta[data-delta=up] {
    --bg-c-score-delta: #ffeaef;
    --c-score-delta: #ce0031;
    --icon-score-delta: "\f1e1"
}

#coCarbon .ui-badge,#coSovereigntyGraph .ui-badge {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: max-content;
    height: var(--h-badge,28px);
    padding: 0 .75rem;
    border: 1px solid #005eff;
    border-radius: 625rem;
    background-color: #005eff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #fff;
    white-space: nowrap
}

article[data-mod=company-financial] {
    --w-select-year: auto;
    --m-select-year: 0 0 0 auto
}

article[data-mod=company-financial] .fl-select,article[data-mod=company-financial]>.ui-tag,div[data-mod=company-infrance] .fl-select,div[data-mod=company-infrance]>.ui-tag {
    margin: var(--m-select-year,1.25rem 0)
}

article[data-mod=company-financial] .fl-select,div[data-mod=company-infrance] .fl-select {
    position: relative;
    width: fit-content;
    max-width: 100%
}

article[data-mod=company-financial] .fl-select select,div[data-mod=company-infrance] .fl-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: var(--w-select-year,100%);
    padding: .25rem 2.5rem .25rem .75rem;
    background-color: #fff;
    border: 1px solid #babfd6;
    border-radius: 625rem
}

article[data-mod=company-financial] .fl-select select+.ui-icon:after,div[data-mod=company-infrance] .fl-select select+.ui-icon:after {
    position: absolute;
    top: 50%;
    right: .625rem;
    translate: 0 -50%;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    font-size: 1.25rem;
    content: var(--icon-select,"\e313");
    pointer-events: none
}

article[data-mod=company-financial] .fl-select select:focus+.ui-icon:after,div[data-mod=company-infrance] .fl-select select:focus+.ui-icon:after {
    --icon-select: "\e316"
}

article[data-mod=company-financial] .fl-select:hover select,div[data-mod=company-infrance] .fl-select:hover select {
    border-color: #005eff
}

#coScore {
    display: flex;
    flex-direction: var(--flex-d-score,column);
    gap: 1.25rem;
    margin-top: 1.25rem
}

#coScore .co-score-get {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-self: center;
    margin: auto;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background-color: #f5f5f5;
    font-weight: 500
}

#coScore .co-score-get .ui-btn {
    display: flex;
    margin-left: auto
}

#coScore #coXFS {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 17rem;
    height: 17rem;
    flex: 0 0 auto;
    margin: var(--m-graph,auto);
    border-radius: 1.5rem;
    background-color: var(--bg-c-graph,#555);
    color: var(--c-graph,#fff);
    transition: color .5s,background-color .5s
}

#coScore #coXFS #coScoreTotal {
    font-size: 6rem;
    font-weight: 500;
    line-height: 1
}

#coScore #coXFS #coScoreYear {
    color: var(--c-score-year,#000e47)
}

#coScore .co-score-legend {
    background-color: #fff;
    border: 1px solid #babfd6;
    border-radius: .75rem;
    padding: .25rem;
    display: flex;
    gap: .25rem
}

#coScore .co-score-legend li {
    border-radius: .5rem;
    border: 1px solid #babfd6;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

#coScore .co-score-legend li[data-score-tag=A] {
    background-color: var(--tag-bg-c-vgood);
    color: var(--tag-c-vgood);
    border-color: var(--tag-c-vgood)
}

#coScore .co-score-legend li[data-score-tag=B] {
    background-color: var(--tag-bg-c-good);
    color: var(--tag-c-good);
    border-color: var(--tag-c-good)
}

#coScore .co-score-legend li[data-score-tag=C] {
    background-color: var(--tag-bg-c-med);
    color: var(--tag-c-med);
    border-color: var(--tag-c-med)
}

#coScore .co-score-legend li[data-score-tag=D] {
    background-color: var(--tag-bg-c-bad);
    color: var(--tag-c-bad);
    border-color: var(--tag-c-bad)
}

#coScore .co-score-legend li[data-score-tag=E] {
    background-color: var(--tag-bg-c-vbad);
    color: var(--tag-c-vbad);
    border-color: var(--tag-c-vbad)
}

#coScore .co-score-delta {
    display: var(--dp-score-delta,flex);
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 0 auto 1.25rem;
    padding: .5rem 1.25rem;
    border-radius: .5rem;
    border: 1px solid var(--c-score-delta,#005eff);
    background-color: var(--bg-c-score-delta,#e4e5ee);
    color: var(--c-score-delta,#005eff)
}

#coScore .co-score-delta:before {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    content: var(--icon-score-delta,"\f1df")
}

#coScore .co-score-delta[data-delta=X] {
    display: none
}

#coScore .co-score-delta[data-delta=down] {
    --bg-c-score-delta: #ffeaef;
    --c-score-delta: #ce0031;
    --icon-score-delta: "\f1e4"
}

#coScore .co-score-delta[data-delta=up] {
    --bg-c-score-delta: #e6f6ec;
    --c-score-delta: #067f43;
    --icon-score-delta: "\f1e1"
}

#coScore h4 {
    display: flex;
    height: 1.5rem;
    align-items: center;
    user-select: none
}

#coScore h4 .ui-label {
    flex: 0 0 10rem
}

#coScore h4 span[data-score] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    transition: color .5s
}

#coScore h4 span[data-score][data-score=A] {
    color: var(--tag-c-vgood)
}

#coScore h4 span[data-score][data-score=B] {
    color: var(--tag-c-good)
}

#coScore h4 span[data-score][data-score=C] {
    color: var(--tag-c-med)
}

#coScore h4 span[data-score][data-score=D] {
    color: var(--tag-c-bad)
}

#coScore h4 span[data-score][data-score=E] {
    color: var(--tag-c-vbad)
}

#coScore h4 .ui-icon {
    margin-left: auto;
    color: #005eff;
    font-size: 1.5rem;
    transform: var(--rotate-fxslide,rotate3d(1,0,0,0deg));
    transition: transform .3s
}

#coScore .co-scores {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

#coScore .co-scores>li div {
    border-radius: .5rem
}

#coScore .co-scores>li>div:not(.ui-grp-ua) {
    padding: .75rem;
    background-color: var(--bg-score-wrap,#f5f5f5);
    cursor: pointer
}

#coScore .co-scores>li>div:not(.ui-grp-ua) button[aria-expanded=true] {
    --bg-score-wrap: #e1f3ff;
    --rotate-fxslide: rotate3d(1,0,0,180deg)
}

#coScore .co-scores>li>div:not(.ui-grp-ua)>div {
    flex: 0 0 100%;
    margin-top: .75rem;
    padding: .75rem;
    background-color: #fff
}

#coScore .co-scores .ui-label {
    font-weight: 700
}

.co-scoring {
    padding: 1.25rem
}

.co-scoring h4 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.co-scoring ul {
    display: flex;
    flex-flow: row wrap;
    gap: 1.25rem;
    margin: 1.25rem auto
}

.co-scoring ul li {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    padding: 1.25rem;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    background-color: #fff
}

.co-scoring ul li .ui-a-alt {
    text-decoration: none
}

.co-scoring ul li p {
    margin-top: .5rem
}

#appDialog[data-type=docSummary],#appDialog[data-type=legalNotice],#appDialog[data-type=payLoad] {
    --p-dialog: 1.25rem
}

#appDialog[data-type=payLoad] .ui-dialog>header {
    justify-content: center
}

#__balances .ui-wrap {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%
}

#contjurstat {
    margin-top: 1.25rem
}

div.etabDetails {
    container-type: inline-size;
    flex-flow: row wrap
}

.bg-soBaseColor-50 {
    background-color: #f5f5f5
}

.co-data .soCard.frame {
    overflow: hidden
}

.bg-soSecondaryColor4 {
    background-color: #067f43
}

.bg-soSecondaryColor5 {
    background-color: #ce0031
}

.bg-soBaseColor-700 {
    background-color: #434343
}

.ui-brand {
    --m-t-datalist: 0.25rem;
    --gap-datalist: 0.25rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: var(--flex-d-brand,column-reverse);
    margin-top: 1.25rem
}

.ui-brand:not(:first-child) {
    border-top: 1px solid #babfd6;
    padding-top: 1.25rem
}

.ui-brand h4 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.ui-brand .ui-brand-status {
    font-weight: 500
}

.ui-brand .ui-brand-status.is-Success {
    color: #067f43
}

.ui-brand .ui-brand-status.is-Error {
    color: #ce0031
}

.ui-brand li {
    display: flex;
    align-items: center;
    gap: .25rem
}

.ui-brand li .ui-label:after {
    content: " : "
}

.ui-brand article {
    flex: 1 0 auto
}

.ui-brand article .ui-sub {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #45518c
}

.ui-brand aside {
    flex: 0 0 auto;
    width: var(--w-aside-brand,140px);
    height: var(--h-aside-brand,140px)
}

.ui-brand aside>div {
    border: 1px solid #babfd6;
    border-radius: .5rem;
    overflow: hidden
}

.ui-brand aside .ui-brand-player,.ui-brand aside>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: inherit
}

.ui-brand aside>div>.ui-btn-icon {
    top: 0;
    right: 0
}

.ui-brand aside .ui-brand-player[data-state=pause] {
    --bg-c-btn: #babfd6
}

.ui-brand aside .ui-brand-player[data-state=play] {
    --f-w-player-icon: 1000
}

.ui-brand aside .ui-brand-player>button {
    width: 24px;
    height: 24px;
    border-radius: 625rem;
    bottom: 0;
    left: 0
}

.ui-brand aside .ui-brand-player>button .ic-play_arrow {
    font-weight: var(--f-w-player-icon,normal)
}

.ui-brand aside p {
    position: absolute;
    width: inherit;
    top: 50%;
    left: 50%;
    padding: .75rem;
    font-size: .875rem;
    text-align: center;
    color: #45518c;
    translate: -50% -50%
}

.ui-brand aside button {
    position: absolute;
    margin: .125rem;
    z-index: 2
}

.ui-brand-class {
    margin-top: .5rem;
    font-size: .75rem;
    color: #45518c
}

.ui-breadcrumb {
    --m-breadcrumb: 0;
    --p-breadcrumb: 0
}

.ui-abt-wrap.isDone a {
    margin: 0
}

.ui-wrap[data-mod=company-resume-name] {
    --b-wrap: 0;
    --shadow-wrap: none;
    --p-wrap: 1.25rem;
    display: var(--dp-resume-name,block)
}

.ui-wrap[data-mod=company-resume-name] .ui-grp-ua {
    margin-top: var(--m-t-grp-ua,1.25rem)
}

.ui-wrap[data-mod=company-resume-name] .ic-verified {
    font-weight: 1000
}

.ui-wrap[data-mod=company-resume-name] header .ui-title {
    display: flex;
    align-items: center
}

.ui-wrap[data-mod=company-resume-name] header h1 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-transform: uppercase;
    word-break: break-word;
    hyphens: auto
}

.ui-wrap[data-mod=company-resume-name] header .ui-grp-tag {
    margin-top: 1rem;
    display: flex;
    flex-flow: row wrap;
    gap: 1.25rem
}

.ui-wrap[data-mod=company-resume-name] header .ui-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px
}

.ui-wrap[data-mod=company-resume-name] header .ui-flag .ui-flag-border {
    padding: 2px;
    width: 36px;
    height: 28px;
    background: #e9e9e9;
    clip-path: circle()
}

.ui-wrap[data-mod=company-resume-name] header .ui-flag .ui-flag-border .ic--flag {
    clip-path: circle()
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip {
    --max-w-tip: 282px;
    --bg-c-tip: #2836e0;
    --p-tip: 1rem
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip .ui-country {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    font-weight: 500
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip .is-Success {
    color: #00602f
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip-feedback {
    margin-top: .75rem;
    border-radius: .5rem;
    color: #45518c;
    padding: .5rem;
    background-color: #fff
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip-feedback .ui-toolbar {
    font-weight: 500;
    margin-top: .75rem;
    text-align: right
}

.ui-wrap[data-mod=company-resume-name] header .ui-tip-feedback .is-Success {
    color: #00602f
}

.ui-wrap[data-mod=company-resume-name] .co-follow {
    display: flex;
    justify-content: var(--flex-j-c-follow,flex-start)
}

.ui-wrap[data-mod=company-resume-name] .co-follow so-follow-add-list {
    width: auto
}

.co-resume {
    --flex-j-c-grp-ua: flex-start;
    display: block
}

.co-resume .co-ids {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.co-resume dl {
    margin: 0
}

.co-resume dl dd {
    font-weight: 500
}

.co-resume dl>div {
    margin-top: 1.25rem
}

.co-resume dl>div:not(.has-Copy) {
    flex: 0 0 auto
}

.co-resume dl>div.has-Copy {
    position: relative;
    padding-right: 2.75rem;
    max-width: fit-content
}

.co-resume dl>div.has-Copy dd {
    word-wrap: break-word;
    hyphens: auto
}

.co-resume dl>div.has-Copy button {
    position: absolute;
    top: 50%;
    right: 0;
    color: #005eff;
    translate: 0 -50%
}

.co-resume dl>div .ui-label {
    color: #646e9f;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase
}

.co-resume dl>div .ui-label+.is-Truncate {
    overflow: hidden;
    max-width: 50ch;
    white-space: nowrap;
    text-overflow: ellipsis
}

.co-resume .co-sources span:not(:last-child):after {
    content: ", "
}

.co-resume .co-sources a {
    white-space: nowrap
}

.co-resume .co-sources a>span {
    font-size: 87.5%
}

.co-resume .ui-grp-ua {
    margin-top: 2rem
}

[data-dp=doc] {
    --m-t-grp-ua: 1.25rem
}

[data-dp=doc]>header {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    gap: .5rem;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

[data-dp=doc]>header>.ui-a {
    margin-left: auto;
    font-size: .75rem
}

[data-dp=doc] h3.ui-h4 {
    font-size: 1.25rem;
    font-weight: 400
}

[data-dp=doc]>div {
    margin-top: var(--spacing-company,1.25rem)
}

[data-dp=doc] .ui-sub {
    font-weight: 500;
    padding-bottom: 1rem;
    border-bottom: 1px solid #babfd6
}

.ui-doc,.ui-prd {
    position: relative;
    display: block;
    scroll-margin-top: var(--m-t-head,9.5rem)
}

.ui-doc:not(:last-of-type) .ui-body,.ui-prd:not(:last-of-type) .ui-body {
    border-bottom: 1px solid #babfd6
}

.ui-doc h4,.ui-prd h4 {
    font-weight: 700
}

.ui-doc>div,.ui-prd>div {
    display: flex;
    align-items: center
}

.ui-doc .ui-head,.ui-prd .ui-head {
    justify-content: space-between
}

.ui-doc .ui-head .ui-sub,.ui-prd .ui-head .ui-sub {
    color: #1e2f73
}

.ui-doc .ui-head time,.ui-prd .ui-head time {
    font-weight: 700
}

.ui-doc .ui-head .ui-btn-icon,.ui-prd .ui-head .ui-btn-icon {
    cursor: pointer;
    color: #005eff
}

.ui-doc>.ui-body,.ui-prd>.ui-body {
    display: flex;
    flex-wrap: var(--flex-w-doc,wrap);
    align-items: center;
    gap: var(--gap-doc,0 .75rem);
    padding: var(--p-doc,.25rem 0 2rem)
}

.ui-doc>.ui-body[data-uid],.ui-prd>.ui-body[data-uid] {
    --p-doc: 0.25rem 0
}

.ui-doc>.ui-body.is-Anonymized,.ui-prd>.ui-body.is-Anonymized {
    --c-anonymized: #9d9d9d;
    filter: grayscale(1);
    color: var(--c-anonymized);
    cursor: default
}

.ui-doc .ui-ua,.ui-prd .ui-ua {
    --dp-fxslide: flex;
    --w-fxslide: 3rem;
    --p-r-fxslide: 1rem;
    --t-a-fxslide: initial;
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    order: var(--order-doc-ua,initial);
    margin-left: var(--m-l-doc-ua,auto);
    gap: var(--gap-doc-ua,.5rem)
}

.ui-doc .ui-ua>[data-filetype],.ui-prd .ui-ua>[data-filetype] {
    display: var(--dp-filetype,none)
}

.ui-doc .ui-ua>[data-done] span:last-of-type,.ui-prd .ui-ua>[data-done] span:last-of-type {
    color: #067f43
}

.ui-doc .ui-ua .ui-fxslide-content,.ui-prd .ui-ua .ui-fxslide-content {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    width: max-content;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background-color: hsla(0,0%,100%,.933);
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

.ui-doc .ui-ua .ui-fxslide-content li+li,.ui-prd .ui-ua .ui-fxslide-content li+li {
    margin-top: .5rem
}

.ui-doc time,.ui-prd time {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: var(--c-anonymized,#1e2f73)
}

.ui-doc .ui-desc,.ui-prd .ui-desc {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    flex: var(--flex-desc,0 0 100%)
}

.ui-doc .ui-desc p,.ui-prd .ui-desc p {
    margin-top: .5rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: var(--c-anonymized,#1e2f73)
}

.ui-doc .ui-desc p.is-Fit,.ui-prd .ui-desc p.is-Fit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ui-doc .ui-content,.ui-prd .ui-content {
    display: flex;
    flex-direction: var(--flex-d-content,column);
    align-items: var(--flex-a-i-content,start);
    gap: var(--gap-doc,.5rem);
    flex: 1 0 0%
}

.ui-doc .ui-content>div:first-of-type,.ui-prd .ui-content>div:first-of-type {
    flex: 1 0 0%
}

.ui-doc .ui-price,.ui-prd .ui-price {
    font-weight: 700
}

.ui-doc+.ui-prd,.ui-prd+.ui-prd {
    margin-top: 1.25rem
}

.ui-doc ._DEV_,.ui-prd ._DEV_ {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .75rem;
    font-weight: 500;
    color: #45518c
}

@container (min-width: 768px) {
    .ui-doc[data-uid],.ui-prd[data-uid] {
        --p-doc: 1.25rem 0
    }

    .ui-doc,.ui-prd {
        --flex-d-picto: row;
        --order-doc-ua: +1;
        --m-l-doc-ua: 0;
        --gap-doc-ua: 1.25rem;
        --flex-w-doc: nowrap;
        --p-doc: 1.25rem 0;
        --gap-doc: 2.5rem;
        --flex-desc: 0 1 100%;
        --flex-d-content: row;
        --flex-a-i-content: center
    }

    .ui-doc .ui-ua,.ui-prd .ui-ua {
        --dp-fxslide: none;
        --dp-filetype: block;
        --dp-fxslide-content: none
    }

    .ui-doc .ui-ua-mb,.ui-prd .ui-ua-mb {
        display: none
    }
}

.ui-doc:not(.isSelected):not([data-pid-pdf]):not([data-pid-xlsx]) {
    cursor: pointer
}

.ui-prd>.ui-body {
    --order-doc-ua: +1
}

.ui-prd>.ui-body .ui-desc {
    margin-block:.5rem}

.ui-doc-picto {
    display: var(--dp-picto,flex);
    flex-direction: var(--flex-d-picto,column);
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex: 0 0 auto
}

.ui-picto {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 625rem;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.75rem
}

.ui-picto.ic-so_pdf {
    background-color: #ffeaef;
    color: #ce0031
}

.ui-picto.ic-so_xls {
    background-color: #e6f6ec;
    color: #067f43
}

.co-linked {
    --dp-fxslide: flex;
    --w-fxslide: auto;
    --f-s-fxslide-icon: 1.5rem;
    gap: .5rem;
    align-items: center;
    min-height: 2.75rem;
    margin-top: 1.25rem
}

.co-linked[aria-expanded=true] {
    --dp-picto: none
}

.co-linked h4 {
    font-weight: 500
}

#trackSuggestions {
    --flex-d-grp-ua: row;
    --flex-j-c-grp-ua: space-between;
    margin-top: 1.25rem;
    display: flex;
    flex-flow: var(--flex-f-suggestions,column nowrap);
    gap: 1.25rem
}

#trackSuggestions>.ui-wrap {
    --dp-wrap: flex;
    flex-direction: column
}

#trackSuggestions>.ui-wrap[hidden] {
    --dp-wrap: none
}

#trackSuggestions>.ui-wrap h3 {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

#trackSuggestions>.ui-wrap p {
    padding-bottom: 1.25rem
}

#trackSuggestions>.ui-wrap .ui-id {
    font-weight: 500
}

#trackSuggestions>.ui-wrap .ui-reason {
    font-size: .875rem
}

#trackSuggestions .ui-grp-ua {
    margin-top: auto
}

main .ui-wrap-nav {
    --p-wrap: 0 0 0 2.5rem;
    position: sticky;
    display: block;
    top: 76px;
    background-image: linear-gradient(180deg,#fff 82.5%,transparent);
    user-select: none;
    z-index: 9
}

main .ui-wrap-nav .ui-nav-drop {
    --p-t-dbx-content: 0;
    --p-b-dbx-content: 0;
    --p-l-dbx-content: 0;
    position: absolute;
    height: inherit;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    z-index: 2;
    background-color: #fff
}

main .ui-wrap-nav .ui-nav-drop:before {
    display: none
}

main .ui-wrap-nav .ui-nav-drop>div {
    display: flex;
    gap: 1rem
}

main .ui-wrap-nav .ui-nav-drop .ui-content {
    --p-wrap: 0;
    top: calc(100% + 8px);
    bottom: unset;
    left: 0
}

main .ui-wrap-nav .ui-nav-drop .ui-btn-icon {
    --w-btn: 2.5rem;
    --h-btn: 2.5rem;
    --bg-c-btn: #fff;
    --b-btn: 1px solid #fff;
    --c-btn: #000e47
}

main .ui-wrap-nav .ui-nav-drop .ui-btn-icon:hover {
    --c-btn: #005eff;
    --b-btn: 1px solid #005eff;
    --bg-c-btn: #e1f3ff
}

main .ui-wrap-nav .ui-nav-drop .ui-ia {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #e4e5ee;
    border-radius: 625rem;
    padding: var(--p-ia,.5rem);
    background-color: #000e47;
    background-image: radial-gradient(75% 800% at 50% 50%,#005eff 0,#000e47 100%);
    color: #fff;
    z-index: 1
}

main .ui-wrap-nav .ui-nav-drop .ui-ia:before {
    position: absolute;
    border-radius: inherit;
    inset: 0;
    background-image: radial-gradient(75% 800% at 50% 50%,#005eff 75%,#000e47 100%);
    opacity: 0;
    z-index: -1;
    transition: opacity .6s;
    content: ""
}

main .ui-wrap-nav .ui-nav-drop .ui-ia:hover:before {
    opacity: 1
}

main .ui-wrap-nav .ui-nav-drop .ui-ia>[class^=ic-] {
    font-size: 150%;
    font-weight: 1000
}

main .ui-wrap-nav .ui-nav-drop ul {
    width: max-content
}

main .ui-wrap-nav .ui-nav-drop ul a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    background-color: #fff;
    transition: background-color .3s
}

main .ui-wrap-nav .ui-nav-drop ul a.xCurrent,main .ui-wrap-nav .ui-nav-drop ul a:hover {
    color: #005eff;
    background-color: #e1f3ff
}

main nav:not(.ui-breadcrumb) {
    position: relative;
    display: flex;
    padding: 1.25rem 0 1.25rem 1rem;
    overflow-x: scroll;
    white-space: nowrap;
    scroll-behavior: smooth;
    user-select: none;
    z-index: 1;
    cursor: grab;
    mask-image: linear-gradient(90deg,transparent,#000 1rem,#000 90%,transparent);
    scrollbar-width: none
}

main nav:not(.ui-breadcrumb)::-webkit-scrollbar {
    display: none
}

main nav:not(.ui-breadcrumb) ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.25rem
}

main nav:not(.ui-breadcrumb) li {
    flex: 0 0 auto
}

main nav:not(.ui-breadcrumb) li.ui-dummy {
    visibility: hidden
}

main nav:not(.ui-breadcrumb) li a {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: #fff;
    border-radius: 625rem;
    border: 1px solid #fff;
    padding: 7px 1rem;
    transition: background-color .3s
}

main nav:not(.ui-breadcrumb) li a.xCurrent {
    color: #005eff
}

main nav:not(.ui-breadcrumb) li a>span {
    font-size: 150%
}

.ui-list-wrap>li {
    background-color: #fff;
    margin-top: 1.25rem
}

.ui-list-wrap>li h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: .25rem
}

.ui-list-wrap>li p {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #1e2f73
}

.ui-wrap[data-mod=company-proceedings] {
    margin: 2.5rem auto
}

.ui-wrap[data-mod=company-proceedings] .ui-list-wrap [data-proceeds-status=closed] {
    --bg-c-tag: #e4e5ee
}

.ui-wrap[data-mod=company-proceedings] .ui-proceed:not(:first-of-type) {
    border-top: 1px solid #babfd6
}

.ui-wrap[data-mod=company-proceedings] .ui-proceed>button {
    padding: 1rem 0
}

.ui-wrap[data-mod=company-proceedings] .ui-proceed h5 {
    font-weight: 700
}

.ui-wrap[data-mod=company-proceedings] .ui-proceed>div {
    padding: 1rem 0
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.25rem
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin ul li:not(:first-of-type) {
    margin-top: 1.25rem
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin ul p {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 0
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin ul p:first-of-type {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: .125rem
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin ul p:last-of-type {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #45518c;
    margin-top: .125rem
}

.ui-wrap[data-mod=company-proceedings] .co-proceedings-admin+div {
    margin-top: 1rem
}

.ui-abt {
    --c-service: #a50f78;
    --c-local: #91919b;
    --c-free: #78b41e;
    --c-faded: #646e9f;
    position: relative;
    display: flex
}

.ui-abt [class*=ui-btn] {
    margin: 0;
    width: 100%;
    height: auto;
    min-height: 3rem
}

.ui-abt [class*=ui-btn] .ui-label {
    white-space: nowrap
}

.ui-abt>:disabled {
    height: auto;
    min-height: auto
}

.ui-abt .ui-a>.ic-call {
    padding: 0 .5rem
}

.ui-abt-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ui-abt-wrap:not(.is-A) {
    min-height: 2rem
}

.ui-abt-sva {
    overflow: hidden;
    top: 1px;
    left: 1px;
    display: flex;
    flex-direction: var(--flex-d-sva,column);
    height: var(--h-sva,auto);
    align-items: center;
    margin: var(--m-sva,4px 0);
    padding: var(--p-sva,0);
    border-radius: .25rem;
    outline: 0;
    background-color: #fff;
    word-spacing: -4px;
    white-space: nowrap
}

.ui-abt-sva>span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    word-spacing: normal
}

.ui-abt-sva>.ui-abt-phone {
    padding-left: var(--p-l-sva-phone,0);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -1px
}

.ui-abt-sva.isService>.ui-abt-phone {
    color: var(--c-service)
}

.ui-abt-sva.isService>.ui-abt-price {
    background-color: var(--c-service);
    letter-spacing: -.05px
}

.ui-abt-sva.isLocal>.ui-abt-phone {
    color: var(--c-local)
}

.ui-abt-sva.isLocal>.ui-abt-price {
    background-color: var(--c-local)
}

.ui-abt-sva.isFree>.ui-abt-phone {
    color: var(--c-free)
}

.ui-abt-sva.isFree>.ui-abt-price {
    background-color: var(--c-free)
}

.ui-abt-sva>.ui-abt-price {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: var(--flex-d-sva-price,row);
    width: var(--w-sva-price,auto);
    margin-top: -2px;
    margin-left: var(--m-l-sva-price,0);
    padding: var(--p-sva-price,5px);
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
    clip-path: var(--clip-path-sva,polygon(0 0,8px 0,14px 6px,20px 0,100% 0,100% 100%,0 100%))
}

@container (min-width: 328px) {
    .ui-abt-sva {
        --flex-d-sva: row;
        --h-sva: 2rem;
        --m-sva: 0;
        --p-sva: 0 2px;
        --p-l-sva-phone: 8px;
        --w-sva-price: 116px;
        --flex-d-sva-price: column;
        --m-l-sva-price: 7px;
        --p-sva-price: 5px 5px 5px 10px;
        --clip-path-sva: polygon(0 0,100% 0,100% 100%,0 100%,0 65%,8px 50%,0 35%)
    }
}

.ui-abt-info {
    max-width: 16rem;
    margin-top: .25rem;
    font-size: 9px;
    line-height: 1;
    color: var(--c-faded)
}

.ui-abt-info>span {
    display: block;
    text-align: justify
}

.ui-btn-flat.has-clipboard {
    --bg-c-btn-hover-base: transparent;
    --bg-c-btn-active-base: transparent;
    --bg-c-btn-hover: transparent;
    --bg-c-btn-active: transparent;
    height: 0;
    position: relative
}

.ui-btn-flat.has-clipboard.is-Ok {
    color: #067f43
}

.ui-btn-flat.has-clipboard.is-Error {
    color: #ce0031
}

.ui-btn-flat.has-clipboard .ui-copy-label {
    background-color: #434343;
    border-radius: .25rem;
    color: #fff;
    content: "";
    font-weight: 500;
    font-size: .625rem;
    opacity: 0;
    padding: 0 .5rem;
    position: absolute;
    left: 1.25rem;
    top: 50%;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: max-content;
    transform: translateY(-50%)
}

.ui-btn-flat.has-clipboard .ui-copy-label.is-Visible {
    opacity: 1
}

.ui-self-prm {
    --prm-target: attr(data-picto);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: var(--grid-tpc-prm,1fr);
    grid-template-areas: var(--grid-tpa-prm,"head" "ctt" "ua");
    gap: 1.25rem;
    padding: 1.25rem;
    border-radius: 20px;
    background-color: var(--bg-c-prm,#005eff);
    color: var(--c-prm,#fff);
    z-index: 1
}

.ui-self-prm:before {
    position: absolute;
    right: var(--right-prm-picto,2rem);
    bottom: var(--bottom-prm-picto,17.5%);
    opacity: var(--opacity-prm-picto,.2);
    color: #b8dfff;
    font-size: 10rem;
    z-index: -1
}

.ui-self-prm[data-target] {
    --bg-c-prm: #e1f3ff;
    --bg-c-prm-icon: #2836e0;
    --c-prm-icon: #fff;
    --c-prm-close: #005eff;
    --c-prm-picto: #84ccff;
    --opacity-prm-picto: 1;
    --c-prm: normal;
    border-width: 1px;
    border-color: var(--c-prm-picto)
}

.ui-self-prm:not([data-target]) [class*=ui-btn] {
    --bg-c-btn: var(--c-btn-base);
    --c-btn: var(--bg-c-btn-base)
}

.ui-self-prm:not([data-target]) [class*=ui-btn]:focus-visible,.ui-self-prm:not([data-target]) [class*=ui-btn]:hover {
    background-color: var(--bg-c-btn-hover-base,#f2f9fd)
}

.ui-self-prm:not([data-target]) [class*=ui-btn]:active {
    background-color: var(--bg-c-btn-active-base,#e1f3ff)
}

.ui-self-prm>.ic-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    color: var(--c-prm-close,#fff);
    font-size: 150%
}

.ui-self-prm header:before,.ui-self-prm:before {
    display: block;
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s;
    letter-spacing: 0;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    content: attr(data-picto)
}

.ui-self-prm header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    grid-area: head;
    padding-right: 4rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.ui-self-prm header:before {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 625rem;
    background-color: var(--bg-c-prm-icon,#fff);
    font-size: 1.5rem;
    color: var(--c-prm-icon,#005eff)
}

.ui-self-prm p {
    grid-area: ctt
}

.ui-self-prm .ui-grp-ua {
    grid-area: ua;
    position: relative;
    align-items: var(--grid-a-prm-ua,inherit);
    align-self: center
}

@container mainArea (min-width: 640px) {
    .ui-self-prm {
        --grid-tpc-prm: auto auto;
        --grid-tpa-prm: "head head" "ctt ua";
        --grid-a-prm-ua: end;
        --right-prm-picto: 4rem;
        --bottom-prm-picto: -1.25rem
    }
}

#_pdfWrapper {
    position: fixed;
    display: none;
    width: 100vw;
    max-width: 1280px;
    margin: 0 auto;
    top: var(--h-app-header,76px);
    right: 0;
    background-color: #fff;
    height: calc(100dvh - var(--h-app-header, 76px));
    z-index: 998;
    transform: translateX(100%);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.4,0,.2,1)
}

#_pdfWrapper .ui-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: .5rem 1rem;
    width: 100%;
    min-height: 40px;
    font-weight: 500
}

#_pdfWrapper .ui-head p {
    flex: 1 0 0%
}

#_pdfWrapper .ui-head [class^=ic-] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    cursor: pointer
}

.xViewerOn {
    overflow: hidden
}

.xViewerOn #_pdfWrapper {
    display: flex;
    flex-direction: column;
    animation: fromRight .5s cubic-bezier(.4,0,.2,1) forwards;
    left: 50%;
    right: unset;
    translate: -50% 0
}

.xViewerOn #_pdfWrapper.xClose {
    opacity: 0
}

#pdfWrapper {
    width: 100%;
    height: auto;
    flex: 1 1 auto;
    border: 0
}

@keyframes fromRight {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

body.table {
    display: table;
    height: 100vh;
    width: 100%
}

body.table .Footer {
    display: table-footer-group
}

body.cmp_modal {
    overflow: hidden
}

body.cmp_modal .cmp_overlay {
    background-color: rgba(0,0,0,.35);
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.cmp_overlay {
    position: relative;
    width: 0;
    height: 0;
    z-index: 0
}

.CtaButton {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #005eff;
    border: 0;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    font-size: 1rem;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5rem 0;
    min-width: 75px;
    padding: 0 1rem;
    text-align: center;
    width: max-content
}

.CtaButton:focus,.CtaButton:hover {
    background-color: #0071ff;
    text-decoration: none
}

.CtaButton:active {
    background-color: #0086ff;
    text-decoration: none
}

.CtaButton.isHidden {
    display: none
}

.CtaButton.isDisabled,.CtaButton.isDisabled:hover {
    background-color: #f5f5f5;
    color: #555;
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.CtaButton.reverse {
    background-color: #fff;
    color: #005eff
}

.CtaButton.reverse:focus,.CtaButton.reverse:hover {
    background-color: #f2f9fd
}

.CtaButton.reverse:active {
    background-color: #e1f3ff
}

.CtaButton.reverse.isDisabled,.CtaButton.reverse.isDisabled:hover {
    background-color: #f5f5f5;
    color: #7b7b7b
}

.CtaButton.medium {
    height: 37px
}

.CtaButton.small {
    height: 29px
}

.CtaButton.with-picto [class*=" ic-"],.CtaButton.with-picto [class^=ic-] {
    font-size: 19px;
    margin: .125rem .5rem 0 0
}

.CtaButton.filaire {
    background-color: transparent;
    border: 1px solid #005eff;
    color: #005eff
}

.CtaButton.filaire:focus,.CtaButton.filaire:hover {
    background-color: rgba(0,94,255,.08)
}

.CtaButton.filaire:active {
    background-color: rgba(0,94,255,.16)
}

.CtaButton.filaire.isDisabled,.CtaButton.filaire.isDisabled:hover {
    border-color: #555;
    color: #555
}

.CtaButton.filaire.reverse {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.CtaButton.filaire.reverse:focus,.CtaButton.filaire.reverse:hover {
    background-color: hsla(0,0%,100%,.08)
}

.CtaButton.filaire.reverse:active {
    background-color: hsla(0,0%,100%,.16)
}

.CtaButton.filaire.reverse.isDisabled,.CtaButton.filaire.reverse.isDisabled:hover {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5
}

.CtaButton.text {
    background-color: transparent;
    border: transparent;
    color: #005eff
}

.CtaButton.text:focus,.CtaButton.text:hover {
    background-color: rgba(0,94,255,.08)
}

.CtaButton.text:active {
    background-color: rgba(0,94,255,.16)
}

.CtaButton.text.isDisabled,.CtaButton.text.isDisabled:hover {
    color: #555
}

.CtaButton.text.reverse {
    background-color: transparent;
    color: #fff
}

.CtaButton.text.reverse:focus,.CtaButton.text.reverse:hover {
    background-color: hsla(0,0%,100%,.08)
}

.CtaButton.text.reverse:active {
    background-color: hsla(0,0%,100%,.16)
}

.CtaButton.text.reverse.isDisabled,.CtaButton.text.reverse.isDisabled:hover {
    background-color: transparent;
    color: #f5f5f5
}

.CtaButton.mr-8 {
    margin-right: .5rem
}

.CtaButton.mr-16 {
    margin-right: 1rem
}

.CtaButton.ml-8 {
    margin-left: .5rem
}

.CtaButton.ml-16 {
    margin-left: 1rem
}

.CtaButton.alignRight {
    margin-left: auto
}

.CtaButton.wd-100 {
    width: 100%
}

.soCtaButton__around {
    display: flex
}

.soCtaButton__around.start-end {
    justify-content: flex-start
}

.LinkTag {
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    border-radius: .1875rem;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-bottom: .625rem;
    margin-right: .625rem;
    padding: 6px .5rem;
    position: relative;
    text-decoration: none
}

.LinkTag:hover {
    background-color: #d9d9d9;
    text-decoration: none
}

.LinkTag:after {
    background-color: #fff;
    border-radius: 20px;
    font-family: soIcons;
    font-size: .875rem;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -7px
}

.LinkTag.close:after {
    color: #ce0031;
    content: "\e5c9"
}

.Lien {
    color: #005eff;
    cursor: pointer;
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    background-color: transparent;
    border-width: 0;
    font-size: inherit
}

.Lien.isHidden {
    display: none
}

.Lien span {
    position: relative
}

.Lien:active,.Lien:hover {
    color: #0086ff
}

.Lien:active span:not([class^=ic-]):not([class*=-ic]),.Lien:hover span:not([class^=ic-]):not([class*=-ic]) {
    text-decoration: underline
}

.Lien.no-lien {
    cursor: default
}

.Lien.no-lien:active,.Lien.no-lien:hover {
    color: #005eff;
    cursor: default;
    text-decoration: none
}

.Lien.no-lien:active span,.Lien.no-lien:hover span {
    text-decoration: none
}

.Lien.multilines:active,.Lien.multilines:hover {
    text-decoration: underline
}

.Lien.multilines:active span:not([class^=ic-]):not([class*=-ic]):after,.Lien.multilines:hover span:not([class^=ic-]):not([class*=-ic]):after {
    display: none
}

.Lien.inline {
    display: inline
}

.Lien.block {
    display: block
}

.Lien.isDisabled {
    color: #555;
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.Lien.isDisabled:active,.Lien.isDisabled:hover {
    text-decoration: none
}

.Lien.isDisabled:active span:not([class^=ic-]):not([class*=-ic]):after,.Lien.isDisabled:hover span:not([class^=ic-]):not([class*=-ic]):after {
    display: none
}

.Lien.primaire {
    text-decoration: underline
}

.Lien.primaire:active span,.Lien.primaire:hover span {
    color: #0086ff;
    text-decoration: none
}

.Lien.primaire:active span:after,.Lien.primaire:hover span:after {
    display: none
}

.Lien.secondaire {
    color: inherit;
    font-weight: 400;
    text-decoration: underline
}

.Lien.secondaire:active,.Lien.secondaire:hover {
    color: #24357b;
    text-decoration: underline
}

.Lien.secondaire:active span:not([class^=ic-]):not([class*=-ic]):after,.Lien.secondaire:hover span:not([class^=ic-]):not([class*=-ic]):after {
    display: none
}

.Lien.secondaire.isDisabled {
    color: #555;
    opacity: .6;
    text-decoration: underline
}

.Lien.with-picto {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Lien.with-picto:active,.Lien.with-picto:hover {
    text-decoration: none
}

.Lien.with-picto.bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Lien.with-picto.top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Lien.with-picto.left {
    margin-left: -5px
}

.Lien.with-picto.inside [class*=" ic-"],.Lien.with-picto.inside [class^=ic-] {
    font-size: 1rem;
    margin-left: -2px;
    vertical-align: bottom
}

.Lien.with-picto [class*=" ic-"],.Lien.with-picto [class^=ic-] {
    font-size: 1.5rem
}

.Lien.medium {
    font-size: .875rem
}

.Lien.medium span:not([class^=ic-]):not([class*=-ic]):after {
    bottom: .0625rem
}

.Lien.small {
    font-size: .75rem
}

.Lien.small span:not([class^=ic-]):not([class*=-ic]):after {
    bottom: .0625rem
}

.onoffswitch {
    user-select: none;
    position: relative;
    width: 55px;
    margin-left: .5rem
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    border-radius: 50px;
    border: 1px solid #9d9d9d;
    cursor: pointer;
    display: block;
    overflow: hidden
}

.onoffswitch-inner {
    display: block;
    margin-left: -100%;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    width: 200%
}

.onoffswitch-inner:after,.onoffswitch-inner:before {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    width: 50%
}

.onoffswitch-inner:before {
    background-color: #005eff;
    color: #fff;
    content: "";
    padding-left: 8px;
    padding-right: 24px
}

.onoffswitch-inner:after {
    background-color: #9d9d9d;
    color: #fff;
    content: "";
    padding-right: 7px;
    text-align: right
}

.onoffswitch-switch {
    background: #fff;
    border-radius: 50px;
    border: 1px solid #9d9d9d;
    bottom: 0;
    display: block;
    margin: 0;
    position: absolute;
    right: 32px;
    top: 0;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    width: 25px
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    border: 1px solid #005eff
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0;
    border: 1px solid #005eff
}

.ButtonSmall {
    border: 1px solid #434343;
    display: inline-block;
    font-size: 15px;
    margin-top: .5rem;
    width: 3rem
}

.ButtonSmall,.ButtonSynthese {
    color: #fff;
    height: auto;
    padding: .5rem;
    text-align: center
}

.ButtonSynthese {
    border: 1px solid #fff;
    display: table-cell;
    font-size: 13px;
    width: 107px
}

.ButtonSynthese.neutre {
    background-color: rgba(85,85,85,.9)
}

.ButtonSynthese.defavorable {
    background-color: #ce0031
}

.ButtonSynthese.favorable {
    background-color: #067f43
}

.ButtonSynthese.moyen {
    background-color: #ae6500
}

.chart-surv-type {
    display: flex;
    max-width: 336px;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    z-index: 1;
    margin: 1rem auto;
    font-size: .75rem;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    overflow: hidden
}

.chart-surv-type>input {
    display: none
}

.chart-surv-type>input:checked+label {
    color: #005eff;
    border-color: #005eff;
    background-color: #f4f4fa
}

.chart-surv-type>input:checked+label [class*=" ic-"],.chart-surv-type>input:checked+label [class^=ic-] {
    display: inline-block
}

.chart-surv-type.isInactive>input:checked+label {
    color: #7b7b7b;
    border-color: #7b7b7b;
    background-color: #f5f5f5
}

.chart-surv-type>input:first-of-type:checked~label:last-of-type:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.chart-surv-type>input:nth-of-type(2):checked~label:last-of-type:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.chart-surv-type>input:nth-of-type(3):checked~label:last-of-type:before {
    -webkit-transform: translateX(200%);
    transform: translateX(200%)
}

.chart-surv-type label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border: 1px solid #c4c4c4;
    padding: 6px 3px;
    -webkit-transition: color .25s cubic-bezier(0,.95,.38,.98);
    transition: color .25s cubic-bezier(0,.95,.38,.98);
    color: #434343
}

.chart-surv-type label [class*=" ic-"],.chart-surv-type label [class^=ic-] {
    font-size: .625rem;
    vertical-align: text-top;
    display: none
}

.chart-surv-type.isInactive label {
    cursor: default;
    pointer-events: none;
    color: #7b7b7b
}

.chart-surv-type label:last-of-type:before {
    content: "";
    display: block;
    max-width: 33.33%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.chart-surv-type label:before {
    background: #fff;
    -webkit-transition: all .25s cubic-bezier(0,.95,.38,.98);
    transition: all .25s cubic-bezier(0,.95,.38,.98)
}

.chart-surv-type label:not(:last-child) {
    border-right: 1px solid #fff
}

.soLoader {
    animation: l13 1s linear infinite;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#000 94%,transparent) top/2px 2px no-repeat,conic-gradient(transparent 30%,#000);
    height: 18px;
    margin-top: 2px;
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
    mask: url(radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 2px),#000 0));
    width: 18px
}

@keyframes l13 {
    to {
        transform: rotate(1turn)
    }
}

.Container {
    width: 100%
}

.ColDroite {
    display: none;
    overflow: hidden
}

.FormCompteCreate__overlay .progress {
    height: 43px;
    width: 43px
}

.soCard {
    border: 1px solid #babfd6;
    border-radius: .5rem;
    color: #000e47;
    margin-bottom: 1.5rem;
    padding: 1.25rem
}

.soCard.no-mb {
    margin-bottom: 0
}

.soCard.no-overflow {
    overflow: visible
}

.soCard__mainTitle {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 13px
}

.soCard__subTitle {
    border-bottom: 1px solid #000e47;
    font-size: 13px;
    font-style: italic;
    padding-bottom: 5px
}

.soCard__title {
    font-weight: 700;
    font-size: 18px;
    hyphens: auto;
    margin: 1rem 0 25px;
    word-wrap: break-word
}

.soCard__title .year {
    font-size: .75rem;
    line-height: 21px;
    float: right
}

.soCard__title.ranking {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem
}

.soCard__title.modif-mdp {
    border-bottom: 1px solid #555;
    font-size: 15px;
    margin-top: 0;
    padding-bottom: .5rem
}

.soCard__title.homepage {
    font-size: 1rem;
    font-weight: 400;
    margin: -9px 0 1.5rem
}

.soCard__title.ft-regular {
    font-weight: 400
}

.soCard__title.no-mt:not(.homepage) {
    margin-top: 0
}

.soCard__text {
    font-size: .75rem;
    margin-bottom: .5rem
}

.soCard__list {
    font-size: 13px;
    list-style: disc none inside;
    margin: 6px 0 1rem;
    padding: 0
}

.soCard__tag {
    border-radius: .1875rem;
    display: inline-block;
    font-weight: 500;
    font-size: 11px;
    margin: 3px;
    padding: 3px 5px
}

.soCard__tag.link {
    color: #005eff
}

.soCard__tag.link:hover {
    cursor: help;
    text-decoration: none
}

.soCard__tag.link.isInactive {
    color: #d9d9d9
}

.soCard__tag.link.isInactive:hover {
    cursor: not-allowed
}

.soCard__icono {
    vertical-align: text-top
}

.soCard__icono .ic-block,.soCard__icono .ic-check {
    font-size: .625rem
}

.soCard__icono .ic-add {
    font-size: .75rem;
    margin-right: 0
}

.soCard__box {
    border-top: 1px solid #d9d9d9;
    padding: 1.25rem 0 5px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.soCard__box:first-of-type {
    border-top: 0
}

.soCard__box.isHidden {
    display: none
}

.soCard__pic {
    align-items: center;
    border: 1px solid #d9d9d9;
    display: flex;
    height: 130px;
    padding: .625rem;
    width: 130px;
    position: relative
}

.soCard__pic__link {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.soCard__pic__img {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.soCard__pic__img.media {
    width: 32px
}

.soCard__pic__download {
    position: absolute;
    top: .25rem;
    right: .25rem;
    display: block;
    padding: .25rem;
    color: #434343;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: .75rem
}

.soCard__pic__download [class*=" ic-"]:before,.soCard__pic__download [class^=ic-]:before {
    font-size: 1rem;
    margin-right: 0
}

.soCard__news {
    display: block;
    margin-top: -8px
}

.soCard__newsPic {
    width: 80px;
    float: right;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    padding: .5rem;
    margin: .5rem 0 1rem 1rem
}

.soCard__newsPic a {
    width: 100%
}

.soCard__newsTitle {
    font-size: 21px;
    font-weight: 400
}

.soCard__newsText {
    margin: 1rem 0 0;
    font-size: 13px;
    line-height: 1.5
}

.soCard__miniNews {
    display: none
}

.soCard__articleMini {
    display: table;
    border-bottom: 1px solid #d9d9d9;
    padding: 1rem 0;
    width: 100%
}

.soCard__infoArticle {
    font-size: 11px;
    color: #555
}

.soCard__infoArticle .actu-menu-title.link {
    display: inline-block;
    padding: .25rem .25rem .25rem 0;
    font-size: 11px;
    color: #555
}

.soCard__infoArticleMini {
    width: auto;
    display: initial
}

.soCard__titleArticle {
    font-size: 13px;
    font-weight: inherit
}

.soCard__articleHead {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem
}

.soCard__articleImgHead {
    display: block;
    width: 50%;
    margin: .5rem auto;
    line-height: 1.5;
    font-size: .625rem;
    position: relative
}

.soCard__articleImgHead:after {
    position: absolute;
    content: attr(alt);
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    left: 0;
    top: 0;
    background: #fff;
    visibility: visible
}

.soCard__miniActuContainer {
    display: flex;
    flex-direction: column
}

.soCard__miniActuCard {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: .5rem;
    margin-bottom: 1rem;
    background-color: #fff
}

.soCard__selectBox {
    background-color: #fff;
    background: #fff;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 92px
}

.soCard__selectBox:after,.soCard__selectBox:before {
    content: " ";
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 1
}

.soCard__selectBox:before {
    border-left: 1px solid #7b7b7b;
    height: 30px;
    right: 34px;
    top: -6px
}

.soCard__selectBox:after {
    border: 5px solid transparent;
    border-top-color: #000;
    height: 0;
    right: 13px;
    top: 7px
}

.soCard__selectBox:hover .soCard__select {
    border: 1px solid #434343
}

.soCard__selectBox.stats {
    flex: 0 0 auto;
    height: 36px
}

.soCard__selectBox.stats:before {
    top: 5px
}

.soCard__selectBox.stats:after {
    top: 18px;
    right: 18px
}

.soCard__selectBox.stats.intro:before {
    top: 0
}

.soCard__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #7b7b7b;
    padding: 5px 42px 5px .5rem;
    height: 30px;
    font-weight: 400;
    line-height: normal
}

.soCard__select::-ms-expand {
    display: none
}

.soCard__SocPlus {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.soCard__SocPlus p {
    width: 95%;
    text-align: justify
}

.soCard__SocPlus a {
    display: none;
    text-align: right
}

.soCard__SocPlus a img {
    max-width: 172px
}

.soCard.modif-mdp {
    width: 100%
}

.soCard.actubloc {
    display: none
}

.soCard.actubloc .soCard__newsPic {
    margin: .5rem 1rem .5rem 0
}

.soCard.ContJurHist .NoContJur,.soCard.ContJurHist .NoProcedCollect,.soCard.ContJurList .NoContJur,.soCard.ContJurList .NoProcedCollect,.soCard.ContJurStats .NoContJur,.soCard.ContJurStats .NoProcedCollect,.soCard.ProcedCollectList .NoContJur,.soCard.ProcedCollectList .NoProcedCollect {
    width: 100%;
    background-color: #c5f4fc;
    color: #066475;
    border-radius: 3px;
    font-size: .75rem;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem
}

.soCard.ContJurHist .NoContJur .icon,.soCard.ContJurHist .NoProcedCollect .icon,.soCard.ContJurList .NoContJur .icon,.soCard.ContJurList .NoProcedCollect .icon,.soCard.ContJurStats .NoContJur .icon,.soCard.ContJurStats .NoProcedCollect .icon,.soCard.ProcedCollectList .NoContJur .icon,.soCard.ProcedCollectList .NoProcedCollect .icon {
    display: none
}

.soCard.ContJurHist .NoContJur .icon .ic-so_jury,.soCard.ContJurHist .NoProcedCollect .icon .ic-so_jury,.soCard.ContJurList .NoContJur .icon .ic-so_jury,.soCard.ContJurList .NoProcedCollect .icon .ic-so_jury,.soCard.ContJurStats .NoContJur .icon .ic-so_jury,.soCard.ContJurStats .NoProcedCollect .icon .ic-so_jury,.soCard.ProcedCollectList .NoContJur .icon .ic-so_jury,.soCard.ProcedCollectList .NoProcedCollect .icon .ic-so_jury {
    font-size: 22px;
    margin-right: 0
}

.soCard.ContJurHist .NoContJur .icon .ic-analytics,.soCard.ContJurHist .NoContJur .icon .ic-playlist_remove,.soCard.ContJurHist .NoProcedCollect .icon .ic-analytics,.soCard.ContJurHist .NoProcedCollect .icon .ic-playlist_remove,.soCard.ContJurList .NoContJur .icon .ic-analytics,.soCard.ContJurList .NoContJur .icon .ic-playlist_remove,.soCard.ContJurList .NoProcedCollect .icon .ic-analytics,.soCard.ContJurList .NoProcedCollect .icon .ic-playlist_remove,.soCard.ContJurStats .NoContJur .icon .ic-analytics,.soCard.ContJurStats .NoContJur .icon .ic-playlist_remove,.soCard.ContJurStats .NoProcedCollect .icon .ic-analytics,.soCard.ContJurStats .NoProcedCollect .icon .ic-playlist_remove,.soCard.ProcedCollectList .NoContJur .icon .ic-analytics,.soCard.ProcedCollectList .NoContJur .icon .ic-playlist_remove,.soCard.ProcedCollectList .NoProcedCollect .icon .ic-analytics,.soCard.ProcedCollectList .NoProcedCollect .icon .ic-playlist_remove {
    font-size: 1rem;
    margin-right: 0
}

.soCard.ContJurHist .NoContJur .icon .ic-balance,.soCard.ContJurHist .NoProcedCollect .icon .ic-balance,.soCard.ContJurList .NoContJur .icon .ic-balance,.soCard.ContJurList .NoProcedCollect .icon .ic-balance,.soCard.ContJurStats .NoContJur .icon .ic-balance,.soCard.ContJurStats .NoProcedCollect .icon .ic-balance,.soCard.ProcedCollectList .NoContJur .icon .ic-balance,.soCard.ProcedCollectList .NoProcedCollect .icon .ic-balance {
    font-size: 1rem
}

.soCard.ContJurHist .NoContJur .icon .ic-balance:before,.soCard.ContJurHist .NoProcedCollect .icon .ic-balance:before,.soCard.ContJurList .NoContJur .icon .ic-balance:before,.soCard.ContJurList .NoProcedCollect .icon .ic-balance:before,.soCard.ContJurStats .NoContJur .icon .ic-balance:before,.soCard.ContJurStats .NoProcedCollect .icon .ic-balance:before,.soCard.ProcedCollectList .NoContJur .icon .ic-balance:before,.soCard.ProcedCollectList .NoProcedCollect .icon .ic-balance:before {
    margin-right: 6px;
    vertical-align: sub
}

.soCard.ContJurHist .NoContJur .icon .notification,.soCard.ContJurHist .NoProcedCollect .icon .notification,.soCard.ContJurList .NoContJur .icon .notification,.soCard.ContJurList .NoProcedCollect .icon .notification,.soCard.ContJurStats .NoContJur .icon .notification,.soCard.ContJurStats .NoProcedCollect .icon .notification,.soCard.ProcedCollectList .NoContJur .icon .notification,.soCard.ProcedCollectList .NoProcedCollect .icon .notification {
    position: absolute;
    color: #066475;
    top: -6px;
    right: -10px;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    border: 3px solid #c5f4fc;
    background-color: #fff;
    line-height: 16px
}

.soCard.ContJurStats {
    min-height: 432px;
    position: relative
}

.soCard.ContJurStats.noCont .flex .ContJurNum .bottom .logo,.soCard.ContJurStats.noCont .flex .ContJurNum .bottom .number,.soCard.ContJurStats.noCont .flex .ContJurNum .top .logo,.soCard.ContJurStats.noCont .flex .ContJurNum .top .number,.soCard.ContJurStats.noCont .flex div,.soCard.ContJurStats.noCont .flex p,.soCard.ContJurStats.noCont .flex span {
    color: #7b7b7b
}

.soCard.ContJurStats.noCont .flex .ContJurNum .bottom .number,.soCard.ContJurStats.noCont .flex .ContJurNum .top .number {
    border-color: #7b7b7b
}

.soCard.ContJurStats .flex {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    width: 100%
}

.soCard.ContJurStats .flex .ContJurNum,.soCard.ContJurStats .flex .ContJurProblem,.soCard.ContJurStats .flex .ContJurProfile {
    width: 100%
}

.soCard.ContJurStats .flex .ContJurNum {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.soCard.ContJurStats .flex .ContJurNum .bottom,.soCard.ContJurStats .flex .ContJurNum .top {
    border-radius: 3px;
    background-color: #fafafa;
    padding: .5rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative
}

.soCard.ContJurStats .flex .ContJurNum .bottom .title,.soCard.ContJurStats .flex .ContJurNum .top .title {
    width: 50%;
    display: block;
    font-weight: 700;
    font-size: 13px
}

.soCard.ContJurStats .flex .ContJurNum .bottom .number,.soCard.ContJurStats .flex .ContJurNum .top .number {
    font-weight: 500;
    font-size: 2rem;
    width: 37px;
    border-bottom: 3px solid #8e95ba;
    color: #434343;
    padding: 0;
    text-align: left
}

.soCard.ContJurStats .flex .ContJurNum .bottom .number.hide-mobile-inline-s,.soCard.ContJurStats .flex .ContJurNum .top .number.hide-mobile-inline-s {
    font-size: 42px;
    width: 50%;
    margin-left: 1rem;
    position: relative;
    border-bottom: none
}

.soCard.ContJurStats .flex .ContJurNum .bottom .number.hide-mobile-inline-s .underline,.soCard.ContJurStats .flex .ContJurNum .top .number.hide-mobile-inline-s .underline {
    border-bottom: 3px solid #8e95ba;
    display: block;
    width: 49px;
    position: absolute;
    left: 0;
    bottom: 0
}

.soCard.ContJurStats .flex .ContJurNum .bottom .i-cont-active,.soCard.ContJurStats .flex .ContJurNum .bottom .i-cont-pending-active,.soCard.ContJurStats .flex .ContJurNum .top .i-cont-active,.soCard.ContJurStats .flex .ContJurNum .top .i-cont-pending-active {
    position: absolute;
    right: .5rem;
    top: .5rem
}

.soCard.ContJurStats .flex .ContJurNum .bottom .logo,.soCard.ContJurStats .flex .ContJurNum .top .logo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: .5rem;
    top: 50%;
    border-radius: 3px;
    background-color: #e4e5ee;
    color: #8e95ba;
    width: 36px;
    height: 36px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.soCard.ContJurStats .flex .ContJurNum .bottom .logo [class*=" ic-"],.soCard.ContJurStats .flex .ContJurNum .bottom .logo [class^=ic-],.soCard.ContJurStats .flex .ContJurNum .top .logo [class*=" ic-"],.soCard.ContJurStats .flex .ContJurNum .top .logo [class^=ic-] {
    vertical-align: super
}

.soCard.ContJurStats .flex .ContJurNum .bottom .logo [class*=" ic-"]:before,.soCard.ContJurStats .flex .ContJurNum .bottom .logo [class^=ic-]:before,.soCard.ContJurStats .flex .ContJurNum .top .logo [class*=" ic-"]:before,.soCard.ContJurStats .flex .ContJurNum .top .logo [class^=ic-]:before {
    font-size: 22px;
    margin-right: 0
}

.soCard.ContJurStats .flex .ContJurNum .bottom .logo .ic-update,.soCard.ContJurStats .flex .ContJurNum .top .logo .ic-update {
    display: block;
    position: absolute;
    background-color: #fafafa;
    border-radius: 100%;
    z-index: 10;
    bottom: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    font-size: .75rem
}

.soCard.ContJurStats .flex .ContJurNum .top {
    margin-right: .5rem;
    margin-bottom: 1rem
}

.soCard.ContJurStats .flex .ContJurCharts {
    display: flex;
    flex-direction: column;
    width: 100%
}

.soCard.ContJurStats .flex .ContJurProblem,.soCard.ContJurStats .flex .ContJurProfile {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.soCard.ContJurStats .flex .ContJurProfile {
    margin-top: 1.5rem;
    position: relative
}

.soCard.ContJurStats .flex .ContJurProfile .title {
    font-size: 13px;
    font-weight: 700
}

.soCard.ContJurStats .flex .ContJurProfile .legend {
    display: block;
    font-size: .75rem
}

.soCard.ContJurStats .flex .ContJurProfile .legend.orange {
    color: #ffbb5c
}

.soCard.ContJurStats .flex .ContJurProfile .legend.orange .tick {
    background-color: #ffbb5c
}

.soCard.ContJurStats .flex .ContJurProfile .legend.blue {
    color: #3cb8ff
}

.soCard.ContJurStats .flex .ContJurProfile .legend.blue .tick {
    background-color: #3cb8ff
}

.soCard.ContJurStats .flex .ContJurProfile .legend .tick {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: .5rem
}

.soCard.ContJurStats .flex .ContJurProfile .legend .number {
    font-weight: 700
}

.soCard.ContJurStats .flex .ContJurSplit {
    display: block;
    margin-top: 1rem;
    width: 100%;
    height: 1px;
    background: #fff;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,#e9e9e9),to(hsla(0,0%,100%,0)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#e9e9e9 50%,hsla(0,0%,100%,0))
}

.soCard.ContJurStats .flex .ContJurProblem {
    margin-top: 1rem;
    position: relative
}

.soCard.ContJurStats .flex .ContJurProblem .title {
    display: block;
    font-weight: 700;
    font-size: .75rem
}

.soCard.ContJurHist {
    min-height: 432px;
    position: relative
}

.soCard.ContJurHist .chart-surv-type {
    max-width: 180px
}

.soCard.ContJurList {
    min-height: 432px;
    margin-top: 2rem;
    position: relative
}

.soCard.ContJurList .Case {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 1rem;
    padding-bottom: 1rem
}

.soCard.ContJurList .Case:not(:first-child) .box {
    border-top: 1px solid #e9e9e9
}

.soCard.ContJurList .Case__status {
    border-radius: 20px;
    font-size: .625rem;
    color: #fff;
    padding: 3px .5rem
}

.soCard.ContJurList .Case__status.closed {
    background-color: #ce0031
}

.soCard.ContJurList .Case__status.opened {
    background-color: #067f43
}

.soCard.ContJurList .Case__status .ic-check {
    font-size: 9px
}

.soCard.ContJurList .Case__status .ic-update {
    font-size: .875rem;
    vertical-align: baseline
}

.soCard.ContJurList .Case__details {
    color: #555;
    font-size: .75rem;
    margin-top: 6px
}

.soCard.ContJurList .Case__details.mt-16 {
    margin-top: 1rem
}

.soCard.ContJurList .Case__idContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top: 1rem
}

.soCard.ContJurList .Case__idContainer .left,.soCard.ContJurList .Case__idContainer .right {
    padding: .25rem;
    width: 100%;
    border: 1px solid #d9d9d9
}

.soCard.ContJurList .Case__idContainer .left .title,.soCard.ContJurList .Case__idContainer .right .title {
    width: 100%;
    background-color: #f4f4fa;
    font-size: .75rem;
    padding: 0 .5rem;
    height: 38px;
    line-height: 28px;
    white-space: nowrap
}

.soCard.ContJurList .Case__idContainer .left .title [class*=" ic-"]:before,.soCard.ContJurList .Case__idContainer .left .title [class^=ic-],.soCard.ContJurList .Case__idContainer .right .title [class*=" ic-"]:before,.soCard.ContJurList .Case__idContainer .right .title [class^=ic-] {
    font-size: 1.25rem
}

.soCard.ContJurList .Case__idContainer .left .title .helper,.soCard.ContJurList .Case__idContainer .right .title .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.soCard.ContJurList .Case__idContainer .left .title img,.soCard.ContJurList .Case__idContainer .right .title img {
    display: inline-block;
    width: 20px;
    margin-right: .5rem;
    margin-top: 3px;
    vertical-align: middle;
    max-height: 38px;
    max-width: 20px
}

.soCard.ContJurList .Case__idContainer .left .box,.soCard.ContJurList .Case__idContainer .right .box {
    padding: 1rem .5rem
}

.soCard.ContJurList .Case__idContainer .left .box .boxTitle,.soCard.ContJurList .Case__idContainer .right .box .boxTitle {
    color: #005eff;
    text-transform: uppercase;
    font-size: .75rem
}

.soCard.ContJurList .Case__idContainer .left .box .boxAddress,.soCard.ContJurList .Case__idContainer .right .box .boxAddress {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

.soCard.ContJurList .Case__idContainer .left .box .repList,.soCard.ContJurList .Case__idContainer .right .box .repList {
    font-size: .75rem;
    color: #555;
    list-style-type: none;
    padding: 0;
    margin-top: 1rem
}

.soCard.ContJurList .Case__idContainer .left .box .repList li,.soCard.ContJurList .Case__idContainer .right .box .repList li {
    font-size: 11px;
    color: #000;
    margin-top: 6px
}

.soCard.ContJurList .Case__idContainer .left .title {
    color: #555;
    display: flex;
    align-items: center;
    gap: .25rem
}

.soCard.ContJurList .Case__idContainer .right .title {
    color: #0c1e5d
}

.soCard .more {
    color: #005eff;
    font-size: .75rem
}

.soCard .more:hover .ic-add,.soCard .more:hover .ic-visibility {
    text-decoration: none
}

.soCard .more .ic-add,.soCard .more .ic-visibility {
    font-size: .75rem
}

.soCard .more .ic-add:before,.soCard .more .ic-visibility:before {
    margin-right: .25rem
}

.soCard .more .ic-add {
    display: inline-block;
    position: relative;
    width: 19px
}

.soCard .more .ic-add:before {
    position: absolute;
    font-size: .75rem;
    top: -13px
}

.soCard .blue-link {
    text-decoration: underline
}

.soCard .ListLink {
    word-wrap: break-word;
    hyphens: auto;
    margin-left: 7px;
    position: relative
}

.soCard .ListLink:before {
    content: "-";
    left: -7px;
    position: absolute
}

.soWrapper {
    background-color: #fff;
    border: 1px solid #babfd6;
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    padding: 1.25rem
}

.soBrand.nodata {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.soBrand.nodata span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    max-width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #fff7eb;
    color: #ae6500
}

.soBrand.nodata span [class*=" ic-"],.soBrand.nodata span [class^=ic-] {
    font-size: 50px
}

.soBrand.nodata p {
    color: #000e47;
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: center
}

.brandName {
    font-size: 1rem;
    text-transform: uppercase
}

.brandText {
    font-size: .75rem;
    margin-bottom: .5rem;
    line-height: 1rem
}

.Stat__title {
    -moz-osx-font-smoothing: grayscale;
    margin: 1rem 0 0
}

.Stat__title,.Stat__title .legend {
    font-size: .875rem;
    text-transform: uppercase
}

.Stat__title .legend {
    border-radius: 2px;
    color: #fff;
    padding: .125rem .25rem
}

.Stat__container {
    flex-direction: column;
    display: flex;
    position: relative;
    width: 100%
}

.Stat__container.parity {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 1rem
}

.Stat__container.map .title {
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.Stat__containerBox {
    margin-top: 1rem;
    width: 100%
}

.Stat__containerSplit {
    display: block;
    margin: .25rem 0;
    width: 100%
}

.Stat__ranking {
    padding: 1rem 0
}

.Stat__ranking.map {
    background-position: 100%;
    background-repeat: no-repeat
}

.Stat__rankingText {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: .25rem 0
}

.Stat__rankingText.bg-pmColor1 {
    background-color: rgba(0,94,255,.05)
}

.Stat__rankingText .flag {
    height: 9px;
    margin-bottom: 3px;
    margin-right: .5rem;
    vertical-align: middle
}

.Stat__rankingBody {
    background-color: hsla(0,0%,100%,.62);
    flex-direction: row;
    justify-content: space-around;
    -moz-osx-font-smoothing: grayscale
}

.Stat__rankingBody,.Stat__rankingBody>div:last-child {
    display: flex;
    align-items: center
}

.Stat__rankingBody .rank {
    color: #005eff;
    padding-left: .75rem;
    text-align: center
}

.Stat__rankingBody .rank.bwColor-400 .medal,.Stat__rankingBody .rank.sdColor1 .medal,.Stat__rankingBody .rank.sdColor1-600 .medal {
    display: block
}

.Stat__rankingBody .rank.sdColor1-600,.Stat__rankingBody .rank.sdColor1-600 .medal {
    color: #ff990a
}

.Stat__rankingBody .rank.bwColor-400,.Stat__rankingBody .rank.bwColor-400 .medal {
    color: #9d9d9d
}

.Stat__rankingBody .rank.sdColor1,.Stat__rankingBody .rank.sdColor1 .medal {
    color: #ae6500
}

.Stat__rankingBody .rank-number {
    font-size: 40px
}

.Stat__rankingBody .rank-status.down.bwColor-400 .ic-south,.Stat__rankingBody .rank-status.down.bwColor-400 .progress,.Stat__rankingBody .rank-status.down.sdColor1 .ic-south,.Stat__rankingBody .rank-status.down.sdColor1 .progress,.Stat__rankingBody .rank-status.down.sdColor1-600 .ic-south,.Stat__rankingBody .rank-status.down.sdColor1-600 .progress,.Stat__rankingBody .rank-status.up.bwColor-400 .ic-south,.Stat__rankingBody .rank-status.up.bwColor-400 .progress,.Stat__rankingBody .rank-status.up.sdColor1 .ic-south,.Stat__rankingBody .rank-status.up.sdColor1 .progress,.Stat__rankingBody .rank-status.up.sdColor1-600 .ic-south,.Stat__rankingBody .rank-status.up.sdColor1-600 .progress {
    color: #fff
}

.Stat__rankingBody .rank-status.down .progress-tag,.Stat__rankingBody .rank-status.up .progress-tag {
    background-color: transparent
}

.Stat__rankingBody .rank-status.down .versus,.Stat__rankingBody .rank-status.up .versus {
    display: block
}

.Stat__rankingBody .rank-status.up .ic-south,.Stat__rankingBody .rank-status.up .progress {
    color: #067f43
}

.Stat__rankingBody .rank-status.up .ic-south {
    display: inline-block;
    -webkit-transform: rotate(180deg) translate(20px);
    transform: rotate(180deg) translate(20px)
}

.Stat__rankingBody .rank-status.up .progress {
    float: right
}

.Stat__rankingBody .rank-status.up .progress:after {
    content: "Hausse";
    display: inline-block;
    margin-right: .25rem;
    position: absolute;
    left: -42px
}

.Stat__rankingBody .rank-status.down .ic-south,.Stat__rankingBody .rank-status.down .progress {
    color: #ce0031
}

.Stat__rankingBody .rank-status.down .ic-south {
    display: inline-block;
    -webkit-transform: rotate(0deg) translate(-20px,-1px);
    transform: rotate(0deg) translate(-20px,-1px)
}

.Stat__rankingBody .rank-status.down .progress {
    float: right
}

.Stat__rankingBody .rank-status.down .progress:after {
    content: "Baisse";
    display: inline-block;
    margin-right: .25rem;
    position: absolute;
    left: -42px
}

.Stat__rankingBody .rank-status.sdColor1-600 .progress-tag {
    background-color: #ff990a
}

.Stat__rankingBody .rank-status.bwColor-400 .progress-tag {
    background-color: #9d9d9d
}

.Stat__rankingBody .rank-status.sdColor1 .progress-tag {
    background-color: #ae6500
}

.Stat__rankingBody .ic-workspace_premium:before {
    margin-right: 0
}

.Stat__rankingBody .ic-workspace_premium.medal {
    display: none;
    float: right;
    font-size: 13px;
    margin-top: .5rem
}

.Stat__rankingBody .ic-south {
    color: #fff;
    display: none;
    font-size: .625rem
}

.Stat__rankingBody .ic-south:before {
    margin-right: 0
}

.Stat__rankingBody .ic-emoji_events,.Stat__rankingBody .ic-so_trophy {
    color: #005eff;
    font-size: 28px
}

.Stat__rankingBody .ic-emoji_events:before,.Stat__rankingBody .ic-so_trophy:before {
    margin-right: .5rem
}

.Stat__rankingBody .ic-emoji_events.up,.Stat__rankingBody .ic-so_trophy.up {
    color: #067f43
}

.Stat__rankingBody .ic-emoji_events.down,.Stat__rankingBody .ic-so_trophy.down {
    color: #ce0031
}

.Stat__rankingBody .ic-so_trophy_first {
    color: #ff990a;
    font-size: 28px
}

.Stat__rankingBody .ic-so_trophy_second {
    color: #9d9d9d;
    font-size: 28px
}

.Stat__rankingBody .ic-so_trophy_third {
    color: #ae6500;
    font-size: 28px
}

.Stat__rankingBody .progress-tag {
    background-color: #005eff;
    border-radius: 16px;
    color: #fff;
    display: block;
    line-height: 17px;
    padding: 0 6px;
    min-width: 63px
}

.Stat__rankingBody .progress {
    display: block;
    font-size: .75rem;
    position: relative
}

.Stat__rankingBody .progress:after {
    content: "Stable"
}

.Stat__rankingBody .versus {
    color: #000;
    display: none
}

.Stat__rankingSplit {
    display: none;
    margin: 0
}

.Stat__progress {
    border-radius: 3px;
    border-top: 1px solid #e9e9e9;
    padding: 1rem 0;
    position: relative
}

.Stat__progress:first-child {
    border-top: none
}

.Stat__progress.main {
    background-color: #ffeed6;
    border-top: none;
    padding-bottom: .5rem;
    padding-top: 0
}

.Stat__progress.main .Stat__progressBox {
    padding: 0 .5rem .5rem;
    justify-content: space-between
}

.Stat__progress.main .Stat__range {
    font-size: 13px;
    width: 100%
}

.Stat__progress.main .Stat__total {
    width: 0
}

.Stat__progress.main .Stat__total .name {
    font-size: 1rem
}

.Stat__progress__title {
    -moz-osx-font-smoothing: grayscale;
    background-color: #ff990a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: lighter;
    padding: .25rem .75rem;
    width: 100%
}

.Stat__range {
    font-size: .75rem
}

.Stat__range__xsmall {
    display: block;
    font-size: 13px;
    position: relative
}

.Stat__range__small {
    display: none
}

.Stat__bar {
    font-size: .75rem;
    height: 30px;
    margin-top: .25rem;
    position: relative;
    width: 100%
}

.Stat__bar__back,.Stat__bar__front {
    -moz-osx-font-smoothing: grayscale;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-indent: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Stat__bar__back {
    background-color: #f5f5f5;
    border-radius: 3px;
    color: #005eff;
    width: 100%
}

.Stat__bar__front {
    background-color: #005eff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    overflow: hidden
}

.Stat__total {
    font-size: .75rem
}

.Stat__total .name {
    color: #ff990a;
    font-size: 15px;
    line-height: 15px
}

.Stat__footer {
    display: flex;
    flex-direction: column
}

.Stat__notif {
    background-color: #ff990a;
    border-radius: 100%;
    display: block;
    height: 20px;
    position: absolute;
    right: -26px;
    top: 8px;
    transform: translate(-50%,-50%);
    width: 20px
}

.Stat__notif .arrow {
    border-color: transparent #fff7eb;
    border-style: solid;
    border-width: 4px 7px 4px 0;
    display: block;
    height: 0;
    margin: 6px 0 0 5px;
    width: 0
}

.Stat__data {
    margin-bottom: 30px;
    max-width: 170px;
    width: 33%
}

.Stat__data.man {
    text-align: right
}

.Stat__data.man .ic-man {
    color: #005eff
}

.Stat__data.man .Stat__percent {
    text-align: right
}

.Stat__data.woman .ic-woman {
    color: #067f43;
    text-align: right
}

.Stat__data.woman .Stat__percent {
    text-align: left
}

.Stat__data .ic-man,.Stat__data .ic-woman {
    display: inline-block;
    font-size: 36px
}

.Stat__data .ic-man:before,.Stat__data .ic-woman:before {
    margin: 0
}

.Stat__legend.top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #d9d9d9
}

.Stat__legend.bottom {
    font-size: .75rem;
    padding-top: .25rem;
    text-align: center
}

.Stat__legend.man {
    color: #005eff
}

.Stat__legend.woman {
    color: #067f43
}

.Stat__chartpie {
    position: relative;
    width: 125px
}

.Stat__chartpie .donut {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Stat__chartpie .ic-location_city {
    color: #c4c4c4;
    font-size: 40px;
    left: 50%;
    position: absolute;
    top: 48%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.Stat__chartpie .ic-location_city:before {
    margin: 0
}

.Stat__percent {
    display: inline-block;
    font-size: 25px;
    vertical-align: bottom
}

.Stat__staff {
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    display: inline-block;
    font-size: .75rem;
    padding: 6px .5rem
}

.Stat__staff:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.Stat__staff:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.Stat__mapBox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 140px;
    margin: .5rem 0 1.5rem;
    width: 100%
}

.Stat__parityBox {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 100%;
    margin: .5rem 0;
    position: relative;
    width: 120px
}

.Stat__parityBox.split {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 30px
}

.Stat__parityBox .split {
    background-color: #d9d9d9;
    display: block;
    height: 45px;
    width: 1px
}

.Stat__tagBox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-end;
    position: absolute;
    top: 27%;
    width: 100%
}

.Stat__tag {
    border-radius: 2px;
    display: inline-block;
    font-size: .625rem;
    padding: .125rem;
    position: relative;
    text-align: center
}

.Stat__tag.man {
    background-color: rgba(32,147,223,.2)
}

.Stat__tag.man .arrow {
    border-color: rgba(32,147,223,.2) transparent transparent
}

.Stat__tag.woman {
    background-color: rgba(79,207,188,.2)
}

.Stat__tag.woman .arrow {
    border-color: rgba(79,207,188,.2) transparent transparent
}

.Stat__tag.big {
    font-size: .75rem;
    padding: .25rem
}

.Stat__tag.big .arrow {
    border-width: 6px 7px 0;
    bottom: -6px;
    left: 33%
}

.Stat__tag .arrow {
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    display: block;
    height: 0;
    left: 35%;
    position: absolute;
    width: 0
}

.Stat__barContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 7px;
    left: 5%;
    position: absolute;
    top: 52%;
    width: 90%
}

.Stat__barContainer:after,.Stat__barContainer:before {
    color: #7b7b7b;
    font-size: 6px;
    position: absolute;
    top: 10px
}

.Stat__barContainer:before {
    content: "0";
    left: 0
}

.Stat__barContainer:after {
    content: "100";
    right: 0
}

.Stat__parityBar {
    height: 7px;
    position: absolute;
    top: 0
}

.Stat__parityBar.man {
    background-color: #005eff;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    left: 0
}

.Stat__parityBar.woman {
    background-color: #067f43;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    right: 0
}

.Stat__parityRegion {
    bottom: 0;
    font-size: 13px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.Stat .StatsOffersSociete__container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.Stat .StatsOffersSociete__overlay {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(1%,hsla(0,0%,100%,0)),color-stop(85%,#fff),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 1%,#fff 85%,#fff);
    height: 100%;
    position: absolute;
    width: 100%
}

.Stat .StatsOffersSociete__overlay.contJur {
    background: -moz-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.85) 3%,hsla(0,0%,100%,.85) 100%);
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 3%,hsla(0,0%,100%,.85));
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.85) 3%,hsla(0,0%,100%,.85))
}

.Stat .StatsOffersSociete__around {
    bottom: 16px;
    padding: 0 1rem;
    position: absolute
}

.Stat .StatsOffersSociete__around.contJur {
    top: 100px
}

.dash {
    display: inline-block;
    height: 1px;
    margin-left: -16px;
    width: 24px;
    -webkit-transform: rotate(-55deg) translate(10px,8px);
    transform: rotate(-55deg) translate(10px,8px)
}

.country {
    background-image: url(/images/france_carte.png)
}

.region-01 {
    background-image: url(/images/region-map-01.png)
}

.region-02 {
    background-image: url(/images/region-map-02.png)
}

.region-03 {
    background-image: url(/images/region-map-03.png)
}

.region-04 {
    background-image: url(/images/region-map-04.png)
}

.region-06 {
    background-image: url(/images/region-map-06.png)
}

.region-11 {
    background-image: url(/images/region-map-11.png)
}

.region-24 {
    background-image: url(/images/region-map-24.png)
}

.region-27 {
    background-image: url(/images/region-map-27.png)
}

.region-28 {
    background-image: url(/images/region-map-28.png)
}

.region-32 {
    background-image: url(/images/region-map-32.png)
}

.region-44 {
    background-image: url(/images/region-map-44.png)
}

.region-52 {
    background-image: url(/images/region-map-52.png)
}

.region-53 {
    background-image: url(/images/region-map-53.png)
}

.region-75 {
    background-image: url(/images/region-map-75.png)
}

.region-76 {
    background-image: url(/images/region-map-76.png)
}

.region-84 {
    background-image: url(/images/region-map-84.png)
}

.region-93 {
    background-image: url(/images/region-map-93.png)
}

.region-94 {
    background-image: url(/images/region-map-94.png)
}

.refresh-anim-CA,.refresh-anim-REX {
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.blinker-anim {
    -webkit-animation: blinker .3s;
    animation: blinker .3s;
    -webkit-animation-iteration-count: 4;
    animation-iteration-count: 4
}

@-webkit-keyframes blinker {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blinker {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.SurvChart {
    position: relative
}

.SurvChart__mainContainer {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: auto
}

.SurvChart__mainContainer .left,.SurvChart__mainContainer .right {
    width: 100%
}

.SurvChart__mainContainer .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.SurvChart__container {
    width: 100%
}

.SurvPromo__icoTotal {
    width: 110px;
    height: 110px;
    margin: auto;
    position: relative;
    background-color: #e1f3ff;
    border-radius: 100%;
    color: #005eff;
    text-align: center;
    font-size: 1rem;
    display: flex;
    flex-direction: column
}

.SurvPromo__icoTotal .ic-domain {
    display: block;
    margin: 20px auto 8px 0
}

.SurvPromo__icoTotal .ic-domain:before {
    font-size: 34px;
    margin-right: 0
}

.SurvPromo__icoSurv {
    align-items: center;
    background-color: #005eff;
    border-radius: 100%;
    color: #fff;
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: -16px;
    text-align: center;
    top: 16px;
    width: 34px
}

.SurvPromo__icoSurv [class*=" ic-"],.SurvPromo__icoSurv [class^=ic-] {
    line-height: 26px
}

.SurvPromo__icoSurv [class*=" ic-"]:before,.SurvPromo__icoSurv [class^=ic-] {
    font-size: .75rem;
    margin-right: 0
}

.SurvPromo__icoTotalText,.SurvPromo__text {
    font-size: 17px;
    margin-top: 1rem;
    text-align: center;
    padding: 0 .5rem
}

.SurvPromo__underText {
    color: #555;
    font-size: .625rem;
    margin-top: 1rem;
    text-align: center;
    padding: 0 .5rem
}

.SurvPromo__keytoolsContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1rem;
    width: 100%
}

.SurvPromo__keytool {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 220px;
    padding: 14px 28px;
    text-align: center
}

.SurvPromo__keytool:nth-child(2n) {
    background-color: #ffe9e2
}

.SurvPromo__keytool img {
    display: block;
    width: 50px;
    margin: 0 auto
}

.SurvPromo__keytool p {
    max-width: 250px
}

.SurvPromo__keytool .CtaButton {
    width: 250px;
    margin: 0 auto
}

.SurvPromo.frame {
    padding: .5rem 0
}

.SurvPromo .underline {
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d9d9d9
}

.SurvBaro__container {
    max-width: 650px;
    margin: 0 auto
}

.SurvBaro h3 img {
    display: inline-block;
    margin-right: .75rem;
    width: 36px
}

.Popup {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 1;
    overflow: auto;
    padding: 1rem .5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111111111
}

.Popup.isHidden {
    opacity: 0;
    z-index: -1
}

.Popup .CtaButton {
    margin-bottom: 0
}

.Popup__invisible {
    background-color: transparent;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 200
}

.Popup__invisible.isHidden {
    z-index: -1
}

.Popup__header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 1rem;
    position: relative
}

.Popup__title {
    font-weight: 500;
    font-size: 19px;
    margin-bottom: 0
}

.Popup__title.list {
    font-weight: 400;
    font-size: 1rem
}

.Popup__close {
    color: #9d9d9d;
    position: absolute;
    right: 0;
    top: 0;
    padding: .75rem
}

.Popup__close,.Popup__close:hover {
    cursor: pointer
}

.Popup__close .ic-close {
    font-size: .75rem
}

.Popup__close [class*=" ic-"],.Popup__close [class^=ic-] {
    font-size: 1.25rem
}

.Popup__content {
    box-shadow: 0 4px 14px 0 #262626;
    border-radius: 3px;
    display: block;
    max-height: -webkit-calc(100vh - 32px);
    max-height: calc(100vh - 32px);
    width: 100%;
    overflow: hidden
}

.Popup__content.importFile {
    max-height: 100%
}

.Popup__content.no-translate {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%)
}

.Popup__content.isHidden {
    display: none
}

.Popup__body {
    background-color: #fff;
    padding: 1.25rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: auto;
    width: 100%
}

.Popup__body.search {
    max-height: -webkit-calc(100vh - 86px);
    max-height: calc(100vh - 86px)
}

.Popup__body.importFile {
    min-height: 232px
}

.Popup__body.importFile,.Popup__body.importResult {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Popup__body.importResult {
    height: 90%
}

.Popup__body.importResult p {
    font-size: 13px
}

.Popup__body.importResult form {
    height: 90%;
    overflow: auto
}

.Popup__body.importResult .header {
    display: block;
    margin-bottom: .5rem
}

.Popup__body.importResult .header .source {
    color: #434343
}

.Popup__body.importResult .header .result {
    margin-top: .75rem;
    color: #005eff;
    display: inline-block;
    width: 50%
}

.Popup__body.importResult .Form__checkBox.all {
    float: right;
    margin-right: 21px
}

.Popup__formContainer {
    border: 1px solid #babfd6;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem auto 0;
    padding: 1.25rem;
    max-width: 362px
}

.Popup__formContainer .CtaButton {
    width: 100%
}

.Popup__formContainer .noCompte {
    margin-top: 40px;
    position: relative;
    text-align: center;
    width: 100%
}

.Popup__formContainer .noCompte .or {
    background-color: #babfd6;
    display: block;
    height: 1px;
    margin-bottom: 38px;
    width: 100%
}

.Popup__formContainer .noCompte .or:before {
    background-color: #fff;
    color: #000e47;
    content: "ou";
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 40px
}

.Popup__searchContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    width: 200%
}

.Popup__searchContainer.result {
    margin-left: -100%;
    height: 100%
}

.Popup__resultList {
    width: 100%;
    max-height: 457px;
    overflow: auto;
    background-color: #fff
}

.Popup__iconContainer {
    display: block;
    width: 160px;
    height: 155px;
    line-height: 145px;
    border: 2px dashed #c4c4c4;
    margin: 28px auto;
    text-align: center
}

.Popup__iconContainer .ic-so_xls {
    font-size: 85px
}

.Popup__progress {
    position: relative;
    width: 100%;
    height: 2px
}

.Popup__progress .fill {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.Popup__progress .fill.back {
    width: 100%;
    background-color: #c4c4c4
}

.Popup__progress .fill.front {
    height: 2px;
    width: 0;
    background-color: #067f43
}

.Popup__progress .fill.front.half {
    width: 50%
}

.Popup__progress .fill.front.full {
    width: 100%
}

.Popup__headline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    text-align: left
}

.Popup__headline.text-center {
    text-align: center
}

.Popup__headline__picto {
    background-color: #e1f3ff;
    border-radius: 40px;
    display: none;
    font-size: 1.25rem;
    margin: 0 .75rem 0 0;
    padding: .75rem
}

.Popup__headline__close {
    background-color: #f4f4fa;
    border-radius: 15px;
    color: #646e9f;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

.Popup__headline__close:hover {
    cursor: pointer
}

.Popup__headline__close [class*=" ic-"],.Popup__headline__close [class^=ic-] {
    font-size: 1.25rem
}

.HoverTip {
    max-width: 150px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: .25rem;
    font-size: 11px;
    background-color: #f5f5f5;
    color: #434343;
    position: absolute;
    text-align: justify
}

.nav-ie11 .soCard__pic {
    float: right
}

.soCardPromoCarto {
    align-content: space-between;
    background: url(https://imgng.societe.com/img/bg_autopromo_carto.png) no-repeat 50% #005eff;
    background-size: cover;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    height: 304px;
    padding: 1.25rem 2rem;
    width: 304px
}

.soCardPromoCarto p {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    width: 100%
}

.soCardPromoCarto a {
    margin: 0 auto
}

.ui-prm {
    display: var(--dp-prm,flex);
    overflow: hidden;
    border-radius: .5rem
}

.ui-prm>div {
    display: inherit;
    width: inherit;
    max-width: inherit;
    min-height: inherit;
    height: inherit;
    max-height: inherit
}

.ui-prm>div:empty {
    background-color: var(--bg-c-prm,#f2f9fd);
    background-repeat: no-repeat;
    background-position: 50%
}

.ui-prm>div:not(:empty) {
    background-color: #fff
}

.ui-prm[data-fmt^=ban]:not([hidden]) {
    justify-content: center;
    align-items: center
}

.ui-prm[data-fmt^=mpu] {
    --dp-prm: none
}

.ui-prm[data-fmt=ban1] {
    width: var(--w-ban1,auto);
    height: var(--h-ban1,auto)
}

.ui-prm[data-fmt=ban2] {
    width: var(--w-ban2,336px);
    height: var(--h-ban2,280px);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.ui-prm[data-fmt=ban3],.ui-prm[data-fmt=ban4],.ui-prm[data-fmt=ban5],.ui-prm[data-fmt=ban6] {
    width: var(--w-ban-x,336px);
    height: var(--h-ban-x,280px);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.ui-prm[data-fmt^=mpu] {
    width: 300px;
    max-width: 300px;
    min-height: 250px;
    height: fit-content;
    max-height: 600px
}

.dpFromDD,.dpFromHD,.dpFromLD,.dpFromTD,.dpOnDD,.dpOnHD,.dpOnLD,.dpOnTD,[hidden] {
    display: none
}

@media screen and (min-width: 21em) {
    .width-global {
        max-width:45em
    }
}

@media screen and (min-width: 480px) {
    .Body {
        max-width:45em
    }

    .frame,.frame-rounded {
        padding: 1rem
    }

    .fs-12-mobile {
        font-size: .75rem
    }

    .underline {
        padding-bottom: .8125rem
    }

    .hide-mobile-s {
        display: none
    }

    .show-mobile-s {
        display: block
    }

    .hide-mobile-inline-s {
        display: none
    }

    .show-mobile-inline-s,.switch-mobile-s {
        display: inline-block
    }

    .ui-drw-panel {
        width: 33dvw;
        min-width: 22.5rem;
        top: 0;
        left: 100%;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xOpened .ui-drw-panel {
        translate: -100% 0;
        box-shadow: -3px 0 6px rgba(0,0,0,.15)
    }

    .onoffswitch {
        margin-left: 1rem
    }

    .onoffswitch-inner:before {
        padding-right: 19px
    }

    .ButtonSmall {
        display: table;
        float: right;
        margin-top: 0
    }

    .soCard {
        padding: 25px 1rem 1rem
    }

    .soCard__title .year {
        font-size: .875rem
    }

    .soCard__articleHead {
        flex-direction: row;
        align-items: center
    }

    .soCard__articleImgHead {
        width: 100%;
        margin: 0 1rem 0 0
    }

    .soCard__selectBox {
        vertical-align: middle;
        margin-left: .5rem
    }

    .soCard.ContJurHist .NoContJur .icon,.soCard.ContJurHist .NoProcedCollect .icon,.soCard.ContJurList .NoContJur .icon,.soCard.ContJurList .NoProcedCollect .icon,.soCard.ContJurStats .NoContJur .icon,.soCard.ContJurStats .NoProcedCollect .icon,.soCard.ProcedCollectList .NoContJur .icon,.soCard.ProcedCollectList .NoProcedCollect .icon {
        display: inline-block;
        background-color: #078297;
        color: #fff;
        border-radius: 3px;
        min-width: 32px;
        height: 32px;
        position: relative;
        margin-right: 16px;
        line-height: 28px;
        text-align: center
    }

    .soCard.ContJurStats .flex .ContJurNum {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .soCard.ContJurStats .flex .ContJurNum .bottom,.soCard.ContJurStats .flex .ContJurNum .top {
        display: block;
        height: 127px
    }

    .soCard.ContJurStats .flex .ContJurNum .bottom .title,.soCard.ContJurStats .flex .ContJurNum .top .title {
        margin-bottom: 1.5rem;
        width: 100%
    }

    .soCard.ContJurStats .flex .ContJurNum .bottom .logo,.soCard.ContJurStats .flex .ContJurNum .top .logo {
        top: .5rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .soCard.ContJurStats .flex .ContJurCharts {
        flex-direction: row;
        justify-content: space-between
    }

    .soCard.ContJurStats .flex .ContJurProfile {
        margin-top: 0;
        width: 49.5%
    }

    .soCard.ContJurStats .flex .ContJurSplit {
        margin-top: 0;
        width: 1px;
        height: auto;
        background: #fff;
        background: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),color-stop(50%,#e9e9e9),to(hsla(0,0%,100%,0)));
        background: linear-gradient(0deg,hsla(0,0%,100%,0),#e9e9e9 50%,hsla(0,0%,100%,0))
    }

    .soCard.ContJurStats .flex .ContJurProblem {
        margin-top: 0;
        width: 49.5%
    }

    .soCard .more,.soCard .more .ic-visibility {
        font-size: .875rem
    }

    .Stat__progress.main .Stat__progressBox {
        height: 50px
    }

    .Stat__progress.main .Stat__range {
        width: 30%
    }

    .Stat__progress.main .Stat__range__small {
        margin-top: .5rem
    }

    .Stat__progress.main .Stat__bar {
        width: 70%
    }

    .Stat__progressBox {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 75px
    }

    .Stat__range {
        margin-bottom: .5rem;
        width: 25%
    }

    .Stat__range__xsmall {
        display: none
    }

    .Stat__range__small {
        display: block;
        font-size: 15px;
        position: relative
    }

    .Stat__bar {
        margin: 0 .5rem;
        width: 47%
    }

    .Stat__total {
        text-align: right;
        width: 25%
    }

    .Stat__notif {
        right: -44px
    }

    .Stat__data .ic-man,.Stat__data .ic-woman {
        font-size: 50px
    }

    .Stat__legend.bottom {
        font-size: .875rem
    }

    .Stat__legend.bottom.man {
        text-align: right
    }

    .Stat__legend.bottom.woman {
        text-align: left
    }

    .Stat__percent {
        font-size: 30px
    }

    .Stat__parityBox {
        width: 145px
    }

    .SurvPromo__icoTotalText,.SurvPromo__text,.SurvPromo__underText {
        padding: 0 1rem
    }

    .SurvPromo.frame {
        padding: 1rem 0
    }
}

@media screen and (min-width: 508px) {
    .ui-prm[data-fmt=ban2] {
        --w-ban2:468px
    }

    .ui-prm[data-fmt=ban3],.ui-prm[data-fmt=ban4],.ui-prm[data-fmt=ban5],.ui-prm[data-fmt=ban6] {
        --w-ban-x: 468px
    }
}

@media screen and (min-width: 568px) {
    .soCard__text {
        font-size:.875rem
    }

    .soCard__tag {
        font-size: .75rem
    }

    .soCard__pic {
        height: 145px;
        width: 145px
    }

    .brandName {
        font-size: 18px
    }

    .brandText {
        font-size: .875rem
    }
}

@media screen and (min-width: 600px) {
    .Body,.width-global {
        max-width:62.4em
    }

    .hide-mobile-m {
        display: none
    }

    .show-mobile-m {
        display: block
    }

    .hide-mobile-inline-m {
        display: none
    }

    .show-mobile-inline-m,.switch-mobile-m {
        display: inline-block
    }

    .soCard__title .year {
        font-size: 1rem
    }

    .soCard__newsTitle {
        font-size: 1.5rem
    }

    .soCard.ContJurStats .flex .ContJurProfile .title {
        font-size: .875rem
    }

    .soCard.ContJurStats .flex .ContJurProblem .title {
        font-size: 13px
    }

    .soCard.ContJurList .Case__idContainer {
        flex-direction: row;
        justify-content: space-between
    }

    .soCard.ContJurList .Case__idContainer .left,.soCard.ContJurList .Case__idContainer .right {
        width: 49.5%
    }

    .soCard.ContJurList .Case__idContainer .left .box .boxTitle,.soCard.ContJurList .Case__idContainer .right .box .boxTitle {
        font-size: 13px
    }

    .Stat__container.flex-row-m {
        flex-direction: row;
        justify-content: space-between
    }

    .Stat__container.parity {
        justify-content: center
    }

    .Stat__container.map {
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-end
    }

    .Stat__containerBox {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 222px
    }

    .Stat__containerSplit {
        background-color: #d9d9d9;
        display: block;
        height: 200px;
        margin: 1rem 0 0;
        width: 1px
    }

    .Stat__ranking {
        width: 46%
    }

    .Stat__rankingSplit {
        background-color: #d9d9d9;
        display: block;
        margin: 1rem 0;
        min-height: 100%;
        width: 1px
    }

    .Stat__progress.main {
        padding-bottom: 0
    }

    .Stat__progress.main .Stat__progressBox {
        height: 75px;
        padding: .5rem
    }

    .Stat__progress.main .Stat__range {
        width: 21%
    }

    .Stat__progress.main .Stat__bar {
        width: 48%
    }

    .Stat__progress.main .Stat__total {
        padding-right: .5rem;
        text-align: center;
        width: 21%
    }

    .Stat__range__small {
        display: none
    }

    .Stat__bar,.Stat__total {
        font-size: 13px
    }

    .Stat__footer {
        flex-direction: row;
        justify-content: space-between
    }

    .Stat__notif {
        right: -35px;
        top: 50%
    }

    .Stat__parityBox {
        width: 110px
    }

    .Stat__parityBox.split {
        width: 45px
    }

    .Popup {
        padding: 1rem
    }

    .Popup__content {
        width: 80%
    }
}

@media screen and (min-width: 46em) {
    .width-global {
        max-width:62.4em
    }
}

@media screen and (min-width: 736px) {
    .hide-mobile-inline-mq-736px {
        display:none
    }

    .show-mobile-inline-mq-736px {
        display: inline-block
    }
}

@media screen and (min-width: 768px) {
    .width-global-big,.width-global-xl {
        margin-left:1rem;
        margin-right: 1rem
    }

    .fs-13-mobile {
        font-size: .8125rem
    }

    .fs-16-mobile {
        font-size: .9375rem
    }

    .hide-mobile-l {
        display: none
    }

    .show-mobile-l {
        display: block
    }

    .hide-mobile-inline-l {
        display: none
    }

    .show-mobile-inline-l,.switch-mobile-l {
        display: inline-block
    }

    #appHeader {
        --w-top-header: calc(100% - 5rem)
    }

    .ui-finder-fs {
        --m-t-serp: 1.25rem
    }

    #serpStats:not(:empty) {
        --dp-stats: block
    }

    .ui-serp-card {
        --w-serp-card-ua: 8rem
    }

    .ui-serp-card[data-type=documents] div {
        max-width: calc(100% - 2.75rem - var(--w-serp-card-ua, 0))
    }

    .ui-serp-card[data-type=documents] .ui-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #_welcomeAgent {
        --w-welcome: 80%;
        --f-s-welcome: 2.25rem;
        --l-h-welcome: 2.5rem
    }

    .ui-announcement-banner {
        --dp-announcement: flex;
        --p-announcement: 1.25rem 5rem 1.25rem 2rem;
        --rd-announcement: 625rem;
        --flex-a-s-picto: auto;
        --spacing-content: 2rem;
        --top-close: 50%;
        --m-t-grp-ua: 0
    }

    body[data-app=home] .ui-announcement-banner {
        --translate-announcement: 0 0;
        max-width: calc(100% - 2.5rem);
        margin: 0 auto
    }

    .ui-dialog #uaDelete {
        order: -1
    }

    .ContentError__description {
        -webkit-flex-wrap: no-wrap;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
        padding-top: 67px
    }

    .ContentError__description div {
        width: 50%
    }

    .ContentError__description div.description-number {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 123px;
        margin-right: 30px;
        width: auto
    }

    .ContentError__description div.description-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .ContentError__description div.description-text div {
        margin: auto 0;
        width: 100%
    }

    .ContentError__description .text {
        font-size: 18px
    }

    .ContentError__description .text-number {
        font-size: 126px
    }

    .ContentError__description .text-sorry {
        font-size: 32px
    }

    .ContentError__description .text-contexte {
        font-size: 23px;
        text-align: left
    }

    .ContentError__search {
        margin-top: 45px
    }

    .ContentError__search .search-text p:first-of-type {
        font-size: 18px
    }

    .ContentError__search .search-text p:last-of-type {
        font-size: 16px;
        margin-top: 8px
    }

    .ContentError__search .search-input.HeaderSociete__search__content {
        max-width: 100%
    }

    .BodyError__Around.error-404 {
        background-position: bottom -72px center;
        background-size: 680px
    }

    .ContentError__description .text-number span:first-of-type.error-404:after {
        height: 90px;
        width: 64px
    }

    .BodyError__Around.error-403 {
        background-position: bottom -308px center;
        background-size: 490px
    }

    .ContentError__description .text-number span:first-of-type.error-403 {
        margin-right: 86px
    }

    .ContentError__description .text-number span:first-of-type.error-403:after {
        height: 90px;
        left: 76px;
        top: 43px;
        width: 81px
    }

    main[data-mod=company] .ui-wrap-nav {
        --p-wrap: 0 0 0 13.5rem
    }

    .co-summary-board {
        --h-board: 3.75rem
    }

    .co-solvency {
        --flex-solvency: row
    }

    #coSovereigntyGraph .ui-graph-board {
        --flex-board: 0 0 calc(33.33333% - 1rem);
        --flex-w-board: nowrap;
        --flex-o-board-labels: 1
    }

    #coSovereigntyGraph {
        --dp-graph-labels: block;
        --max-w-sovereignty: 480px;
        --top-score-badge: 0;
        --p-score-badge: 1.25rem;
        --m-t-graph-wrapper: 2rem
    }

    .ui-board {
        --dp-board-year: none;
        --flex-j-c-year: flex-end;
        --flex-d-board: row;
        --dp-row-board: flex;
        --p-header-board: 1rem 1rem 1rem 2rem;
        --flex-j-c-header-board: initial
    }

    .ui-board header>div:first-of-type,.ui-board li>div:first-of-type {
        --w-board: calc(40% - 3.75rem)
    }

    .ui-board header>div:not(:first-of-type),.ui-board li>div:not(:first-of-type) {
        --w-board: 20%
    }

    #coScore {
        --flex-d-score: row;
        --m-graph: 0
    }

    .co-scoring ul li {
        width: calc(50% - .625rem)
    }

    #_companyBrands {
        --flex-d-brand: row-reverse
    }

    .ui-wrap[data-mod=company-resume-name] {
        --b-wrap: unset;
        --shadow-wrap: unset;
        --m-t-grp-ua: 0;
        --dp-resume-name: grid;
        grid-template-columns: 50% calc(50% - 1.5rem);
        grid-gap: 1.5rem
    }

    #trackSuggestions {
        --flex-f-suggestions: row wrap
    }

    #trackSuggestions>.ui-wrap {
        flex: 0 0 calc(50% - 0.625rem)
    }

    main .ui-wrap-nav .ui-nav-drop .ui-ia {
        --p-ia: 0.5rem 1rem
    }

    .ColDroite .videoresizer {
        font-size: .8em
    }

    .ColDroite .videoresizer img {
        margin-top: .8em;
        width: 100%
    }

    .ColDroite .videoresizer embed,.ColDroite .videoresizer iframe,.ColDroite .videoresizer object {
        border: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .soCard__title.modif-mdp {
        font-size: 1rem
    }

    .soCard__text {
        font-size: 15px
    }

    .soCard__list {
        margin: 1rem 0
    }

    .soCard__news {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

    .soCard__newsPic {
        width: 100px;
        min-width: 100px;
        margin: .5rem 1rem 1rem 0
    }

    .soCard__newsTitle {
        font-size: 29px
    }

    .soCard__newsText {
        margin: .5rem 0 1rem
    }

    .soCard__miniNews {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        overflow: hidden
    }

    .soCard__articleMini {
        display: flex
    }

    .soCard__infoArticle {
        padding-right: 1rem
    }

    .soCard__infoArticleMini {
        padding: 0 0 .5rem;
        vertical-align: top;
        width: 85%;
        display: table-cell
    }

    .soCard__miniActuContainer {
        flex-direction: row;
        justify-content: space-between;
        align-items: normal
    }

    .soCard__miniActuCard {
        padding: 1rem
    }

    .soCard__miniActuCard:nth-child(odd) {
        margin-right: 1rem
    }

    .soCard__SocPlus a {
        display: block;
        width: 30%
    }

    .soCard.modif-mdp {
        border: 1px solid #d9d9d9;
        padding: 1rem;
        background-color: #fafafa;
        margin-right: 1rem;
        width: 50%
    }

    .soCard.edition.more-padding {
        padding: 2rem 48px
    }

    .soCard.introduceSociety {
        width: 300px;
        padding: 0;
        text-align: justify;
        font-size: 13px
    }

    .soCard.ContJurStats .flex {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .soCard.ContJurStats .flex .ContJurNum {
        flex-direction: column;
        justify-content: flex-start;
        width: 32.5%
    }

    .soCard.ContJurStats .flex .ContJurNum .bottom,.soCard.ContJurStats .flex .ContJurNum .top {
        padding: .75rem
    }

    .soCard.ContJurStats .flex .ContJurNum .top {
        margin-right: 0
    }

    .soCard.ContJurStats .flex .ContJurCharts {
        width: 64.5%;
        height: 270px
    }

    .Stat__progress.main .Stat__range {
        font-size: .875rem
    }

    .Stat__total {
        text-align: center
    }

    .Stat__chartpie,.Stat__chartpie .donut {
        width: 145px
    }

    .Stat__parityBox {
        width: 130px
    }

    .SurvChart__mainContainer {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .SurvChart__mainContainer .left {
        margin-right: 1rem;
        width: 69%
    }

    .SurvChart__mainContainer .right {
        margin-left: 1rem;
        width: 39%
    }

    .SurvPromo__text {
        font-size: 1.25rem
    }

    .SurvPromo__underText {
        font-size: .75rem
    }

    .SurvPromo__keytoolsContainer {
        flex-direction: row;
        margin-top: 1.5rem
    }

    .SurvPromo__keytool:nth-child(2n) {
        background-color: #fff
    }

    .SurvPromo__keytool .CtaButton {
        width: auto
    }

    .SurvPromo__keytool {
        width: 33.3%;
        padding: 14px 0
    }

    .Popup__content {
        width: 535px
    }

    .Popup__headline__picto {
        display: block
    }

    .ui-prm[data-fmt=ban1] {
        margin: 0 auto;
        --w-ban1: 728px;
        --h-ban1: 90px
    }

    .ui-prm[data-fmt=ban2] {
        --w-ban2: 728px
    }

    .ui-prm[data-fmt=ban3],.ui-prm[data-fmt=ban4],.ui-prm[data-fmt=ban5],.ui-prm[data-fmt=ban6] {
        --w-ban-x: 728px
    }

    .dpOnPD {
        display: none
    }

    .dpFromTD,.dpOnTD {
        display: var(--dp-td,unset)
    }
}

@media screen and (min-width: 1000px) {
    .Body {
        padding:0;
        display: table;
        width: 100%;
        direction: rtl
    }

    .mb-16-bp-xl {
        margin-bottom: 1rem
    }

    .width-global,.width-global-big,.width-global-flex,.width-global-xl {
        margin-left: auto;
        margin-right: auto
    }

    .width-global-flex {
        max-width: 62.5em;
        min-width: 1000px
    }

    .width-global-full {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .col-left {
        margin-right: 1rem
    }

    .fs-16-mobile {
        font-size: 1rem
    }

    .hide-mobile-xl {
        display: none
    }

    .show-mobile-xl {
        display: block
    }

    .hide-mobile-inline-xl {
        display: none
    }

    .show-mobile-inline-xl,.switch-mobile-xl {
        display: inline-block
    }

    .Container {
        direction: ltr;
        margin-bottom: 1.5rem;
        padding-right: 1rem
    }

    .Container:first-child {
        width: calc(100% - 319px);
        width: -webkit-calc(100% - 319px)
    }

    .ColDroite {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        flex: 0 0 300px
    }

    .soCard.no-width-cap {
        max-width: 100%
    }

    .soCard__box {
        flex-direction: row
    }

    .soCard.actubloc,.soCard.news {
        display: block
    }

    .soCard.edition {
        max-width: 100%;
        min-width: 728px
    }

    .Stat__container.map {
        margin-top: 6px
    }

    .Stat__parityBox.split {
        width: 30px
    }

    .Popup__content.importFile,.Popup__content.large {
        width: 820px
    }

    .Popup__body.importResult p {
        font-size: .875rem
    }

    .Popup__body.importResult form p {
        margin-left: 41%
    }

    .Popup__body.importResult .header {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .Popup__body.importResult .header .result {
        margin-top: 0;
        margin-left: 26%;
        width: 30%
    }

    .Popup__body.importResult .Form__checkBox.all {
        margin-left: 17%;
        margin-right: 0;
        float: none
    }
}

@media screen and (min-width: 62.5em) {
    .width-global {
        max-width:62.5em
    }
}

@media screen and (min-width: 1010px) {
    .ui-prm[data-fmt=ban1] {
        --w-ban1:970px;
        --h-ban1: 250px
    }
}

@media screen and (min-width: 1040px) {
    .ui-prm[data-fmt=ban1] {
        --w-ban1:1000px;
        --h-ban1: 300px
    }

    .ui-prm[data-fmt=ban2] {
        --h-ban2: 90px
    }

    .ui-prm[data-fmt=ban3],.ui-prm[data-fmt=ban4],.ui-prm[data-fmt=ban5],.ui-prm[data-fmt=ban6] {
        --h-ban-x: 90px
    }
}

@media screen and (min-width: 1060px) {
    .hide-mobile-inline-mq-1060px {
        display:none
    }

    .show-mobile-inline-mq-1060px {
        display: inline-block
    }
}

@media screen and (min-width: 1065px) {
    .width-global-edition {
        margin-left:auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1280px) {
    .hide-mobile-xxl {
        display:none
    }

    .show-mobile-xxl {
        display: block
    }

    .hide-mobile-inline-xxl {
        display: none
    }

    .show-mobile-inline-xxl,.switch-mobile-xxl {
        display: inline-block
    }

    #appNav {
        --p-menu: 1.25rem 1rem;
        display: flex;
        flex: 0 0 auto
    }

    .ui-nav-btn {
        --dp-menu-toggle: none
    }

    #appHeader>header {
        position: relative
    }

    #appHeader {
        padding-top: 0
    }

    #appUserInfos {
        --flex-d-userInfos: row;
        overflow: initial;
        margin-left: unset
    }

    .xNavOn #appHeader:before {
        display: none
    }

    .xNavOn #appHeader>header {
        position: relative;
        flex-direction: row;
        height: inherit;
        gap: 2.5rem
    }

    .xNavOn #appHeader #appNav {
        flex-direction: row
    }

    .xNavOn #appHeader #appNav .ui-menu {
        height: inherit
    }

    .xNavOn #appHeader .ui-logo-ua {
        flex-flow: revert;
        width: auto;
        padding-right: 0
    }

    .xNavOn #appHeader #appUserInfos {
        display: flex
    }

    .xNavOn #appHeader .uiSections {
        display: inline-flex;
        height: inherit
    }

    #appSearch {
        --m-l-app-search: 0;
        --w-app-search: 25rem
    }

    #appFinder {
        --b-finder: 1px solid #c4c4c4;
        --w-app-finder: 25rem;
        --p-finder: 0 1rem 0 3rem
    }

    .ui-finder>.ic-search {
        top: unset;
        left: var(--left-ic-search,1rem);
        translate: 0 0
    }

    #serpOptions {
        margin-left: 3.25rem
    }

    #serpOptions .ui-content.ui-wrap {
        top: calc(100% + .5rem);
        max-width: 15rem
    }

    #appAgentPrompt {
        --flex-o-suggestions: -1
    }

    body[data-app=home] .ui-announcement-banner {
        max-width: unset
    }

    .ui-dbox[data-box-type=float].xFloatOn:before {
        transform: translateX(-100%);
        opacity: 0
    }

    .ui-dbox[data-box-type=float] {
        --p-t-dbx-content: 1rem;
        --p-b-dbx-content: 1rem
    }

    .ui-dbox-item .ui-wrap {
        position: absolute;
        width: unset;
        bottom: unset;
        left: unset;
        box-shadow: 0 2px 1px rgba(0,0,0,.16);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        z-index: 3
    }

    .ui-dbox-item .ui-wrap[data-box-pos^=tp] {
        bottom: calc(100% + 4px)
    }

    .ui-dbox-item .ui-wrap[data-box-pos^=bt] {
        top: calc(100% + 4px)
    }

    .ui-dbox-item .ui-wrap[data-box-pos$=r] {
        right: 0
    }

    .ui-dbox-item .ui-wrap[data-box-pos$=c] {
        left: 50%;
        translate: -50% 0
    }

    .ui-dbox-btn.isIconicOnMD {
        width: 100%;
        height: auto;
        padding: var(--p-dbx-btn,.75rem 2rem .75rem .5rem);
        font-size: unset;
        justify-content: unset
    }

    .ui-dbox-btn.isIconicOnMD .ui-label {
        display: inline-flex;
        align-items: center;
        font-size: var(--f-s-dbx-text,1rem);
        font-weight: var(--f-w-dbx-title,400);
        line-height: var(--l-h-dbx-text,1.5rem)
    }

    .ui-dbox-btn.isIconicOnMD .ui-icon {
        display: initial
    }

    .ui-dbox-btn.isIconicOnMD [class^=ic-] {
        display: none
    }

    [data-mod=connect-modale] .modalConnect {
        max-width: 340px;
        margin: 0 100px
    }

    [data-mod=connect-modale] .modalConnect .modalConnect-form {
        --b-form: 1px solid #babfd6
    }

    #appDialog {
        top: 0;
        border: 1px solid #babfd6;
        min-width: var(--min-w-dialog,auto);
        max-width: min(100% - 2.5rem,var(--max-w-dialog,48rem));
        max-height: 85dvh;
        opacity: 0;
        translate: 0 0;
        scale: 0;
        box-shadow: 0 2px 1px rgba(0,0,0,.161)
    }

    #appDialog.showing {
        translate: 0;
        scale: 1;
        opacity: 1
    }

    #appDialog.hiding {
        translate: 0;
        scale: 0;
        opacity: 0
    }

    #appDialog[data-type=agentIA] {
        width: 480px;
        border-radius: 24px
    }

    #appDialog[data-type=docFinder] {
        width: 768px;
        border-radius: .5rem
    }

    #appDialog[data-type=upload] {
        width: 432px;
        border-radius: .5rem
    }

    #appDialog[data-type=auth] {
        --p-dialog: 2.5rem 6rem
    }

    .soMobileCart,.soMobileCart.isFull {
        display: none
    }

    .soDesktopCart__around {
        display: block
    }

    .soDesktopCart .soCart__title .close {
        display: none
    }

    .HeaderError {
        padding: 0 25px
    }

    .HeaderError__around {
        padding: 45px 0 35px
    }

    .HeaderError__logo .logo {
        width: 155px
    }

    .ContentError__search {
        margin-top: 75px
    }

    .BodyError__Around.error-404 {
        background-position: bottom -93px center;
        background-size: 870px
    }

    .BodyError__Around.error-403 {
        background: url(https://imgng.societe.com/img/error403_bg_big.svg) no-repeat;
        background-position: bottom -377px center;
        background-size: 625px
    }

    .ContentError-410 .max-width-1000 {
        background-size: 300px;
        padding: 287px 0 62px
    }

    .ui-toast {
        --anim-toast: toastRight
    }

    #appFooter section {
        flex-direction: row;
        gap: 90px
    }

    #appFooter .ui-nav section>ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex: 1 0 auto
    }

    #appFooter .ui-nav section>ul>li {
        flex-basis: 288px;
        margin-top: unset
    }

    #appFooter .ui-nav .ui-socials {
        flex-direction: column
    }

    #appFooter .ui-legals section {
        flex-direction: row;
        justify-content: space-between
    }

    [data-fa] main[data-mod=company] .co-content {
        --dp-content: grid;
        --dp-aside: block;
        --col-gap-board: 2rem;
        grid-template-columns: 1fr 300px;
        grid-gap: var(--spacing-company,1.25rem)
    }

    [data-fa] main[data-mod=company] .co-content #coAdsHalfPage {
        position: sticky;
        top: 152px;
        display: flex;
        flex-direction: column;
        gap: 1.25rem
    }

    main[data-mod=company] .ui-wrap-grp {
        grid-template-columns: repeat(2,1fr)
    }

    main[data-mod=company] {
        --spacing-company: 2rem;
        --white-s-status: nowrap;
        --p-wrap: 2rem
    }

    .co-nav-index {
        --flex-d-nav-index: row;
        --flex-nav-index-elm: 0 1 33.33%
    }

    .co-data {
        --spacing-company: 2rem
    }

    article[data-mod=company-commercial] {
        --flex-label: 0 0 15rem;
        --flex-label-span: 0 1 calc(100% - 16rem)
    }

    article[data-mod=company-synthesis] .co-managers {
        --flex-d-managers: row;
        --gap-managers: 2.5rem
    }

    #coCarbon .cg-scope {
        --p-scope: 1.25rem;
        --flex-d-scope: row;
        --dp-scope-li: block;
        --w-scope-li: 13.75rem;
        --m-t-scope-score: 0.75rem;
        --dp-scope-score: inline
    }

    #appDialog[data-type=payLoad] {
        --max-w-dialog: 33.75rem
    }

    .ui-wrap[data-mod=company-resume-name] header h1 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 2.5rem
    }

    .ui-wrap[data-mod=company-resume-name] {
        --flex-d-grp-ua: row-reverse;
        --flex-j-c-grp-ua: flex-start;
        --flex-j-c-follow: flex-end
    }

    .ui-wrap[data-mod=company-resume-name] .ui-toolbar {
        align-self: center
    }

    .ui-wrap[data-mod=company-resume-name] .ui-toolbar .ui-grp-ua.has-Abt {
        --flex-d-grp-ua: row-reverse
    }

    .ui-wrap[data-mod=company-resume-name] .ui-toolbar .ui-grp-ua.has-Abt .ui-abt>:disabled {
        padding: .75rem 0
    }

    .ui-wrap[data-mod=company-resume-name] .ui-bounds {
        flex: 1 0 auto
    }

    .co-resume {
        --flex-d-grp-ua: row;
        --flex-j-c-grp-ua: flex-end;
        --flex-j-c-follow: flex-end
    }

    .co-resume dl {
        display: grid;
        grid-template-columns: 20% repeat(2,calc(40% - 1.5rem));
        grid-template-rows: repeat(3,auto);
        grid-auto-flow: column;
        grid-gap: 1.5rem
    }

    .co-resume dl>div {
        margin-top: 0;
        flex: 1
    }

    .co-resume .ui-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: end
    }

    .co-resume .ui-bounds {
        flex: 1 0 auto
    }

    #trackSuggestions {
        --flex-f-suggestions: row wrap
    }

    #trackSuggestions>.ui-wrap {
        flex: 0 0 calc(33.33333% - 0.83333rem)
    }

    .soCtaButton__around.start-end {
        justify-content: flex-end
    }

    .ui-prm[data-fmt^=mpu] {
        --dp-prm: flex;
        justify-content: center;
        align-items: center
    }

    .dpOnMD,.dpOnTD {
        display: none
    }

    .dpFromLD,.dpOnLD {
        display: var(--dp-ld,unset)
    }
}

@media screen and (min-width: 1534px) {
    .ContentError__description {
        max-height:220px;
        max-width: 665px;
        overflow: hidden
    }

    .ContentError__description div.description-number {
        height: 150px
    }

    .ContentError__description .text {
        font-size: 22px
    }

    .ContentError__description .text-number {
        font-size: 147px
    }

    .ContentError__description .text-sorry {
        font-size: 34px
    }

    .ContentError__description .text-contexte {
        font-size: 27px
    }

    .ContentError__search .search-text p:first-of-type {
        font-size: 20px
    }

    .ContentError__search .search-text p:last-of-type {
        font-size: 18px
    }

    .BodyError__Around.error-404 {
        background-position: bottom -175px center;
        background-size: 1135px
    }

    .ContentError__description .text-number span:first-of-type.error-404:after {
        height: 116px;
        width: 75px
    }

    .BodyError__Around.error-403 {
        background-position: bottom -390px center;
        background-size: 655px
    }

    .ContentError__description .text-number span:first-of-type.error-403 {
        margin-right: 97px
    }

    .ContentError__description .text-number span:first-of-type.error-403:after {
        height: 105px;
        left: 86px;
        top: 50px;
        width: 94px
    }

    .ContentError-410 .max-width-1000 {
        background-position: 100%;
        background-size: 400px;
        padding: 102px 530px 62px 0
    }

    .ContentError-410 .max-width-1000 .ContentError-410__text {
        padding: 0
    }

    .dpOnLD,.dpToLD {
        display: none
    }

    .dpFromDD,.dpOnDD {
        display: var(--dp-dd,unset)
    }
}

@media screen and (min-width: 1600px) {
    .SurvPromo__icoTotalText {
        font-size:22px
    }

    .SurvPromo__text {
        font-size: 26px
    }

    .SurvPromo__underText {
        font-size: .875rem
    }
}

@media screen and (min-width: 1740px) {
    .hide-mobile-inline-mq-1740px {
        display:none
    }

    .show-mobile-inline-mq-1740px {
        display: inline-block
    }
}

@media screen and (min-width: 1920px) {
    .BodyError__Around.error-404 {
        background-position:bottom -215px center;
        background-size: 1235px
    }

    .ContentError-410 .max-width-1000 {
        background: none;
        padding: 102px 430px 62px 0;
        position: relative
    }

    .ContentError-410 .max-width-1000:after {
        background: url(https://imgng.societe.com/img/error410_bg.svg) 0 0 no-repeat;
        background-size: 500px;
        content: "";
        height: 412px;
        position: absolute;
        right: -165px;
        top: 122px;
        width: 550px
    }

    .ContentError-410 .max-width-1000 .ContentError-410__text p {
        font-size: 52px
    }

    .ContentError-410 .max-width-1000 .ContentError-410__text p:first-of-type {
        font-size: 16px
    }

    .ContentError-410 .max-width-1000 .ContentError-410__text p:last-of-type {
        font-size: 24px
    }

    .dpOnDD,.dpToDD {
        display: none
    }

    .dpFromHD,.dpOnHD {
        display: var(--dp-hd,unset)
    }
}

@media screen and (max-width: 1279px) {
    :not(.xNavOn) #appNav {
        animation:fadeIn .3s ease-in forwards;
        opacity: 0
    }

    .xNavOn {
        --body-overflow: hidden
    }

    .xNavOn #appNav {
        gap: 1rem;
        background-color: #fff;
        opacity: 1
    }

    .xNavOn #appNav .ui-menu li,.xNavOn #appNav .ui-menu>li {
        padding: 0
    }

    .xNavOn #appNav .ui-menu>li>a {
        font-size: 1.25rem;
        padding: 1rem
    }

    .xNavOn #appNav .ui-menu>li>a:hover {
        background-color: #f2f9fd
    }

    .xNavOn #appNav .ui-menu>li ul {
        width: auto
    }

    .xNavOn #appNav .ui-menu li a,.xNavOn #appNav .ui-menu>li a {
        min-width: unset;
        border-radius: 625rem
    }

    .xNavOn li.ui-dbox-item {
        --f-s-dbx-text: 1.25rem
    }

    .xNavOn li.ui-dbox-item button {
        padding: 1rem;
        pointer-events: none
    }

    .xNavOn li.ui-dbox-item button>.ui-icon {
        display: none
    }

    .xNavOn li.ui-dbox-item .ui-content {
        position: relative;
        display: flex;
        bottom: unset;
        top: unset;
        border: none;
        height: auto;
        max-height: unset;
        min-height: unset;
        min-width: unset;
        opacity: unset
    }

    .xNavOn .ui-dbox-item .ui-wrap.ui-content {
        border-radius: 0;
        box-shadow: none
    }

    #appFinder input {
        color: var(--c-q);
        opacity: 0
    }

    #appFinder:hover {
        background-color: #ebf2ff
    }

    #appFinder:hover input {
        cursor: pointer
    }

    body:not(.xFindOn) {
        --dp-finder-tools: none
    }
}

@media screen and (max-height: 736px) {
    .BodyError .BodyError__Around,.BodyError__Around.error-404 {
        background:none
    }
}

@media screen and (max-width: 535px) {
    .BodyError__Around.error-404 {
        background-position:bottom -67px center
    }
}

@media screen and (max-width: 480px) {
    .ui-finder-fs .ui-drw-panel {
        padding-bottom:var(--h-adv-mb,0)
    }
}

@media (prefers-reduced-motion:reduce) {
    .Body__Around.smooth-effect {
        scroll-behavior: auto
    }

    .ui-tooltip {
        transition: none
    }
}
so-modal footer {
    padding: 20px
}

:root {
    --so-primary-color: #005eff
}

.ResultSearch__result .ResultBloc__link__content:after {
    font-size: 24px!important
}

.ResultSearch__result .ResultBloc__link {
    padding: 20px!important
}

so-follow-add-list {
    width: 100%
}

.ContentCompte #page .soCard {
    overflow: visible
}

h1.soTitleFollow {
    font-family: roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    text-align: left;
    color: #000e47;
    border-bottom: 1px solid #babfd6;
    padding-bottom: 9px;
    margin-bottom: 12px;
    text-transform: none
}

.soLink:hover {
    text-decoration: inherit!important
}

.CompanyIdentity.ficheSociete .CompanyIdentity__content .CompanyIdentity__cta .cta.first {
    margin-right: .5rem
}

.CtaButton {
    height: 43px
}

@media screen and (min-width: 480px) {
    .CompanyIdentityDirigeant .CompanyIdentity__cta.dirigeant {
        width:350px
    }
}

#identitelien .cta_container {
    max-height: 36px;
    gap: 8px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start
}

.CompanyIdentityDirigeant .CompanyIdentity__cta.dirigeant .cta {
    margin: 0!important;
    width: auto!important
}

.CompanyIdentity__content .CompanyIdentity__cta {
    justify-content: flex-start!important
}

.ResultSearch__result .ResultBloc__link:first-of-type {
    border-top: 1px solid #d9d9d9!important
}

.FicheIdentiteFloatable__Actions .cta {
    margin-top: 0!important
}

.FicheIdentiteFloatable__Actions .cta .CtaButton {
    border-radius: 6px!important
}

#search-surveillance-results {
    flex-flow: row wrap;
    gap: 1em;
    width: 100%
}

.soFollowAddListContainer {
    width: 100%;
    display: block
}

[class*=soButton] .material-icons {
    font-size: 24px
}

[class*=soButton] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    height: 48px;
    padding: 0 16px;
    color: var(--so-primary-color);
    background-color: transparent;
    white-space: nowrap
}

.soButton:hover:not(.soButtonPrimary),.soButtonPrimaryOutline:hover {
    background-color: #f2f9fd
}

.soButtonPrimary:hover {
    background-color: #0071ff
}

.soButtonPrimary {
    background-color: var(--so-primary-color);
    color: #fff
}

.soButtonPrimaryOutline {
    color: var(--so-primary-color);
    border: 1px solid var(--so-primary-color);
    background-color: #fff
}

.soButtonPrimaryOutline.selected {
    background: #e1f3ff
}

.soButtonPrimaryOutline.disabled {
    border: 1px solid #55555560;
    color: #55555560;
    background: transparent;
    cursor: not-allowed
}

.dropdownContainer .content.visible {
    display: block
}

.dropdownContainer .content {
    z-index: 1112;
    background: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #babfd6;
    top: 52px;
    right: 0;
    text-align: left;
    transition: transform .5s;
    display: none
}

.dropdown-ul {
    margin: 0;
    padding: 10px;
    list-style: none
}

.dropdown-ul li span {
    display: inline-block;
    margin-right: 7px
}

.dropdown-ul li:last-child {
    margin-bottom: 0
}

.dropdown-ul li {
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 8px 0;
    margin-bottom: 20px
}

.dropdown-ul li:hover {
    color: #005eff;
    background: #f2f9fd;
    font-weight: 700
}

.uiPanelHandle {
    margin-bottom: 20px;
    display: none
}

.uiPanelHandle:before {
    position: absolute;
    display: none;
    top: 1.5rem;
    left: calc(50% - 2.5rem);
    width: 5rem;
    height: .1875rem;
    background-color: #babfd6;
    transform: inherit;
    content: ""
}

.dropdownContainer .content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.dropdownContainer .content {
    min-width: 286px;
    position: absolute
}

@media (max-width: 768px) {
    .uiPanelHandle,.uiPanelHandle:before {
        display:block
    }

    .dropdownContainer .content.visible {
        transform: translateY(-100%)
    }

    .dropdownContainer .content {
        display: block;
        top: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        width: auto;
        margin-left: 0;
        min-height: 30vh;
        box-shadow: 6px 5px 20px #00000050
    }

    .background {
        background: #00000040
    }
}

.trigger {
    font-size: 24px;
    cursor: pointer
}

.dropdownContainer .triggerContainer.triggerActive {
    background: #d9d9d9
}

.dropdownContainer {
    position: relative
}

.dropdownContainer .triggerContainer {
    border-radius: 100%;
    padding: 10px 12px;
    z-index: 1
}

.soIcon {
    font-family: soIcons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 150%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.soIcon.soIconSmall {
    font-size: 1rem
}

.soIcon.cursor-pointer {
    cursor: pointer
}

.ic-account-circle:before {
    content: "\e853"
}

.ic-info-circle:before {
    content: "\e88e"
}

.ic-check-circle:before {
    content: "\e86c"
}

.ic-error:before {
    content: "\e000"
}

.ic-exit:before {
    content: "\e5cd"
}

.ic-notifications:before {
    content: "\e7f4"
}

.ic-notifications-off:before {
    content: "\e7f6"
}

.ic-more-v:before {
    content: "\e5d4"
}

.ic-sort:before {
    content: "\e164"
}

.ic-serp:before {
    content: "\e241"
}

.ic-flag:before {
    content: "\e153"
}

.ic-list-add:before {
    content: "\e03b"
}

.ic-list-remove:before {
    content: "\eb80"
}

.ic-notifications-filled:before {
    content: "\e7f4";
    font-weight: 1000
}

.ic-edit:before {
    content: "\e3c9"
}

.ic-delete:before {
    content: "\e872"
}

.ic-arrow-lt:before {
    content: "\e5cb"
}

body {
    --cgaDflt: #000e47;
    --cgaA: #005eff;
    --cgaAH: #0071ff;
    --cgaAA: #0086ff;
    --cgaOK: #067f43;
    --cgaKO: #ce0031;
    --cgaWarn: #e08300;
    --cgaBgDflt: #fafdff;
    --cgaFaded: #646e9f;
    --cgaIsPp: #7b4cfb;
    --cgaIsUbo: #031ae2;
    --cgaDay: #45518c;
    --background: #005eff;
    --border: var(--background);
    --active: #fff
}

.soInputContainer {
    position: relative
}

.soInputContainer * {
    box-sizing: border-box
}

.soInputContainer input.w-full {
    width: 100%
}

.soInputContainer input {
    font-family: roboto;
    border: 1px solid #596395;
    padding: 10px 10px 10px 17px;
    background: #fff;
    border-radius: 6px;
    color: #000e47;
    line-height: 24px;
    font-size: 16px
}

.soInputContainer label {
    font-size: 12px;
    line-height: 16px;
    background: #fff;
    margin-top: -20px;
    color: #596395;
    position: absolute;
    top: 8px;
    left: 10px;
    padding: 3px
}

.soInputContainer .soIcon {
    border: none;
    background: #babfd6;
    border-radius: 100%;
    display: block;
    padding: .05rem;
    color: #fff;
    right: 12px;
    top: 1rem;
    position: absolute;
    font-size: 12px;
    cursor: pointer
}

a {
    color: inherit;
    text-decoration: inherit
}

.soLink,.soLinkPrimary {
    --color-text-base: #005eff;
    --color-text-hover: #0086ff;
    cursor: pointer
}

.soLink:not(.xDisabled),.soLinkPrimary:not(.xDisabled),.soLinkSecondary:not(.xDisabled) {
    transition: color .3s
}

.soLinkSecondary {
    --color-text-hover: #24357b
}

.soLink {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--color-text-base);
    font-weight: 500
}

.soLink:focus-visible:not(.xDisabled),.soLink:hover:not(.xDisabled) {
    color: var(--color-text-hover)
}

.soLink:hover:not(.xDisabled)>.soLinkLabel:after {
    width: 100%
}

.soLink.isMedium {
    font-size: .875rem
}

.soLink.isSmall {
    font-size: .75rem
}

.soLink>.soIcon {
    font-size: 150%
}

.soLinkLabel:not(.xDisabled) {
    position: relative
}

.soLinkLabel:not(.xDisabled):after {
    position: absolute;
    top: 100%;
    display: block;
    height: .0625rem;
    width: 0;
    background-color: var(--color-text-hover);
    transition-property: width;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-delay: .1s;
    content: "";
    transition-duration: .3s
}

.soLinkPrimary,.soLinkSecondary {
    text-decoration: underline;
    color: var(--color-text-base,inherit)
}

.soLinkPrimary:focus:not(.xDisabled),.soLinkPrimary:hover:not(.xDisabled),.soLinkSecondary:focus:not(.xDisabled),.soLinkSecondary:hover:not(.xDisabled) {
    color: var(--color-text-hover)
}

[class*=soLink].xDisabled {
    pointer-events: none;
    color: rgba(85,85,85,.6)
}

.background {
    position: fixed;
    z-index: 999;
    background: #00000050;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal {
    position: fixed;
    z-index: 1112;
    background: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: roboto;
    display: block
}

.modal:not(.sticky) {
    top: 20vh;
    max-height: 60vh;
    width: 600px;
    left: calc(50% - 300px)
}

.modal.border {
    border: 1px solid silver
}

.modal-content,.modal-footer,.modal-header {
    padding: 20px
}

.modal-footer,.modal-header {
    max-height: 5vh
}

.modal-content.withoutFooter {
    max-height: 95vh!important
}

.modal-content {
    flex: auto;
    position: relative;
    overflow: auto;
    max-height: 90vh
}

.modal.hidden {
    display: none
}

.modal.visible {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.modal.fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal.sticky-top {
    left: 0;
    max-height: 50vh;
    overflow: scroll;
    width: 100%
}

.modal.sticky-right,.modal.sticky-top {
    top: 0;
    box-shadow: 0 2px 2px 0 #00000030
}

.modal.sticky-right {
    transition: transform .5s;
    left: 100%;
    bottom: 0;
    width: 360px;
    right: 0;
    border-radius: 0
}

.modal.sticky-right.visible {
    transform: translateX(-100%)
}

.close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px
}

.fullscreen .modal-title {
    display: block;
    border-bottom: 1px solid #babfd6;
    padding-bottom: 4px
}

.modal-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: inline-block;
    margin: 20px 20px 0;
    padding: 4px 36px 4px 4px;
    display: flex;
    align-items: center
}

.sticky .modal-title {
    border-bottom: 1px solid #babfd6
}

@media (max-width: 768px) {
    .modal.sticky-right {
        top:100%;
        bottom: 0;
        right: 0;
        height: 100%;
        left: 0;
        width: 100%;
        max-width: 100%;
        box-shadow: 0 -2px 2px 0 #00000030
    }

    .modal.sticky-right.visible,.modal:not(.sticky).visible {
        transform: translateY(-100%)
    }

    .modal:not(.sticky) {
        transition: transform .5s;
        top: 100%;
        bottom: 0;
        max-height: 65vh;
        min-height: 35vh;
        overflow: scroll;
        left: 0;
        width: 100%;
        box-shadow: 0 -2px 2px 0 #00000030
    }
}

.soSelectContainer {
    position: relative;
    font-family: roboto;
    border: 1px solid #596395;
    padding: 0;
    background: #fff;
    border-radius: 6px;
    color: #000e47;
    line-height: 24px;
    min-height: 44px;
    font-size: 16px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .soSelectContainer ::slotted(select) {
        padding:0 0 10px 10px!important
    }
}

.soSelectContainer ::slotted(select:focus),.soSelectContainer:hover legend {
    color: #005eff
}

.soSelectContainer:hover {
    border: 1px solid #005eff
}

.soSelectContainer ::slotted(select) {
    font-family: roboto;
    border: none;
    background: #fff;
    border-radius: 6px;
    padding: 0 0 10px 10px;
    color: #000e47;
    width: calc(100% - 20px);
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    cursor: pointer;
    outline: none
}

.soSelectContainer legend {
    font-size: 12px;
    line-height: 16px;
    margin-left: 12px;
    color: #596395
}

.so-tag {
    font-family: roboto;
    border-radius: 6px;
    margin: 0;
    display: inline-block;
    gap: 8px
}

.so-tag--label {
    font-weight: 500;
    color: #000e47;
    font-size: 16px;
    line-height: 24px
}

.so-tag--pin {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 6px
}

.so-tag-checkbox {
    margin-left: 5em;
    line-height: 1
}

.so-tag--small {
    font-size: .75em
}

Regular-webfont .so-tag--medium {
    font-size: 1em
}

.so-tag--large {
    font-size: 1.4em
}

.so-tag-primary-outline span {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0;
    text-align: center
}

.so-tag-primary-outline {
    border: 1px solid #005eff;
    background-color: #e1f3ff;
    border-radius: 30px;
    color: #005eff;
    padding: 1px 12px;
    display: flex
}

.so-tag--default.so-tag-with-bg {
    background: silver
}

.so-tag--blue.so-tag-with-bg {
    background: #77e5f9
}

.so-tag--red.so-tag-with-bg {
    background: #e96979
}

.so-tag--green.so-tag-with-bg {
    background: #71c992
}

.so-tag--yellow.so-tag-with-bg {
    background: #ffcc85
}

.so-tag--purple.so-tag-with-bg {
    background: #976ffc
}

.so-tag--default .so-tag--pin {
    background: #5e5e5e
}

.so-tag--blue .so-tag--pin {
    background: #77e5f9
}

.so-tag--red .so-tag--pin {
    background: #e96979
}

.so-tag--green .so-tag--pin {
    background: #71c992
}

.so-tag--yellow .so-tag--pin {
    background: #ffcc85
}

.so-tag--purple .so-tag--pin {
    background: #976ffc
}

@media (max-width: 768px) {
    so-follow-card {
        width:100%
    }
}

@media (min-width: 768px) {
    so-follow-card {
        flex-basis:calc(50% - 0.5em)
    }
}

so-follow-card.hide {
    display: none;
    position: absolute;
    left: -100%
}

.so-follow-card {
    position: relative
}

.so-follow-card.hide {
    display: none;
    position: absolute;
    left: -100%
}

.so-follow-card-header {
    display: flex;
    justify-content: space-between;
    position: relative
}

.so-follow-card-footer {
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.so-follow-card-footer-actions {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px
}

.label-count-elements {
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #1e2f73
}

.btnManageAlert {
    margin: 36px 0 12px
}

@media (max-width: 650px) {
    .actionContainer {
        display:none
    }

    .actionContainer:has(so-dropdown) {
        display: block
    }

    .actionContainer>so-dropdown>button.soButtonPrimaryOutline {
        width: 100%
    }

    .actionContainer>so-dropdown {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        background: #fff;
        box-shadow: 0 -2px 1px 0 #00000040;
        z-index: 1
    }

    .so-follow-card-header {
        width: 100%
    }

    .so-follow-card.followCardDetail .actionContainer so-dropdown {
        right: 0!important;
        left: 0!important;
        background: #fff!important
    }

    .so-follow-card.followCardDetail so-dropdown {
        right: 0!important;
        left: auto!important
    }
}

@media (min-width: 651px) {
    .so-follow-card-header {
        width:340px;
        max-width: 50%
    }

    .btnManageAlert {
        position: absolute;
        margin: 0;
        top: 20px;
        right: 20px
    }

    .actionContainer {
        width: 50%;
        margin: -10px;
        font-size: 16px
    }

    .actionContainer>button {
        float: right;
        margin: 3px 10px 0 0
    }

    .actionContainer .soButtonPrimaryOutline:not(.disabled) {
        margin: -10px -12px;
        float: right
    }

    .so-follow-card.followCardDetail .actionContainer so-dropdown {
        right: 20px;
        left: auto
    }

    .so-follow-card.followCardDetail so-dropdown {
        right: auto;
        left: 330px
    }
}

.headerFollowList input {
    margin-right: 16px
}

.headerFollowList {
    padding: 20px;
    background-color: #f4f4fa;
    border: 1px solid #babfd6;
    border-radius: 6px 6px 0 0;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    position: relative
}

.actionContainer .soButtonPrimaryOutline {
    font-size: 16px
}

.labelAlertState {
    font-family: roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    color: #45518c;
    margin-top: 4px
}

.contentEmptyList span {
    font-weight: 500;
    display: block;
    margin: 0 auto 24px
}

.contentEmptyList,.contentEmptyList span {
    font-family: roboto;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center
}

.contentEmptyList {
    font-weight: 400;
    display: flex;
    flex-direction: column;
    color: #45518c;
    padding: 20px
}

.contentEmptyList .soIcon {
    font-size: 60px;
    color: #ae6500;
    margin: 20px auto;
    background: #fff7eb;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    line-height: 100px
}

.switchSelectAll {
    cursor: pointer;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left
}

.cardItemsContainer {
    padding: 20px;
    border-left: 1px solid #babfd6;
    border-right: 1px solid #babfd6;
    border-bottom: 1px solid #babfd6
}

.so-follow-card so-dropdown {
    right: 20px;
    background: transparent!important
}

so-dropdown {
    position: absolute;
    right: 20px;
    background: #fff;
    top: 13px
}

.showCardList .so-follow-card-header {
    width: 100%!important;
    max-width: 100%!important
}

.followCardDetail::part(so-tag--label) {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.btnCancelRemove,.btnCancelToast,.btnConfirmToast {
    display: block;
    text-align: right;
    margin-top: 8px
}

so-modal-login {
    display: none
}

.SoFollowAddList {
    height: 68px;
    margin-bottom: 0!important
}

.linkCreateList {
    font-size: 16px;
    background: transparent;
    border: none
}