WebSVN – Applications.referentiel – Diff – /trunk/interfaces/squelettes/css/referentiel/referentiel.css


@CHARSET "UTF-8";
/*--------------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:0.85em;
	background-color:#fff;
	margin:2px;}
h1{
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0 2px 5px;
	margin:10px 0 4px 0;
	background-color:#c38673;
	color:white;}
h2{
	font-size:1em;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	margin:10px 0 4px 0;
	color:#AD5A40;}
h3{
	font-size:0.95em;
	color:black;
	font-weight:bold;
	margin:8px 0 4px 0;
	text-transform:none;}
h4{
	font-size:0.8em;
	color:black;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:8px 0 2px 0;}
h5{
	font-size:0.8em;
	color:black;
	font-style:italic;
	margin:4px 0 1px 0;}
h6{
	font-size:0.75em;
	color:black;
	font-style:italic;
	margin:4px 0 1px 0;}
a{
	color:black;
	text-decoration:none;
	background:url(images/img_underline_atelier.png) repeat-x center bottom;}
a:hover{
	color:black;
	text-decoration:none;
	background:url(images/img_underline_hover_atelier.png) repeat-x center bottom;}
hr{
	color:#62210F;}
table{
	border-collapse: collapse;
	width:100%;
	margin:5px 0;}
td,th{
	border:1px solid #36560B;
	padding:7px 5px;
	background-color:white;}
th{
	background-color:#EEE;}
label[title]:after, th[title]:after, span[title]:after {
    content: " " url("images/aide.png");
}
caption{
	border:1px solid #36560B;
	background-color:#EEE;
	font-weight:bold;
	padding:2px;}
img{
	border:0;}
img a{
	display:block;}
legend{
	color:#AD5A40;}
.nettoyeur{
	visibility:hidden;}
/*--------------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-centrale {
	text-align:center;}
#zone-logo{
	left:18px;
	margin:1px 10px;
	position:absolute;
	top:2px;
	z-index:1;}
#zone-entete{
	height:121px;
	margin:0;
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
#zone-entete-contenu{
	height:120px;
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
#zone-titre-site{
	height:38px;
	margin:0;
	text-align:right;}
#zone-titre-site h1{
	margin:0 20px 0 0;
	padding:0;
	background-color:transparent;
	font-size:28px;
	font-weight:bold;}
#zone-corps{
	margin:0;
	text-align:left;}
#zone-navigation{
	position:relative;
	float:left;
	height:21px;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #62210F;}
#zone-corps-contenu{
	clear:both;
	min-height:300px;
	padding:0 2px;
	text-align:justify;
	border-top:medium none !important;
	border:1px solid #62210F;}
#zone-fil-ariane{
	font-weight:bold;
	text-align:left;}
#zone-pied{
	clear:both;
	text-align:center;}
/*--------------------------------------------------------------------------------------------------------------*/
/* Logo */
#zone-logo img{
	border:0;}
#zone-logo a{
	position:absolute;
	top:0;
	left:0;}
#zone-logo a:hover{
	border:1px dotted;}
#zone-logo a:hover:after{
	content:" Retour à l'accueil ";}
/*--------------------------------------------------------------------------------------------------------------*/
/* Fil d'ariane */
#zone-fil-ariane{
	padding:10px 5px;}
#zone-fil-ariane p{
	font-weight:bold;
	float:left;
	margin:0;
	padding-right:5px;}
.fil-ariane{
	list-style-type:none;
	margin:0;
	padding:0;}
.fil-ariane li{
	float:left;
	margin:0;
	padding:0;}
.fil-ariane li:before{
	content: " > ";}
.fil-ariane a{
	padding:0 5px;}
/*--------------------------------------------------------------------------------------------------------------*/
/* Navigation onglets */
#zone-navigation ul {
	margin:0;
	padding:0;
	list-style:none;}
#zone-navigation li {
	float:left;
	margin:0;
	padding:0;
	background:url("images/norm_right_both.gif") no-repeat right top;}
