Subversion Repositories Applications.referentiel

Rev

Rev 344 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 344 Rev 361
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.85em;
6
	font-size:0.85em;
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(images/img_underline_atelier.png) repeat-x center bottom;}
49
	background:url(images/img_underline_atelier.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(images/img_underline_hover_atelier.png) repeat-x center bottom;}
53
	background:url(images/img_underline_hover_atelier.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
	width:100%;
58
	width:100%;
59
	margin:5px 0;}
59
	margin:5px 0;}
60
td,th{
60
td,th{
61
	border:1px solid #36560B;
61
	border:1px solid #36560B;
62
	padding:7px 5px;
62
	padding:7px 5px;
63
	background-color:white;}
63
	background-color:white;}
64
th{
64
th{
65
	background-color:#EEE;}
65
	background-color:#EEE;}
66
label[title]:after, th[title]:after, span[title]:after {
66
label[title]:after, th[title]:after, span[title]:after {
67
    content: " " url("images/aide.png");
67
    content: " " url("images/aide.png");
68
}
68
}
69
caption{
69
caption{
70
	border:1px solid #36560B;
70
	border:1px solid #36560B;
71
	background-color:#EEE;
71
	background-color:#EEE;
72
	font-weight:bold;
72
	font-weight:bold;
73
	padding:2px;}
73
	padding:2px;}
74
img{
74
img{
75
	border:0;}
75
	border:0;}
76
img a{
76
img a{
77
	display:block;}
77
	display:block;}
78
legend{
78
legend{
79
	color:#AD5A40;}
79
	color:#AD5A40;}
80
.nettoyeur{
80
.nettoyeur{
81
	visibility:hidden;}
81
	visibility:hidden;}
82
/*--------------------------------------------------------------------------------------------------------------*/
82
/*--------------------------------------------------------------------------------------------------------------*/
83
/* Disposition */
83
/* Disposition */
84
#zone-centrale {
84
#zone-centrale {
85
	text-align:center;}
85
	text-align:center;}
86
#zone-logo{
86
#zone-logo{
87
	left:18px;
87
	left:18px;
88
	margin:1px 10px;
88
	margin:1px 10px;
89
	position:absolute;
89
	position:absolute;
90
	top:2px;
90
	top:2px;
91
	z-index:1;}
91
	z-index:1;}
-
 
92
#zone-logo img {
-
 
93
	width: 143px;
-
 
94
}
92
#zone-entete{
95
#zone-entete{
93
	height:121px;
96
	height:121px;
94
	margin:0;
97
	margin:0;
95
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
98
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
96
#zone-entete-contenu{
99
#zone-entete-contenu{
97
	height:120px;
100
	height:120px;
98
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
101
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
99
#zone-titre-site{
102
#zone-titre-site{
100
	height:38px;
103
	height:38px;
101
	margin:0;
104
	margin:0;
102
	text-align:right;}
105
	text-align:right;}
103
#zone-titre-site h1{
106
#zone-titre-site h1{
104
	margin:0 20px 0 0;
107
	margin:0 20px 0 0;
105
	padding:0;
108
	padding:0;
106
	background-color:transparent;
109
	background-color:transparent;
107
	font-size:28px;
110
	font-size:28px;
108
	font-weight:bold;}
111
	font-weight:bold;}
109
#zone-corps{
112
#zone-corps{
110
	margin:0;
113
	margin:0;
111
	text-align:left;}
114
	text-align:left;}
112
#zone-navigation{
115
#zone-navigation{
113
	position:relative;
116
	position:relative;
114
	float:left;
117
	float:left;
115
	height:21px;
118
	height:21px;
116
	width:100%;
119
	width:100%;
117
	margin:0;
120
	margin:0;
118
	padding:0;
121
	padding:0;
119
	text-align:left;
122
	text-align:left;
120
	font-weight:bold;
123
	font-weight:bold;
121
	border-bottom:1px solid #62210F;}
124
	border-bottom:1px solid #62210F;}
122
#zone-corps-contenu{
125
#zone-corps-contenu{
123
	clear:both;
126
	clear:both;
124
	min-height:300px;
127
	min-height:300px;
125
	padding:0 2px;
128
	padding:0 2px;
126
	text-align:justify;
129
	text-align:justify;
127
	border-top:medium none !important;
130
	border-top:medium none !important;
128
	border:1px solid #62210F;}
131
	border:1px solid #62210F;}
129
#zone-fil-ariane{
132
#zone-fil-ariane{
130
	font-weight:bold;
133
	font-weight:bold;
131
	text-align:left;}
