Subversion Repositories eFlore/Applications.cel

Rev

Rev 3120 | Rev 3217 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3120 Rev 3208
Line 3... Line 3...
3 
body {
 3 
body {
4 
	font-family: Muli,sans-serif;
 4 
  font-family: Muli,sans-serif;
5 
	font-size: 0.8rem;
 5 
  font-size: 0.8rem;
6 
	font-weight: 300;
 6 
  font-weight: 300;
7 
}
 7 
}
8 
}
 8 
 
9 
h1, h2, h3, h4, h5 {
 9 
h1, h2, h3, h4, h5 {
10 
	font-family: Muli,sans-serif;
10 
  font-family: Muli,sans-serif;
11 
}
 11 
}
Line 12... Line 12...
12 
 
 12 
 
Line 15... Line 15...
15 
	float: none;
 15 
  float: none;
16 
}
 16 
}
Line 17... Line 17...
17 
 
 17 
 
18 
h1 {
 18 
h1 {
- 
 
 19 
  font-weight: 700;
- 
 
 20 
  font-size: 2rem;
- 
 
 21 
}
- 
 
 22 
 
- 
 
 23 
#zone-appli .form-block {
19 
	font-weight: 700;
 24 
  margin-bottom: 2rem;
Line 20... Line 25...
20 
}
 25 
}
21 
 
 26 
 
22 
h2 {
 27 
h2 {
- 
 
 28 
  font-weight: 700;
- 
 
 29 
  line-height: 1.15;
- 
 
 30 
  font-size: 1.5rem;
- 
 
 31 
}
- 
 
 32 
 
- 
 
 33 
h3 {
- 
 
 34 
  font-size: 1.2rem;
- 
 
 35 
}
- 
 
 36 
 
- 
 
 37 
#zone-appli .obligatoire::before {
- 
 
 38 
  content: '*';
- 
 
 39 
  position: absolute;
- 
 
 40 
  left: 0;
- 
 
 41 
}
- 
 
 42 
 
- 
 
 43 
.btn.focus,
- 
 
 44 
.btn:focus {
- 
 
 45 
  box-shadow: none;
- 
 
 46 
}
- 
 
 47 
 
- 
 
 48 
.btn.btn-primary,
- 
 
 49 
.btn.btn-info,
- 
 
 50 
.btn.btn-success,
- 
 
 51 
.btn.btn-danger,
23 
    font-weight: 700;
 52 
.btn.btn-inverse {
Line 24... Line 53...
24 
    line-height: 1.15;
 53 
  color: #fff !important;
25 
}
 54 
}
26 
 
 55 
 
Line 72... Line 101...
72 
    transition-duration: 0.2s;
 101 
  transition-duration: 0.2s;
73 
    transition-property: background;
 102 
  transition-property: background;
74 
    transition-timing-function: ease;
 103 
  transition-timing-function: ease;
75 
}
 104 
}
Line -... Line 105...
- 
 
 105 
 
- 
 
 106 
.mb2,
- 
 
 107 
.mb-3 {
- 
 
 108 
  align-self: start;
- 
 
 109 
}
76 
 
 110 
 
- 
 
 111 
label,
77 
label {
 112 
#zone-appli  .list-label {
78 
    color: #606060;
 113 
  color: #606060;
79 
    display: block;
 114 
  display: block;
80 
    font-size: 0.9rem;
 115 
  font-size: 0.9rem;
81 
    font-weight: 700;
 116 
  font-weight: 700;
Line -... Line 117...
- 
 
 117 
}
- 
 
 118 
 
- 
 
 119 
#zone-appli .form-inline label,
- 
 
 120 
#zone-appli .form-inline .list-label {
- 
 
 121 
  align-items: start;
- 
 
 122 
  align-self: start;
- 
 
 123 
  justify-content: left;
- 
 
 124 
  align-content: flex-start;
82 
}
 125 
}
83 
 
 126 
 
84 
h1#widget-titre::before {
 127 
h1#widget-titre::before {
85 
    content: "";
 128 
  content: "";
86 
    display: block;
 129 
  display: block;
Line 101... Line 144...
101 
    position: relative;
 144 
  position: relative;
