Subversion Repositories eFlore/Applications.cel

Rev

Rev 3996 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3996 Rev 3997
Line 1... Line 1...
1 
@charset "UTF-8";
 1 
@charset "UTF-8";
2 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
- 
 
 2 
 
- 
 
 3 
.grid {
- 
 
 4 
	max-width: 100vw;
- 
 
 5 
}
- 
 
 6 
 
3 
/* Widget */
 7 
/* clearfix */
- 
 
 8 
.grid:after {
- 
 
 9 
	content: '';
- 
 
 10 
	display: block;
- 
 
 11 
	clear: both;
- 
 
 12 
}
- 
 
 13 
 
- 
 
 14 
.grid-item {
- 
 
 15 
	float: left;
- 
 
 16 
	position: relative;
- 
 
 17 
	margin: 0.5vw;
- 
 
 18 
}
- 
 
 19 
 
4 
.cel-photo-contenu{
 20 
.cel-photo .cel-infos {
5 
	position:relative;
 21 
	position: absolute;
- 
 
 22 
	bottom: 0;
- 
 
 23 
	display: flex;
- 
 
 24 
	align-items: center;
- 
 
 25 
	justify-content: center;
- 
 
 26 
	width: 100%;
6 
	padding:0 5px;
 27 
	padding: 1rem;
- 
 
 28 
	background: rgba(255,255,255,0.5);
7 
	margin:5px auto;
 29 
	text-align: center;
8 
	font-family:Arial,verdana,sans-serif;
 30 
	font-weight: 400 !important;
9 
	background-color:#DDDDDD;
 31 
	font-size: 0.7rem;
- 
 
 32 
}
- 
 
 33 
 
- 
 
 34 
.cel-infos,
- 
 
 35 
.cel-infos a {
10 
	color:black;
 36 
	color: #606060;
11 
}
 37 
}
- 
 
 38 
 
12 
.cel-photo-contenu h1 {
 39 
.cel-photo-contenu h1 {
13 
	margin:5px !important;
 - 
 
14 
	padding:0 !important;
 - 
 
15 
	font-size:16px !important;
 - 
 
16 
	color:black !important;
 - 
 
17 
	background-color:transparent !important;
 - 
 
18 
	background-image:none !important;
 - 
 
19 
	text-transform:none !important;
 - 
 
20 
	text-align:left !important;
 40 
	text-align: center;
21 
}
 - 
 
22 
.cel-photo-contenu h1 a{
 - 
 
23 
	color: #AAAAAA !important
 - 
 
24 
}
 - 
 
25 
.cel-photo-contenu h1 a:hover {
 - 
 
26 
	color:#56B80E !important;
 - 
 
27 
	border-bottom:1px dotted #56B80E;
 - 
 
28 
}
 - 
 
29 
.cel-photo-contenu h1 .cel-photo-flux{
 - 
 
30 
	width:16px;
 - 
 
31 
	height:20px;
 - 
 
32 
}
 - 
 
33 
.cel-photo-contenu img {
 - 
 
34 
	border:0 !important;
 - 
 
35 
	padding:0 !important;
 41 
	padding: 15px;
36 
	margin:0 !important;
 - 
 
37 
}
 - 
 
38 
.cel-photo-contenu a, .cel-photo-contenu a:active, .cel-photo-contenu a:visited {
 - 
 
39 
	border-bottom:1px dotted #666;
 - 
 
40 
	color: black;
 - 
 
41 
	text-decoration:none;
 - 
 
42 
	background-image:none;
 - 
 
43 
}
 - 
 
44 
.cel-photo-contenu a:active {
 - 
 
45 
	outline:none;
 - 
 
46 
}
 - 
 
47 
.cel-photo-contenu a:focus {
 - 
 
48 
	outline:thin dotted;
 - 
 
49 
}
 - 
 
50 
.cel-photo-contenu a:hover {
 - 
 
51 
	color:#56B80E;
 - 
 
52 
	border-bottom:1px dotted #56B80E;
 - 
 
53 
}
 - 
 
54 
.cel-photo-date-generation{
 - 
 
55 
	float:right;
 - 
 
56 
	font-size:8px;
 - 
 
57 
}
 42 
}
- 
 
 43 
 