134
	text-align:left;}
132
#zone-pied{
135
#zone-pied{
133
	clear:both;
136
	clear:both;
134
	text-align:center;}
137
	text-align:center;}
135
/*--------------------------------------------------------------------------------------------------------------*/
138
/*--------------------------------------------------------------------------------------------------------------*/
136
/* Logo */
139
/* Logo */
137
#zone-logo img{
140
#zone-logo img{
138
	border:0;}
141
	border:0;}
139
#zone-logo a{
142
#zone-logo a{
140
	position:absolute;
143
	position:absolute;
141
	top:0;
144
	top:0;
142
	left:0;}
145
	left:0;}
143
#zone-logo a:hover{
146
#zone-logo a:hover{
144
	border:1px dotted;}
147
	border:1px dotted;}
145
#zone-logo a:hover:after{
148
#zone-logo a:hover:after{
146
	content:" Retour à l'accueil ";}
149
	content:" Retour à l'accueil ";}
147
/*--------------------------------------------------------------------------------------------------------------*/
150
/*--------------------------------------------------------------------------------------------------------------*/
148
/* Fil d'ariane */
151
/* Fil d'ariane */
149
#zone-fil-ariane{
152
#zone-fil-ariane{
150
	padding:10px 5px;}
153
	padding:10px 5px;}
151
#zone-fil-ariane p{
154
#zone-fil-ariane p{
152
	font-weight:bold;
155
	font-weight:bold;
153
	float:left;
156
	float:left;
154
	margin:0;
157
	margin:0;
155
	padding-right:5px;}
158
	padding-right:5px;}
156
.fil-ariane{
159
.fil-ariane{
157
	list-style-type:none;
160
	list-style-type:none;
158
	margin:0;
161
	margin:0;
159
	padding:0;}
162
	padding:0;}
160
.fil-ariane li{
163
.fil-ariane li{
161
	float:left;
164
	float:left;
162
	margin:0;
165
	margin:0;
163
	padding:0;}
166
	padding:0;}
164
.fil-ariane li:before{
167
.fil-ariane li:before{
165
	content: " > ";}
168
	content: " > ";}
166
.fil-ariane a{
169
.fil-ariane a{
167
	padding:0 5px;}
170
	padding:0 5px;}
168
/*--------------------------------------------------------------------------------------------------------------*/
171
/*--------------------------------------------------------------------------------------------------------------*/
169
/* Navigation onglets */
172
/* Navigation onglets */
170
#zone-navigation ul {
173
#zone-navigation ul {
171
	margin:0;
174
	margin:0;
172
	padding:0;
175
	padding:0;
173
	list-style:none;}
176
	list-style:none;}
174
#zone-navigation li {
177
#zone-navigation li {
175
	float:left;
178
	float:left;
176
	margin:0;
179
	margin:0;
177
	padding:0;
180
	padding:0;
178
	background:url("images/norm_right_both.gif") no-repeat right top;}
181
	background:url("images/norm_right_both.gif") no-repeat right top;}
179
#zone-navigation a {
182
#zone-navigation a {
180
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
183
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
181
	display:block;
184
	display:block;
182
	background:url("images/norm_left_both.gif") no-repeat left top;
185
	background:url("images/norm_left_both.gif") no-repeat left top;
183
	width:.1em;
186
	width:.1em;
184
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
187
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
185
	padding:5px 15px 4px;
188
	padding:5px 15px 4px;
186
	text-decoration:none;}
189
	text-decoration:none;}
187
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
190
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
188
#zone-navigation a {float:none;}
191
#zone-navigation a {float:none;}
189
/* End IE5-Mac hack */
192
/* End IE5-Mac hack */
190
#zone-navigation > ul a {
193
#zone-navigation > ul a {
191
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
194
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
192
#zone-navigation li:hover {
195
#zone-navigation li:hover {
193
	background-position:100% -150px;}
196
	background-position:100% -150px;}
194
#zone-navigation li:hover a {
197
#zone-navigation li:hover a {
195
	background-position:0% -150px;}
198
	background-position:0% -150px;}
196
#zone-navigation .inactif {
199
#zone-navigation .inactif {
197
	border-bottom:medium none #62210F;}
200
	border-bottom:medium none #62210F;}
198
#zone-navigation .inactif a{
201
#zone-navigation .inactif a{
199
	border-bottom:1px solid;
202
	border-bottom:1px solid;
200
	line-height:12px;
203
	line-height:12px;
201
	font-weight:normal;}
204
	font-weight:normal;}
202
#zone-navigation .actif{
205
#zone-navigation .actif{
203
	position:relative;