#zone-navigation a {
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
	display:block;
	background:url("images/norm_left_both.gif") no-repeat left top;
	width:.1em;
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
	padding:5px 15px 4px;
	text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#zone-navigation a {float:none;}
/* End IE5-Mac hack */
#zone-navigation > ul a {
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone-navigation li:hover {
	background-position:100% -150px;}
#zone-navigation li:hover a {
	background-position:0% -150px;}
#zone-navigation .inactif {
	border-bottom:medium none #62210F;}
#zone-navigation .inactif a{
	border-bottom:1px solid;
	line-height:12px;
	font-weight:normal;}
#zone-navigation .actif{
	position:relative;
	background-position:100% -150px;
	z-index:3;}
#zone-navigation .actif a{
	position:relative;
	background-position:0 -150px;
	line-height:13px;
	z-index:4;}
#zone-navigation .securise{
	position:relative;
	border-bottom:medium none #62210F;
	background-position:100% -150px;
	z-index:3;}
#zone-navigation .inactif.securise a{
	background:url("images/norm_left_both_securise.png") no-repeat left top;}
	
#zone-navigation li.inactif.securise {
	background:url("images/norm_right_both_securise.png") no-repeat right top;}
 
#zone-navigation li.inactif.securise:hover {
	background-position:100% -150px;}
#zone-navigation li.inactif.securise:hover a {
	background-position:0% -150px;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Général */
.discretion{
	color:#A9A9A9;
	font-size:10px;
	font-weight:normal;}
.description{
	background-color:#f0f0f0;
	white-space:pre-wrap;}
.resultat{
	text-transform:uppercase;}
.ok{
	background-color:#9ED30D !important;}
.ko{
	background-color:#E9584C !important;}
.espace{
	background-color:yellow !important;}
.obligatoire{
	color:red;}
.attention {
  display:block;
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
  text-align:center;
  border: 1px solid red;
  min-height: 30px;
  max-width: 800px;
  padding:10px 5px 5px 50px;}
.information {
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
  text-align:center;
  border:1px solid #5D81BA;
  max-width: 800px;
  min-height:30px;
  padding:10px 5px 5px 50px;}
hr.nettoyage{
	clear:both;
	width:0;}
/* Formulaire */
#zone-form fieldset{
	margin:5px;
	padding:5px;
	float:left;}
#zone-form fieldset legend{
	padding:0 10px;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	background-color:white;
	font-size:1.2em;
	color:#999;}
#zone-form input{
	margin:5px;}
#zone-form textarea{
	with:100%;}
#zone-form input[type="submit"] {
	width:auto !important;
	margin:5px !important;}
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
	background-color:#DEF;}