- 
 
 44 
.cel-photo a,
- 
 
 45 
.cel-photo a img {
- 
 
 46 
	height: 100%;
- 
 
 47 
	width: 100%;
- 
 
 48 
}
58 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
- 
 
 49 
 
- 
 
 50 
.cel-photo-contenu {
59 
/* Général */
 51 
    margin: 0 auto;
- 
 
 52 
	max-width: 100%;
- 
 
 53 
}
- 
 
 54 
 
60 
.cel-photo-contenu .discretion {
 55 
.cel-photo-contenu .discretion {
61 
	color:grey;
 56 
	color: grey;
62 
	font-family:arial;
 - 
 
63 
	font-size:11px;
 57 
	font-size: 0.8rem;
64 
	font-weight:bold;
 58 
	font-weight: 700;
65 
}
 59 
}
- 
 
 60 
 
66 
.cel-photo-contenu .nettoyage {
 61 
.cel-photo-contenu .nettoyage {
67 
	clear:both;
 62 
	clear: both;
- 
 
 63 
}
- 
 
 64 
 
- 
 
 65 
.cel-photo-pieds {
- 
 
 66 
	padding: 1rem;
- 
 
 67 
}
- 
 
 68 
 
- 
 
 69 
.cel-photo-contenu .cel-photo .cel-infos .close,
- 
 
 70 
.cel-photo .bouton-afficher-infos {
- 
 
 71 
	position: absolute;
- 
 
 72 
	top: 3px;
- 
 
 73 
	right: 3px;
- 
 
 74 
	height: initial;
- 
 
 75 
	width: initial;
- 
 
 76 
	padding: 0.1rem 0.2rem;
- 
 
 77 
}
- 
 
 78 
 
- 
 
 79 
.cel-photo-contenu .cel-photo .cel-infos .close,
- 
 
 80 
.cel-photo-contenu .cel-photo .cel-infos .close:hover {
- 
 
 81 
	font-size: 0.5rem;
- 
 
 82 
	text-decoration: none;
- 
 
 83 
	border: none;
- 
 
 84 
	color: #606060;
- 
 
 85 
}
- 
 
 86 
 
- 
 
 87 
.cel-photo .bouton-afficher-infos {
- 
 
 88 
	font-size: 1rem;
- 
 
 89 
}
- 
 
 90 
 
- 
 
 91 
.cel-photo .bouton-afficher-infos i {
- 
 
 92 
	color:#ffc107;
- 
 
 93 
}
- 
 
 94 
 
- 
 
 95 
.cel-photo .bouton-afficher-infos:hover i {
- 
 
 96 
	background-color: #ffc107;
- 
 
 97 
	color: #fff;
- 
 
 98 
}
- 
 
 99 
 
- 
 
 100 
/*---------------------------------------------*/
- 
 
 101 
 
- 
 
 102 
.form-recherche {
- 
 
 103 
	position: relative;
- 
 
 104 
}
- 
 
 105 
 
- 
 
 106 
.form-recherche .bloc-recherche .recherche {
- 
 
 107 
	width: auto;
- 
 
 108 
	display: inline-block;
- 
 
 109 
}
- 
 
 110 
 
- 
 
 111 
.form-recherche .bloc-recherche .bouton-rechercher,
- 
 
 112 
.form-recherche .bloc-recherche .bouton-plus-filtres,
- 
 
 113 
#bouton-photos-precedentes,
- 
 
 114 
#bouton-photos-precedentes:hover,
- 
 
 115 
#bouton-photos-suivantes,
- 
 
 116 
#bouton-photos-suivantes:hover {
- 
 
 117 
	border: 0 none;
- 
 
 118 
}
- 
 
 119 
 
- 
 
 120 
.form-recherche .bloc-recherche .bouton-rechercher,
- 
 
 121 
.form-recherche .bloc-recherche .bouton-rechercher:hover,
- 
 
 122 
.form-recherche .bloc-recherche .bouton-plus-filtres:hover,
- 
 
 123 
#bouton-photos-precedentes,
- 
 
 124 
#bouton-photos-precedentes:hover,
- 
 
 125 
#bouton-photos-suivantes,
- 
 
 126 