206
	position:relative;
204
	background-position:100% -150px;
207
	background-position:100% -150px;
205
	z-index:3;}
208
	z-index:3;}
206
#zone-navigation .actif a{
209
#zone-navigation .actif a{
207
	position:relative;
210
	position:relative;
208
	background-position:0 -150px;
211
	background-position:0 -150px;
209
	line-height:13px;
212
	line-height:13px;
210
	z-index:4;}
213
	z-index:4;}
211
#zone-navigation .securise{
214
#zone-navigation .securise{
212
	position:relative;
215
	position:relative;
213
	border-bottom:medium none #62210F;
216
	border-bottom:medium none #62210F;
214
	background-position:100% -150px;
217
	background-position:100% -150px;
215
	z-index:3;}
218
	z-index:3;}
216
#zone-navigation .inactif.securise a{
219
#zone-navigation .inactif.securise a{
217
	background:url("images/norm_left_both_securise.png") no-repeat left top;}
220
	background:url("images/norm_left_both_securise.png") no-repeat left top;}
218
	
221
	
219
#zone-navigation li.inactif.securise {
222
#zone-navigation li.inactif.securise {
220
	background:url("images/norm_right_both_securise.png") no-repeat right top;}
223
	background:url("images/norm_right_both_securise.png") no-repeat right top;}
221
 
224
 
222
#zone-navigation li.inactif.securise:hover {
225
#zone-navigation li.inactif.securise:hover {
223
	background-position:100% -150px;}
226
	background-position:100% -150px;}
224
#zone-navigation li.inactif.securise:hover a {
227
#zone-navigation li.inactif.securise:hover a {
225
	background-position:0% -150px;}
228
	background-position:0% -150px;}
226
/*---------------------------------------------------------------------------------------------------------------------------------------*/
229
/*---------------------------------------------------------------------------------------------------------------------------------------*/
227
/* Général */
230
/* Général */
228
.discretion{
231
.discretion{
229
	color:#A9A9A9;
232
	color:#A9A9A9;
230
	font-size:10px;
233
	font-size:10px;
231
	font-weight:normal;}
234
	font-weight:normal;}
232
.description{
235
.description{
233
	background-color:#f0f0f0;
236
	background-color:#f0f0f0;
234
	white-space:pre-wrap;}
237
	white-space:pre-wrap;}
235
.resultat{
238
.resultat{
236
	text-transform:uppercase;}
239
	text-transform:uppercase;}
237
.ok{
240
.ok{
238
	background-color:#9ED30D !important;}
241
	background-color:#9ED30D !important;}
239
.ko{
242
.ko{
240
	background-color:#E9584C !important;}
243
	background-color:#E9584C !important;}
241
.espace{
244
.espace{
242
	background-color:yellow !important;}
245
	background-color:yellow !important;}
243
.obligatoire{
246
.obligatoire{
244
	color:red;}
247
	color:red;}
245
.attention {
248
.attention {
246
  display:block;
249
  display:block;
247
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
250
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
248
  text-align:center;
251
  text-align:center;
249
  border: 1px solid red;
252
  border: 1px solid red;
250
  min-height: 30px;
253
  min-height: 30px;
251
  max-width: 800px;
254
  max-width: 800px;
252
  padding:10px 5px 5px 50px;}
255
  padding:10px 5px 5px 50px;}
253
.information {
256
.information {
254
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
257
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
255
  text-align:center;
258
  text-align:center;
256
  border:1px solid #5D81BA;
259
  border:1px solid #5D81BA;
257
  max-width: 800px;
260
  max-width: 800px;
258
  min-height:30px;
261
  min-height:30px;
259
  padding:10px 5px 5px 50px;}
262
  padding:10px 5px 5px 50px;}
260
hr.nettoyage{
263
hr.nettoyage{
261
	clear:both;
264
	clear:both;
262
	width:0;}
265
	width:0;}
263
/* Formulaire */
266
/* Formulaire */
264
#zone-form fieldset{
267
#zone-form fieldset{
265
	margin:5px;
268
	margin:5px;
266
	padding:5px;
269
	padding:5px;
267
	float:left;}
270
	float:left;}
268
#zone-form fieldset legend{
271
#zone-form fieldset legend{
269
	padding:0 10px;
272
	padding:0 10px;
270
	border-left:#CCC 1px solid;
273
	border-left:#CCC 1px solid;
271
	border-right:#CCC 1px solid;
274
	border-right:#CCC 1px solid;
272
	background-color:white;
275
	background-color:white;
273
	font-size:1.2em;
276
	font-size:1.2em;
274
	color:#999;}
277
	color:#999;}
275
#zone-form input{
278
#zone-form input{
276
	margin:5px;}
279
	margin:5px;}
