Subversion Repositories eFlore/Applications.coel

Rev

Rev 236 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 236 Rev 308
Line 1... Line 1...
1
/** Les CSS de l'application COEL */
1
/** Les CSS de l'application COEL */
2
 
-
 
3
* {
2
*{
4
	margin: 0px;
3
	margin:0;
5
	padding: 0px;}
4
	padding:0;}
6
 
-
 
7
/* #------------------------------------------------------------------------------------------------------#	*/
5
/* #------------------------------------------------------------------------------------------------------#	*/
8
/* 												CHARGEMENT APPLICATION										*/
6
/* 												CHARGEMENT APPLICATION										*/
9
/* #------------------------------------------------------------------------------------------------------#	*/
7
/* #------------------------------------------------------------------------------------------------------#	*/
10
#loading {
8
#loading{
11
	position: absolute;
9
	position: absolute;
12
	left: 45%;
10
	left: 45%;
13
	top: 40%;
11
	top: 40%;
14
	margin-left: -45px;
12
	margin-left: -45px;
15
	padding: 2px;
13
	padding: 2px;
16
	z-index: 20001;
14
	z-index: 20001;
17
	height: auto;
15
	height: auto;
18
	border: 1px solid #ccc;
16
	border: 1px solid #ccc;
19
	width:400px;}
17
	width:400px;}
20
#loading a {
18
#loading a{
21
	color: #225588;}
19
	color: #225588;}
22
#loading .loading-indicator {
20
#loading .loading-indicator{
23
	background: white;
21
	background: white;
24
	color: #444;
22
	color: #444;
25
	font: bold 13px tahoma, arial, helvetica;
23
	font: bold 13px tahoma, arial, helvetica;
26
	padding: 10px;
24
	padding: 10px;
27
	margin: 0;
25
	margin: 0;
28
	height: auto;}
26
	height: auto;}
29
#loading .loading-indicator img {
27
#loading .loading-indicator img{
30
	margin-right:8px;
28
	margin-right:8px;
31
	float:left;
29
	float:left;
32
	vertical-align:top;}
30
	vertical-align:top;}
33
#loading-msg {
31
#loading-msg{
34
	font: normal 10px arial, tahoma, sans-serif;}
32
	font: normal 10px arial, tahoma, sans-serif;}
35
/* #------------------------------------------------------------------------------------------------------#	*/
33
/* #------------------------------------------------------------------------------------------------------#	*/
36
/*												G�N�RAL														*/
34
/*												GÉNÉRAL														*/
37
/* #------------------------------------------------------------------------------------------------------#	*/
35
/* #------------------------------------------------------------------------------------------------------#	*/
38
.attention {
36
.attention{
39
	font:bold 14px;
37
	font:bold 14px;
40
	color:red;}
38
	color:red;}
41
/* #------------------------------------------------------------------------------------------------------#	*/
39
/* #------------------------------------------------------------------------------------------------------#	*/
42
/*												ENT�TE 														*/
40
/*												ENTÊTE 														*/
43
/* #------------------------------------------------------------------------------------------------------#	*/
41
/* #------------------------------------------------------------------------------------------------------#	*/
44
#coel-entete {
42
#coel-entete{
45
	color:white;
43
	color:white;
46
	height:100px;
44
	height:100px;
47
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
45
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
48
	border:0pt none;
46
	border:0pt none;
49
	padding-left:3px;}
47
	padding-left:3px;}
50
#coel-titre {
48
#coel-titre{
51
	font-family:tahoma, arial, sans-serif;
49
	font-family:tahoma, arial, sans-serif;
52
	font-size:16px;
50
	font-size:16px;
53
	font-size-adjust:none;
51
	font-size-adjust:none;
54
	font-stretch:normal;
52
	font-stretch:normal;
55
	font-style:normal;
53
	font-style:normal;
Line 61... Line 59...
61
	float:right;
59
	float:right;
62
	margin:2 5 0 0px}
60
	margin:2 5 0 0px}
