Subversion Repositories Applications.referentiel

Rev

Rev 300 | Rev 331 | 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;}
271 delphine 211 
#zone-navigation .securise{
212 
	position:relative;
213 
	border-bottom:medium none #62210F;
214 
	background-position:100% -150px;
215 
	z-index:3;}
216 
#zone-navigation .inactif.securise a{
217 
	background:url("images/norm_left_both_securise.png") no-repeat left top;}
218 
 
219 
#zone-navigation li.inactif.securise {
220 
	background:url("images/norm_right_both_securise.png") no-repeat right top;}
221 
 
222 
#zone-navigation li.inactif.securise:hover {
223 
	background-position:100% -150px;}
224 
#zone-navigation li.inactif.securise:hover a {
225 
	background-position:0% -150px;}
47 jpm 226 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 227 
/* Général */
33 jpm 228 
.discretion{
229 
	color:#A9A9A9;
230 
	font-size:10px;
231 
	font-weight:normal;}
232 
.description{
6 jpm 233 
	background-color:#f0f0f0;
234 
	white-space:pre-wrap;}
33 jpm 235 
.resultat{
236 
	text-transform:uppercase;}
237 
.ok{
6 jpm 238 
	background-color:#9ED30D !important;}
33 jpm 239 
.ko{
6 jpm 240 
	background-color:#E9584C !important;}
33 jpm 241 
.espace{
242 
	background-color:yellow !important;}
48 jpm 243 
.obligatoire{
244 
	color:red;}
245 
.attention {
246 
  display:block;
87 jpm 247 
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
48 jpm 248 
  text-align:center;
249 
  border: 1px solid red;
250 
  min-height: 30px;
251 
  max-width: 800px;
252 
  padding:10px 5px 5px 50px;}
253 
.information {
87 jpm 254 
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
48 jpm 255 
  text-align:center;
256 
  border:1px solid #5D81BA;
257 
  max-width: 800px;
258 
  min-height:30px;
259 
  padding:10px 5px 5px 50px;}
47 jpm 260 
hr.nettoyage{
261 
	clear:both;
262 
	width:0;}
263 
/* Formulaire */
264 
#zone-form fieldset{
265 
	margin:5px;
266 
	padding:5px;
267 
	float:left;}
268 
#zone-form fieldset legend{
269 
	padding:0 10px;
270 
	border-left:#CCC 1px solid;
271 
	border-right:#CCC 1px solid;
272 
	background-color:white;
273 
	font-size:1.2em;
274 
	color:#999;}
275 
#zone-form input{
276 
	margin:5px;}
277 
#zone-form textarea{
278 
	with:100%;}
279 
#zone-form input[type="submit"] {
280 
	width:auto !important;
281 
	margin:5px !important;}
282 
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
283 
	background-color:#DEF;}
38 jpm 284 
.case-a-cocher-scroll {
47 jpm 285 
	clear:both;
286 
	height:6em;
287 
	padding:2px;
140 jpm 288 
	margin: 0 0 2px 0;
47 jpm 289 
	overflow:auto;
290 
	width:90%;
140 jpm 291 
	border:1px solid #ccc;
47 jpm 292 
	background-color:#FFF;}
293 
.case-a-cocher-scroll label{
294 
	width:90% !important;}
295 
.case-a-cocher-scroll input{
296 
	margin:0;
38 jpm 297 
	padding:0;
47 jpm 298 
	width:auto !important;}
299 
.case-a-cocher-scroll label:after{
300 
	content:"" !important;}
301 
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 302 
	list-style-type:none;
303 
	padding:0;
304 
	margin:0 !important;}
305 
.liste-champs li{
306 
	padding:2px;}
267 delphine 307 
.defilant{
308 
	min-height:150px;
309 
	max-height:300px;
310 
	overflow-x: hidden;
311 
	overflow-y: auto;
312 
	padding-right: 17px;
313 
	width: 900px;
314 
}
47 jpm 315 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 316 
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
317 
.largeur-01{
318 
	width:60px;}
206 delphine 319 
.largeur-01-5{
320 
	width:90px;}
111 jpm 321 
.largeur-02{
322 
	width:120px;}
206 delphine 323 
.largeur-02-5{
324 
	width:150px;}
111 jpm 325 
.largeur-03{
326 
	width:180px;}
206 delphine 327 
.largeur-03-5{
328 
	width:210px;}
111 jpm 329 
.largeur-04{
330 
	width:240px;}
331 
.largeur-05{
332 
	width:300px;}
333 
.largeur-06{
334 
	width:360px;}
335 
.largeur-07{
336 
	width:420px;}
337 
.largeur-08{
338 
	width:480px;}
339 
.largeur-09{
340 
	width:540px;}
341 
.largeur-10{
342 
	width:600px;}
343 
.largeur-11{
344 
	width:660px;}
345 
.largeur-12{
346 
	width:720px;}
