Subversion Repositories Applications.referentiel

Rev

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

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