63
/* #------------------------------------------------------------------------------------------------------#	*/
61
/* #------------------------------------------------------------------------------------------------------#	*/
64
/*												AIDE														*/
62
/*												AIDE														*/
65
/* #------------------------------------------------------------------------------------------------------#	*/
63
/* #------------------------------------------------------------------------------------------------------#	*/
66
#coel-id-pano-aide{
64
#coel-id-panneau-aide{
67
	font-size: 11px;
65
	font-size: 11px;
68
	margin:5px;}
66
	margin:5px;}
-
 
67
#coel-id-panneau-aide ul{
-
 
68
	list-style-type:disc;
-
 
69
	padding-left:15px;}
-
 
70
#coel-id-panneau-aide ol{
-
 
71
	list-style-type:decimal;
-
 
72
	padding-left:15px;}
69
/* #------------------------------------------------------------------------------------------------------#	*/
73
/* #------------------------------------------------------------------------------------------------------#	*/
70
/*												PANNEAU D�TAIL												*/
74
/*												PANNEAU DÉTAIL												*/
71
/* #------------------------------------------------------------------------------------------------------#	*/
75
/* #------------------------------------------------------------------------------------------------------#	*/
72
.coel-detail {
76
.coel-detail{
73
	height: 55px;
77
	height: 55px;
74
	background-color: #ddd;
78
	background-color: #ddd;
75
	border-bottom: 1px solid silver;}
79
	border-bottom: 1px solid silver;}
76
.coel-detail h1 {
80
.coel-detail h1{
77
	font-weight: bold;
81
	font-weight: bold;
78
	font-size: 12px;
82
	font-size: 12px;
79
	padding: 5 0 2 5px;}
83
	padding: 5 0 2 5px;}
80
.coel-detail h2 {
84
.coel-detail h2{
81
	font-size: 11px;
85
	font-size: 11px;
82
	font-weight: normal;
86
	font-weight: normal;
83
	padding: 0 5 0 5px;}
87
	padding: 0 5 0 5px;}
84
.coel-detail h3 {
88
.coel-detail h3{
85
	font-size: 11px;
89
	font-size: 11px;
86
	font-weight: normal;
90
	font-weight: normal;
87
	padding: 0 5 5 5px;}
91
	padding: 0 5 5 5px;}
88
.coel-detail-body {
92
.coel-detail-body {
89
	padding: 12px;}
93
	padding: 12px;}
90
/* Liste de d�finition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */
94
/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */
91
dl.hb_affichage_tabulaire {
95
dl.hb_affichage_tabulaire{
92
	width: 61em;}
96
	width: 61em;}
93
.hb_affichage_tabulaire dt {
97
.hb_affichage_tabulaire dt{
94
	width: 20em;
98
	width: 20em;
95
	float: left;
99
	float: left;
96
	margin: 0;
100
	margin: 0;
97
	padding: .2em;}
101
	padding: .2em;}
98
/* hack de commentaire avec un antislash pour ie5 mac \*/
102
/* hack de commentaire avec un antislash pour ie5 mac \*/
99
dt {
103
dt{
100
	clear: both;}
104
	clear: both;}
101
/* end hack */
105
/* end hack */
102
.hb_affichage_tabulaire dd {
106
.hb_affichage_tabulaire dd{
103
	float: left;
107
	float: left;
104
	z-index:1;
108
	z-index:1;
105
	width: 40em;
109
	width: 40em;
106
	margin: 0;
110
	margin: 0;
107
	padding: .2em;}
111
	padding: .2em;}
108
h2, .parent, .hb_espace, .hb_ligne {
112
h2, .parent, .hb_espace, .hb_ligne{
109
	clear: both;}
113
	clear: both;}
110
.hb_titre_en_ligne {
114
.hb_titre_en_ligne{
111
	display: inline;
115
	display: inline;
112
	padding-top: 1em;}
116
	padding-top: 1em;}
113
#hb_renseignement_admin{
117
#hb_renseignement_admin{
114
	max-width:650px;
118
	max-width:650px;
