Subversion Repositories Applications.referentiel

Rev

Rev 210 | Rev 246 | 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;
124 delphine 6 
	font-size:0.85em;
47 jpm 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%;
105 jpm 59 
	margin:5px 0;}
47 jpm 60 
td,th{
61 
	border:1px solid #36560B;
227 jpm 62 
	padding:7px 5px;
63 
	background-color:white;}
58 jpm 64 
th{
65 
	background-color:#EEE;}
206 delphine 66 
label[title]:after, th[title]:after, span[title]:after {
103 jpm 67 
    content: " " url("images/aide.png");
68 
}
47 jpm 69 
caption{
58 jpm 70 
	border:1px solid #36560B;
71 
	background-color:#EEE;
47 jpm 72 
	font-weight:bold;
58 jpm 73 
	padding:2px;}
47 jpm 74 
img{
75 
	border:0;}
76 
img a{
77 
	display:block;}
78 
legend{
79 
	color:#AD5A40;}
80 delphine 80 
.nettoyeur{
103 jpm 81 
	visibility:hidden;}
45 jpm 82 
/*--------------------------------------------------------------------------------------------------------------*/
83 
/* Disposition */
84 
#zone-centrale {
47 jpm 85 
	text-align:center;}
45 jpm 86 
#zone-logo{
87 
	left:18px;
47 jpm 88 
	margin:1px 10px;
45 jpm 89 
	position:absolute;
90 
	top:2px;
91 
	z-index:1;}
92 
#zone-entete{
47 jpm 93 
	height:121px;
45 jpm 94 
	margin:0;
87 jpm 95 
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
45 jpm 96 
#zone-entete-contenu{
97 
	height:120px;
87 jpm 98 
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
45 jpm 99 
#zone-titre-site{
100 
	height:38px;
101 
	margin:0;
102 
	text-align:right;}
103 
#zone-titre-site h1{
104 
	margin:0 20px 0 0;
105 
	padding:0;
106 
	background-color:transparent;
107 
	font-size:28px;
108 
	font-weight:bold;}
46 jpm 109 
#zone-corps{
110 
	margin:0;
111 
	text-align:left;}
45 jpm 112 
#zone-navigation{
47 jpm 113 
	position:relative;
45 jpm 114 
	float:left;
47 jpm 115 
	height:21px;
116 
	width:100%;
117 
	margin:0;
118 
	padding:0;
45 jpm 119 
	text-align:left;
47 jpm 120 
	font-weight:bold;
121 
	border-bottom:1px solid #62210F;}
45 jpm 122 
#zone-corps-contenu{
123 
	clear:both;
124 
	min-height:300px;
125 
	padding:0 2px;
47 jpm 126 
	text-align:justify;
127 
	border-top:medium none !important;
128 
	border:1px solid #62210F;}
45 jpm 129 
#zone-fil-ariane{
47 jpm 130 
	font-weight:bold;
131 
	text-align:left;}
45 jpm 132 
#zone-pied{
47 jpm 133 
	clear:both;
134 
	text-align:center;}
45 jpm 135 
/*--------------------------------------------------------------------------------------------------------------*/
47 jpm 136 
/* Logo */
137 
#zone-logo img{
138 
	border:0;}
139 
#zone-logo a{
140 
	position:absolute;
141 
	top:0;
142 
	left:0;}
143 
#zone-logo a:hover{
144 
	border:1px dotted;}
145 
#zone-logo a:hover:after{
146 
	content:" Retour à l'accueil ";}
147 
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 148 
/* Fil d'ariane */
149 
#zone-fil-ariane{
150 
	padding:10px 5px;}
151 
#zone-fil-ariane p{
152 
	font-weight:bold;
153 
	float:left;
154 
	margin:0;
155 
	padding-right:5px;}
156 
.fil-ariane{
157 
	list-style-type:none;
158 
	margin:0;
159 
	padding:0;}
160 
.fil-ariane li{
161 
	float:left;
162 
	margin:0;
163 
	padding:0;}
164 
.fil-ariane li:before{
165 
	content: " > ";}
166 
.fil-ariane a{
167 
	padding:0 5px;}
168 
/*--------------------------------------------------------------------------------------------------------------*/
169 
/* Navigation onglets */
170 
#zone-navigation ul {
171 
	margin:0;
172 
	padding:0;
173 
	list-style:none;}
174 
#zone-navigation li {
175 
	float:left;
176 
	margin:0;
177 
	padding:0;
87 jpm 178 
	background:url("images/norm_right_both.gif") no-repeat right top;}
45 jpm 179 
#zone-navigation a {
180 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
181 
	display:block;
87 jpm 182 
	background:url("images/norm_left_both.gif") no-repeat left top;
45 jpm 183 
	width:.1em;
184 
	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;
186 
	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 \*/
188 
#zone-navigation a {float:none;}
189 
/* End IE5-Mac hack */
190 
#zone-navigation > ul a {
47 jpm 191 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
45 jpm 192 
#zone-navigation li:hover {
47 jpm 193 
	background-position:100% -150px;}
