Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3825 Rev 3829
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
 
2
 
3
#info-img-galerie {
3
#info-img-galerie {
4
	display: flex;
4
	display: flex;
5
	justify-content: center;
5
	justify-content: center;
6
	height: 100vh;
6
	height: 100vh;
7
}
7
}
8
 
8
 
9
.modal-open .modal {
9
.modal-open .modal {
10
	/*overflow: hidden;*/
10
	/*overflow: hidden;*/
11
}
11
}
12
 
12
 
13
.modal-header {
13
.modal-header {
14
	padding: 1rem;
14
	padding: 1rem;
15
	border: none;
15
	border: none;
16
	position: fixed;
16
	position: fixed;
17
	top: 20px;
17
	top: 20px;
18
	right: 20px;
18
	right: 20px;
19
	color: #fff;
19
	color: #fff;
20
	font-size: 1.5rem;
20
	font-size: 1.5rem;
21
	z-index: 10;
21
	z-index: 10;
22
}
22
}
23
 
23
 
24
.modal-header .close {
24
.modal-header .close {
25
	text-shadow: none;
25
	text-shadow: none;
26
	background-color: rgba(0, 0, 0, 0.2);
26
	background-color: rgba(0, 0, 0, 0.2);
27
	color: #fff;
27
	color: #fff;
28
	font-size: 1rem;
28
	font-size: 1rem;
29
	padding: 1px;
29
	padding: 1px;
30
	margin: 0;
30
	margin: 0;
31
	position: fixed;
31
	position: fixed;
32
	top: 2px;
32
	top: 2px;
33
	right: 2px;
33
	right: 2px;
34
	opacity: 1;
34
	opacity: 1;
35
}
35
}
36
 
36
 
37
.close:not(:disabled):not(.disabled):focus,
37
.close:not(:disabled):not(.disabled):focus,
38
.close:not(:disabled):not(.disabled):hover {
38
.close:not(:disabled):not(.disabled):hover {
39
	color: #918a6f;
39
	color: #918a6f;
40
	background-color: rgba(0, 0, 0, 0.2);
40
	background-color: rgba(0, 0, 0, 0.2);
41
	box-shadow: none;
41
	box-shadow: none;
42
}
42
}
43
 
43
 
44
.modal-body {
44
.modal-body {
45
	padding: 0;
45
	padding: 0;
46
	margin: 0;
46
	margin: 0;
47
	min-height: 100vh;
47
	min-height: 100vh;
48
}
48
}
49
 
49
 
50
.modal-dialog {
50
.modal-dialog {
51
  width: 100vw;
51
  width: 100vw;
52
  height: 100vh;
52
  height: 100vh;
53
  max-width: 100vw;
53
  max-width: 100vw;
54
  max-height: 100vh;
54
  max-height: 100vh;
55
  margin: 0;
55
  margin: 0;
56
  padding: 0;
56
  padding: 0;
57
}
57
}
58
 
58
 
59
.modal-content {
59
.modal-content {
60
  max-height: 100vh;
60
  max-height: 100vh;
61
  min-height: 100vh;
61
  min-height: 100vh;
62
  border-radius: 0;
62
  border-radius: 0;
63
  margin: 0;
63
  margin: 0;
64
  padding: 0;
64
  padding: 0;
65
  background-color: rgba(0, 0, 0, 0.8);
65
  background-color: rgba(0, 0, 0, 0.8);
66
  border:none;
66
  border:none;
67
}
67
}
68
 
68
 
69
.carousel-inner {
69
.carousel-inner {
70
	display: flex;
70
	display: flex;
71
	align-items: center;
71
	align-items: center;
72
	justify-content: center;
72
	justify-content: center;
73
}
73
}
74
 
74
 
75
.carousel-item.active {
75
.carousel-item.active {
76
	text-align: center;
76
	text-align: center;
77
}
77
}
78
 
78
 
79
.carousel-item.active img {
79
.carousel-item.active img {
80
	margin: auto;
80
	margin: auto;
81
}
81
}
82
 
82
 
83
.carousel-item img {
83
.carousel-item img {
84
	padding: 1rem;
84
	padding: 1rem;
85
	max-height: 100vh;
85
	max-height: 100vh;
86
	max-width: 100vh;
86
	max-width: 100vh;
87
}
87
}
88
 
88
 
