/* GESTION ACCUEIL */
.ecran_principal {background-color: #7BC1F0; min-height: 100vh;}/* #2097E5 */
#choix_theme {display:flex; gap:5px; justify-content: center; flex-wrap: nowrap;}
#choix_theme > div {width: 64px; aspect-ratio: 1 / 1; width: min(64px, 15vw); outline:2px solid transparent; background-color: #00020A; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.15s ease; opacity:0.4;}
#choix_theme > div:hover {opacity:1;}
#choix_theme > div.on {transform: scale(1.1); opacity:1; cursor: default;}
#choix_theme img {width: 70%; height: auto; display: block;}
#choix_cat .wrapper-h4 {padding:0 0.6em;}
#choix_cat .wrapper-h4 h4 {background-color: #00020A; color:#FFF; padding-bottom:5px; border-radius: 10px 10px 0 0; text-align: center;}
#choix_cat .pave_cat {background-color:#BDE1FA; color:#1C2E47; border-radius: 10px; margin-top:40px; padding:0; position:relative; cursor: pointer;}
#choix_cat .pave_cat img {position:absolute; bottom:0; left:0; background-color: #FFF; border-radius: 50%; outline:1px solid grey;}
#choix_cat .pave_cat div {padding:5px 5px 5px 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#modal_acces_activites .modal-title .logo_theme {width: 32px; background-color: #FFF; outline:1px solid grey; border-radius: 2px;}
#modal_acces_activites.cacher_texte_div .bt_type_activite > div {display:none;}
#modal_acces_activites .exceptions_mots {height:300px;}
.titre_intermediaire {color: blue; font-weight: 600;}
.lien_span {color: blue; text-decoration: underline; cursor: pointer;}
.lien_span:hover {color: red; text-decoration: none;}
.pave_rechercher_image {display:flex; flex-wrap: wrap;}
.pave_rechercher_image > div {width: 80px; text-align: center;}
.pave_rechercher_image > div > div {font-size: 0.8em;}
.pave_rechercher_image img {border-radius: 50%; border: 1px solid grey;}

.pave_accueil h1, .pave_accueil h2, .pave_accueil h3 {color:#00020A; text-shadow: 5px 5px 5px #fff;}
.pave_accueil span {color:red; font-weight: bold; cursor: pointer;}

#documentation h3 {padding:0 0 5px 35px; color:#FFF;}
#documentation h5, #modal_sv_diagnostic h5 {color: #2E86BA; font-weight: bold;}
#documentation section {background-color: #2E86BA; padding:0 10px 0 10px; border-radius: 5px; margin-top:0.5em;}
#documentation section > div {padding-bottom: 0.5em;}
#documentation section > div > div {background-color: #FFF; border-radius: 5px; padding:0.5em;}

.logo_accueil {width: 100%; max-width: 256px; height: auto;}
.schema_accroche {width: 100%; max-width: 631px; height: auto; border-radius: 10px;}

#voix_installees ul li {color:blue; text-decoration: underline;}
#voix_installees ul li:hover {color:red ; text-decoration: none;}

/*.bloc_favori button > img {width: 64px; height: 64px; background-color: #FFF; border:1px solid grey; border-radius: 5px;}*/
.bloc_favori > div {text-align: center; color:#FFF; font-size:90%; cursor: pointer; background-color: #046DC2; border-radius: 5px; position:relative; padding:0.2em; filter: brightness(1);}
.bloc_favori > div:hover {filter: brightness(1.1);}
.bloc_favori .logo_theme {width: 64px; height: 64px; background-color: #FFF; border:1px solid grey; border-radius: 5px;}
.bt_sup_fav {position:absolute; right:-5px; top:-5px;}
.min-w-0 {min-width: 0;}/* pour gérer .bloc_favori */

.titre_destination_act {background-color: #07748B; color:#FFF; padding-bottom:4px; border-radius: 5px;}
.bt_type_activite {text-align: center; color:#FFF; font-size:90%; cursor: pointer; background-color: #0D6EFD; border-radius: 5px; position:relative; padding:0.2em; filter: brightness(1);}
.bt_type_activite:hover {filter: brightness(1.1);}
.bt_type_activite.off, .bt_jeuaimprimer.off {opacity:0.3; cursor:not-allowed;}
.bt_add_sel, .bt_sup_sel {position:absolute; right:-5px; top:-5px;}

.plier_deplier_suivant {position:relative; cursor: pointer;}
.plier_deplier_suivant:hover {opacity: 0.6;}
/*.plier_deplier_suivant:hover {background-color: rgba(0, 0, 0, 0.6);}*/
.plier_deplier_suivant::before {content: "\F4FE"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 2px;}
.plier_deplier_suivant.on::before {content: "\F2EA";}

/* GESTION DES COLLECTIONS */
.ecran_edition_collections {background-color: #BCE2FA;  min-height: 100vh;}
.affichage_collection {padding:0.5em 0.5em 0 0.5em; border:1px solid grey; border-radius: 0.5em; margin-top:0.5em; background-color: aliceblue;}
/*.affichage_collection h4 {padding:0 0 0.2em 0; margin-right:120px;}*/
.affichage_collection h4 {font-weight:600; font-size:1.4em; padding:0; margin-top:0.1em;}
.fiche {outline:1px solid grey; border-radius: 0.2em; padding:0.2em 0.4em; background-color: #FFF;}
.bt_i.btn {padding:0 0.4em;}
.bt_i.btn i {font-size:1.5em;}
.bt_i.btn-sm {padding:0 0.4em;}
.bt_i.btn-sm i {font-size:1.4em;}
.bt_inserer_image {width: 64px; height: 64px; outline: 1px dashed grey; float:left; cursor: pointer;}
.bt_inserer_image img {width: 100%; height: 64px;}
.wrapper_bts_nom {margin-left:74px;}
.carte_nom {font-weight: bold; color:blue; font-size: 1.1em; padding:0; margin:7px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.saisie_nom_collection {margin-right:100px;}
.onglets_creer_collection .tab-content {background-color: #FFF;}

.affichage_collection .logo_selection {width:24px; cursor: pointer;}

#selection_images_galerie {margin-bottom:1em; background-color: #FFF; border: 2px dashed grey; border-radius: 5px; min-height: 78px;}
.bloc_images_sel {margin-top:1em; background-color: #FFF; border: 1px solid grey; border-radius: 5px; padding:0.5em;}
.bloc_images_sel .sous_menu button {margin:2px 0;}
.bloc_images_sel .les_images {display:flex;}
.bloc_images_sel .les_images img, #selection_images_galerie img {width:64px; height:64px; margin:5px; border:1px solid #98D7DA; border-radius: 5px; cursor:pointer; -webkit-transition: all 0.5s; transition: all 0.5s; filter: brightness(0.9);}
.bloc_images_sel .les_images img:hover, #selection_images_galerie img:hover {filter: brightness(1); transform: scale(1.1); border:1px solid red;}
.bloc_images_sel .les_images img.off {cursor:no-drop; filter: brightness(0.5); border:1px solid grey; transform: scale(0.8);}
.bloc_images_sel .les_images img.off:hover {transform: scale(0.8);}

#zone_lc img {float:left; width:48px; height:48px; cursor: pointer; border:1px solid #98D7DA; margin:3px; border-radius: 5px; background-color: #FFF; -webkit-transition: all 0.5s; transition: all 0.5s; filter: brightness(0.9)}
#zone_lc img:hover {border:1px solid red; filter: brightness(1); transform: scale(1.1);}

#vumetre .bar {
  width: 8px;
  height: 4px;
  background-color: #dc3545; /* rouge Bootstrap */
  transition: height 0.1s ease;
  border-radius: 2px;
}

/* EFFETS */

/* Grow Shadow */
.hvr-grow-shadow {
  
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  /*vertical-align: middle;*/
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}