Subversion Repositories eFlore/Applications.coel

Rev

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

Rev 1415 Rev 1790
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
	padding:5px;
45
	width:45%;}
45
	width:45%;}
46
.coel-clear{
46
.coel-clear{
47
	clear:both;
47
	clear:both;
48
	line-height:0;
48
	line-height:0;
49
	border:none;
49
	border:none;
50
	width:0;/*Pour IE*/}
50
	width:0;/*Pour IE*/}
51
.coel-meta{
51
.coel-meta{
52
	font-size:10px;
52
	font-size:10px;
53
	font-weight:normal;}
53
	font-weight:normal;}
54
.coel-indentation{
54
.coel-indentation{
55
	padding-left:15px;}
55
	padding-left:15px;}
56
a.coel-lien-externe:after{
56
a.coel-lien-externe:after{
57
	content:" " url(images/icones/lien_externe.png);}
57
	content:" " url(images/icones/lien_externe.png);}
-
 
58
	
-
 
59
#coel-panneau-onglets-navigation ul {
-
 
60
    width: 100%;
-
 
61
}
-
 
62
 
-
 
63
#ListeOngletsNavigation__Statistiques {
-
 
64
    float: right;
-
 
65
    margin-right: 3px;
-
 
66
}
-
 
67
 
-
 
68
#ListeOngletsNavigation > div {
-
 
69
	width: 100% !important;
-
 
70
}
-
 
71
 
58
/* #------------------------------------------------------------------------------------------------------#	*/
72
/* #------------------------------------------------------------------------------------------------------#	*/
59
/*												ENTÊTE 														*/
73
/*												ENTÊTE 														*/
60
/* #------------------------------------------------------------------------------------------------------#	*/
74
/* #------------------------------------------------------------------------------------------------------#	*/
61
#coel-entete{
75
#coel-entete{
62
	color:white;
76
	color:white;
63
	height:100px;
77
	height:100px;
64
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
78
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
65
	border:0pt none;
79
	border:0pt none;
66
	padding-left:3px;}
80
	padding-left:3px;}
67
#coel-titre{
81
#coel-titre{
68
	font-family:tahoma, arial, sans-serif;
82
	font-family:tahoma, arial, sans-serif;
69
	font-size:16px;
83
	font-size:16px;
70
	font-size-adjust:none;
84
	font-size-adjust:none;
71
	font-stretch:normal;
85
	font-stretch:normal;
72
	font-style:normal;
86
	font-style:normal;
73
	font-variant:normal;
87
	font-variant:normal;
74
	font-weight:normal;
88
	font-weight:normal;
75
	line-height:normal;
89
	line-height:normal;
76
	padding:0 0 8 6px;}
90
	padding:0 0 8 6px;}
77
#coel-identification{
91
#coel-identification{
78
	color:white;
92
	color:white;
79
	float:right;
93
	float:right;
80
	margin:2 5 0 0px}
94
	margin:2 5 0 0px}
81
/* #------------------------------------------------------------------------------------------------------#	*/
95
/* #------------------------------------------------------------------------------------------------------#	*/
82
/*												AIDE														*/
96
/*												AIDE														*/
83
/* #------------------------------------------------------------------------------------------------------#	*/
97
/* #------------------------------------------------------------------------------------------------------#	*/
84
#coel-id-panneau-aide{
98
#coel-id-panneau-aide{
85
	font-size:11px;
99
	font-size:11px;
86
	margin:5px;}
100
	margin:5px;}
87
#coel-id-panneau-aide ul{
101
#coel-id-panneau-aide ul{
88
	list-style-type:disc;
102
	list-style-type:disc;
89
	padding-left:15px;}
103
	padding-left:15px;}
90
#coel-id-panneau-aide ol{
104
#coel-id-panneau-aide ol{
91
	list-style-type:decimal;
105
	list-style-type:decimal;
92
	padding-left:15px;}
106
	padding-left:15px;}
93
/* #------------------------------------------------------------------------------------------------------#	*/
107
/* #------------------------------------------------------------------------------------------------------#	*/
94
/*												CONNEXION/DECONNEXION										*/
108
/*												CONNEXION/DECONNEXION										*/
95
/* #------------------------------------------------------------------------------------------------------#	*/
109
/* #------------------------------------------------------------------------------------------------------#	*/
96
#coel-identification-zone-msg{
110
#coel-identification-zone-msg{
97
	text-align:center;
111
	text-align:center;
98
	background-color:#F8B9B9;
112
	background-color:#F8B9B9;
99
	border:1px solid red;
113
	border:1px solid red;
100
	margin:5px 0;}
114
	margin:5px 0;}
