Subversion Repositories eFlore/Applications.coel

Rev

Rev 413 | Rev 425 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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