115
	float:left;}
119
	float:left;}
116
#hb_logo {
120
#hb_logo{
117
	float:right;}
121
	float:right;}
118
dt, label {
122
dt, label{
119
	font-weight: bold;}
123
	font-weight: bold;}
120
form ul {
124
form ul{
121
	list-style-type: none;}
125
	list-style-type: none;}
122
.hb_img_icone {
126
.hb_img_icone{
123
	border:0;
127
	border:0;
124
	width:9px;
128
	width:9px;
125
	height:9px;}
129
	height:9px;}
126
.hb_img_fermer {
130
.hb_img_fermer{
127
	border:0;
131
	border:0;
128
	width:9px;
132
	width:9px;
129
	height:9px;}
133
	height:9px;}
130
.hb_ligne {
134
.hb_ligne{
131
	border: .2em dotted;
135
	border: .2em dotted;
132
	width:4em;}
136
	width:4em;}
133
.hb_plier_deplier td{
137
.hb_plier_deplier td{
134
	padding:0;
138
	padding:0;
135
	margin:0;
139
	margin:0;
Line 142... Line 146...
142
	text-align:left;
146
	text-align:left;
143
	vertical-align:top;
147
	vertical-align:top;
144
	border-width:0;}
148
	border-width:0;}
145
.pair{
149
.pair{
146
	background-color: #FAD2C6;}
150
	background-color: #FAD2C6;}
147
 
-
 
148
/* #------------------------------------------------------------------------------------------------------#	*/
151
/* #------------------------------------------------------------------------------------------------------#	*/
149
/*												�CONES 														*/
152
/*												ÎCONES 														*/
150
/* #------------------------------------------------------------------------------------------------------#	*/
153
/* #------------------------------------------------------------------------------------------------------#	*/
-
 
154
.no-icone{
-
 
155
	padding:0;}
151
.icone-aide {
156
.icone-aide{
152
	background: url(images/icones/aide.png) no-repeat center left !important;}
157
	background:url(images/icones/aide.png) no-repeat center left !important;}
153
.icone-ajouter {
158
.icone-ajouter{
154
	background: url(images/icones/ajouter.png) no-repeat center left !important;}
159
	background:url(images/icones/ajouter.png) no-repeat center left !important;}
155
.icone-appli {
160
.icone-appli{
156
	background: url(images/icones/application.png) no-repeat center left !important;}
161
	background:url(images/icones/application.png) no-repeat center left !important;}
157
.icone-appli-panneau-liste {
162
.icone-appli-panneau-liste{
158
	background: url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
163
	background:url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
159
.icone-bascule {
164
.icone-bascule{
160
	background: url(images/icones/fleche_bascule.png) no-repeat center left !important;}
165
	background:url(images/icones/fleche_bascule.png) no-repeat center left !important;}
161
.icone-bel {
166
.icone-bel{
162
	background: url(images/icones/livre_ouvert.png) no-repeat center left !important;}
167
	background:url(images/icones/livre_ouvert.png) no-repeat center left !important;}
163
.icone-cel {
168
.icone-cel{
164
	background: url(images/icones/images.png) no-repeat center left !important;}
169
	background:url(images/icones/images.png) no-repeat center left !important;}
165
.icone-connexion {
170
.icone-connexion{
166
	background: url(images/icones/connexion.png) no-repeat center left !important;}
171
	background:url(images/icones/connexion.png) no-repeat center left !important;}
167
.icone-deconnexion {
172
.icone-deconnexion{
168
	background: url(images/icones/deconnexion.png) no-repeat center left !important;}
173
	background:url(images/icones/deconnexion.png) no-repeat center left !important;}
169
.icone-form-ajouter {
174
.icone-form-ajouter{
170
	background: url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
175
	background:url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
171
.icone-form-modifier {
176
.icone-form-modifier{
172
	background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
177
	background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
173
.icone-imprimer {
178
.icone-imprimer{
174
	background: url(images/icones/imprimer.png) no-repeat center left !important;}
179
	background:url(images/icones/imprimer.png) no-repeat center left !important;}
175
.icone-information {
180
.icone-information{
176
	background: url(images/icones/information.png) no-repeat center left !important;}
181
	background:url(images/icones/information.png) no-repeat center left !important;}
177
.icone-modifier {
182
.icone-modifier{
178
	background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
183
	background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
179
.icone-param {
184
.icone-param{
180
	background: url(images/icones/engrenages.png) no-repeat center left !important;}
185
	background:url(images/icones/engrenages.png) no-repeat center left !important;}
181
.icone-preference {
186
.icone-preference{
182
	background: url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
187
	background:url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
183
.icone-supprimer {
188
.icone-supprimer{
184
	background: url(images/icones/supprimer.png) no-repeat center left !important;}
189
	background:url(images/icones/supprimer.png) no-repeat center left !important;}
185
.icone-table {
190
.icone-table{
186
	background: url(images/icones/table.png) no-repeat center left !important;}
191
	background:url(images/icones/table.png) no-repeat center left !important;}
187
.icone-utilisateur {
192
.icone-utilisateur{
188
	background: url(images/icones/utilisateur.png) no-repeat center left !important;}
193
	background:url(images/icones/utilisateur.png) no-repeat center left !important;}
189
.icone-vcard-ajouter {
194
.icone-vcard-ajouter{
190
	background: url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
195
	background:url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
191
.icone-vcard-supprimer {
196
.icone-vcard-supprimer{
192
	background: url(images/icones/vcard_supprimer.png) no-repeat center left !important;}
197
	background:url(images/icones/vcard_supprimer.png) no-repeat center left !important;}
193
.icone-rafraichir {
198
.icone-rafraichir{
194
	background: url(images/icones/rafraichir.png) no-repeat center left !important;}
199
	background:url(images/icones/rafraichir.png) no-repeat center left !important;}
195
	
-
 
196
/* #------------------------------------------------------------------------------------------------------#    */
200
/* #------------------------------------------------------------------------------------------------------#*/
197
/*                                              IMAGES                                                        */
201
/*                                              IMAGES                                                     */
198
/* #------------------------------------------------------------------------------------------------------# */
202
/* #------------------------------------------------------------------------------------------------------#*/
199
.conteneur-image-centre {
203
.conteneur-image-centre{
200
	text-align: center;
204
	text-align: center;}
201
}
-
 
202
 
-
 
203
.logo-personne {
205
.logo-personne{
204
	max-height: 250px;
206
	max-height: 250px;}	
205
}	
-
 
206
 
-
 
207
    /* #------------------------------------------------------------------------------------------------------#    */
207
/* #----------------------------------------------------------------------------------------------------------#*/
208
/*                                              PANNEAU PUBLICATION                                                        */
208
/*                                              PANNEAU PUBLICATION                                            */
209
/* #------------------------------------------------------------------------------------------------------# */
209
/* #----------------------------------------------------------------------------------------------------------#*/
210
 
-
 
211
.x-formulaire-auteur {
210
.x-formulaire-auteur{
212
    padding-left: 100px; 
211
    padding-left: 100px;}
213
}
-
 
214
 
-
 
215
.x-formulaire-auteur-label {
212
.x-formulaire-auteur-label{
216
	padding:3px 0 !important;
213
	padding:3px 0 !important;
217
	text-align:left;
214
	text-align:left;
218
	clear:left;
215
	clear:left;
219
	display:block;
216
	display:block;
220
	float:left;
217
	float:left;
Line 226... Line 223...
226
	font-family:tahoma,arial,helvetica,sans-serif;
223
	font-family:tahoma,arial,helvetica,sans-serif;
227
	font-size:12px;
224
	font-size:12px;
228
	font-size-adjust:none;
225
	font-size-adjust:none;
229
	font-style:normal;
226
	font-style:normal;
230
	font-variant:normal;
227
	font-variant:normal;
231
	line-height:normal;
-
 
232
}
-
 
233
228
	line-height:normal;}
-
 
229
234
230