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

Subversion Repositories Applications.referentiel

(root)/trunk/interfaces/squelettes/css/referentiel/referentiel.css – Rev 210 → 227