Subversion Repositories eFlore/Applications.coel

Rev

Rev 1860 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1860 Rev 1878
1
/** Les CSS de l'application COEL */
1
/** Les CSS de l'application COEL */
2
*{
2
*{
3
	margin:0;
3
	margin:0;
4
	padding:0;}
4
	padding:0;}
5
/* #------------------------------------------------------------------------------------------------------#	*/
5
/* #------------------------------------------------------------------------------------------------------#	*/
6
/* 												CHARGEMENT APPLICATION										*/
6
/* 												CHARGEMENT APPLICATION										*/
7
/* #------------------------------------------------------------------------------------------------------#	*/
7
/* #------------------------------------------------------------------------------------------------------#	*/
8
#loading{
8
#loading{
9
	position:absolute;
9
	position:absolute;
10
	left:45%;
10
	left:45%;
11
	top:40%;
11
	top:40%;
12
	margin-left:-45px;
12
	margin-left:-45px;
13
	padding:2px;
13
	padding:2px;
14
	z-index:20001;
14
	z-index:20001;
15
	height:auto;
15
	height:auto;
16
	border:1px solid #ccc;
16
	border:1px solid #ccc;
17
	width:400px;}
17
	width:400px;}
18
#loading a{
18
#loading a{
19
	color:#225588;}
19
	color:#225588;}
20
#loading .loading-indicator{
20
#loading .loading-indicator{
21
	background:white;
21
	background:white;
22
	color:#444;
22
	color:#444;
23
	font:bold 13px tahoma, arial, helvetica;
23
	font:bold 13px tahoma, arial, helvetica;
24
	padding:10px;
24
	padding:10px;
25
	margin:0;
25
	margin:0;
26
	height:auto;}
26
	height:auto;}
27
#loading .loading-indicator img{
27
#loading .loading-indicator img{
28
	margin-right:8px;
28
	margin-right:8px;
29
	float:left;
29
	float:left;
30
	vertical-align:top;}
30
	vertical-align:top;}
31
#loading-msg{
31
#loading-msg{
32
	font:normal 10px arial, tahoma, sans-serif;}
32
	font:normal 10px arial, tahoma, sans-serif;}
33
/* #------------------------------------------------------------------------------------------------------#	*/
33
/* #------------------------------------------------------------------------------------------------------#	*/
34
/*												GÉNÉRAL														*/
34
/*												GÉNÉRAL														*/
35
/* #------------------------------------------------------------------------------------------------------#	*/
35
/* #------------------------------------------------------------------------------------------------------#	*/
36
.attention{
36
.attention{
37
	font:bold 14px;
37
	font:bold 14px;
38
	color:red;}
38
	color:red;}
39
.coel-label{
39
.coel-label{
40
	font-weight:bold;
40
	font-weight:bold;
41
	line-height:18px;}
41
	line-height:18px;}
42
.coel-fieldset{
42
.coel-fieldset{
43
	float:left;
43
	float:left;
44
	padding:5px;
44
	padding:5px;
45
	width:45%;}
45
	width:45%;}
46
.coel-clear{
46
.coel-clear{
47
	clear:both;
47
	clear:both;
48
	line-height:0;
48
	line-height:0;
49
	border:none;
49
	border:none;
50
	width:0;/*Pour IE*/}
50
	width:0;/*Pour IE*/}
51
.coel-meta{
51
.coel-meta{
52
	font-size:10px;
52
	font-size:10px;
53
	font-weight:normal;}
53
	font-weight:normal;}
54
.coel-indentation{
54
.coel-indentation{
55
	padding-left:15px;}
55
	padding-left:15px;}
56
a.coel-lien-externe:after{
56
a.coel-lien-externe:after{
57
	content:" " url(images/icones/lien_externe.png);}
57
	content:" " url(images/icones/lien_externe.png);}
58
	
58
	
59
#coel-panneau-onglets-navigation ul {
59
#coel-panneau-onglets-navigation ul {
60
    width: 100%;
60
    width: 100%;
61
}
61
}
62
 
62
 
63
#ListeOngletsNavigation__Statistiques {
63
#ListeOngletsNavigation__Statistiques {
64
    float: right;
64
    float: right;
65
    margin-right: 3px;
65
    margin-right: 3px;
66
}
66
}
67
 
67
 
68
#ListeOngletsNavigation > div {
68
#ListeOngletsNavigation > div {
69
	width: 100% !important;
69
	width: 100% !important;
70
}
70
}
71
 
71
 