102 
    color: #232323;
 145 
  color: #232323;
103 
    font-family: Ubuntu,sans-serif;
 146 
  font-family: Ubuntu,sans-serif;
104 
}
 147 
}
Line -... Line 148...
- 
 
 148 
 
- 
 
 149 
#zone-appli .hidden {
- 
 
 150 
  display: none !important;
- 
 
 151 
}
- 
 
 152 
 
- 
 
 153 
#zone-appli .warning {
105 
 
 154 
  color: #ff5d55;
- 
 
 155 
  font-weight: 700;
- 
 
 156 
}
- 
 
 157 
 
- 
 
 158 
.control-group.error input,
- 
 
 159 
.control-group.error select,
- 
 
 160 
.control-group.error textarea {
106 
.droite {
 161 
  box-shadow: 0 0 1.5px 1px red;
- 
 
 162 
  border-color: #b94a48;
- 
 
 163 
  color: #b94a48;
- 
 
 164 
}
- 
 
 165 
 
107 
    background-color: #f8f5ef;
 166 
.control-group.error {
- 
 
 167 
  color: #b94a48;
- 
 
 168 
}
- 
 
 169 
 
- 
 
 170 
#zone-appli .centre {
- 
 
 171 
  margin: 0 auto !important;
- 
 
 172 
  justify-content: center !important;
- 
 
 173 
}
- 
 
 174 
 
108 
    color: #232323;
 175 
#zone-appli .droite {
109 
    float: right;
 - 
 
110 
    padding-bottom: 1rem;
 - 
 
111 
    padding-left: 1rem;
 - 
 
112 
    padding-right: 1rem;
 - 
 
113 
    padding-top: 1rem;
 - 
 
114 
    width: 48%;
 176 
  float: right;
Line -... Line 177...
- 
 
 177 
}
- 
 
 178 
 
- 
 
 179 
#zone-appli .info {
- 
 
 180 
  padding: 1rem;
- 
 
 181 
  background-color: #ccecf1;
- 
 
 182 
  border-color: #7ccedb;
- 
 
 183 
  color: #006979;
- 
 
 184 
  fill: #006979;
- 
 
 185 
  border-radius: 0.2rem;
115 
}
 186 
}
116 
 
 187 
 
117 
.clear {
 188 
#zone-appli .clear {
118 
  clear: both;
 189 
  clear: both;
Line 119... Line 190...
119 
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
 190 
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
120 
}
 191 
}
121 
 
 192 
 
122 
.ui-widget{
 193 
#zone-appli .ui-widget{
- 
 
 194 
  font-family: Muli,sans-serif;
- 
 
 195 
}
- 
 
 196 
 
- 
 
 197 
#zone-appli .form-inline .form-control {
- 
 
 198 
  width: 100%;
- 
 
 199 
}
- 
 
 200 
 
- 
 
 201 
#zone-appli #logo_hires {
- 
 
 202 
  display: none;
- 
 
 203 
}
- 
 
 204 
#zone-appli .logo-tb {
- 
 
 205 
  position:absolute;
- 
 
 206 
  left: 10px;
- 
 
 207 
  top: 10px;
- 
 
 208 
}
- 
 
 209 
 
- 
 
 210 
#zone-appli .bloc-top {
- 
 
 211 
  border-top: 1px solid rgba(0,0,0,.1);
- 
 
 212 
  padding-top: 1rem;
- 
 
 213 
}
- 
 
 214 
 
- 
 
 215 
#zone-appli .bloc-bottom {
- 
 
 216 
  border-bottom: 1px solid rgba(0,0,0,.1);
- 
 
 217 
  padding-bottom: 1rem;
- 
 
 218 
}
- 
 
 219 
 
- 
 
 220 
.unstyled {
- 
 
 221 
  list-style-type: none;
- 
 
 222 
}
- 
 
 223 
 
- 
 
 224 
#zone-appli #formulaire form {
- 
 
 225 
  margin-bottom: 1.5rem;
- 
 
 226 
}
- 
 
 227 
 
- 
 
 228 
input[type="checkbox"],
- 
 
 229 
input[type="radio"],
- 
 
 230 