.case-a-cocher-scroll {
	clear:both;
	height:6em;
	padding:2px;
	margin: 0 0 2px 0;
	overflow:auto;
	width:90%;
	border:1px solid #ccc;
	background-color:#FFF;}
.case-a-cocher-scroll label{
	width:90% !important;}
.case-a-cocher-scroll input{
	margin:0;
	padding:0;
	width:auto !important;}
.case-a-cocher-scroll label:after{
	content:"" !important;}
.liste-simple li, ul.liste-simple, ul.liste-champs{
	list-style-type:none;
	padding:0;
	margin:0 !important;}
.liste-champs li{
	padding:2px;}
.defilant{
	min-height:150px;
	max-height:300px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 17px;
	width: 900px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
.largeur-01{
	width:60px;}
.largeur-01-5{
	width:90px;}	
.largeur-02{
	width:120px;}
.largeur-02-5{
	width:150px;}	
.largeur-03{
	width:180px;}
.largeur-03-5{
	width:210px;}	
.largeur-04{
	width:240px;}
.largeur-05{
	width:300px;}
.largeur-06{
	width:360px;}
.largeur-07{
	width:420px;}
.largeur-08{
	width:480px;}
.largeur-09{
	width:540px;}
.largeur-10{
	width:600px;}
.largeur-11{
	width:660px;}
.largeur-12{
	width:720px;}
.largeur-13{
	width:780px;}
.largeur-14{
	width:840px;}
.largeur-15{
	width:900px;}
.largeur-16{
	width:960px;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Demande de traitements */
.traitement-attente{
	background-color:#F16158;}
.traitement-cours{
	background-color:#FCCB54;}
.traitement-termine{
	background-color:#BBEFA5;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Traitement */
#resultats {
	width:1024px;}
#resultats .numero{
	font-weight:bold;
	width:2%;}
#resultats .nom{
	font-weight:bold;
	width:30%;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Résultat */
#ref-resultat .resultat{
	width:20px;
	padding:5px;}
#ref-resultat .description, #ref-resultat .message{
	width:800px;
	padding:5px;}
#ref-resultat .message p{
	background-color:#f0f0f0;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Résultat consultation*/
#ref-resultat-recherche {
	padding : 5px;
}
.nom_retenu {
	font-weight:bold;}
th {
	background-color:#EFF3FF;}
.transmis td, .transmis{
	background-color:#EAEDCD;}	
.non_transmis td, .non_transmis{
	background-color:#C4AFA8;}	
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Présentation Fiche Taxon*/
.txt-long{
	white-space:pre-wrap;}
p.txt-long{
	width:53.6em;
	padding:.3em;
	background-color:#FFF;}
#texte li{
	margin:0;}
.ref-onglets{
	font-size:0.9em;}
.ref-sommaire a{
	background:none;}
.label-grand dt{
	width:28em;}
.label-court dt{
	width:12em;}
th.vide {
	background-color:transparent;
	border:none;}
#ref-ref-mail pre{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1em;
	margin:1em 0;
	border:none;}
#ref-ref-mail form{
	text-align:center;
	margin:1em 0;
	padding:0;
	}	
#ref-ref-mail label{
	display:inline-block;
	width:150px;
	padding:0 1em;
	text-align:left;
	vertical-align: top;}
#ref-ref-mail textarea{
	width:600px;}
#ref-ref-mail .droite{
	margin-left:130px;}	
#ref-ref-mail .champs{
	width:600px;}	
#ref-ref-mail .valid{
	float:center;
	}
 
		
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Fragmenteur : pagination */
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
    -moz-border-radius: 4px 4px 4px 4px;
    color: white;
    margin: 0 2px;
    padding: 5px;}
.fragmenteur select, .fragmenteur a {
    background-color: #C38673;
    border: 1px solid black;}
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
    background-color: #AEDC43;
    border: 1px solid #86A736;
    font-weight: bold;}
.frag_separateur {
    display: none;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Versionnage */
#zone-form{
	position:relative;
	width:100%;}
#zone-form fieldset:hover{
	background-color:#EFE0D1;}
#ref-demande-versionnage fieldset{
	width:400px;}
#ref-demande-versionnage textarea{
	width:95%;}
#ref-demande-versionnage label{
	display:block;
	float:left;
	width:40%;
	margin:2px 0;}
#ref-demande-versionnage #champs-domaine label{
	width:90%;}
#ref-demande-versionnage input{
	width:100%;
	margin:0 0 2px 0;}
#case-a-cocher-scroll-licence, label[for="referencement"]{
	width:90% !important;}
#case-a-cocher-scroll-licence label{
	width:80%;}
#champs-contributeur{
	clear:left;}
#ref-versionnage-ok{/*Pour IE6*/
	width:auto !important;
	margin:5px !important;}
#champs-contributeur p{
	width:32%;
	float:left;
	font-size:0.8em;
	padding:3px;}
#champs-contributeur div{
	width:66%;
	float:left;
	margin-left:2px;
	padding-left:5px;
	border-left:1px dotted black;}
	
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
.ref-onglets{
	margin:0;/*Pour IE*/
	padding:0;/*Pour IE*/
	height:auto !important;height:100%;/*Pour IE*/}	

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

Subversion Repositories Applications.referentiel

(root)/trunk/interfaces/squelettes/css/referentiel/referentiel.css – Rev 267 → 271