347 
.largeur-13{
348 
	width:780px;}
349 
.largeur-14{
350 
	width:840px;}
351 
.largeur-15{
352 
	width:900px;}
353 
.largeur-16{
354 
	width:960px;}
355 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 356 
/* Demande de traitements */
45 jpm 357 
.traitement-attente{
358 
	background-color:#F16158;}
359 
.traitement-cours{
360 
	background-color:#FCCB54;}
361 
.traitement-termine{
362 
	background-color:#BBEFA5;}
47 jpm 363 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 364 
/* Traitement */
365 
#resultats {
366 
	width:1024px;}
367 
#resultats .numero{
368 
	font-weight:bold;
369 
	width:2%;}
370 
#resultats .nom{
371 
	font-weight:bold;
372 
	width:30%;}
276 aurelien 373 
 
47 jpm 374 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
276 aurelien 375 
/* Informations */
376 
.lien_telechargement {
377 
    margin-bottom: 15px;
378 
    margin-top: 10px;
379 
}
380 
 
381 
.lien_telechargement a {
382 
	border: 1px solid grey;
383 
	padding: 5px;
384 
	margin-right: 5px;
385 
	border-radius: 7px 7px 7px 7px;
386 
	background-color: #888;
387 
	background: -webkit-linear-gradient( #777, #F4F7F8);
388 
    background:    -moz-linear-gradient( #777, #F4F7F8);
389 
    background:     -ms-linear-gradient( #777, #F4F7F8);
390 
    background:      -o-linear-gradient( #777, #F4F7F8);
391 
    background:         linear-gradient( #777, #F4F7F8);
392 
}
393 
 
394 
.lien_telechargement a:hover{
395 
    color: white;
396 
    background: #555;
397 
	background: -webkit-linear-gradient( #555, #666);
398 
    background:    -moz-linear-gradient( #555, #666);
399 
    background:     -ms-linear-gradient( #555, #666);
400 
    background:      -o-linear-gradient( #555, #666);
401 
    background:         linear-gradient( #555, #666);
402 
}
403 
 
404 
.lien_telechargement a:active{
405 
    color: #000;
406 
    background: #444;
407 
    background: -webkit-linear-gradient( #555, #2C2C2C);
408 
    background:    -moz-linear-gradient( #555, #2C2C2C);
409 
    background:     -ms-linear-gradient( #555, #2C2C2C);
410 
    background:      -o-linear-gradient( #555, #2C2C2C);
411 
    background:         linear-gradient( #555, #2C2C2C);
412 
    box-shadow: 1px 1px 10px black inset,
413 
 
414 
}
329 mathias 415 
 
416 
.telecharger-resultat {
417 
    background-color: #C2E572;
418 
    padding: 10px;
419 
    border: solid #505050 1px;
420 
    padding-top: 0;
421 
}
276 aurelien 422 
 
423 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 424 
/* Résultat */
425 
#ref-resultat .resultat{
426 
	width:20px;
427 
	padding:5px;}
428 
#ref-resultat .description, #ref-resultat .message{
429 
	width:800px;
430 
	padding:5px;}
431 
#ref-resultat .message p{
38 jpm 432 
	background-color:#f0f0f0;}
47 jpm 433 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
69 delphine 434 
/* Résultat consultation*/
246 delphine 435 
#ref-resultat-recherche {
436 
	padding : 5px;
437 
}
438 
.nom_retenu {
439 
	font-weight:bold;}
440 
th {
441 
	background-color:#EFF3FF;}
442 
.transmis td, .transmis{
443 
	background-color:#EAEDCD;}
444 
.non_transmis td, .non_transmis{
445 
	background-color:#C4AFA8;}
111 jpm 446 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
80 delphine 447 
/* Présentation Fiche Taxon*/
448 
.txt-long{
449 
	white-space:pre-wrap;}
450 
p.txt-long{
451 
	width:53.6em;
452 
	padding:.3em;
453 
	background-color:#FFF;}
454 
#texte li{
455 
	margin:0;}
111 jpm 456 
.ref-onglets{
457 
	font-size:0.9em;}
80 delphine 458 
.ref-sommaire a{
459 
	background:none;}
460 
.label-grand dt{
461 
	width:28em;}
462 
.label-court dt{
463 
	width:12em;}
111 jpm 464 
th.vide {
465 
	background-color:transparent;
466 
	border:none;}
206 delphine 467 
#ref-ref-mail pre{
468 
	font-family:Arial, Helvetica, Verdana, sans-serif;
210 delphine 469 
	font-size:1em;
470 
	margin:1em 0;
471 
	border:none;}
472 
#ref-ref-mail form{
473 
	text-align:center;
474 
	margin:1em 0;
475 
	padding:0;
476 
	}
477 
#ref-ref-mail label{
478 
	display:inline-block;
479 
	width:150px;
480 
	padding:0 1em;
481 
	text-align:left;
482 
	vertical-align: top;}
483 
#ref-ref-mail textarea{
484 
	width:600px;}
485 
#ref-ref-mail .droite{
486 
	margin-left:130px;}
487 
#ref-ref-mail .champs{
488 
	width:600px;}
489 
#ref-ref-mail .valid{
490 
	float:center;
491 
	}
206 delphine 492 
 
69 delphine 493 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 494 
/* Fragmenteur : pagination */
495 
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
496 
    -moz-border-radius: 4px 4px 4px 4px;
497 
    color: white;
498 
    margin: 0 2px;
499 
    padding: 5px;}
500 
.fragmenteur select, .fragmenteur a {
501 
    background-color: #C38673;
502 
    border: 1px solid black;}
503 
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
504 
    background-color: #AEDC43;
505 
    border: 1px solid #86A736;
506 
    font-weight: bold;}
507 
.frag_separateur {
508 
    display: none;}
509 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
47 jpm 510 
/* Versionnage */
511 
#zone-form{
512 
	position:relative;
513 
	width:100%;}
514 
#zone-form fieldset:hover{
515 
	background-color:#EFE0D1;}
516 
#ref-demande-versionnage fieldset{
517 
	width:400px;}
518 
#ref-demande-versionnage textarea{
519 
	width:95%;}
520 
#ref-demande-versionnage label{
521 
	display:block;
522 
	float:left;
140 jpm 523 
	width:40%;
47 jpm 524 
	margin:2px 0;}
48 jpm 525 
#ref-demande-versionnage #champs-domaine label{
526 
	width:90%;}
47 jpm 527 
#ref-demande-versionnage input{
140 jpm 528 
	width:100%;
529 
	margin:0 0 2px 0;}