input.radio,
- 
 
 231 
input.checkbox {
- 
 
 232 
  vertical-align:text-top;
- 
 
 233 
  padding: 0;
- 
 
 234 
  margin-right: 10px;
- 
 
 235 
  position:relative;
- 
 
 236 
  overflow:hidden;
- 
 
 237 
  top:2px;
- 
 
 238 
}
- 
 
 239 
 
- 
 
 240 
#zone-appli #formulaire #form-supp #zone-supp .checkbox label,
- 
 
 241 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,
- 
 
 242 
#zone-appli #formulaire #form-supp #zone-supp .radio label {
- 
 
 243 
  align-items: center;
- 
 
 244 
  display: flex;
- 
 
 245 
  font-weight: 400;
- 
 
 246 
}
- 
 
 247 
 
- 
 
 248 
 
- 
 
 249 
/*************************************************************************/
- 
 
 250 
 
- 
 
 251 
 
- 
 
 252 
form#form-observateur,
- 
 
 253 
form#form-observation,
- 
 
 254 
form#form-supp,
- 
 
 255 
#tb-navigation,
- 
 
 256 
#tb-navbar{
- 
 
 257 
  min-width: 100%;
- 
 
 258 
  margin-left: 0;
- 
 
 259 
  margin-right: 0;
- 
 
 260 
}
- 
 
 261 
 
- 
 
 262 
.navbar-nav,
- 
 
 263 
.nav {
- 
 
 264 
  display: -ms-flexbox;
- 
 
 265 
  display: flex;
- 
 
 266 
  -ms-flex-wrap: wrap;
- 
 
 267 
  flex-wrap: wrap;
- 
 
 268 
  margin-right: -15px;
- 
 
 269 
  margin-left: -15px;
- 
 
 270 
  flex-direction: row;
- 
 
 271 
}
- 
 
 272 
 
- 
 
 273 
.navbar.navbar-default {
- 
 
 274 
  margin-bottom: 0;
- 
 
 275 
}
- 
 
 276 
 
- 
 
 277 
.open > a {
- 
 
 278 
  outline: 0;
- 
 
 279 
}
- 
 
 280 
 
- 
 
 281 
.dropdown {
- 
 
 282 
  height: 5rem;
- 
 
 283 
}
- 
 
 284 
 
- 
 
 285 
#anonyme {
- 
 
 286 
  height: auto;
- 
 
 287 
}
- 
 
 288 
 
- 
 
 289 
#zone-courriel-confirmation {
- 
 
 290 
 
- 
 
 291 
}
- 
 
 292 
 
- 
 
 293 
#bouton-connexion,
- 
 
 294 
#creation-compte {
- 
 
 295 
  display: -ms-flexbox;
- 
 
 296 
  display: flex;
- 
 
 297 
  height: 5rem;
- 
 
 298 
  -webkit-box-flex: 1;
- 
 
 299 
  -webkit-flex: 0 0 50%;
- 
 
 300 
  -ms-flex: 0 0 50%;
- 
 
 301 
  flex: 0 0 50%;
- 
 
 302 
  max-width: 50%;
- 
 
 303 
  -ms-flex-flow: row wrap;
- 
 
 304 
  flex-flow: row wrap;
- 
 
 305 
  min-height: 1px;
- 
 
 306 
  padding-right: 15px;
- 
 
 307 
  padding-left: 15px;
- 
 
 308 
  justify-content: left;
- 
 
 309 
  align-items: flex-start;
- 
 
 310 
  align-content: flex-middle;
- 
 
 311 
}
- 
 
 312 
 
- 
 
 313 
#bouton-connexion label,
- 
 
 314 
#creation-compte label {
- 
 
 315 
  width: 100%;
- 
 
 316 
}
- 
 
 317 
 
- 
 
 318 
.navbar-default .navbar-nav > .dropdown #bouton-anonyme,
- 
 
 319 
.navbar-default .navbar-nav > .dropdown #bouton-inscription {
- 
 
 320 
  width: auto;
- 
 
 321 
}
- 
 
 322 
 
- 
 
 323 