277
#zone-form textarea{
280
#zone-form textarea{
278
	with:100%;}
281
	with:100%;}
279
#zone-form input[type="submit"] {
282
#zone-form input[type="submit"] {
280
	width:auto !important;
283
	width:auto !important;
281
	margin:5px !important;}
284
	margin:5px !important;}
282
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
285
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
283
	background-color:#DEF;}
286
	background-color:#DEF;}
284
.case-a-cocher-scroll {
287
.case-a-cocher-scroll {
285
	clear:both;
288
	clear:both;
286
	height:6em;
289
	height:6em;
287
	padding:2px;
290
	padding:2px;
288
	margin: 0 0 2px 0;
291
	margin: 0 0 2px 0;
289
	overflow:auto;
292
	overflow:auto;
290
	width:90%;
293
	width:90%;
291
	border:1px solid #ccc;
294
	border:1px solid #ccc;
292
	background-color:#FFF;}
295
	background-color:#FFF;}
293
.case-a-cocher-scroll label{
296
.case-a-cocher-scroll label{
294
	width:90% !important;}
297
	width:90% !important;}
295
.case-a-cocher-scroll input{
298
.case-a-cocher-scroll input{
296
	margin:0;
299
	margin:0;
297
	padding:0;
300
	padding:0;
298
	width:auto !important;}
301
	width:auto !important;}
299
.case-a-cocher-scroll label:after{
302
.case-a-cocher-scroll label:after{
300
	content:"" !important;}
303
	content:"" !important;}
301
.liste-simple li, ul.liste-simple, ul.liste-champs{
304
.liste-simple li, ul.liste-simple, ul.liste-champs{
302
	list-style-type:none;
305
	list-style-type:none;
303
	padding:0;
306
	padding:0;
304
	margin:0 !important;}
307
	margin:0 !important;}
305
.liste-champs li{
308
.liste-champs li{
306
	padding:2px;}
309
	padding:2px;}
307
.defilant{
310
.defilant{
308
	min-height:150px;
311
	min-height:150px;
309
	max-height:300px;
312
	max-height:300px;
310
	overflow-x: hidden;
313
	overflow-x: hidden;
311
	overflow-y: auto;
314
	overflow-y: auto;
312
	padding-right: 17px;
315
	padding-right: 17px;
313
	width: 900px;
316
	width: 900px;
314
}
317
}
315
/*---------------------------------------------------------------------------------------------------------------------------------------*/
318
/*---------------------------------------------------------------------------------------------------------------------------------------*/
316
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
319
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
317
.largeur-01{
320
.largeur-01{
318
	width:60px;}
321
	width:60px;}
319
.largeur-01-5{
322
.largeur-01-5{
320
	width:90px;}	
323
	width:90px;}	
321
.largeur-02{
324
.largeur-02{
322
	width:120px;}
325
	width:120px;}
323
.largeur-02-5{
326
.largeur-02-5{
324
	width:150px;}	
327
	width:150px;}	
325
.largeur-03{
328
.largeur-03{
326
	width:180px;}
329
	width:180px;}
327
.largeur-03-5{
330
.largeur-03-5{
328
	width:210px;}	
331
	width:210px;}	
329
.largeur-04{
332
.largeur-04{
330
	width:240px;}
333
	width:240px;}
331
.largeur-05{
334
.largeur-05{
332
	width:300px;}
335
	width:300px;}
333
.largeur-06{
336
.largeur-06{
334
	width:360px;}
337
	width:360px;}
335
.largeur-07{
338
.largeur-07{
336
	width:420px;}
339
	width:420px;}
337
.largeur-08{
340
.largeur-08{
338
	width:480px;}
341
	width:480px;}
339
.largeur-09{
342
.largeur-09{
340
	width:540px;}
343
	width:540px;}
341
.largeur-10{
344
.largeur-10{
342
	width:600px;}
345
	width:600px;}
343
.largeur-11{
346
.largeur-11{
344
	width:660px;}
347
	width:660px;}
345
.largeur-12{
348
.largeur-12{
346
	width:720px;}
349
	width:720px;}
347
.largeur-13{
350
.largeur-13{
348
	width:780px;}
351
	width:780px;}
349
.largeur-14{
352
.largeur-14{
350
	width:840px;}
353
	width:840px;}
351
.largeur-15{
354
.largeur-15{
352
	width:900px;}
355
	width:900px;}
353
.largeur-16{
356
.largeur-16{
354
	width:960px;}
357
	width:960px;}
355
/*---------------------------------------------------------------------------------------------------------------------------------------*/
358
/*---------------------------------------------------------------------------------------------------------------------------------------*/
356
/* Demande de traitements */
359
/* Demande de traitements */
357
.traitement-attente{
360
.traitement-attente{
358
	background-color:#F16158;}
361
	background-color:#F16158;}
359
.traitement-cours{
362
.traitement-cours{
360
	background-color:#FCCB54;}
363
	background-color:#FCCB54;}
361
.traitement-termine{
364
.traitement-termine{
362
	background-color:#BBEFA5;}
365
	background-color:#BBEFA5;}
363
/*---------------------------------------------------------------------------------------------------------------------------------------*/
366
/*---------------------------------------------------------------------------------------------------------------------------------------*/
364
/* Traitement */
367
/* Traitement */
365
#resultats {
368
#resultats {
366
	width:1024px;}
369
	width:1024px;}
367
#resultats .numero{
370
#resultats .numero{
368
	font-weight:bold;
371
	font-weight:bold;
369
	width:2%;}
372
	width:2%;}
370
#resultats .nom{
373
#resultats .nom{
371
	font-weight:bold;
374
	font-weight:bold;
372
	width:30%;}
375
	width:30%;}
373
 
376
 
374
/*---------------------------------------------------------------------------------------------------------------------------------------*/
377
/*---------------------------------------------------------------------------------------------------------------------------------------*/
375
/* Informations */
378
/* Informations */
376
.lien_telechargement {
379
.lien_telechargement {
377
    margin-bottom: 15px;
380
    margin-bottom: 15px;
378
    margin-top: 10px;
381
    margin-top: 10px;
379
}
382
}
380
 
383
 
381
.lien_telechargement a {
384
.lien_telechargement a {
382
	border: 1px solid grey;
385
	border: 1px solid grey;
383
	padding: 5px;
386
	padding: 5px;
384
	margin-right: 5px;
387
	margin-right: 5px;
385
	border-radius: 7px 7px 7px 7px; 
388
	border-radius: 7px 7px 7px 7px; 
386
	background-color: #888;
389
	background-color: #888;
387
	background: -webkit-linear-gradient( #777, #F4F7F8);
390
	background: -webkit-linear-gradient( #777, #F4F7F8);
388
    background:    -moz-linear-gradient( #777, #F4F7F8);
391
    background:    -moz-linear-gradient( #777, #F4F7F8);
389
    background:     -ms-linear-gradient( #777, #F4F7F8);
392
    background:     -ms-linear-gradient( #777, #F4F7F8);
390
    background:      -o-linear-gradient( #777, #F4F7F8);
393
    background:      -o-linear-gradient( #777, #F4F7F8);
391
    background:         linear-gradient( #777, #F4F7F8);
394
    background:         linear-gradient( #777, #F4F7F8);
392
}
395
}
393
 
396
 
394
.lien_telechargement a:hover{
397
.lien_telechargement a:hover{
395
    color: white;
398
    color: white;
396
    background: #555;
399
    background: #555;
397
	background: -webkit-linear-gradient( #555, #666);
400
	background: -webkit-linear-gradient( #555, #666);
398
    background:    -moz-linear-gradient( #555, #666);
401
    background:    -moz-linear-gradient( #555, #666);
399
    background:     -ms-linear-gradient( #555, #666);
402
    background:     -ms-linear-gradient( #555, #666);
400
    background:      -o-linear-gradient( #555, #666);
403
    background:      -o-linear-gradient( #555, #666);
401
    background:         linear-gradient( #555, #666);
404
    background:         linear-gradient( #555, #666);
402
}
405
}
403
 
406
 
404
.lien_telechargement a:active{
407
.lien_telechargement a:active{
405
    color: #000;
408
    color: #000;
406
    background: #444;
409
    background: #444;
407
    background: -webkit-linear-gradient( #555, #2C2C2C);
410
    background: -webkit-linear-gradient( #555, #2C2C2C);
408
    background:    -moz-linear-gradient( #555, #2C2C2C);
411
    background:    -moz-linear-gradient( #555, #2C2C2C);
409
    background:     -ms-linear-gradient( #555, #2C2C2C);
412
    background:     -ms-linear-gradient( #555, #2C2C2C);
410
    background:      -o-linear-gradient( #555, #2C2C2C);
413
    background:      -o-linear-gradient( #555, #2C2C2C);
411
    background:         linear-gradient( #555, #2C2C2C);
414
    background:         linear-gradient( #555, #2C2C2C);
412
    box-shadow: 1px 1px 10px black inset,
415
    box-shadow: 1px 1px 10px black inset,
413
                0 1px 0 rgba( 255, 255, 255, 0.4);
416
                0 1px 0 rgba( 255, 255, 255, 0.4);
414
}
417
}
415
 
418
 
416
.telecharger-resultat {
419
.telecharger-resultat {
417
    background-color: #C3D45D;
420
    background-color: #C3D45D;
418
    padding: 10px;
421
    padding: 10px;
419
    border: solid #505050 1px;
422
    border: solid #505050 1px;
420
    padding-top: 0;
423
    padding-top: 0;
421
}
424
}
422
 
425
 
423
.colonne-cases {
426
.colonne-cases {
424
    display: inline-block;
427
    display: inline-block;
425
    margin-right: 20px;
428
    margin-right: 20px;
426
    margin-top: 10px;
429
    margin-top: 10px;
427
}
430
}
428
.curseur-pointeur {
431
.curseur-pointeur {
429
	cursor: pointer;
432
	cursor: pointer;
430
} 
433
} 
431
	
434
	
432
/*---------------------------------------------------------------------------------------------------------------------------------------*/
435
/*---------------------------------------------------------------------------------------------------------------------------------------*/
433
/* Résultat */
436
/* Résultat */
434
#ref-resultat .resultat{
437
#ref-resultat .resultat{
435
	width:20px;
438
	width:20px;
436
	padding:5px;}
439
	padding:5px;}
437
#ref-resultat .description, #ref-resultat .message{
440
#ref-resultat .description, #ref-resultat .message{
438
	width:800px;
441
	width:800px;
439
	padding:5px;}
442
	padding:5px;}
440
#ref-resultat .message p{
443
#ref-resultat .message p{
441
	background-color:#f0f0f0;}
444
	background-color:#f0f0f0;}
442
/*---------------------------------------------------------------------------------------------------------------------------------------*/
445
/*---------------------------------------------------------------------------------------------------------------------------------------*/
443
/* Résultat consultation*/
446
/* Résultat consultation*/
444
#ref-resultat-recherche {
447
#ref-resultat-recherche {
445
	padding : 5px;
448
	padding : 5px;
446
}
449
}
447
.nom_retenu {
450
.nom_retenu {
448
	font-weight:bold;}
451
	font-weight:bold;}
449
th {
452
th {
450
	background-color:#EFF3FF;}
453
	background-color:#EFF3FF;}
451
.transmis td, .transmis{
454
.transmis td, .transmis{
452
	background-color:#EAEDCD;}	
455
	background-color:#EAEDCD;}	
453
.non_transmis td, .non_transmis{
456
.non_transmis td, .non_transmis{
454
	background-color:#C4AFA8;}	
457
	background-color:#C4AFA8;}	
455
/*---------------------------------------------------------------------------------------------------------------------------------------*/
458
/*---------------------------------------------------------------------------------------------------------------------------------------*/
456
/* Présentation Fiche Taxon*/
459
/* Présentation Fiche Taxon*/
457
.txt-long{
460
.txt-long{
458
	white-space:pre-wrap;}
461
	white-space:pre-wrap;}
459
p.txt-long{
462
p.txt-long{
460
	width:53.6em;
463
	width:53.6em;
461
	padding:.3em;
464
	padding:.3em;
462
	background-color:#FFF;}
465
	background-color:#FFF;}
463
#texte li{
466
#texte li{
464
	margin:0;}
467
	margin:0;}
465
.ref-onglets{
468
.ref-onglets{
466
	font-size:0.9em;}
469
	font-size:0.9em;}
467
.ref-sommaire a{
470
.ref-sommaire a{
468
	background:none;}
471
	background:none;}
469
.label-grand dt{
472
.label-grand dt{
470
	width:28em;}
473
	width:28em;}
471
.label-court dt{
474
.label-court dt{
472
	width:12em;}
475
	width:12em;}
473
th.vide {
476
th.vide {
474
	background-color:transparent;
477
	background-color:transparent;
475
	border:none;}
478
	border:none;}
476
#ref-ref-mail pre{
479
#ref-ref-mail pre{
477
	font-family:Arial, Helvetica, Verdana, sans-serif;
480
	font-family:Arial, Helvetica, Verdana, sans-serif;
478
	font-size:1em;
481
	font-size:1em;
479
	margin:1em 0;
482
	margin:1em 0;
480
	border:none;}
483
	border:none;}
481
#ref-ref-mail form{
484
#ref-ref-mail form{
482
	text-align:center;
485
	text-align:center;
483
	margin:1em 0;
486
	margin:1em 0;
484
	padding:0;
487
	padding:0;
485
	}	
488
	}	
486
#ref-ref-mail label{
489
#ref-ref-mail label{
487
	display:inline-block;
490
	display:inline-block;
488
	width:150px;
491
	width:150px;
489
	padding:0 1em;
492
	padding:0 1em;
490
	text-align:left;
493
	text-align:left;
491
	vertical-align: top;}
494
	vertical-align: top;}
492
#ref-ref-mail textarea{
495
#ref-ref-mail textarea{
493
	width:600px;}
496
	width:600px;}
494
#ref-ref-mail .droite{
497
#ref-ref-mail .droite{
495
	margin-left:130px;}	
498
	margin-left:130px;}	
496
#ref-ref-mail .champs{
499
#ref-ref-mail .champs{
497
	width:600px;}	
500
	width:600px;}	
498
#ref-ref-mail .valid{
501
#ref-ref-mail .valid{
499
	float:center;
502
	float:center;
500
	}
503
	}
501
		
504
		
502
/*---------------------------------------------------------------------------------------------------------------------------------------*/
505
/*---------------------------------------------------------------------------------------------------------------------------------------*/
503
/* Fragmenteur : pagination */
506
/* Fragmenteur : pagination */
504
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
507
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
505
    -moz-border-radius: 4px 4px 4px 4px;
508
    -moz-border-radius: 4px 4px 4px 4px;
506
    color: white;
509
    color: white;
507
    margin: 0 2px;
510
    margin: 0 2px;
508
    padding: 5px;}
511
    padding: 5px;}
509
.fragmenteur select, .fragmenteur a {
512
.fragmenteur select, .fragmenteur a {
510
    background-color: #C38673;
513
    background-color: #C38673;
511
    border: 1px solid black;}
514
    border: 1px solid black;}
512
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
515
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
513
    background-color: #AEDC43;
516
    background-color: #AEDC43;
514
    border: 1px solid #86A736;
517
    border: 1px solid #86A736;
515
    font-weight: bold;}
518
    font-weight: bold;}
516
.frag_separateur {
519
.frag_separateur {
517
    display: none;}
520
    display: none;}
518
/*---------------------------------------------------------------------------------------------------------------------------------------*/
521
/*---------------------------------------------------------------------------------------------------------------------------------------*/
519
/* Versionnage */
522
/* Versionnage */
520
#zone-form{
523
#zone-form{
521
	position:relative;
524
	position:relative;
522
	width:100%;}
525
	width:100%;}
523
#zone-form fieldset:hover{
526
#zone-form fieldset:hover{
524
	background-color:#EFE0D1;}
527
	background-color:#EFE0D1;}
525
#ref-demande-versionnage fieldset{
528
#ref-demande-versionnage fieldset{
526
	width:400px;}
529
	width:400px;}
527
#ref-demande-versionnage textarea{
530
#ref-demande-versionnage textarea{
528
	width:95%;}
531
	width:95%;}
529
#ref-demande-versionnage label{
532
#ref-demande-versionnage label{
530
	display:block;
533
	display:block;
531
	float:left;
534
	float:left;
532
	width:40%;
535
	width:40%;
533
	margin:2px 0;}
536
	margin:2px 0;}
534
#ref-demande-versionnage #champs-domaine label{
537
#ref-demande-versionnage #champs-domaine label{
535
	width:90%;}
538
	width:90%;}
536
#ref-demande-versionnage input{
539
#ref-demande-versionnage input{
537
	width:100%;
540
	width:100%;
538
	margin:0 0 2px 0;}
541
	margin:0 0 2px 0;}
539
#case-a-cocher-scroll-licence, label[for="referencement"]{
542
#case-a-cocher-scroll-licence, label[for="referencement"]{
540
	width:90% !important;}
543
	width:90% !important;}