#bouton-photos-suivantes:hover {
- 
 
 127 
	color: #fff;
- 
 
 128 
}
- 
 
 129 
 
- 
 
 130 
#bouton-photos-precedentes,
- 
 
 131 
#bouton-photos-precedentes:hover,
- 
 
 132 
#bouton-photos-suivantes,
- 
 
 133 
#bouton-photos-suivantes:hover {
- 
 
 134 
	margin: 5px auto;
- 
 
 135 
}
- 
 
 136 
 
- 
 
 137 
 
- 
 
 138 
.form-recherche .autres-filtres {
- 
 
 139 
	position: absolute;
- 
 
 140 
	padding: 0.5rem;
- 
 
 141 
	margin: 0.5rem 0;
- 
 
 142 
	background-color: rgba(0, 0, 0, 0.8);
- 
 
 143 
	border-radius: 0.25rem;
- 
 
 144 
	top: 80%;
- 
 
 145 
	z-index: 9;
- 
 
 146 
}
- 
 
 147 
 
- 
 
 148 
.form-recherche .autres-filtres .bloc-filtre {
- 
 
 149 
	padding: 0.5rem;
- 
 
 150 
	margin: 0.5rem;
- 
 
 151 
	color: #fff;
- 
 
 152 
}
- 
 
 153 
 
- 
 
 154 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
- 
 
 155 
	position: absolute;
- 
 
 156 
	top: 0;
- 
 
 157 
	right: 0;
- 
 
 158 
	margin: 0;
- 
 
 159 
	color: #fff;
- 
 
 160 
	cursor: pointer;
- 
 
 161 
	z-index: 10;
- 
 
 162 
}
- 
 
 163 
 
- 
 
 164 
/************  Pour l'affichage en mode eflore' *****************/
- 
 
 165 
.liste-illustrations {
- 
 
 166 
	list-style-type: none;
- 
 
 167 
	padding: 0;
- 
 
 168 
	overflow-wrap: break-word;
- 
 
 169 
	width: 100%;
- 
 
 170 
	display: flex;
- 
 
 171 
	justify-content: center;
- 
 
 172 
	margin-bottom: 0;
- 
 
 173 
}
- 
 
 174 
 
- 
 
 175 
.liste-illustrations li.icone-organe-list.active{
- 
 
 176 
	background-color: #e9f6f8;
- 
 
 177 
}
- 
 
 178 
 
- 
 
 179 
.liste-illustrations li.icone-organe-list:first-of-type {
- 
 
 180 
	border-radius: 10px 0 0 0;
- 
 
 181 
}
- 
 
 182 
 
- 
 
 183 
.liste-illustrations li.icone-organe-list:last-of-type {
- 
 
 184 
	border-radius: 0 10px 0 0;
- 
 
 185 
}
- 
 
 186 
 
- 
 
 187 
.liste-illustrations li.icone-organe-list {
- 
 
 188 
	width: 108px;
- 
 
 189 
	height: auto;
- 
 
 190 
	padding-top: 5px;
- 
 
 191 
	padding-bottom: 5px;
- 
 
 192 
	background-color: #ffffff;
- 
 
 193 
}
- 
 
 194 
 
- 
 
 195 
.liste-illustrations li {
- 
 
 196 
	list-style-image: none !important;
- 
 
 197 
	background: none;
- 
 
 198 
	text-align: center;
- 
 
 199 
	font-size: 11px;
- 
 
 200 
	float: left;
- 
 
 201 
	margin: 0px;
- 
 
 202 
	padding: 0px;
- 
 
 203 
}
- 
 
 204 
 
- 
 
 205 
a.lien-images-organes.fourni {
- 
 
 206 
	cursor: pointer;
- 
 
 207 
}
- 
 
 208 
 
- 
 
 209 
.component-text a {
- 
 
 210 
	border-bottom: 1px solid;
- 
 
 211 
	border-bottom: 0.1rem solid;
- 
 
 212 
	color: #006979;
- 
 
 213 
	font-weight: 400;
- 
 
 214 
	text-decoration: none;
- 
 
 215 
	-webkit-transition: background .2s ease;
- 
 
 216 
	-o-transition: background .2s ease;
- 
 
 217 
	transition: background .2s ease;
- 
 
 218 
}
- 
 
 219 
 
