Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3829 Rev 3948
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
	overflow-wrap: break-word;
218
}
218
}
219
 
219
 
220
#volets-fct h2 {
220
#volets-fct h2 {
221
	text-align: center;
221
	text-align: center;
222
	padding: 1rem;
222
	padding: 1rem;
223
}
223
}
224
 
224
 
225
#volets-fct h2:not(:first-child) {
225
#volets-fct h2:not(:first-child) {
226
	margin-top: 1rem;
226
	margin-top: 1rem;
227
}
227
}
228
 
228
 
229
#volets-fct li {
229
#volets-fct li {
230
	position: relative;
230
	position: relative;
231
	padding: 0.5rem 0;
231
	padding: 0.5rem 0;
232
}
232
}
233
 
233
 
234
#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),
235
#print_content #volet #volets-fct .btn.btn-success,
235
#print_content #volet #volets-fct .btn.btn-success,
236
#print_content #volet #volets-fct .btn.btn-warning {
236
#print_content #volet #volets-fct .btn.btn-warning {
237
	border: 0 none !important;
237
	border: 0 none !important;
238
}
238
}
239
 
239
 
240
#volets-fct .bouton {
240
#volets-fct .bouton {
241
	position: absolute;
241
	position: absolute;
242
	right: 0.5rem;
242
	right: 0.5rem;
243
	top: 0.25rem;
243
	top: 0.25rem;
244
	margin: 0;
244
	margin: 0;
245
}
245
}
246
 
246
 
247
#volets-fct .afficher-plus {
247
#volets-fct .afficher-plus {
248
	cursor: pointer;
248
	cursor: pointer;
249
	border-bottom: 1px solid;
249
	border-bottom: 1px solid;
250
	border-bottom: .1rem solid;
250
	border-bottom: .1rem solid;
251
	color: #918a6f;
251
	color: #918a6f;
252
	font-weight: 400;
252
	font-weight: 400;
253
}
253
}
254
 
254
 
255
#volets-fct .afficher-plus:hover {
255
#volets-fct .afficher-plus:hover {
256
	color: #000;
256
	color: #000;
257
}
257
}
258
 
258
 
259
#volets-fct .btn:not(.btn-outline-secondary),
259
#volets-fct .btn:not(.btn-outline-secondary),
260
#volets-fct .btn-outline-secondary:hover {
260
#volets-fct .btn-outline-secondary:hover {
261
	color: #fff;
261
	color: #fff;
262
}
262
}
263
 
263
 
264
#volets-fct #boutons-reseaux-sociaux {
264
#volets-fct #boutons-reseaux-sociaux {
265
	display: flex;
265
	display: flex;
266
	justify-content: space-evenly;
266
	justify-content: space-evenly;
267
}
267
}
268
 
268
 
269
#volets-fct #boutons-reseaux-sociaux a {
269
#volets-fct #boutons-reseaux-sociaux a {
270
	border: none;
270
	border: none;
271
}
271
}
272
 
272
 
273
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
273
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
274
	margin-right: 5px;
274
	margin-right: 5px;
275
}
275
}
276
 
276
 
277
#tags-pf-supp {
277
#tags-pf-supp {
278
	min-height: 5rem;
278
	min-height: 5rem;
279
}
279
}
280
 
280
 
281
#volets-fct #bloc-tags .tag {
281
#volets-fct #bloc-tags .tag {
282
	color: #606060;
282
	color: #606060;
283
	border: 1px solid transparent;
283
	border: 1px solid transparent;
284
	border-radius: 2rem;
284
	border-radius: 2rem;
285
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
285
	-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
286
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
286
	-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
287
	box-shadow: 0.5px 1.5px 1.5px #606060;
287
	box-shadow: 0.5px 1.5px 1.5px #606060;
288
	-webkit-transition: all 0.2s ease-in-out 0s;
288
	-webkit-transition: all 0.2s ease-in-out 0s;
289
	-moz-transition: all 0.2s ease-in-out 0s;
289
	-moz-transition: all 0.2s ease-in-out 0s;
290
	-o-transition: all 0.2s ease-in-out 0s;
290
	-o-transition: all 0.2s ease-in-out 0s;
291
	-ms-transition: all 0.2s ease-in-out 0s;
291
	-ms-transition: all 0.2s ease-in-out 0s;
292
	transition: all 0.2s ease-in-out 0s;
292
	transition: all 0.2s ease-in-out 0s;
293
	margin-right: 5px;
293
	margin-right: 5px;
294
}
294
}
295
 
295
 
296
#volets-fct #bloc-tags .tag:hover,
296
#volets-fct #bloc-tags .tag:hover,
297
#volets-fct #bloc-tags .tag:active,
297
#volets-fct #bloc-tags .tag:active,
298
#volets-fct #bloc-tags .tag:focus,
298
#volets-fct #bloc-tags .tag:focus,
299
#volets-fct #bloc-tags .tag.actif {
299
#volets-fct #bloc-tags .tag.actif {
300
	color: #92ad27;
300
	color: #92ad27;
301
	border:1px solid #d9d9d9;
301
	border:1px solid #d9d9d9;
302
	-moz-box-shadow: 0 0 0 transparent;
302
	-moz-box-shadow: 0 0 0 transparent;
303
	-webkit-box-shadow: 0 0 0 transparent;
303
	-webkit-box-shadow: 0 0 0 transparent;
304
	box-shadow: 0 0 0 transparent;
304
	box-shadow: 0 0 0 transparent;
305
}
305
}
306
 
306
 
307
#volets-fct #bloc-tags .tag.actif {
307
#volets-fct #bloc-tags .tag.actif {
308
	color: #fff;
308
	color: #fff;
309
	background-color: #c3d45d;
