Subversion Repositories eFlore/Applications.coel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

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