.navbar-default .navbar-nav > .dropdown > a  {
- 
 
 324 
/*  width: auto;
- 
 
 325 
  position: relative;*/
- 
 
 326 
/*  border: 1px solid #ccc;
- 
 
 327 
  border: 1px solid rgba(0,0,0,.15);*/
- 
 
 328 
  margin-left: 0.2rem;
- 
 
 329 
}
- 
 
 330 
 
- 
 
 331 
.navbar-default .navbar-nav #bouton-connexion a{
- 
 
 332 
  color: #fff;
- 
 
 333 
  background-color: #b2cb43;
- 
 
 334 
  border-color: #a1b92e;;
- 
 
 335 
}
- 
 
 336 
 
- 
 
 337 
.navbar-default .navbar-nav #bouton-connexion a:focus,
- 
 
 338 
.navbar-default .navbar-nav #bouton-connexion a:hover {
- 
 
 339 
  background-color: #a2b93b;
- 
 
 340 
  border-color: #9ab227;
- 
 
 341 
}
- 
 
 342 
 
- 
 
 343 
.navbar-default .navbar-nav #utilisateur-connecte.dropdown {
- 
 
 344 
  padding-left: 2rem;
- 
 
 345 
}
- 
 
 346 
 
- 
 
 347 
.navbar-default .navbar-nav #utilisateur-connecte.dropdown > a {
- 
 
 348 
  margin-left: 0;
- 
 
 349 
}
- 
 
 350 
 
- 
 
 351 
.navbar-default .navbar-nav #utilisateur-connecte.dropdown.open .dropdown-menu a {
- 
 
 352 
  font-size: 0.8rem;
- 
 
 353 
  font-weight: 400;
- 
 
 354 
  color: #606060;
- 
 
 355 
  background: inherit;
- 
 
 356 
  text-decoration: none;
- 
 
 357 
  display: block;
- 
 
 358 
  width: 100%;
- 
 
 359 
  padding-left: 5px;
- 
 
 360 
  line-height: 25px;
- 
 
 361 
}
- 
 
 362 
 
- 
 
 363 
.navbar-default .navbar-nav #utilisateur-connecte.dropdown.open .dropdown-menu a:hover,
- 
 
 364 
.navbar-default .navbar-nav #utilisateur-connecte.dropdown.open .dropdown-menu a:focus {
- 
 
 365 
  background: #1e90ff;
- 
 
 366 
  color: #fff;
- 
 
 367 
}
- 
 
 368 
 
- 
 
 369 
/*.navbar-default .navbar-nav .dropdown .dropdown-toggle::after {
- 
 
 370 
  display: none;
- 
 
 371 
}
- 
 
 372 
*/
- 
 
 373 
/*.navbar-default .navbar-nav > #utilisateur-connecte.open > a:focus,
- 
 
 374 
.navbar-default .navbar-nav > .dropdown#utilisateur-connecte > a:hover {
- 
 
 375 
  border-right: 3px solid #92ad27;
- 
 
 376 
}*/
- 
 
 377 
 
- 
 
 378 
.navbar-right .dropdown-menu {
- 
 
 379 
/*  left: auto;
- 
 
 380 
  right: 0;*/
- 
 
 381 
}
- 
 
 382 
.navbar-nav .open > .dropdown-menu {
- 
 
 383 
  display: inline-block;
- 
 
 384 
}
- 
 
 385 
.navbar-nav .dropdown-menu {
- 
 
 386 
  position: absolute;
- 
 
 387 
  left: 0;
- 
 
 388 
  right: 0;
- 
 
 389 
  top: 100%;
- 
 
 390 
  z-index: 1000;
- 
 
 391 
  min-width: auto;
- 
 
 392 
  margin-top: -10px;
- 
 
 393 
  margin-left: 1.9rem;
- 
 
 394 
  list-style: none;
- 
 
 395 
  background-color: #fff;
- 
 
 396 
  border: 1px solid #ccc;
- 
 
 397 
  border: 1px solid rgba(0, 0, 0, 0.15);
- 
 
 398 
  border-radius: 4px;
- 
 
 399 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- 
 
 400 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- 
 
 401 
  background-clip: padding-box;
- 
 
 402 
}
- 
 
 403 
 