89
.carousel-control {
89
.carousel-control {
90
	background-color: rgba(0,0,0,0.2);
90
	background-color: rgba(0,0,0,0.2);
91
	width: initial;
91
	width: initial;
92
	padding: 0 2%;
92
	padding: 0 2%;
93
}
93
}
94
 
94
 
95
.carousel-control,
95
.carousel-control,
96
#info-img-galerie a {
96
#info-img-galerie a {
97
	font-size: 1.5rem;
97
	font-size: 1.5rem;
98
	color: #fff;
98
	color: #fff;
99
	opacity: 1;
99
	opacity: 1;
100
}
100
}
101
 
101
 
102
.carousel-control:hover,
102
.carousel-control:hover,
103
#info-img-galerie a:hover {
103
#info-img-galerie a:hover {
104
	color: #918a6f;
104
	color: #918a6f;
105
}
105
}
106
 
106
 
107
hr.nettoyage {
107
hr.nettoyage {
108
	visibility: hidden;
108
	visibility: hidden;
109
}
109
}
110
 
110
 
111
#boutons-footer {
111
#boutons-footer {
112
	position: absolute;
112
	position: absolute;
113
	bottom: 0;
113
	bottom: 0;
114
	right: 0;
114
	right: 0;
115
	background-color: rgba(0, 0, 0, 0.5);
115
	background-color: rgba(0, 0, 0, 0.5);
116
}
116
}
117
 
117
 
118
#boutons-footer #bloc-fct .bouton-fct.actif {
118
#boutons-footer #bloc-fct .bouton-fct.actif {
119
	color: #c3d45d;
119
	color: #c3d45d;
120
}
120
}
121
 
121
 
122
#bloc-fct {
122
#bloc-fct {
123
	padding: 1rem;
123
	padding: 1rem;
124
	display: flex;
124
	display: flex;
125
	justify-content: center;
125
	justify-content: center;
126
}
126
}
127
 
127
 
128
#bloc-fct .bouton-fct {
128
#bloc-fct .bouton-fct {
129
	background-color: rgba(0, 0, 0, 0.2);
129
	background-color: rgba(0, 0, 0, 0.2);
130
	color: #fff;
130
	color: #fff;
131
	margin: 0;
131
	margin: 0;
132
}
132
}
133
 
133
 
134
#bloc-fct .bouton-fct:not(:last-child) {
134
#bloc-fct .bouton-fct:not(:last-child) {
135
	margin-right: 5px;
135
	margin-right: 5px;
136
}
136
}
137
 
137
 
138
#bloc-fct .bouton-fct:hover {
138
#bloc-fct .bouton-fct:hover {
139
	color: #918a6f;
139
	color: #918a6f;
140
}
140
}
141
 
141
 
142
#pivoter-photo a {
142
#pivoter-photo a {
143
	max-width: inherit;
143
	max-width: inherit;
144
	padding: 1rem;
144
	padding: 1rem;
145
}
145
}
146
 
146
 
147
#volets-fct .btn#retour-metas {
147
#volets-fct .btn#retour-metas {
148
	position: fixed;
148
	position: fixed;
149
	top: 2px;
149
	top: 2px;
150
	left: 2px;
150
	left: 2px;
151
	z-index: 10;
151
	z-index: 10;
152
	padding: 1px 5px;
152
	padding: 1px 5px;
153
	font-size: 0.8rem;
153
	font-size: 0.8rem;
154
	margin: 0;
154
	margin: 0;
155
	opacity: 1;
155
	opacity: 1;
156
	color: #fff;
156
	color: #fff;
157
	background-color: rgba(0, 0, 0, 0.2);
157
	background-color: rgba(0, 0, 0, 0.2);
158
	text-shadow: none;
158
	text-shadow: none;
159
}
159
}
160
 
160
 
161
#volets-fct .btn#retour-metas:hover {
161
#volets-fct .btn#retour-metas:hover {
162
	color: #918a6f;
162
	color: #918a6f;
163
}
163
}
164
 
164
 
165
#retour-galerie {
165
#retour-galerie {
166
	width: 100%;
166
	width: 100%;
167
	margin: 0;
167
	margin: 0;
168
	border: none !important;
168
	border: none !important;
169
	border-radius: 0;
169
	border-radius: 0;
170
	color: #fff;
170
	color: #fff;
171
	background-color: rgba(0, 0, 0, 0.2);
171
	background-color: rgba(0, 0, 0, 0.2);
172
}
172
}
173
 
173
 
174
#retour-galerie:hover {
174
#retour-galerie:hover {
175
	color: #918a6f;