101
/* #------------------------------------------------------------------------------------------------------#	*/
115
/* #------------------------------------------------------------------------------------------------------#	*/
102
/*												PANNEAU DÉTAIL												*/
116
/*												PANNEAU DÉTAIL												*/
103
/* #------------------------------------------------------------------------------------------------------#	*/
117
/* #------------------------------------------------------------------------------------------------------#	*/
104
#coel-detail-entete{
118
#coel-detail-entete{
105
	height:45px;
119
	height:45px;
106
	background-color:#ddd;
120
	background-color:#ddd;
107
	border-bottom:1px solid silver;}
121
	border-bottom:1px solid silver;}
108
 
122
 
109
#coel-detail-entete h1{
123
#coel-detail-entete h1{
110
	font-weight:bold;
124
	font-weight:bold;
111
	font-size:12px;
125
	font-size:12px;
112
	padding:5 0 2 5px;}
126
	padding:5 0 2 5px;}
113
#coel-detail-entete h2{
127
#coel-detail-entete h2{
114
	font-size:11px;
128
	font-size:11px;
115
	font-weight:normal;
129
	font-weight:normal;
116
	padding:0 5 0 5px;}
130
	padding:0 5 0 5px;}
117
#coel-detail-entete .coel-meta{
131
#coel-detail-entete .coel-meta{
118
	position:absolute;
132
	position:absolute;
119
	top:0;
133
	top:0;
120
	right:0;
134
	right:0;
121
	padding:5px;}
135
	padding:5px;}
122
 
136
 
123
.coel-detail-corps-contenu{
137
.coel-detail-corps-contenu{
124
	padding:0 12px;
138
	padding:0 12px;
125
	background-color:white;}
139
	background-color:white;}
126
.coel-detail-corps-contenu h2{
140
.coel-detail-corps-contenu h2{
127
	font-size:14px;
141
	font-size:14px;
128
	color:#1C3C78;
142
	color:#1C3C78;
129
	padding:12px 0 5px 0;}
143
	padding:12px 0 5px 0;}
130
.coel-detail-corps-contenu h3{
144
.coel-detail-corps-contenu h3{
131
	font-style:italic;
145
	font-style:italic;
132
	padding:12px 0 5px 0;}
146
	padding:12px 0 5px 0;}
133
	
147
	
134
.coel-detail-corps-contenu table{
148
.coel-detail-corps-contenu table{
135
	border:1px solid #1C3C78;
149
	border:1px solid #1C3C78;
136
	border-collapse:collapse;
150
	border-collapse:collapse;
137
	width:100% !important;width:95%;/*Pour IE*/
151
	width:100% !important;width:95%;/*Pour IE*/
138
	margin:auto;}
152
	margin:auto;}
139
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
153
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
140
	background-color:#D0E3FA;
154
	background-color:#D0E3FA;
141
	background-image:url(sky.jpg);
155
	background-image:url(sky.jpg);
142
	border:1px solid #1C3C78;}
156
	border:1px solid #1C3C78;}
143
.coel-detail-corps-contenu tbody{
157
.coel-detail-corps-contenu tbody{
144
	background-color:#FFFFFF;
158
	background-color:#FFFFFF;
145
	border:1px solid #1C3C78;}
159
	border:1px solid #1C3C78;}
146
.coel-detail-corps-contenu th{
160
.coel-detail-corps-contenu th{
147
	font-family:monospace;
161
	font-family:monospace;
148
	border:1px dotted #1C3C78;
162
	border:1px dotted #1C3C78;
149
	padding:5px;
163
	padding:5px;
150
	background-color:#EFF6FF;
164
	background-color:#EFF6FF;
151
	width:25%;}
165
	width:25%;}
152
.coel-detail-corps-contenu td{
166
.coel-detail-corps-contenu td{
153
	font-family:sans-serif;
167
	font-family:sans-serif;
154
	font-size:80%;
168
	font-size:80%;
155
	border:1px solid #1C3C78;
169
	border:1px solid #1C3C78;
156
	padding:5px;
170
	padding:5px;
157
	text-align:left;}
171
	text-align:left;}
158
.coel-detail-corps-contenu caption{
172
.coel-detail-corps-contenu caption{
159
	font-family:sans-serif;}
173
	font-family:sans-serif;}
160
 
174
 
161
.coel-detail-corps-contenu ul{
175
.coel-detail-corps-contenu ul{
162
	list-style-type:disc;}
176
	list-style-type:disc;}
163
.coel-detail-corps-contenu li{
177
.coel-detail-corps-contenu li{
164
	margin-left:25px;
178
	margin-left:25px;
165
	padding:2px;}
179
	padding:2px;}
166
 
180
 
167
#personne-logo-div	{
181
#personne-logo-div	{
168
	position:absolute; 
182
	position:absolute; 
169
	right:0; 
183
	right:0; 
170
	width:30%; 
184
	width:30%; 
171
	text-align:right;
185
	text-align:right;
172
}
186
}
173
 
