WebSVN – Applications.referentiel – Diff – /branches/v2.0-betulales/interfaces/squelettes/css/referentiel/referentiel.css


@CHARSET "UTF-8";
/*--------------------------------------------------------------------------------------------------------------*/
/* Générique */
table {
  border:1px solid #36560B;
  border-collapse: collapse;}
td, th {
  border:1px solid #36560B;
  padding:5px;}
/*--------------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-centrale {
	text-align:center;
	}
#zone-logo{
	left:18px;
	margin:7px 10px;
	position:absolute;
	top:2px;
	z-index:1;}
#zone-entete{
	height:120px;
	margin:0;
	background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
#zone-entete-contenu{
	height:120px;
	background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/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{
 
	float:left;
	z-index:2;
	text-align:left;
	font-weight:bold;}
 
 
 
 
#zone-corps-contenu{
 
	clear:both;
	min-height:300px;
	padding:0 2px;
	text-align:justify;}
#zone-fil-ariane{
	}
#zone-pied{
	}
/*--------------------------------------------------------------------------------------------------------------*/
/* 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(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}
#zone-navigation a {
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
	display:block;
	background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/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 .menu_inactif {
  border-bottom:1px solid;}
#zone-navigation .menu_actif, #zone-navigation .onglet_actif {
  position:relative;
  background-position:100% -150px;
  padding-bottom:2px;
  z-index:3;
  font-weight:bold;}
#zone-navigation .menu_actif a, #zone-navigation .onglet_actif a {
  position:relative;
  background-position:0% -150px;
  padding-bottom:3px;
  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;}
.case-a-cocher-scroll {
    height:6em;
    padding:2px;
    overflow:auto;
    border:1px solid #ccc}
.liste-simple li, ul.liste-simple{
	list-style-type:none;
	padding:0;
	margin:0 !important;}
.liste-champs li, ul.liste-champs{
	list-style-type:none;
	padding:0;
	margin:0 !important;}
.liste-champs li{
	padding:2px;}
 
/*--------------------------------------------------------------------------------------------------------------*/
/* Demande de traitements */
#zone-form input {
	margin:5px;}
.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;}
 
	