175
	color: #918a6f;
176
}
176
}
177
 
177
 
178
/*----------------------------------------------------------------------------------------------------------*/
178
/*----------------------------------------------------------------------------------------------------------*/
179
 
179
 
180
#volet {
180
#volet {
181
	position: relative;
181
	position: relative;
182
	background-color: #fff;
182
	background-color: #fff;
183
	justify-content: center;
183
	justify-content: center;
184
	display: flex;
184
	display: flex;
185
	height: 100vh;
185
	height: 100vh;
186
	overflow: scroll;
186
	overflow: scroll;
187
}
187
}
188
 
188
 
189
#bloc-infos-img {
189
#bloc-infos-img {
190
	position: fixed;
190
	position: fixed;
191
	top: unset;
191
	top: unset;
192
	bottom: 0;
192
	bottom: 0;
193
	left: 0;
193
	left: 0;
194
	padding: 1.5rem;
194
	padding: 1.5rem;
195
	z-index: 9;
195
	z-index: 9;
196
	text-align: center;
196
	text-align: center;
197
	background-color: rgba(0, 0, 0, 0.5);
197
	background-color: rgba(0, 0, 0, 0.5);
198
	color: #fff !important;
198
	color: #fff !important;
199
	font-weight: 400;
199
	font-weight: 400;
200
}
200
}
201
 
201
 
202
#bloc-infos-img a {
202
#bloc-infos-img a {
203
	color: #fff;
203
	color: #fff;
204
	bottom: unset;
204
	bottom: unset;
205
	left: unset;
205
	left: unset;
206
}
206
}
207
 
207
 
208
#bloc-infos-img a:hover {
208
#bloc-infos-img a:hover {
209
	background-color: #918a6f;
209
	background-color: #918a6f;
210
}
210
}
211
 
211
 
212
/*----------------------------------------------------------------------------------------------------------*/
212
/*----------------------------------------------------------------------------------------------------------*/
213
 
213
 
214
#volets-fct {
214
#volets-fct {
215
	padding: 0 1rem;
215
	padding: 0 1rem;
216
	width: calc(100% - 1rem);
216
	width: calc(100% - 1rem);
-
 
217
	overflow-wrap: break-word;
217
}
218
}
218
 
219
 
219
#volets-fct h2 {
220
#volets-fct h2 {
220
	text-align: center;
221
	text-align: center;
221
	padding: 1rem;
222
	padding: 1rem;
222
}
223
}
223
 
224
 
224
#volets-fct h2:not(:first-child) {
225
#volets-fct h2:not(:first-child) {
225
	margin-top: 1rem;
226
	margin-top: 1rem;
226
}
227
}
227
 
228
 
228
#volets-fct li {
229
#volets-fct li {
229
	position: relative;
230
	position: relative;
230
	padding: 0.5rem 0;
231
	padding: 0.5rem 0;
231
}
232
}
232
 
233
 
233
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
234
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
234
#print_content #volet #volets-fct .btn.btn-success,
235
#print_content #volet #volets-fct .btn.btn-success,
235
#print_content #volet #volets-fct .btn.btn-warning {
236
#print_content #volet #volets-fct .btn.btn-warning {
236
	border: 0 none !important;
237
	border: 0 none !important;
237
}
238
}
238
 
239
 
239
#volets-fct .bouton {
240
#volets-fct .bouton {
240
	position: absolute;
241
	position: absolute;
241
	right: 0.5rem;
242
	right: 0.5rem;
242
	top: 0.25rem;
243
	top: 0.25rem;
243
	margin: 0;
244
	margin: 0;
244
}
245
}
245
 
246
 
246
#volets-fct .afficher-plus {
247
#volets-fct .afficher-plus {
247
	cursor: pointer;
248
	cursor: pointer;
248
	border-bottom: 1px solid;
249
	border-bottom: 1px solid;
249
	border-bottom: .1rem solid;
250
	border-bottom: .1rem solid;
250
	color: #918a6f;
251
	color: #918a6f;
251
	font-weight: 400;
252
	font-weight: 400;
252
}
253
}
253
 
254
 
254
#volets-fct .afficher-plus:hover {
255
#volets-fct .afficher-plus:hover {
255
	color: #000;
256
	color: #000;
256
}
257
}
257
 
258
 
258
#volets-fct .btn:not(.btn-outline-secondary),
259
#volets-fct .btn:not(.btn-outline-secondary),
259
#volets-fct .btn-outline-secondary:hover {
260
#volets-fct .btn-outline-secondary:hover {
260
	color: #fff;