47 jpm 530 
#case-a-cocher-scroll-licence, label[for="referencement"]{
531 
	width:90% !important;}
532 
#case-a-cocher-scroll-licence label{
533 
	width:80%;}
534 
#champs-contributeur{
535 
	clear:left;}
536 
#ref-versionnage-ok{/*Pour IE6*/
537 
	width:auto !important;
538 
	margin:5px !important;}
539 
#champs-contributeur p{
540 
	width:32%;
541 
	float:left;
542 
	font-size:0.8em;
543 
	padding:3px;}
544 
#champs-contributeur div{
545 
	width:66%;
546 
	float:left;
547 
	margin-left:2px;
548 
	padding-left:5px;
80 delphine 549 
	border-left:1px dotted black;}
550 
 
295 aurelien 551 
.imagette-plus {
552 
	background: url("images/ouvrir.png") no-repeat scroll 0 0 transparent;
553 
    display: inline;
554 
    float: left;
555 
    height: 15px;
556 
    margin-right: 3px;
557 
    width: 15px;
558 
}
559 
 
560 
.imagette-moins {
561 
	background: url("images/fermer.png") no-repeat scroll 0 0 transparent;
296 aurelien 562 
    display: inline;
563 
    float: left;
295 aurelien 564 
    height: 15px;
565 
    margin-right: 3px;
566 
    width: 15px;
567 
}
568 
 
569 
.icone-deplier-arbre {
570 
	cursor:pointer;
571 
}
572 
 
300 aurelien 573 
.arbre-chargement {
574 
    background: url("images/chargement.gif") no-repeat scroll 0 5px transparent;
575 
    margin-left: 17px;
576 
    padding: 5px 5px 5px 20px;
577 
}
578 
 
579 
.arbre-nombre-familles {
580 
	padding-left: 30px;
581 
}
582 
 
295 aurelien 583 
.branche-arbre-taxo, .aucun-synonyme {
584 
	list-style-type:none;
585 
}
586 
 
587 
.lien-voir-synonymes-taxo, .aucun-sous-taxon, .aucun-synonyme {
588 
    font-size: 0.8em;
589 
}
590 
 
591 
.lien-voir-synonymes-taxo , .arbre-liste-synonymes a {
592 
	color: #666666;
593 
}
594 
 
595 
#texte li.feuille-arbre-synonyme-taxo {
596 
	margin-top: 3px;
300 aurelien 597 
	list-style-type: square;
295 aurelien 598 
}
599 
 
600 
.branche-arbre-taxo {
601 
	margin-top: 2px;
602 
	border-left: 1px solid;
603 
    margin-left: 7px;
604 
    margin-top: 2px;
605 
    padding-left: 20px;
606 
}
607 
 
608 
#texte .feuille-arbre-taxo {
609 
	margin-top: 3px;
610 
}
611 
 
80 delphine 612 
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
295 aurelien 613 
.ref-onglets {
80 delphine 614 
	margin:0;/*Pour IE*/
615 
	padding:0;/*Pour IE*/
285 gduche 616 
	height:auto !important;height:100%;/*Pour IE*/}
617 
 
618 
.droite {
619 
	float:right;
295 aurelien 620 
}