- 
 
 404 
.dropdown-menu div a {
- 
 
 405 
  color: #222;
- 
 
 406 
}
- 
 
 407 
 
- 
 
 408 
/*************************************************************************/
- 
 
 409 
 
- 
 
 410 
#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {
- 
 
 411 
  padding: 0;
- 
 
 412 
  margin: 0;
- 
 
 413 
}
- 
 
 414 
 
- 
 
 415 
#zone-appli #formulaire #form-supp #zone-supp select,
- 
 
 416 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select {
- 
 
 417 
  background-color: #fff;
- 
 
 418 
  border: 1px solid #ced4da;
- 
 
 419 
}
- 
 
 420 
 
- 
 
 421 
#form-supp select,
- 
 
 422 
#form-supp .selectBox select{
- 
 
 423 
  border-radius: 0.3rem;
- 
 
 424 
}
- 
 
 425 
 
- 
 
 426 
/*#form-supp select,
- 
 
 427 
#form-supp select:required {
- 
 
 428 
  text-transform:none;
- 
 
 429 
  /* On retire la 'flèche' par defaut */
- 
 
 430 
  /*-webkit-appearance: none;
- 
 
 431 
  -moz-appearance: none;
- 
 
 432 
  -ms-appearance: none;
- 
 
 433 
  -o-appearance: none;
- 
 
 434 
  appearance: none;
- 
 
 435 
}*/
- 
 
 436 
 
- 
 
 437 
/*#form-supp .select-wrapper::after,
- 
 
 438 
#zone-appli #formulaire #form-supp #zone-supp .selectBox::after,
- 
 
 439 
#zone-appli #formulaire #form-supp #zone-supp .select-wrapper::after  {*/
- 
 
 440 
  /* Ajout et style d'une "flèche bas" */
- 
 
 441 
  /*content: '⌄';
- 
 
 442 
  pointer-events: none;
- 
 
 443 
  position: absolute;
- 
 
 444 
  right: 0.5rem;
- 
 
 445 
  top:-10px;
- 
 
 446 
  font-size: 2rem;
- 
 
 447 
  font-weight: 300;
- 
 
 448 
}*/
- 
 
 449 
 
- 
 
 450 
#form-supp .select-wrapper,
- 
 
 451 
#zone-appli #formulaire #form-supp #zone-supp .selectBox {
- 
 
 452 
  position: relative;
- 
 
 453 
  z-index: 1000;
- 
 
 454 
  border-radius: 0.3rem;
- 
 
 455 
}
- 
 
 456 
 
- 
 
 457 
#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {
- 
 
 458 
  border-color: #80bdff;
- 
 
 459 
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
- 
 
 460 
}
- 
 
 461 
 
- 
 
 462 
#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {
- 
 
 463 
  border:none;
- 
 
 464 
}
- 
 
 465 
 
- 
 
 466 
#zone-appli #formulaire #form-supp #zone-supp .overSelect {
- 
 
 467 
  position: absolute;
- 
 
 468 
  z-index: 999;
- 
 
 469 
  left: 0;
- 
 
 470 
  right: 0;
- 
 
 471 
  top: 0;
- 
 
 472 
  bottom: 0;
- 
 
 473 
}
- 
 
 474 
 
- 
 
 475 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes {
- 
 
 476 
  position: absolute;
- 
 
 477 
  z-index: 998;
- 
 
 478 
  left: 1rem;
- 
 
 479 
  right: 1rem;
- 
 
 480 
  background-color: #fff;
- 
 
 481 
  border: 1px solid #ced4da;
- 
 
 482 
  border-radius: 0 0 0.3rem 0.3rem;
- 
 
 483 
  margin-top: -0.3rem;
- 
 
 484 
}
- 
 
 485 
 
- 
 
 486 
#zone-appli #formulaire #form-supp #zone-supp .label label,
- 
 
 487 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {
- 
 
 488 
  display: block;
- 
 
 489 
  padding: 0.5rem;
- 
 
 490 
  font-weight: 400;
- 
 
 491 
  margin:0;
- 
 
 492 
}
- 
 
 493 
 
