Subversion Repositories Applications.referentiel

Rev

Rev 80 | Rev 103 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
6 jpm 1
@CHARSET "UTF-8";
2
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 3
/* Générique */
47 jpm 4
body {
5
	font-family:Arial, Helvetica, Verdana, sans-serif;
6
	font-size:0.75em;
7
	background-color:#fff;
8
	margin:2px;}
9
h1{
10
	font-size:1.4em;
11
	line-height:1.3em;
12
	font-weight:bold;
13
	padding:0 0 2px 5px;
14
	margin:10px 0 4px 0;
15
	background-color:#c38673;
16
	color:white;}
17
h2{
18
	font-size:1em;
19
	font-weight:bold;
20
	color:black;
21
	text-transform:uppercase;
22
	margin:10px 0 4px 0;
23
	color:#AD5A40;}
24
h3{
25
	font-size:0.95em;
26
	color:black;
27
	font-weight:bold;
28
	margin:8px 0 4px 0;
29
	text-transform:none;}
30
h4{
31
	font-size:0.8em;
32
	color:black;
33
	font-weight:bold;
34
	letter-spacing:0.1em;
35
	margin:8px 0 2px 0;}
36
h5{
37
	font-size:0.8em;
38
	color:black;
39
	font-style:italic;
40
	margin:4px 0 1px 0;}
41
h6{
42
	font-size:0.75em;
43
	color:black;
44
	font-style:italic;
45
	margin:4px 0 1px 0;}
46
a{
47
	color:black;
48
	text-decoration:none;
87 jpm 49
	background:url(images/img_underline_atelier.png) repeat-x center bottom;}
47 jpm 50
a:hover{
51
	color:black;
52
	text-decoration:none;
87 jpm 53
	background:url(images/img_underline_hover_atelier.png) repeat-x center bottom;}
47 jpm 54
hr{
55
	color:#62210F;}
56
table{
58 jpm 57
	border-collapse: collapse;
58
	width:100%;
59
	margin:0;}
47 jpm 60
td,th{
61
	border:1px solid #36560B;
58 jpm 62
	padding:7px 5px;}
63
th{
64
	background-color:#EEE;}
47 jpm 65
caption{
58 jpm 66
	border:1px solid #36560B;
67
	background-color:#EEE;
47 jpm 68
	font-weight:bold;
58 jpm 69
	padding:2px;}
47 jpm 70
img{
71
	border:0;}
72
img a{
73
	display:block;}
74
legend{
75
	color:#AD5A40;}
80 delphine 76
.nettoyeur{
77
	visibility:hidden;}
45 jpm 78
/*--------------------------------------------------------------------------------------------------------------*/
79
/* Disposition */
80
#zone-centrale {
47 jpm 81
	text-align:center;}
45 jpm 82
#zone-logo{
83
	left:18px;
47 jpm 84
	margin:1px 10px;
45 jpm 85
	position:absolute;
86
	top:2px;
87
	z-index:1;}
88
#zone-entete{
47 jpm 89
	height:121px;
45 jpm 90
	margin:0;
87 jpm 91
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
45 jpm 92
#zone-entete-contenu{
93
	height:120px;
87 jpm 94
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
45 jpm 95
#zone-titre-site{
96
	height:38px;
97
	margin:0;
98
	text-align:right;}
99
#zone-titre-site h1{
100
	margin:0 20px 0 0;
101
	padding:0;
102
	background-color:transparent;
103
	font-size:28px;
104
	font-weight:bold;}
46 jpm 105
#zone-corps{
106
	margin:0;
107
	text-align:left;}
45 jpm 108
#zone-navigation{
47 jpm 109
	position:relative;
45 jpm 110
	float:left;
47 jpm 111
	height:21px;
112
	width:100%;
113
	margin:0;
114
	padding:0;
45 jpm 115
	text-align:left;
47 jpm 116
	font-weight:bold;
117
	border-bottom:1px solid #62210F;}
45 jpm 118
#zone-corps-contenu{
119
	clear:both;
120
	min-height:300px;
121
	padding:0 2px;
47 jpm 122
	text-align:justify;
123
	border-top:medium none !important;
124
	border:1px solid #62210F;}
45 jpm 125
#zone-fil-ariane{
47 jpm 126
	font-weight:bold;
127
	text-align:left;}
