Subversion Repositories eFlore/Applications.coel

Rev

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

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