72
.coel-detail-corps-contenu th.coel-largeur-colonne-id {
72
.coel-detail-corps-contenu th.coel-largeur-colonne-id {
73
	width: 5%;
73
	width: 5%;
74
}
74
}
75
 
75
 
76
.coel-indication-titre-petit {
76
.coel-indication-titre-petit {
77
	font-size : 0.8em;
77
	font-size : 0.8em;
78
}
78
}
79
 
79
 
80
/* #------------------------------------------------------------------------------------------------------#	*/
80
/* #------------------------------------------------------------------------------------------------------#	*/
81
/*												ENTÊTE 														*/
81
/*												ENTÊTE 														*/
82
/* #------------------------------------------------------------------------------------------------------#	*/
82
/* #------------------------------------------------------------------------------------------------------#	*/
83
#coel-entete{
83
#coel-entete{
84
	color:white;
84
	color:white;
85
	height:100px;
85
	height:100px;
86
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
86
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
87
	border:0pt none;
87
	border:0pt none;
88
	padding-left:3px;}
88
	padding-left:3px;}
89
#coel-titre{
89
#coel-titre{
90
	font-family:tahoma, arial, sans-serif;
90
	font-family:tahoma, arial, sans-serif;
91
	font-size:16px;
91
	font-size:16px;
92
	font-size-adjust:none;
92
	font-size-adjust:none;
93
	font-stretch:normal;
93
	font-stretch:normal;
94
	font-style:normal;
94
	font-style:normal;
95
	font-variant:normal;
95
	font-variant:normal;
96
	font-weight:normal;
96
	font-weight:normal;
97
	line-height:normal;
97
	line-height:normal;
98
	padding:0 0 8 6px;}
98
	padding:0 0 8 6px;}
99
#coel-identification{
99
#coel-identification{
100
	color:white;
100
	color:white;
101
	float:right;
101
	float:right;
102
	margin:2 5 0 0px}
102
	margin:2 5 0 0px}
103
/* #------------------------------------------------------------------------------------------------------#	*/
103
/* #------------------------------------------------------------------------------------------------------#	*/
104
/*												AIDE														*/
104
/*												AIDE														*/
105
/* #------------------------------------------------------------------------------------------------------#	*/
105
/* #------------------------------------------------------------------------------------------------------#	*/
106
#coel-id-panneau-aide{
106
#coel-id-panneau-aide{
107
	font-size:11px;
107
	font-size:11px;
108
	margin:5px;}
108
	margin:5px;}
109
#coel-id-panneau-aide ul{
109
#coel-id-panneau-aide ul{
110
	list-style-type:disc;
110
	list-style-type:disc;
111
	padding-left:15px;}
111
	padding-left:15px;}
112
#coel-id-panneau-aide ol{
112
#coel-id-panneau-aide ol{
113
	list-style-type:decimal;
113
	list-style-type:decimal;
114
	padding-left:15px;}
114
	padding-left:15px;}
115
/* #------------------------------------------------------------------------------------------------------#	*/
115
/* #------------------------------------------------------------------------------------------------------#	*/
116
/*												CONNEXION/DECONNEXION										*/
116
/*												CONNEXION/DECONNEXION										*/
117
/* #------------------------------------------------------------------------------------------------------#	*/
117
/* #------------------------------------------------------------------------------------------------------#	*/
118
#coel-identification-zone-msg{
118
#coel-identification-zone-msg{
119
	text-align:center;
119
	text-align:center;
120
	background-color:#F8B9B9;
120
	background-color:#F8B9B9;
121
	border:1px solid red;
121
	border:1px solid red;
122
	margin:5px 0;}
122
	margin:5px 0;}
123
/* #------------------------------------------------------------------------------------------------------#	*/
123
/* #------------------------------------------------------------------------------------------------------#	*/
124
/*												PANNEAU DÉTAIL												*/
124
/*												PANNEAU DÉTAIL												*/
125
/* #------------------------------------------------------------------------------------------------------#	*/
125
/* #------------------------------------------------------------------------------------------------------#	*/
126
#coel-detail-entete{
126
#coel-detail-entete{
127
	height:45px;
127
	height:45px;
128
	background-color:#ddd;
128
	background-color:#ddd;
129
	border-bottom:1px solid silver;}
129
	border-bottom:1px solid silver;}
130
 
130
 
131
#coel-detail-entete h1{
131
#coel-detail-entete h1{
132
	font-weight:bold;
132
	font-weight:bold;
133
	font-size:12px;
133
	font-size:12px;
134
	padding:5 0 2 5px;}
134
	padding:5 0 2 5px;}