45 jpm 128
#zone-pied{
47 jpm 129
	clear:both;
130
	text-align:center;}
45 jpm 131
/*--------------------------------------------------------------------------------------------------------------*/
47 jpm 132
/* Logo */
133
#zone-logo img{
134
	border:0;}
135
#zone-logo a{
136
	position:absolute;
137
	top:0;
138
	left:0;}
139
#zone-logo a:hover{
140
	border:1px dotted;}
141
#zone-logo a:hover:after{
142
	content:" Retour à l'accueil ";}
143
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 144
/* Fil d'ariane */
145
#zone-fil-ariane{
146
	padding:10px 5px;}
147
#zone-fil-ariane p{
148
	font-weight:bold;
149
	float:left;
150
	margin:0;
151
	padding-right:5px;}
152
.fil-ariane{
153
	list-style-type:none;
154
	margin:0;
155
	padding:0;}
156
.fil-ariane li{
157
	float:left;
158
	margin:0;
159
	padding:0;}
160
.fil-ariane li:before{
161
	content: " > ";}
162
.fil-ariane a{
163
	padding:0 5px;}
164
/*--------------------------------------------------------------------------------------------------------------*/
165
/* Navigation onglets */
166
#zone-navigation ul {
167
	margin:0;
168
	padding:0;
169
	list-style:none;}
170
#zone-navigation li {
171
	float:left;
172
	margin:0;
173
	padding:0;
87 jpm 174
	background:url("images/norm_right_both.gif") no-repeat right top;}
45 jpm 175
#zone-navigation a {
176
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
177
	display:block;
87 jpm 178
	background:url("images/norm_left_both.gif") no-repeat left top;
45 jpm 179
	width:.1em;
180
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
181
	padding:5px 15px 4px;
182
	text-decoration:none;}
183
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
184
#zone-navigation a {float:none;}
185
/* End IE5-Mac hack */
186
#zone-navigation > ul a {
47 jpm 187
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
45 jpm 188
#zone-navigation li:hover {
47 jpm 189
	background-position:100% -150px;}
45 jpm 190
#zone-navigation li:hover a {
47 jpm 191
	background-position:0% -150px;}
192
#zone-navigation .inactif {
193
	border-bottom:medium none #62210F;}
194
#zone-navigation .inactif a{
195
	border-bottom:1px solid;
196
	line-height:12px;
197
	font-weight:normal;}
198
#zone-navigation .actif{
199
	position:relative;
200
	background-position:100% -150px;
201
	z-index:3;}
202
#zone-navigation .actif a{
203
	position:relative;
204
	background-position:0 -150px;
205
	line-height:13px;
206
	z-index:4;}
207
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 208
/* Général */
33 jpm 209
.discretion{
210
	color:#A9A9A9;
211
	font-size:10px;
212
	font-weight:normal;}
213
.description{
6 jpm 214
	background-color:#f0f0f0;
215
	white-space:pre-wrap;}
33 jpm 216
.resultat{
217
	text-transform:uppercase;}
218
.ok{
6 jpm 219
	background-color:#9ED30D !important;}
33 jpm 220
.ko{
6 jpm 221
	background-color:#E9584C !important;}
33 jpm 222
.espace{
223
	background-color:yellow !important;}
48 jpm 224
.obligatoire{
225
	color:red;}
226
.attention {
227
  display:block;
87 jpm 228
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
48 jpm 229
  text-align:center;
230
  border: 1px solid red;
231
  min-height: 30px;
232
  max-width: 800px;
233
  padding:10px 5px 5px 50px;}
234
.information {
87 jpm 235
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
48 jpm 236
  text-align:center;
237
  border:1px solid #5D81BA;
238
  max-width: 800px;
239
  min-height:30px;
240
  padding:10px 5px 5px 50px;}
47 jpm 241
hr.nettoyage{
242
	clear:both;
243
	width:0;}
244
/* Formulaire */
245
#zone-form fieldset{
246
	margin:5px;
247
	padding:5px;
248
	float:left;}
249
#zone-form fieldset legend{
250
	padding:0 10px;
251
	border-left:#CCC 1px solid;
252
	border-right:#CCC 1px solid;
253
	background-color:white;
254
	font-size:1.2em;
255
	color:#999;}
256
#zone-form label:after{
257
	content:" : ";}
258
#zone-form input{
259
	margin:5px;}