261
	color: #fff;
261
}
262
}
262
 
263
 
263
#volets-fct #boutons-reseaux-sociaux {
264
#volets-fct #boutons-reseaux-sociaux {
264
	display: flex;
265
	display: flex;
265
	justify-content: space-evenly;
266
	justify-content: space-evenly;
266
}
267
}
267
 
268
 
268
#volets-fct #boutons-reseaux-sociaux a {
269
#volets-fct #boutons-reseaux-sociaux a {
269
	border: none;
270
	border: none;
270
}
271
}
271
 
272
 
272
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
273
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
273
	margin-right: 5px;
274
	margin-right: 5px;
274
}
275
}
275
 
276
 
276
#tags-pf-supp {
277
#tags-pf-supp {
277
	min-height: 5rem;
278
	min-height: 5rem;
278
}
279
}
279
 
280
 
280
#volets-fct #bloc-tags .tag {
281
#volets-fct #bloc-tags .tag {
281
	color: #606060;
282
	color: #606060;
282
	border: 1px solid transparent;
283
	border: 1px solid transparent;
283
	border-radius: 2rem;
284
	border-radius: 2rem;
284
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
285
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
285
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
286
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
286
	box-shadow: 0.5px 1.5px 1.5px #606060;
287
	box-shadow: 0.5px 1.5px 1.5px #606060;
287
	-webkit-transition: all 0.2s ease-in-out 0s;
288
	-webkit-transition: all 0.2s ease-in-out 0s;
288
	-moz-transition: all 0.2s ease-in-out 0s;
289
	-moz-transition: all 0.2s ease-in-out 0s;
289
	-o-transition: all 0.2s ease-in-out 0s;
290
	-o-transition: all 0.2s ease-in-out 0s;
290
	-ms-transition: all 0.2s ease-in-out 0s;
291
	-ms-transition: all 0.2s ease-in-out 0s;
291
	transition: all 0.2s ease-in-out 0s;
292
	transition: all 0.2s ease-in-out 0s;
292
	margin-right: 5px;
293
	margin-right: 5px;
293
}
294
}
294
 
295
 
295
#volets-fct #bloc-tags .tag:hover,
296
#volets-fct #bloc-tags .tag:hover,
296
#volets-fct #bloc-tags .tag:active,
297
#volets-fct #bloc-tags .tag:active,
297
#volets-fct #bloc-tags .tag:focus,
298
#volets-fct #bloc-tags .tag:focus,
298
#volets-fct #bloc-tags .tag.actif {
299
#volets-fct #bloc-tags .tag.actif {
299
	color: #92ad27;
300
	color: #92ad27;
300
	border:1px solid #d9d9d9;
301
	border:1px solid #d9d9d9;
301
	-moz-box-shadow: 0 0 0 transparent;
302
	-moz-box-shadow: 0 0 0 transparent;
302
	-webkit-box-shadow: 0 0 0 transparent;
303
	-webkit-box-shadow: 0 0 0 transparent;
303
	box-shadow: 0 0 0 transparent;
304
	box-shadow: 0 0 0 transparent;
304
}
305
}
305
 
306
 
306
#volets-fct #bloc-tags .tag.actif {
307
#volets-fct #bloc-tags .tag.actif {
307
	color: #fff;
308
	color: #fff;
308
	background-color: #c3d45d;
309
	background-color: #c3d45d;
309
}
310
}
310
 
311
 
311
#volets-fct #bloc-tags .tag.actif:hover,
312
#volets-fct #bloc-tags .tag.actif:hover,
312
#volets-fct #bloc-tags .tag.actif:active,
313
#volets-fct #bloc-tags .tag.actif:active,
313
#volets-fct #bloc-tags .tag.actif:focus {
314
#volets-fct #bloc-tags .tag.actif:focus {
314
	background-color: #92ad27;
315
	background-color: #92ad27;
315
	-moz-box-shadow: 0;
316
	-moz-box-shadow: 0;
316
	-webkit-box-shadow: 0;
317
	-webkit-box-shadow: 0;
317
	box-shadow: 0;
318
	box-shadow: 0;
318
}
319
}
319
 
320
 
320
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
321
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
321
	color: transparent;
322
	color: transparent;
322
	display: none;
323
	display: none;
323
}
324
}
324
 
325
 