541
#case-a-cocher-scroll-licence label{
544
#case-a-cocher-scroll-licence label{
542
	width:80%;}
545
	width:80%;}
543
#champs-contributeur{
546
#champs-contributeur{
544
	clear:left;}
547
	clear:left;}
545
#ref-versionnage-ok{/*Pour IE6*/
548
#ref-versionnage-ok{/*Pour IE6*/
546
	width:auto !important;
549
	width:auto !important;
547
	margin:5px !important;}
550
	margin:5px !important;}
548
#champs-contributeur p{
551
#champs-contributeur p{
549
	width:32%;
552
	width:32%;
550
	float:left;
553
	float:left;
551
	font-size:0.8em;
554
	font-size:0.8em;
552
	padding:3px;}
555
	padding:3px;}
553
#champs-contributeur div{
556
#champs-contributeur div{
554
	width:66%;
557
	width:66%;
555
	float:left;
558
	float:left;
556
	margin-left:2px;
559
	margin-left:2px;
557
	padding-left:5px;
560
	padding-left:5px;
558
	border-left:1px dotted black;}
561
	border-left:1px dotted black;}
559
	
562
	
560
.imagette-plus {
563
.imagette-plus {
561
	background: url("images/ouvrir.png") no-repeat scroll 0 0 transparent;
564
	background: url("images/ouvrir.png") no-repeat scroll 0 0 transparent;
562
    display: inline;
565
    display: inline;
563
    float: left;
566
    float: left;
564
    height: 15px;
567
    height: 15px;
565
    margin-right: 3px;
568
    margin-right: 3px;
566
    width: 15px;
569
    width: 15px;
567
}
570
}
568
 