45 jpm 194 
#zone-navigation li:hover a {
47 jpm 195 
	background-position:0% -150px;}
196 
#zone-navigation .inactif {
197 
	border-bottom:medium none #62210F;}
198 
#zone-navigation .inactif a{
199 
	border-bottom:1px solid;
200 
	line-height:12px;
201 
	font-weight:normal;}
202 
#zone-navigation .actif{
203 
	position:relative;
204 
	background-position:100% -150px;
205 
	z-index:3;}
206 
#zone-navigation .actif a{
207 
	position:relative;
208 
	background-position:0 -150px;
209 
	line-height:13px;
210 
	z-index:4;}
211 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 212 
/* Général */
33 jpm 213 
.discretion{
214 
	color:#A9A9A9;
215 
	font-size:10px;
216 
	font-weight:normal;}
217 
.description{
6 jpm 218 
	background-color:#f0f0f0;
219 
	white-space:pre-wrap;}
33 jpm 220 
.resultat{
221 
	text-transform:uppercase;}
222 
.ok{
6 jpm 223 
	background-color:#9ED30D !important;}
33 jpm 224 
.ko{
6 jpm 225 
	background-color:#E9584C !important;}
33 jpm 226 
.espace{
227 
	background-color:yellow !important;}
48 jpm 228 
.obligatoire{
229 
	color:red;}
230 
.attention {
231 
  display:block;
87 jpm 232 
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
48 jpm 233 
  text-align:center;
234 
  border: 1px solid red;
235 
  min-height: 30px;
236 
  max-width: 800px;
237 
  padding:10px 5px 5px 50px;}
238 
.information {
87 jpm 239 
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
48 jpm 240 
  text-align:center;
241 
  border:1px solid #5D81BA;
242 
  max-width: 800px;
243 
  min-height:30px;
244 
  padding:10px 5px 5px 50px;}
47 jpm 245 
hr.nettoyage{
246 
	clear:both;
247 
	width:0;}
248 
/* Formulaire */
249 
#zone-form fieldset{
250 
	margin:5px;
251 
	padding:5px;
252 
	float:left;}
253 
#zone-form fieldset legend{
254 
	padding:0 10px;
255 
	border-left:#CCC 1px solid;
256 
	border-right:#CCC 1px solid;
257 
	background-color:white;
258 
	font-size:1.2em;
259 
	color:#999;}
260 
#zone-form input{
261 
	margin:5px;}
262 
#zone-form textarea{
263 
	with:100%;}
264 
#zone-form input[type="submit"] {
265 
	width:auto !important;
266 
	margin:5px !important;}
267 
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
268 
	background-color:#DEF;}
38 jpm 269 
.case-a-cocher-scroll {
47 jpm 270 
	clear:both;
271 
	height:6em;
272 
	padding:2px;
140 jpm 273 
	margin: 0 0 2px 0;
47 jpm 274 
	overflow:auto;
275 
	width:90%;
140 jpm 276 
	border:1px solid #ccc;
47 jpm 277 
	background-color:#FFF;}
278 
.case-a-cocher-scroll label{
279 
	width:90% !important;}
280 
.case-a-cocher-scroll input{
281 
	margin:0;
38 jpm 282 
	padding:0;
47 jpm 283 
	width:auto !important;}
284 
.case-a-cocher-scroll label:after{
285 
	content:"" !important;}
286 
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 287 
	list-style-type:none;
288 
	padding:0;
289 
	margin:0 !important;}
290 
.liste-champs li{
291 
	padding:2px;}
47 jpm 292 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 293 
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
294 
.largeur-01{
295 
	width:60px;}
206 delphine 296 
.largeur-01-5{
297 
	width:90px;}
111 jpm 298 
.largeur-02{
299 
	width:120px;}
206 delphine 300 
.largeur-02-5{
301 
	width:150px;}
111 jpm 302 
.largeur-03{
303 
	width:180px;}
206 delphine 304 
.largeur-03-5{
305 
	width:210px;}
111 jpm 306 
.largeur-04{
307 
	width:240px;}
308 
.largeur-05{
309 
	width:300px;}
310 
.largeur-06{
311 
	width:360px;}
312 
.largeur-07{
313 
	width:420px;}
314 
.largeur-08{
315 
	width:480px;}
316 
.largeur-09{
317 
	width:540px;}
318 
.largeur-10{
319 
	width:600px;}
320 
.largeur-11{
321 
	width:660px;}
322 
.largeur-12{
323 
	width:720px;}
324 
.largeur-13{
325 
	width:780px;}
326 
.largeur-14{
327 
	width:840px;}
328 
.largeur-15{
329 
	width:900px;}
330 
.largeur-16{
331 
	width:960px;}