- 
 
 220 
.liste-illustrations img {
- 
 
 221 
	display: block;
- 
 
 222 
	border: 1px solid white;
- 
 
 223 
	margin: 0 auto;
- 
 
 224 
	padding: 0px;
- 
 
 225 
	max-height: 196px;
- 
 
 226 
	max-width: 196px;
- 
 
 227 
}
- 
 
 228 
 
- 
 
 229 
img.icone-organe {
- 
 
 230 
	height: 30px;
- 
 
 231 
	margin: auto;
- 
 
 232 
	border: none;
- 
 
 233 
}
- 
 
 234 
 
- 
 
 235 
.cel-galerie-photo.eflore{
- 
 
 236 
	background-color: #e9f6f8;
- 
 
 237 
	padding-top: 1rem;
- 
 
 238 
}
- 
 
 239 
 
- 
 
 240 
/********* Fin de l'affichage eflore ******/
- 
 
 241 
 
- 
 
 242 
@media screen and ( max-width: 991px ) {
- 
 
 243 
	.form-recherche .autres-filtres {
- 
 
 244 
		position: fixed;
- 
 
 245 
		border-radius: 0;
- 
 
 246 
		margin: 0;
- 
 
 247 
		top: 0;
- 
 
 248 
		right: 0;
- 
 
 249 
		bottom: 0;
- 
 
 250 
		left: 0;
- 
 
 251 
		z-index: 9;
- 
 
 252 
		overflow: scroll;
- 
 
 253 
	}
- 
 
 254 
 
- 
 
 255 
	.form-recherche .bloc-recherche .recherche {
- 
 
 256 
		width: 100vw;
- 
 
 257 
	}
- 
 
 258 
 
- 
 
 259 
	.form-recherche .bouton-plus-filtres .moins {
- 
 
 260 
		display: none;
- 
 
 261 
	}
- 
 
 262 
}
- 
 
 263 
 
- 
 
 264 
@media screen and ( max-width: 768px ) {
- 
 
 265 
	.cel-photo .cel-infos {
- 
 
 266 
		display: none;
- 
 
 267 
	}
68 
}
 268 
}
69 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
70 
/* Galerie Photos CEL */
 - 
 
71 
.cel-photo-contenu .cel-photo a{
 - 
 
72 
	float:left;
 - 
 
73 
	padding:2px;
 - 
 
74 
	border:1px solid white;
 - 
 
75 
}
 - 
 
76 
.cel-photo-contenu .cel-photo a:hover{
 - 
 
77 
	border:1px dotted #FD8C13;
 - 
 
78 
}
 - 
 
79 
.cel-photo-contenu .cel-photo a img{
 - 
 
80 
	float:left;
 - 
 
81 
	width:63px;
 - 
 
82 
	height:63px;
 - 
 
83 
}
 - 
 
84 
.cel-photo-contenu .cel-photo-extra a img{
 - 
 
85 
	height:auto;
 - 
 
86 
}
 - 
 
87 
.cel-photo-contenu .cel-infos {
 - 
 
88 
	display:none;
 - 
 
89 
}
 - 
 
90 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
91 
/* Diaporama */
 - 
 
92 
.cel-legende{
 - 
 
93 
	text-align:left;
 - 
 
94 
}
 - 
 
95 
.cel-legende-vei{
 - 
 
96 
	float:right;
 - 
 
97 
}
 - 
 
98 
.cel-legende p{
 - 
 
99 
	color:black;
 - 
 
100 
	font-size:12px;
 - 
 
101 
	margin:5px 0;
 - 
 
102 
}
 - 
 
103 
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
 - 
 
104 
	border-bottom:1px dotted gainsboro;
 - 
 
105 
	color:#333;
 - 
 
106 
	text-decoration:none;
 - 
 
107 
	background-image:none;
 - 
 
108 
}
 - 
 
109 
.cel-legende a:hover {
 - 
 
110 
	color:#56B80E;
 - 
 
111 
	border-bottom:1px dotted #56B80E;
 - 
 
112 
}
 - 
 
113 

            269