260
#zone-form textarea{
261
	with:100%;}
262
#zone-form input[type="submit"] {
263
	width:auto !important;
264
	margin:5px !important;}
265
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
266
	background-color:#DEF;}
38 jpm 267
.case-a-cocher-scroll {
47 jpm 268
	clear:both;
269
	height:6em;
270
	padding:2px;
271
	overflow:auto;
272
	width:90%;
273
	border:1px solid #ccc;}
274
.case-a-cocher-scroll{
275
	background-color:#FFF;}
276
.case-a-cocher-scroll label{
277
	width:90% !important;}
278
.case-a-cocher-scroll input{
279
	margin:0;
38 jpm 280
	padding:0;
47 jpm 281
	width:auto !important;}
282
.case-a-cocher-scroll label:after{
283
	content:"" !important;}
284
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 285
	list-style-type:none;
286
	padding:0;
287
	margin:0 !important;}
288
.liste-champs li{
289
	padding:2px;}
47 jpm 290
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 291
/* Demande de traitements */
45 jpm 292
.traitement-attente{
293
	background-color:#F16158;}
294
.traitement-cours{
295
	background-color:#FCCB54;}
296
.traitement-termine{
297
	background-color:#BBEFA5;}
47 jpm 298
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 299
/* Traitement */
300
#resultats {
301
	width:1024px;}
302
#resultats .numero{
303
	font-weight:bold;
304
	width:2%;}
305
#resultats .nom{
306
	font-weight:bold;
307
	width:30%;}
47 jpm 308
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 309
/* Résultat */
310
#ref-resultat .resultat{
311
	width:20px;
312
	padding:5px;}
313
#ref-resultat .description, #ref-resultat .message{
314
	width:800px;
315
	padding:5px;}
316
#ref-resultat .message p{
38 jpm 317
	background-color:#f0f0f0;}
47 jpm 318
/*---------------------------------------------------------------------------------------------------------------------------------------*/
69 delphine 319
/* Résultat consultation*/
80 delphine 320
.nom_retenu{
69 delphine 321
	font-weight:bold;}
80 delphine 322
 
323
/* Présentation Fiche Taxon*/
324
.txt-long{
325
	white-space:pre-wrap;}
326
p.txt-long{
327
	width:53.6em;
328
	padding:.3em;
329
	background-color:#FFF;}
330
#texte li{
331
	margin:0;}
332
.ref-sommaire a{
333
	background:none;}
334
.label-grand dt{
335
	width:28em;}
336
.label-court dt{
337
	width:12em;}
69 delphine 338
 
80 delphine 339
 
69 delphine 340
/*---------------------------------------------------------------------------------------------------------------------------------------*/
47 jpm 341
/* Versionnage */
342
#zone-form{
343
	position:relative;
344
	width:100%;}
345
#zone-form fieldset:hover{
346
	background-color:#EFE0D1;}
347
#ref-demande-versionnage fieldset{
348
	width:400px;}
349
#ref-demande-versionnage textarea{
350
	width:95%;}
351
#ref-demande-versionnage label{
352
	display:block;
353
	float:left;
48 jpm 354
	width:30%;
47 jpm 355
	margin:2px 0;}
48 jpm 356
#ref-demande-versionnage #champs-domaine label{
357
	width:90%;}
47 jpm 358
#ref-demande-versionnage input{
48 jpm 359
	width:65%;
47 jpm 360
	margin:0;}
361
#case-a-cocher-scroll-licence, label[for="referencement"]{
362
	width:90% !important;}
363
#case-a-cocher-scroll-licence label{
364
	width:80%;}
365
#champs-contributeur{
366
	clear:left;}
367
#ref-versionnage-ok{/*Pour IE6*/
368
	width:auto !important;
369
	margin:5px !important;}
370
#champs-contributeur p{
371
	width:32%;
372
	float:left;
373
	font-size:0.8em;
374
	padding:3px;}
375
#champs-contributeur div{
376
	width:66%;
377
	float:left;
378
	margin-left:2px;
379
	padding-left:5px;
80 delphine 380
	border-left:1px dotted black;}
381
 
382
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
383
.ref-onglets{
384
	margin:0;/*Pour IE*/
385
	padding:0;/*Pour IE*/
386
	height:auto !important;height:100%;/*Pour IE*/}