332 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 333 
/* Demande de traitements */
45 jpm 334 
.traitement-attente{
335 
	background-color:#F16158;}
336 
.traitement-cours{
337 
	background-color:#FCCB54;}
338 
.traitement-termine{
339 
	background-color:#BBEFA5;}
47 jpm 340 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 341 
/* Traitement */
342 
#resultats {
343 
	width:1024px;}
344 
#resultats .numero{
345 
	font-weight:bold;
346 
	width:2%;}
347 
#resultats .nom{
348 
	font-weight:bold;
349 
	width:30%;}
47 jpm 350 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 351 
/* Résultat */
352 
#ref-resultat .resultat{
353 
	width:20px;
354 
	padding:5px;}
355 
#ref-resultat .description, #ref-resultat .message{
356 
	width:800px;
357 
	padding:5px;}
358 
#ref-resultat .message p{
38 jpm 359 
	background-color:#f0f0f0;}
47 jpm 360 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
69 delphine 361 
/* Résultat consultation*/
80 delphine 362 
.nom_retenu{
69 delphine 363 
	font-weight:bold;}
111 jpm 364 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
80 delphine 365 
/* Présentation Fiche Taxon*/
366 
.txt-long{
367 
	white-space:pre-wrap;}
368 
p.txt-long{
369 
	width:53.6em;
370 
	padding:.3em;
371 
	background-color:#FFF;}
372 
#texte li{
373 
	margin:0;}
111 jpm 374 
.ref-onglets{
375 
	font-size:0.9em;}
80 delphine 376 
.ref-sommaire a{
377 
	background:none;}
378 
.label-grand dt{
379 
	width:28em;}
380 
.label-court dt{
381 
	width:12em;}
111 jpm 382 
th.vide {
383 
	background-color:transparent;
384 
	border:none;}
206 delphine 385 
#ref-ref-mail pre{
386 
	font-family:Arial, Helvetica, Verdana, sans-serif;
210 delphine 387 
	font-size:1em;
388 
	margin:1em 0;
389 
	border:none;}
390 
#ref-ref-mail form{
391 
	text-align:center;
392 
	margin:1em 0;
393 
	padding:0;
394 
	}
395 
#ref-ref-mail label{
396 
	display:inline-block;
397 
	width:150px;
398 
	padding:0 1em;
399 
	text-align:left;
400 
	vertical-align: top;}
401 
#ref-ref-mail textarea{
402 
	width:600px;}
403 
#ref-ref-mail .droite{
404 
	margin-left:130px;}
405 
#ref-ref-mail .champs{
406 
	width:600px;}
407 
#ref-ref-mail .valid{
408 
	float:center;
409 
	}
410 
 
206 delphine 411 
 
69 delphine 412 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 413 
/* Fragmenteur : pagination */
414 
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
415 
    -moz-border-radius: 4px 4px 4px 4px;
416 
    color: white;
417 
    margin: 0 2px;
418 
    padding: 5px;}
419 
.fragmenteur select, .fragmenteur a {
420 
    background-color: #C38673;
421 
    border: 1px solid black;}
422 
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
423 
    background-color: #AEDC43;
424 
    border: 1px solid #86A736;
425 
    font-weight: bold;}
426 
.frag_separateur {
427 
    display: none;}
428 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
47 jpm 429 
/* Versionnage */
430 
#zone-form{
431 
	position:relative;
432 
	width:100%;}
433 
#zone-form fieldset:hover{
434 
	background-color:#EFE0D1;}
435 
#ref-demande-versionnage fieldset{
436 
	width:400px;}
437 
#ref-demande-versionnage textarea{
438 
	width:95%;}
439 
#ref-demande-versionnage label{
440 
	display:block;
441 
	float:left;
140 jpm 442 
	width:40%;
47 jpm 443 
	margin:2px 0;}
48 jpm 444 
#ref-demande-versionnage #champs-domaine label{
445 
	width:90%;}
47 jpm 446 
#ref-demande-versionnage input{
140 jpm 447 
	width:100%;
448 
	margin:0 0 2px 0;}
47 jpm 449 
#case-a-cocher-scroll-licence, label[for="referencement"]{
450 
	width:90% !important;}
451 
#case-a-cocher-scroll-licence label{
452 
	width:80%;}
453 
#champs-contributeur{
454 
	clear:left;}
455 
#ref-versionnage-ok{/*Pour IE6*/
456 
	width:auto !important;
457 
	margin:5px !important;}
458 
#champs-contributeur p{
459 
	width:32%;
460 
	float:left;
461 
	font-size:0.8em;
462 
	padding:3px;}
463 
#champs-contributeur div{
464 
	width:66%;
465 
	float:left;
466 
	margin-left:2px;
467 
	padding-left:5px;
80 delphine 468 
	border-left:1px dotted black;}
469 
 
470 
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
471 
.ref-onglets{
472 
	margin:0;/*Pour IE*/
473 
	padding:0;/*Pour IE*/
474 
	height:auto !important;height:100%;/*Pour IE*/}