309
	background-color: #c3d45d;
310
}
310
}
311
 
311
 
312
#volets-fct #bloc-tags .tag.actif:hover,
312
#volets-fct #bloc-tags .tag.actif:hover,
313
#volets-fct #bloc-tags .tag.actif:active,
313
#volets-fct #bloc-tags .tag.actif:active,
314
#volets-fct #bloc-tags .tag.actif:focus {
314
#volets-fct #bloc-tags .tag.actif:focus {
315
	background-color: #92ad27;
315
	background-color: #92ad27;
316
	-moz-box-shadow: 0;
316
	-moz-box-shadow: 0;
317
	-webkit-box-shadow: 0;
317
	-webkit-box-shadow: 0;
318
	box-shadow: 0;
318
	box-shadow: 0;
319
}
319
}
320
 
320
 
321
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
321
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
322
	color: transparent;
322
	color: transparent;
323
	display: none;
323
	display: none;
324
}
324
}
325
 
325
 
326
#volets-fct #bloc-tags .tag.actif .fermer {
326
#volets-fct #bloc-tags .tag.actif .fermer {
327
	color:#fff;
327
	color:#fff;
328
	display: inline;
328
	display: inline;
329
}
329
}
330
 
330
 
331
#volets-fct #bloc-tags .tag.actif:hover .fermer,
331
#volets-fct #bloc-tags .tag.actif:hover .fermer,
332
#volets-fct #bloc-tags .tag.actif:active .fermer,
332
#volets-fct #bloc-tags .tag.actif:active .fermer,
333
#volets-fct #bloc-tags .tag.actif:focus .fermer {
333
#volets-fct #bloc-tags .tag.actif:focus .fermer {
334
	color: #c3d45d;
334
	color: #c3d45d;
335
}
335
}
336
 
336
 
337
#tags-auteur {
337
#tags-auteur {
338
	min-height: 3rem;
338
	min-height: 3rem;
339
	border:1px dotted #606060;
339
	border:1px dotted #606060;
340
	padding: 1rem;
340
	padding: 1rem;
341
	margin-bottom: 1rem;
341
	margin-bottom: 1rem;
342
	border-radius: 0.2rem
342
	border-radius: 0.2rem
343
}
343
}
344
 
344
 
345
.nettoyage-volet {
345
.nettoyage-volet {
346
	padding: 1.5rem;
346
	padding: 1.5rem;
347
	width: 100%;
347
	width: 100%;
348
	opacity: 0;
348
	opacity: 0;
349
	text-align: center;
349
	text-align: center;
350
	font-weight: 400;
350
	font-weight: 400;
351
}
351
}
352
 
352
 
353
.nettoyage-volet.bas {
353
.nettoyage-volet.bas {
354
	margin-top: 1rem;
354
	margin-top: 1rem;
355
}
355
}
-
 
356
 
-
 
357
.notation-star{
-
 
358
	font-size: 20px;
-
 
359
}
356
 
360
 
357
/************************************************************************************************************/
361
/************************************************************************************************************/
358
 
362
 
359
#localisation-map-container {
363
#localisation-map-container {
360
	position: absolute;
364
	position: absolute;
361
	z-index: 100;
365
	z-index: 100;
362
	top: 30px;
366
	top: 30px;
363
	right: 5%;
367
	right: 5%;
364
	left: 5%;
368
	left: 5%;
365
	height: 302px;
369
	height: 302px;
366
	border: 1px solid #606060;
370
	border: 1px solid #606060;
367
	overflow: hidden;
371
	overflow: hidden;
368
}
372
}
369
 
373
 
370
#localisation-map {
374
#localisation-map {
371
	width: 100%;
375
	width: 100%;
372
	height: 300px;
376
	height: 300px;
373
	background-color: #fff;
377
	background-color: #fff;
374
}
378
}
375
 
379
 
376
#map-close {
380
#map-close {
377
    z-index: 10000;
381
    z-index: 10000;
378
}
382
}
379
 
383
 
380
/*----------------------------------------------------------------------------------------------------------*/
384
/*----------------------------------------------------------------------------------------------------------*/
-
 
385
@media screen and (max-width: 1320px){
-
 
386
	.notation-star{
-
 
387
		font-size: 12px;
-
 
388
	}
-
 
389
}
381
@media screen and ( max-width: 991px ) {
390
@media screen and ( max-width: 991px ) {
382
	#bloc-infos-img {
391
	#bloc-infos-img {
383
		top: 0;
392
		top: 0;
384
		width: 100vw;
393
		width: 100vw;
385
		bottom: unset;
394
		bottom: unset;
386
	}
395
	}
387
 
396
 
388
	#boutons-footer {
397
	#boutons-footer {
389
		width: 100vw;
398
		width: 100vw;
390
		right: unset;
399
		right: unset;
391
	}
400
	}
392
 
401
 
393
	#boutons-footer .bouton-fct {
402
	#boutons-footer .bouton-fct {
394
		font-size: 0.8rem;
403
		font-size: 0.8rem;
395
	}
404
	}
396
 
405
 
397
	.nettoyage-volet.bas {
406
	.nettoyage-volet.bas {
398
		min-height: 5.5rem;
407
		min-height: 5.5rem;
399
	}
408
	}
400
	#bloc-fct {
409
	#bloc-fct {
401
		padding: 0.5rem;
410
		padding: 0.5rem;
402
	}
411
	}
403
}
412
}
404
 
413
 
405
 
414
 
406
@media screen and ( max-width: 768px ) {
415
@media screen and ( max-width: 768px ) {
407
	#info-img-galerie a {
416
	#info-img-galerie a {
408
		font-size: 0.8rem;
417
		font-size: 0.8rem;
409
	}
418
	}
410
}
419
}