135
#coel-detail-entete h2{
135
#coel-detail-entete h2{
136
	font-size:11px;
136
	font-size:11px;
137
	font-weight:normal;
137
	font-weight:normal;
138
	padding:0 5 0 5px;}
138
	padding:0 5 0 5px;}
139
#coel-detail-entete .coel-meta{
139
#coel-detail-entete .coel-meta{
140
	position:absolute;
140
	position:absolute;
141
	top:0;
141
	top:0;
142
	right:0;
142
	right:0;
143
	padding:5px;}
143
	padding:5px;}
144
 
144
 
145
.coel-detail-corps-contenu{
145
.coel-detail-corps-contenu{
146
	padding:0 12px;
146
	padding:0 12px;
147
	background-color:white;}
147
	background-color:white;}
148
.coel-detail-corps-contenu h2{
148
.coel-detail-corps-contenu h2{
149
	font-size:14px;
149
	font-size:14px;
150
	color:#1C3C78;
150
	color:#1C3C78;
151
	padding:12px 0 5px 0;}
151
	padding:12px 0 5px 0;}
152
.coel-detail-corps-contenu h3{
152
.coel-detail-corps-contenu h3{
153
	font-style:italic;
153
	font-style:italic;
154
	padding:12px 0 5px 0;}
154
	padding:12px 0 5px 0;}
155
	
155
	
156
.coel-detail-corps-contenu table{
156
.coel-detail-corps-contenu table{
157
	border:1px solid #1C3C78;
157
	border:1px solid #1C3C78;
158
	border-collapse:collapse;
158
	border-collapse:collapse;
159
	width:100% !important;width:95%;/*Pour IE*/
159
	width:100% !important;width:95%;/*Pour IE*/
160
	margin:auto;}
160
	margin:auto;}
161
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
161
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
162
	background-color:#D0E3FA;
162
	background-color:#D0E3FA;
163
	background-image:url(sky.jpg);
163
	background-image:url(sky.jpg);
164
	border:1px solid #1C3C78;}
164
	border:1px solid #1C3C78;}
165
.coel-detail-corps-contenu tbody{
165
.coel-detail-corps-contenu tbody{
166
	background-color:#FFFFFF;
166
	background-color:#FFFFFF;
167
	border:1px solid #1C3C78;}
167
	border:1px solid #1C3C78;}
168
.coel-detail-corps-contenu th{
168
.coel-detail-corps-contenu th{
169
	font-family:monospace;
169
	font-family:monospace;
170
	border:1px dotted #1C3C78;
170
	border:1px dotted #1C3C78;
171
	padding:5px;
171
	padding:5px;
172
	background-color:#EFF6FF;
172
	background-color:#EFF6FF;
173
	width:25%;}
173
	width:25%;}
174
.coel-detail-corps-contenu td{
174
.coel-detail-corps-contenu td{
175
	font-family:sans-serif;
175
	font-family:sans-serif;
176
	font-size:80%;
176
	font-size:80%;
177
	border:1px solid #1C3C78;
177
	border:1px solid #1C3C78;
178
	padding:5px;
178
	padding:5px;
179
	text-align:left;}
179
	text-align:left;}
180
.coel-detail-corps-contenu caption{
180
.coel-detail-corps-contenu caption{
181
	font-family:sans-serif;}
181
	font-family:sans-serif;}
182
 
182
 
183
.coel-detail-corps-contenu ul{
183
.coel-detail-corps-contenu ul{
184
	list-style-type:disc;}
184
	list-style-type:disc;}
185
.coel-detail-corps-contenu li{
185
.coel-detail-corps-contenu li{
186
	margin-left:25px;
186
	margin-left:25px;
187
	padding:2px;}
187
	padding:2px;}
188
 
188
 
189
#personne-logo-div	{
189
#personne-logo-div	{
190
	position:absolute; 
190
	position:absolute; 
191
	right:0; 
191
	right:0; 
192
	width:30%; 
192
	width:30%; 
193
	text-align:right;
193
	text-align:right;
194
}
194
}
195
 
195
 
196
#personne-logo-div	img {
196
#personne-logo-div	img {
197
	height:40px;
197
	height:40px;
198
}
198
}
199
/* #------------------------------------------------------------------------------------------------------#	*/
199
/* #------------------------------------------------------------------------------------------------------#	*/
200
/*												ÎCONES 														*/
200
/*												ÎCONES 														*/
201
/* #------------------------------------------------------------------------------------------------------#	*/
201
/* #------------------------------------------------------------------------------------------------------#	*/
202
.no-icone{
202
.no-icone{
203
	padding:0;}
203
	padding:0;}