Rev 45	Rev 46
1	`@CHARSET "UTF-8";`	1	`@CHARSET "UTF-8";`
2	`/--------------------------------------------------------------------------------------------------------------/`	2	`/--------------------------------------------------------------------------------------------------------------/`
3	`/* Générique */`	3	`/* Générique */`
4	`table {`	4	`table {`
5	`border:1px solid #36560B;`	5	`border:1px solid #36560B;`
6	`border-collapse: collapse;}`	6	`border-collapse: collapse;}`
7	`td, th {`	7	`td, th {`
8	`border:1px solid #36560B;`	8	`border:1px solid #36560B;`
9	`padding:5px;}`	9	`padding:5px;}`
10	`/--------------------------------------------------------------------------------------------------------------/`	10	`/--------------------------------------------------------------------------------------------------------------/`
11	`/* Disposition */`	11	`/* Disposition */`
12	`#zone-centrale {`	12	`#zone-centrale {`
13	`text-align:center;`	13	`text-align:center;`
14	`}`	14	`}`
15	`#zone-logo{`	15	`#zone-logo{`
16	`left:18px;`	16	`left:18px;`
17	`margin:7px 10px;`	17	`margin:7px 10px;`
18	`position:absolute;`	18	`position:absolute;`
19	`top:2px;`	19	`top:2px;`
20	`z-index:1;}`	20	`z-index:1;}`
21	`#zone-entete{`	21	`#zone-entete{`
22	`height:120px;`	22	`height:120px;`
23	`margin:0;`	23	`margin:0;`
24	`background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}`	24	`background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}`
25	`#zone-entete-contenu{`	25	`#zone-entete-contenu{`
26	`height:120px;`	26	`height:120px;`
27	`background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}`	27	`background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}`
28	`#zone-titre-site{`	28	`#zone-titre-site{`
29	`height:38px;`	29	`height:38px;`
30	`margin:0;`	30	`margin:0;`
31	`text-align:right;}`	31	`text-align:right;}`
32	`#zone-titre-site h1{`	32	`#zone-titre-site h1{`
33	`margin:0 20px 0 0;`	33	`margin:0 20px 0 0;`
34	`padding:0;`	34	`padding:0;`
35	`background-color:transparent;`	35	`background-color:transparent;`
36	`font-size:28px;`	36	`font-size:28px;`
37	`font-weight:bold;}`	37	`font-weight:bold;}`
-		38	`#zone-corps{`
-		39	`margin:0;`
-		40	`text-align:left;}`
38	`#zone-navigation{`	41	`#zone-navigation{`
39	`position:relative;`	-
40	`float:left;`	42	`float:left;`
41	`z-index:2;`	43	`z-index:2;`
42	`text-align:left;`	44	`text-align:left;`
43	`font-weight:bold;}`	45	`font-weight:bold;}`
44	`#zone-corps{`	-
45	`position:relative;`	-
46	`margin:0;`	-
47	`text-align:left;}`	-
48	`#zone-corps-contenu{`	46	`#zone-corps-contenu{`
49	`position:relative;`	-
50	`clear:both;`	47	`clear:both;`
51	`min-height:300px;`	48	`min-height:300px;`
52	`padding:0 2px;`	49	`padding:0 2px;`
53	`text-align:justify;}`	50	`text-align:justify;}`
54	`#zone-fil-ariane{`	51	`#zone-fil-ariane{`
55	`}`	52	`}`
56	`#zone-pied{`	53	`#zone-pied{`
57	`}`	54	`}`
58	`/--------------------------------------------------------------------------------------------------------------/`	55	`/--------------------------------------------------------------------------------------------------------------/`
59	`/* Fil d'ariane */`	56	`/* Fil d'ariane */`
60	`#zone-fil-ariane{`	57	`#zone-fil-ariane{`
61	`padding:10px 5px;}`	58	`padding:10px 5px;}`
62	`#zone-fil-ariane p{`	59	`#zone-fil-ariane p{`
63	`font-weight:bold;`	60	`font-weight:bold;`
64	`float:left;`	61	`float:left;`
65	`margin:0;`	62	`margin:0;`
66	`padding-right:5px;}`	63	`padding-right:5px;}`
67	`.fil-ariane{`	64	`.fil-ariane{`
68	`list-style-type:none;`	65	`list-style-type:none;`
69	`margin:0;`	66	`margin:0;`
70	`padding:0;}`	67	`padding:0;}`
71	`.fil-ariane li{`	68	`.fil-ariane li{`
72	`float:left;`	69	`float:left;`
73	`margin:0;`	70	`margin:0;`
74	`padding:0;}`	71	`padding:0;}`
75	`.fil-ariane li:before{`	72	`.fil-ariane li:before{`
76	`content: " > ";}`	73	`content: " > ";}`
77	`.fil-ariane a{`	74	`.fil-ariane a{`
78	`padding:0 5px;}`	75	`padding:0 5px;}`
79	`/--------------------------------------------------------------------------------------------------------------/`	76	`/--------------------------------------------------------------------------------------------------------------/`
80	`/* Navigation onglets */`	77	`/* Navigation onglets */`
81	`#zone-navigation ul {`	78	`#zone-navigation ul {`
82	`margin:0;`	79	`margin:0;`
83	`padding:0;`	80	`padding:0;`
84	`list-style:none;}`	81	`list-style:none;}`
85	`#zone-navigation li {`	82	`#zone-navigation li {`
86	`float:left;`	83	`float:left;`
87	`margin:0;`	84	`margin:0;`
88	`padding:0;`	85	`padding:0;`
89	`background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}`	86	`background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}`
90	`#zone-navigation a {`	87	`#zone-navigation a {`
91	`float:left; /* ligne ajoutee pour compatibilite IE5-Mac */`	88	`float:left; /* ligne ajoutee pour compatibilite IE5-Mac */`
92	`display:block;`	89	`display:block;`
93	`background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;`	90	`background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;`
94	`width:.1em;`	91	`width:.1em;`
95	`white-space:nowrap;/2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet/`	92	`white-space:nowrap;/2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet/`
96	`padding:5px 15px 4px;`	93	`padding:5px 15px 4px;`
97	`text-decoration:none;}`	94	`text-decoration:none;}`
98	`/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/`	95	`/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/`
99	`#zone-navigation a {float:none;}`	96	`#zone-navigation a {float:none;}`
100	`/* End IE5-Mac hack */`	97	`/* End IE5-Mac hack */`
101	`#zone-navigation > ul a {`	98	`#zone-navigation > ul a {`
102	`width:auto;} /propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs/`	99	`width:auto;} /propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs/`
103	`#zone-navigation li:hover {`	100	`#zone-navigation li:hover {`
104	`background-position:100% -150px;}`	101	`background-position:100% -150px;}`
105	`#zone-navigation li:hover a {`	102	`#zone-navigation li:hover a {`
106	`background-position:0% -150px;}`	103	`background-position:0% -150px;}`
107	`#zone-navigation .menu_inactif {`	104	`#zone-navigation .menu_inactif {`
108	`border-bottom:1px solid;}`	105	`border-bottom:1px solid;}`
109	`#zone-navigation .menu_actif, #zone-navigation .onglet_actif {`	106	`#zone-navigation .menu_actif, #zone-navigation .onglet_actif {`
110	`position:relative;`	107	`position:relative;`
111	`background-position:100% -150px;`	108	`background-position:100% -150px;`
112	`padding-bottom:2px;`	109	`padding-bottom:2px;`
113	`z-index:3;`	110	`z-index:3;`
114	`font-weight:bold;}`	111	`font-weight:bold;}`
115	`#zone-navigation .menu_actif a, #zone-navigation .onglet_actif a {`	112	`#zone-navigation .menu_actif a, #zone-navigation .onglet_actif a {`
116	`position:relative;`	113	`position:relative;`
117	`background-position:0% -150px;`	114	`background-position:0% -150px;`
118	`padding-bottom:3px;`	115	`padding-bottom:3px;`
119	`z-index:4;}`	116	`z-index:4;}`
120		117
121		118
122	`/--------------------------------------------------------------------------------------------------------------/`	119	`/--------------------------------------------------------------------------------------------------------------/`
123	`/* Général */`	120	`/* Général */`
124	`.discretion{`	121	`.discretion{`
125	`color:#A9A9A9;`	122	`color:#A9A9A9;`
126	`font-size:10px;`	123	`font-size:10px;`
127	`font-weight:normal;}`	124	`font-weight:normal;}`
128	`.description{`	125	`.description{`
129	`background-color:#f0f0f0;`	126	`background-color:#f0f0f0;`
130	`white-space:pre-wrap;}`	127	`white-space:pre-wrap;}`
131	`.resultat{`	128	`.resultat{`
132	`text-transform:uppercase;}`	129	`text-transform:uppercase;}`
133	`.ok{`	130	`.ok{`
134	`background-color:#9ED30D !important;}`	131	`background-color:#9ED30D !important;}`
135	`.ko{`	132	`.ko{`
136	`background-color:#E9584C !important;}`	133	`background-color:#E9584C !important;}`
137	`.espace{`	134	`.espace{`
138	`background-color:yellow !important;}`	135	`background-color:yellow !important;}`
139	`.case-a-cocher-scroll {`	136	`.case-a-cocher-scroll {`
140	`height:6em;`	137	`height:6em;`
141	`padding:2px;`	138	`padding:2px;`
142	`overflow:auto;`	139	`overflow:auto;`
143	`border:1px solid #ccc}`	140	`border:1px solid #ccc}`
144	`.liste-simple li, ul.liste-simple{`	141	`.liste-simple li, ul.liste-simple{`
145	`list-style-type:none;`	142	`list-style-type:none;`
146	`padding:0;`	143	`padding:0;`
147	`margin:0 !important;}`	144	`margin:0 !important;}`
148	`.liste-champs li, ul.liste-champs{`	145	`.liste-champs li, ul.liste-champs{`
149	`list-style-type:none;`	146	`list-style-type:none;`
150	`padding:0;`	147	`padding:0;`
151	`margin:0 !important;}`	148	`margin:0 !important;}`
152	`.liste-champs li{`	149	`.liste-champs li{`
153	`padding:2px;}`	150	`padding:2px;}`
154		151
155	`/--------------------------------------------------------------------------------------------------------------/`	152	`/--------------------------------------------------------------------------------------------------------------/`
156	`/* Demande de traitements */`	153	`/* Demande de traitements */`
157	`#zone-form input {`	154	`#zone-form input {`
158	`margin:5px;}`	155	`margin:5px;}`
159	`.traitement-attente{`	156	`.traitement-attente{`
160	`background-color:#F16158;}`	157	`background-color:#F16158;}`
161	`.traitement-cours{`	158	`.traitement-cours{`
162	`background-color:#FCCB54;}`	159	`background-color:#FCCB54;}`
163	`.traitement-termine{`	160	`.traitement-termine{`
164	`background-color:#BBEFA5;}`	161	`background-color:#BBEFA5;}`
165	`/--------------------------------------------------------------------------------------------------------------/`	162	`/--------------------------------------------------------------------------------------------------------------/`
166	`/* Traitement */`	163	`/* Traitement */`
167	`#resultats {`	164	`#resultats {`
168	`width:1024px;}`	165	`width:1024px;}`
169	`#resultats .numero{`	166	`#resultats .numero{`
170	`font-weight:bold;`	167	`font-weight:bold;`
171	`width:2%;}`	168	`width:2%;}`
172	`#resultats .nom{`	169	`#resultats .nom{`
173	`font-weight:bold;`	170	`font-weight:bold;`
174	`width:30%;}`	171	`width:30%;}`
175	`/--------------------------------------------------------------------------------------------------------------/`	172	`/--------------------------------------------------------------------------------------------------------------/`
176	`/* Résultat */`	173	`/* Résultat */`
177	`#ref-resultat .resultat{`	174	`#ref-resultat .resultat{`
178	`width:20px;`	175	`width:20px;`
179	`padding:5px;}`	176	`padding:5px;}`
180	`#ref-resultat .description, #ref-resultat .message{`	177	`#ref-resultat .description, #ref-resultat .message{`
181	`width:800px;`	178	`width:800px;`
182	`padding:5px;}`	179	`padding:5px;}`
183	`#ref-resultat .message p{`	180	`#ref-resultat .message p{`
184	`background-color:#f0f0f0;}`	181	`background-color:#f0f0f0;}`
185		182
186		183

Subversion Repositories Applications.referentiel

(root)/branches/v2.0-betulales/interfaces/squelettes/css/referentiel/referentiel.css @ 365 – Rev 45 → 46