Subversion Repositories eFlore/Applications.coel

Rev

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

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