571
 
569
.imagette-moins {
572
.imagette-moins {
570
	background: url("images/fermer.png") no-repeat scroll 0 0 transparent;
573
	background: url("images/fermer.png") no-repeat scroll 0 0 transparent;
571
    display: inline;
574
    display: inline;
572
    float: left;
575
    float: left;
573
    height: 15px;
576
    height: 15px;
574
    margin-right: 3px;
577
    margin-right: 3px;
575
    width: 15px;
578
    width: 15px;
576
}
579
}
577
 
580
 
578
.icone-deplier-arbre {
581
.icone-deplier-arbre {
579
	cursor:pointer;
582
	cursor:pointer;
580
}
583
}
581
 
584
 
582
.arbre-chargement {
585
.arbre-chargement {
583
    background: url("images/chargement.gif") no-repeat scroll 0 5px transparent;
586
    background: url("images/chargement.gif") no-repeat scroll 0 5px transparent;
584
    margin-left: 17px;
587
    margin-left: 17px;
585
    padding: 5px 5px 5px 20px;
588
    padding: 5px 5px 5px 20px;
586
}
589
}
587
 
590
 
588
.arbre-nombre-familles {
591
.arbre-nombre-familles {
589
	padding-left: 30px;
592
	padding-left: 30px;
590
}
593
}
591
 
