Subversion Repositories Applications.referentiel

Rev

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

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