- 
 
 494 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {
- 
 
 495 
  background: #1e90ff;
- 
 
 496 
  color: #fff;
- 
 
 497 
}
- 
 
 498 
 
- 
 
 499 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {
- 
 
 500 
  padding-block-start: 0;
- 
 
 501 
  padding-block-end: 0;
- 
 
 502 
  padding-inline-start: 0;
- 
 
 503 
  padding-inline-end: 0;
- 
 
 504 
}
- 
 
 505 
 
- 
 
 506 
#zone-appli #formulaire #form-supp #zone-supp .collect-other {
- 
 
 507 
  margin: 0.5rem;
- 
 
 508 
}
- 
 
 509 
 
- 
 
 510 
/*************************************************************************/
- 
 
 511 
 
- 
 
 512 
/*******************************************/
- 
 
 513 
 
- 
 
 514 
.label-file {
- 
 
 515 
  overflow: hidden;
- 
 
 516 
  position: relative;
- 
 
 517 
  cursor: pointer;
- 
 
 518 
  border-radius: 0.25rem;
- 
 
 519 
  font-weight: 400;
- 
 
 520 
  font-size: 0.9rem;
- 
 
 521 
  text-align: center;
- 
 
 522 
  white-space: nowrap;
- 
 
 523 
  vertical-align: middle;
- 
 
 524 
  -webkit-user-select: none;
- 
 
 525 
  -moz-user-select: none;
- 
 
 526 
  -ms-user-select: none;
- 
 
 527 
  user-select: none;
- 
 
 528 
  border: 1px solid transparent;
- 
 
 529 
  padding: .375rem .75rem;
- 
 
 530 
  line-height: 1.5;
- 
 
 531 
  transition:
- 
 
 532 
    color .15s ease-in-out,
- 
 
 533 
    background-color .15s ease-in-out,
- 
 
 534 
    border-color .15s ease-in-out,
- 
 
 535 
    box-shadow .15s ease-in-out;
- 
 
 536 
  margin: 0;
- 
 
 537 
}
- 
 
 538 
 
- 
 
 539 
.label-file [type=file] {
- 
 
 540 
  cursor: inherit;
- 
 
 541 
  display: block;
- 
 
 542 
  font-size: 999px;
- 
 
 543 
  filter: alpha(opacity=0);
- 
 
 544 
  min-height: 100%;
- 
 
 545 
  min-width: 100%;
- 
 
 546 
  opacity: 0;
- 
 
 547 
  position: absolute;
- 
 
 548 
  right: 0;
- 
 
 549 
  text-align: right;
- 
 
 550 
  top: 0;
- 
 
 551 
}
- 
 
 552 
 
- 
 
 553 
.label-file [type=file] {
- 
 
 554 
  cursor: pointer;
- 
 
 555 
}
- 
 
 556 
 
- 
 
 557 
/*************************************/
- 
 
 558 
 
- 
 
 559 
/*#miniatures {
- 
 
 560 
  display: flex;
- 
 
 561 
  flex-flow: row wrap;
- 
 
 562 
  justify-content: flex-start;
- 
 
 563 
  align-content:flex-end;
- 
 
 564 
}*/
- 
 
 565 
 
- 
 
 566 
#miniatures .miniature {
- 
 
 567 
  position: relative;
- 
 
 568 
  display: inline-block;
- 
 
 569 
 
- 
 
 570 
}
- 
 
 571 
 
- 
 
 572 
#miniatures .miniature .miniature-img {
- 
 
 573 
  vertical-align: top;
- 
 
 574 
  width: 10rem;
- 
 
 575 
  height: 100%;
- 
 
 576 
}
- 
 
 577 
 
- 
 
 578 
#miniatures .miniature .effacer-miniature {
- 
 
 579 
  display: flex;
- 
 
 580 
  position: absolute;
- 
 
 581 
  left: 0;
- 
 
 582 
  right: 0;
- 
 
 583 
  top: 0;
- 
 
 584 
  bottom: 0;
- 
 
 585 
  font-size: 2rem;
- 
 
 586 
  background-color: rgba(0, 0, 0, 0.3);
- 
 
 587 
  opacity: 0;
- 
 
 588 
  color: #fff;