594
 
592
.branche-arbre-taxo, .aucun-synonyme {
595
.branche-arbre-taxo, .aucun-synonyme {
593
	list-style-type:none;	
596
	list-style-type:none;	
594
}
597
}
595
 
598
 
596
.lien-voir-synonymes-taxo, .aucun-sous-taxon, .aucun-synonyme {
599
.lien-voir-synonymes-taxo, .aucun-sous-taxon, .aucun-synonyme {
597
    font-size: 0.8em;
600
    font-size: 0.8em;
598
}
601
}
599
 
602
 
600
.lien-voir-synonymes-taxo , .arbre-liste-synonymes a {
603
.lien-voir-synonymes-taxo , .arbre-liste-synonymes a {
601
	color: #666666;
604
	color: #666666;
602
}
605
}
603
 
606
 
604
#texte li.feuille-arbre-synonyme-taxo {
607
#texte li.feuille-arbre-synonyme-taxo {
605
	margin-top: 3px;
608
	margin-top: 3px;
606
	list-style-type: square;
609
	list-style-type: square;
607
}
610
}
608
 
611
 
609
.branche-arbre-taxo {
612
.branche-arbre-taxo {
610
	margin-top: 2px;
613
	margin-top: 2px;
611
	border-left: 1px solid;
614
	border-left: 1px solid;
612
    margin-left: 7px;
615
    margin-left: 7px;
613
    margin-top: 2px;
616
    margin-top: 2px;
614
    padding-left: 20px;
617
    padding-left: 20px;
615
}
618
}
616
 
619
 
617
#texte .feuille-arbre-taxo {
620
#texte .feuille-arbre-taxo {
618
	margin-top: 3px;
621
	margin-top: 3px;
619
}
622
}
620
	
623
	
621
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
624
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
622
.ref-onglets {
625
.ref-onglets {
623
	margin:0;/*Pour IE*/
626
	margin:0;/*Pour IE*/
624
	padding:0;/*Pour IE*/
627
	padding:0;/*Pour IE*/
625
	height:auto !important;height:100%;/*Pour IE*/}
628
	height:auto !important;height:100%;/*Pour IE*/}
626
	
629
	
627
.droite {
630
.droite {
628
	float:right;
631
	float:right;
629
}
632
}