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

Subversion Repositories Applications.referentiel

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