- 
 
 589 
  padding: 0;
- 
 
 590 
  margin: 0;
- 
 
 591 
  height: 100%;
- 
 
 592 
  width: 100%;
- 
 
 593 
  align-items:center;
- 
 
 594 
  justify-content: center;
- 
 
 595 
  cursor: pointer;
- 
 
 596 
}
- 
 
 597 
 
- 
 
 598 
#miniatures .miniature .effacer-miniature:hover,
- 
 
 599 
#miniatures .miniature .effacer-miniature:focus {
- 
 
 600 
  opacity: 1;
- 
 
 601 
}
- 
 
 602 
 
- 
 
 603 
.obs {
- 
 
 604 
  height: 10rem;
- 
 
 605 
  padding: 1rem;
- 
 
 606 
  border-radius: 0.25rem;
- 
 
 607 
  background-color: #fbfbfb;
- 
 
 608 
  border: 1px solid #eee;
- 
 
 609 
}
- 
 
 610 
 
- 
 
 611 
.obs .nom-sci {
- 
 
 612 
  font-size: 1rem;
- 
 
 613 
}
- 
 
 614 
 
- 
 
 615 
.defilement-miniatures .defilement-miniatures-cache,
- 
 
 616 
.defilement-miniatures .miniature-cachee {
- 
 
 617 
  display: none;
- 
 
 618 
}
- 
 
 619 
 
- 
 
 620 
.defilement-miniatures {
- 
 
 621 
  display: flex;
- 
 
 622 
  align-items:center;
- 
 
 623 
  justify-content: center;
- 
 
 624 
  height: 8rem;
- 
 
 625 
}
- 
 
 626 
.defilement-miniatures figure {
- 
 
 627 
  display: inline-block;
- 
 
 628 
  min-height: 8rem;
- 
 
 629 
  line-height: 8rem;
- 
 
 630 
  text-align: center;
- 
 
 631 
  min-width: 80%;
- 
 
 632 
  width: 80%;
- 
 
 633 
  margin:0 auto;
- 
 
 634 
  padding: 0;
- 
 
 635 
}
- 
 
 636 
 
- 
 
 637 
.miniature-selectionnee {
- 
 
 638 
  vertical-align: middle;
- 
 
 639 
  max-height: 8rem;
- 
 
 640 
  max-width: 80%;
- 
 
 641 
}
- 
 
 642 
 
- 
 
 643 
.defilement-miniatures-gauche,
- 
 
 644 
.defilement-miniatures-droite {
- 
 
 645 
  display: inline-block;
- 
 
 646 
  color: #5bc0de;
- 
 
 647 
  vertical-align: middle;
- 
 
 648 
  outline-style: none;
- 
 
 649 
}
- 
 
 650 
 
- 
 
 651 
.defilement-miniatures-gauche:active,
- 
 
 652 
.defilement-miniatures-droite:active,
- 
 
 653 
.defilement-miniatures-gauche:focus,
- 
 
 654 
.defilement-miniatures-droite:focus {
- 
 
 655 
  color: #499fb7;
- 
 
 656 
}
- 
 
 657 
 
- 
 
 658 
.defilement-miniatures-gauche:hover,
- 
 
 659 
.defilement-miniatures-droite:hover {
- 
 
 660 
  color: #499fb7;
- 
 
 661 
}
- 
 
 662 
 
- 
 
 663 
 
- 
 
 664 
#transmettre-obs{
- 
 
 665 
  text-align: right;
- 
 
 666 
}
- 
 
 667 
 
- 
 
 668 
#zone-liste-obs h2.transmission-title {
- 
 
 669 
  display: inline-block;
- 
 
 670 
}
- 
 
 671 
 
- 
 
 672 
footer a {
- 
 
 673 
  display: inline-block;
- 
 
 674 
}
- 
 
 675 
 
- 
 
 676 
/*************************************/
- 
 
 677 
 
- 
 
 678 
@media screen and ( max-width: 765px ) {
- 
 
 679 
  #bouton-connexion, #creation-compte {
- 
 
 680 
    display: block;
- 
 
 681 
    width: 100%;
- 
 
 682 
  }