187
 
174
#personne-logo-div	img {
188
#personne-logo-div	img {
175
	height:40px;
189
	height:40px;
176
}
190
}
177
/* #------------------------------------------------------------------------------------------------------#	*/
191
/* #------------------------------------------------------------------------------------------------------#	*/
178
/*												ÎCONES 														*/
192
/*												ÎCONES 														*/
179
/* #------------------------------------------------------------------------------------------------------#	*/
193
/* #------------------------------------------------------------------------------------------------------#	*/
180
.no-icone{
194
.no-icone{
181
	padding:0;}
195
	padding:0;}
182
/* #------------------------------------------------------------------------------------------------------#*/
196
/* #------------------------------------------------------------------------------------------------------#*/
183
/*                                              IMAGES                                                     */
197
/*                                              IMAGES                                                     */
184
/* #------------------------------------------------------------------------------------------------------#*/
198
/* #------------------------------------------------------------------------------------------------------#*/
185
.conteneur-image-centre{
199
.conteneur-image-centre{
186
	text-align:center;}
200
	text-align:center;}
187
.logo-personne{
201
.logo-personne{
188
	max-height:250px;}	
202
	max-height:250px;}	
189
/* #----------------------------------------------------------------------------------------------------------#*/
203
/* #----------------------------------------------------------------------------------------------------------#*/
190
/*                                              PANNEAU PUBLICATION                                            */
204
/*                                              PANNEAU PUBLICATION                                            */
191
/* #----------------------------------------------------------------------------------------------------------#*/
205
/* #----------------------------------------------------------------------------------------------------------#*/
192
 
206
 
193
.x-formulaire-auteur{
207
.x-formulaire-auteur{
194
    padding-left:100px;}
208
    padding-left:100px;}
195
.x-formulaire-auteur-label{
209
.x-formulaire-auteur-label{
196
	padding:3px 0 !important;
210
	padding:3px 0 !important;
197
	text-align:left;
211
	text-align:left;
198
	clear:left;
212
	clear:left;
199
	display:block;
213
	display:block;
200
	float:left;
214
	float:left;
201
	padding:3px 3px 3px 0;
215
	padding:3px 3px 3px 0;
202
	position:relative;
216
	position:relative;
203
	width:100px;
217
	width:100px;
204
	z-index:2;
218
	z-index:2;
205
	font-weight:bold;
219
	font-weight:bold;
206
	font-family:tahoma,arial,helvetica,sans-serif;
220
	font-family:tahoma,arial,helvetica,sans-serif;
207
	font-size:12px;
221
	font-size:12px;
208
	font-size-adjust:none;
222
	font-size-adjust:none;
209
	font-style:normal;
223
	font-style:normal;
210
	font-variant:normal;
224
	font-variant:normal;
211
	line-height:normal;}
225
	line-height:normal;}
212
/* #----------------------------------------------------------------------------------------------------------#*/
226
/* #----------------------------------------------------------------------------------------------------------#*/
213
/*                                              AUTRES				                                           */
227
/*                                              AUTRES				                                           */
214
/* #----------------------------------------------------------------------------------------------------------#*/
228
/* #----------------------------------------------------------------------------------------------------------#*/
215
#main-button button{
229
#main-button button{
216
	font-weight:bold;
230
	font-weight:bold;
217
	text-decoration:underline;}
231
	text-decoration:underline;}
218
/* #----------------------------------------------------------------------------------------------------------#*/
232
/* #----------------------------------------------------------------------------------------------------------#*/
219
/*                                              FORMULAIRE			                                           */
233
/*                                              FORMULAIRE			                                           */
220
/* #----------------------------------------------------------------------------------------------------------#*/
234
/* #----------------------------------------------------------------------------------------------------------#*/
221
.coel-obligatoire, .coel-obligatoire input, .coel-obligatoire textarea{
235
.coel-obligatoire, .coel-obligatoire input, .coel-obligatoire textarea{
222
	background:#FAA391;}
236
	background:#FAA391;}
223
.coel-obligatoire-ok, .coel-obligatoire-ok input, .coel-obligatoire-ok textarea {
237
.coel-obligatoire-ok, .coel-obligatoire-ok input, .coel-obligatoire-ok textarea {
224
	background:#B7DAAA;}
238
	background:#B7DAAA;}