204
/* #------------------------------------------------------------------------------------------------------#*/
204
/* #------------------------------------------------------------------------------------------------------#*/
205
/*                                              IMAGES                                                     */
205
/*                                              IMAGES                                                     */
206
/* #------------------------------------------------------------------------------------------------------#*/
206
/* #------------------------------------------------------------------------------------------------------#*/
207
.conteneur-image-centre{
207
.conteneur-image-centre{
208
	text-align:center;}
208
	text-align:center;}
209
.logo-personne{
209
.logo-personne{
210
	max-height:250px;}	
210
	max-height:250px;}	
211
/* #----------------------------------------------------------------------------------------------------------#*/
211
/* #----------------------------------------------------------------------------------------------------------#*/
212
/*                                              PANNEAU PUBLICATION                                            */
212
/*                                              PANNEAU PUBLICATION                                            */
213
/* #----------------------------------------------------------------------------------------------------------#*/
213
/* #----------------------------------------------------------------------------------------------------------#*/
214
 
214
 
215
.x-formulaire-auteur{
215
.x-formulaire-auteur{
216
    padding-left:100px;}
216
    padding-left:100px;}
217
.x-formulaire-auteur-label{
217
.x-formulaire-auteur-label{
218
	padding:3px 0 !important;
218
	padding:3px 0 !important;
219
	text-align:left;
219
	text-align:left;
220
	clear:left;
220
	clear:left;
221
	display:block;
221
	display:block;
222
	float:left;
222
	float:left;
223
	padding:3px 3px 3px 0;
223
	padding:3px 3px 3px 0;
224
	position:relative;
224
	position:relative;
225
	width:100px;
225
	width:100px;
226
	z-index:2;
226
	z-index:2;
227
	font-weight:bold;
227
	font-weight:bold;
228
	font-family:tahoma,arial,helvetica,sans-serif;
228
	font-family:tahoma,arial,helvetica,sans-serif;
229
	font-size:12px;
229
	font-size:12px;
230
	font-size-adjust:none;
230
	font-size-adjust:none;
231
	font-style:normal;
231
	font-style:normal;
232
	font-variant:normal;
232
	font-variant:normal;
233
	line-height:normal;}
233
	line-height:normal;}
234
	
234
	
235
#indication_import_csv {
235
#indication_import_csv {
236
    font-size: 1.1em;
236
    font-size: 1.1em;
237
    margin: 1px 3px 3px 5px;
237
    margin: 1px 3px 3px 5px;
238
}	
238
}
-
 
239
 
-
 
240
#infos-auteurs-non-presents {
-
 
241
	background-image: url("images/icones/avertissement.png");
-
 
242
	background-repeat: no-repeat;
-
 
243
	background-position: 5px 10px;
-
 
244
	padding-left: 30px;
-
 
245
}
-
 
246
 
-
 
247
#label-auteurs-non-presents {
-
 
248
	font-weight: bold;
-
 
249
}
-
 
250
 
239
/* #----------------------------------------------------------------------------------------------------------#*/
251
/* #----------------------------------------------------------------------------------------------------------#*/
240
/*                                              AUTRES				                                           */
252
/*                                              AUTRES				                                           */
241
/* #----------------------------------------------------------------------------------------------------------#*/
253
/* #----------------------------------------------------------------------------------------------------------#*/
242
#main-button button{
254
#main-button button{
243
	font-weight:bold;
255
	font-weight:bold;
244
	text-decoration:underline;}
256
	text-decoration:underline;}
245
/* #----------------------------------------------------------------------------------------------------------#*/
257
/* #----------------------------------------------------------------------------------------------------------#*/
246
/*                                              FORMULAIRE			                                           */
258
/*                                              FORMULAIRE			                                           */
247
/* #----------------------------------------------------------------------------------------------------------#*/
259
/* #----------------------------------------------------------------------------------------------------------#*/
248
.coel-obligatoire, .coel-obligatoire input, .coel-obligatoire textarea{
260
.coel-obligatoire, .coel-obligatoire input, .coel-obligatoire textarea{
249
	background:#FAA391;}
261
	background:#FAA391;}
250
.coel-obligatoire-ok, .coel-obligatoire-ok input, .coel-obligatoire-ok textarea {
262
.coel-obligatoire-ok, .coel-obligatoire-ok input, .coel-obligatoire-ok textarea {
251
	background:#B7DAAA;}
263
	background:#B7DAAA;}