325
#volets-fct #bloc-tags .tag.actif .fermer {
326
#volets-fct #bloc-tags .tag.actif .fermer {
326
	color:#fff;
327
	color:#fff;
327
	display: inline;
328
	display: inline;
328
}
329
}
329
 
330
 
330
#volets-fct #bloc-tags .tag.actif:hover .fermer,
331
#volets-fct #bloc-tags .tag.actif:hover .fermer,
331
#volets-fct #bloc-tags .tag.actif:active .fermer,
332
#volets-fct #bloc-tags .tag.actif:active .fermer,
332
#volets-fct #bloc-tags .tag.actif:focus .fermer {
333
#volets-fct #bloc-tags .tag.actif:focus .fermer {
333
	color: #c3d45d;
334
	color: #c3d45d;
334
}
335
}
335
 
336
 
336
#tags-auteur {
337
#tags-auteur {
337
	min-height: 3rem;
338
	min-height: 3rem;
338
	border:1px dotted #606060;
339
	border:1px dotted #606060;
339
	padding: 1rem;
340
	padding: 1rem;
340
	margin-bottom: 1rem;
341
	margin-bottom: 1rem;
341
	border-radius: 0.2rem
342
	border-radius: 0.2rem
342
}
343
}
343
 
344
 
344
.nettoyage-volet {
345
.nettoyage-volet {
345
	padding: 1.5rem;
346
	padding: 1.5rem;
346
	width: 100%;
347
	width: 100%;
347
	opacity: 0;
348
	opacity: 0;
348
	text-align: center;
349
	text-align: center;
349
	font-weight: 400;
350
	font-weight: 400;
350
}
351
}
351
 
352
 
352
.nettoyage-volet.bas {
353
.nettoyage-volet.bas {
353
	margin-top: 1rem;
354
	margin-top: 1rem;
354
}
355
}
355
 
356
 
356
/************************************************************************************************************/
357
/************************************************************************************************************/
357
 
358
 
358
#localisation-map-container {
359
#localisation-map-container {
359
	position: absolute;
360
	position: absolute;
360
	z-index: 100;
361
	z-index: 100;
361
	top: 30px;
362
	top: 30px;
362
	right: 5%;
363
	right: 5%;
363
	left: 5%;
364
	left: 5%;
364
	height: 302px;
365
	height: 302px;
365
	border: 1px solid #606060;
366
	border: 1px solid #606060;
366
	overflow: hidden;
367
	overflow: hidden;
367
}
368
}
368
 
369
 
369
#localisation-map {
370
#localisation-map {
370
	width: 100%;
371
	width: 100%;
371
	height: 300px;
372
	height: 300px;
372
	background-color: #fff;
373
	background-color: #fff;
373
}
374
}
374
 
375
 
375
#map-close {
376
#map-close {
376
    z-index: 10000;
377
    z-index: 10000;
377
}
378
}
378
 
379
 
379
/*----------------------------------------------------------------------------------------------------------*/
380
/*----------------------------------------------------------------------------------------------------------*/
380
@media screen and ( max-width: 991px ) {
381
@media screen and ( max-width: 991px ) {
381
	#bloc-infos-img {
382
	#bloc-infos-img {
382
		top: 0;
383
		top: 0;
383
		width: 100vw;
384
		width: 100vw;
384
		bottom: unset;
385
		bottom: unset;
385
	}
386
	}
386
 
387
 
387
	#boutons-footer {
388
	#boutons-footer {
388
		width: 100vw;
389
		width: 100vw;
389
		right: unset;
390
		right: unset;
390
	}
391
	}
391
 
392
 
392
	#boutons-footer .bouton-fct {
393
	#boutons-footer .bouton-fct {
393
		font-size: 0.8rem;
394
		font-size: 0.8rem;
394
	}
395
	}
395
 
396
 
396
	.nettoyage-volet.bas {
397
	.nettoyage-volet.bas {
397
		min-height: 5.5rem;
398
		min-height: 5.5rem;
398
	}
399
	}
399
	#bloc-fct {
400
	#bloc-fct {
400
		padding: 0.5rem;
401
		padding: 0.5rem;
401
	}
402
	}
402
}
403
}
403
 
404
 
404
 
405
 
405
@media screen and ( max-width: 768px ) {
406
@media screen and ( max-width: 768px ) {
406
	#info-img-galerie a {
407
	#info-img-galerie a {
407
		font-size: 0.8rem;
408
		font-size: 0.8rem;
408
	}
409
	}
409
}
410
}
410
 
-