Subversion Repositories Applications.referentiel

Rev

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