File size: 4,142 Bytes
fbe0b46
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
/* Import des polices Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap');

/* Styles globaux */
html, body, [class*="css"] {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #333333;
}

/* Entêtes */
h1, h2, h3, h4, h5, h6, .stTitle {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #1E1E1E !important;
    letter-spacing: -0.01em;
}

/* Titre principal spécifique */
h1, .stTitle > h1 {
    font-weight: 700 !important;
    font-size: 2.2rem !important;
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 1.8rem !important;
    margin-top: 1.5rem !important;
}

h3 {
    font-size: 1.5rem !important;
}

/* Texte normal */
p, span, li, div:not(.stTitle):not(.stAlert) {
    font-family: 'Lato', sans-serif !important;
    font-size: 1rem;
    line-height: 1.6;
}

/* Boutons et widgets */
button, .stButton>button, .stSelectbox, .stMultiselect, .stSlider {
    font-family: 'Lato', sans-serif !important;
}

/* Métriques */
.css-1wivap2, [data-testid="stMetricValue"] {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    background-color: rgba(79, 139, 249, 0.1);
    border-radius: 10px;
    padding: 10px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Label des métriques */
[data-testid="stMetricLabel"] {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}

/* Sidebar */
.sidebar .sidebar-content {
    font-family: 'Lato', sans-serif !important;
}

/* En-têtes de la sidebar */
.sidebar .sidebar-content h1,
.sidebar .sidebar-content h2,
.sidebar .sidebar-content h3 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
}

/* Accordéons */
.streamlit-expanderHeader {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #4F8BF9 !important;
}

/* Badges */
.stAlert {
    border-radius: 8px;
    font-family: 'Lato', sans-serif !important;
}

/* Cartes d'information */
div[data-testid="stDecoration"] {
    background-image: linear-gradient(90deg, #4F8BF9, #1EAEDB);
}

/* Personnalisation des widgets de la sidebar */
.css-1adrfps {
    padding-top: 2rem;
}

/* Labels des widgets */
label, .stRadio label, .stCheckbox label {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

/* Tableaux - styles améliorés et spécifiques */
.stDataFrame {
    border-radius: 8px;
    overflow: hidden;
}

/* Sélecteurs spécifiques pour les tableaux et DataFrames */
.stDataFrame table,
div[data-testid="stTable"] table,
[data-testid="stDataFrame"] table,
.dataframe {
    font-family: 'Lato', sans-serif !important;
}

/* En-têtes de tableaux */
.stDataFrame th,
div[data-testid="stTable"] th,
[data-testid="stDataFrame"] th,
.dataframe th,
thead tr th,
table thead th,
table tr th {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    background-color: #f0f2f6 !important;
    font-size: 0.9rem !important;
}

/* Cellules de données de tableaux */
.stDataFrame td,
div[data-testid="stTable"] td,
[data-testid="stDataFrame"] td,
.dataframe td,
table tbody td,
table tr td {
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9rem !important;
}

/* Style spécifique pour le contenu des cellules */
.stDataFrame td div,
div[data-testid="stTable"] td div,
[data-testid="stDataFrame"] td div,
.dataframe td div {
    font-family: 'Lato', sans-serif !important;
}

/* Bloc de code */
code {
    font-family: 'Courier New', monospace !important;
}

/* Sélecteurs pour les tableaux dans les sections de widgets (multiselect, etc.) */
.stMultiSelect td, .stMultiSelect th,
[data-baseweb="table"] td, [data-baseweb="table"] th {
    font-family: 'Lato', sans-serif !important;
}

/* Style spécifique pour les valeurs dans les cellules */
td [data-testid*="StyledDataFrameDataCell"],
div[data-testid*="column-header"] {
    font-family: 'Lato', sans-serif !important;
}