/*
#@plugins/hal_labo/css/hal_labo.scss
*/
@charset "UTF-8";
/*
  habillage minimum de modele hal fourni par le plugin hal_m

  hal_labo : on remplace toutes les occurences de --hal-gray par --c-gris pour être raccord aec sq_gen
*/
/* variables */
:root {
  /*--hal-gray: #e5e5e5;*/
}
/* wrapper */
.hal-resultat {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--gris-200);
  width: 100%;
}
.hal-resultat:last-child {
  border-bottom: inherit;
}
.hal-thumb {
  width: 70px;
  margin-right: 0.5rem;
  text-align: center;
}
.hal-thumb img {
  border: 1px solid var(--c-gris);
}
.hal-preview {
  flex: 1;
}
/* tags */
.hal-preview a {
  text-decoration: none !important;
}
/* titre publication (short) */
.hal-preview h4 {
  margin-bottom: 0;
}
.hal-preview a.hal-titre {
  --link-hover-color: var(--c-moyen);
}
/* filtres publications */
.container_filtres {
  background-color: var(--gray-200);
  margin: 2rem 0 0;
  padding: 1rem 2rem;
  border: solid var(--gray-400) 1px;
  border-radius: 1rem;
}
.container_filtres legend, .container_filtres .legend-like {
  font-size: 2.2rem;
}
.container_filtres .choix {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.container_filtres .choix:hover {
  background-color: var(--gris-400);
}
.container_filtres .choix > label {
  margin-bottom: 0;
}
.container_filtres .boutons {
  width: 100%;
  text-align: right;
  font-size: xx-large;
  padding: 0 2rem;
}
.container_filtres .boutons a, .container_filtres .boutons span {
  padding: 1rem 2rem;
  background-color: #333;
  color: #fff;
}
.container_filtres .legend-like {
  position: relative;
  top: -0.3rem;
  z-index: 3;
  background-color: #fff;
  width: fit-content;
  margin: 0 1rem;
  padding: 0 1rem;
  font-weight: bold;
  white-space: nowrap;
}
.container_filtres .input_filtre {
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  min-height: 45px;
  box-shadow: none;
}
.container_filtres .explication {
  margin-bottom: 0;
  order: 2;
}
.container_filtres .select2-container {
  display: inline;
}
/* publi complete */
.hal-chapo h4 {
  color: var(--gris-600);
}
.hal-id .intitule {
  color: var(--gris-600);
  font-size: 80%;
}
/* classes */
.hal-titre {
  color: #222;
}
.hal-auteurs {
  line-height: 1.25;
}
.hal-auteur {
  color: #008000;
  font-size: 0.8em;
  font-weight: 500;
}
a.hal-auteur {
  color: #337ab7;
  font-size: 0.9em;
}
.hal-citation {
  /*color: #826b6b;
	opacity:0.7;
	&:hover {
		opacity: 1;
	}	
	*/
  color: var(--gris-600);
  font-size: 0.8em;
}
.hal-citation p {
  margin-bottom: 0;
}
.hal-typedoc {
  /*background-color: #86839d;*/
  background-color: var(--c-gris);
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.5;
  padding: 5px 8px;
  display: inline-flex;
  margin-right: 0.5rem;
}
.hal-links {
  display: inline-flex;
}
.hal-link {
  font-weight: bold;
  font-size: 82%;
  color: #222;
  margin-right: 0.75rem;
  flex-shrink: 0;
  /* ne pas casser id */
}
.hal-debug {
  word-break: break-all;
  background: pink;
  padding: 0.5rem;
  margin: 1rem 0;
  line-height: 1.25;
  font-size: 0.85rem;
}
.hal-more {
  margin-bottom: 1rem;
}
.hal-more a {
  text-decoration: none !important;
  background-color: #222;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: 5px 8px;
  border-radius: 0.2rem;
}
.hal-tags {
  line-height: 1.25;
  margin: 0.5rem 0;
}
.hal-tag {
  color: #337ab7;
  font-size: 0.8em;
  font-weight: 400;
  margin-right: 1rem;
}
/* page recup_hal */
.page_ajouter_hal h1.titre_ajout_hal {
  max-width: 100%;
}
/* form d'édition des mots ou de la photo d'un auteur */
.hal-form_mots, .hal-form_logo_auteur, .hal-form_ajout_publication {
  background-color: var(--gray-200);
  margin: 2rem 0;
  padding: 2rem;
  border: solid var(--gray-400) 1px;
  border-radius: 1rem;
}
.hal-form_mots .select2-container, .hal-form_logo_auteur .select2-container, .hal-form_ajout_publication .select2-container {
  min-width: 100%;
}
.hal-form_mots p.boutons, .hal-form_logo_auteur p.boutons, .hal-form_ajout_publication p.boutons {
  width: 100%;
  text-align: right;
  font-size: xx-large;
  padding: 0 2rem;
}
.hal-form_mots p.boutons input, .hal-form_logo_auteur p.boutons input, .hal-form_ajout_publication p.boutons input {
  padding: 0 2rem;
}
.hal-form_mots .hal-ajouter_mot, .hal-form_mots .hal-ajouter_halid, .hal-form_logo_auteur .hal-ajouter_mot, .hal-form_logo_auteur .hal-ajouter_halid, .hal-form_ajout_publication .hal-ajouter_mot, .hal-form_ajout_publication .hal-ajouter_halid {
  box-shadow: none;
  border: 1px #aaa solid;
  border-radius: 4px;
}
.hal-form_mots .bloc_ajouter_hal .explication, .hal-form_logo_auteur .bloc_ajouter_hal .explication, .hal-form_ajout_publication .bloc_ajouter_hal .explication {
  color: var(--gris-600);
}
.hal-form_mots .bloc_ajouter_hal .lien_pagination, .hal-form_logo_auteur .bloc_ajouter_hal .lien_pagination, .hal-form_ajout_publication .bloc_ajouter_hal .lien_pagination {
  background-color: var(--gris-400);
  color: var(--blanc);
}
.hal-form_mots .bloc_ajouter_hal .lien_pagination:hover, .hal-form_logo_auteur .bloc_ajouter_hal .lien_pagination:hover, .hal-form_ajout_publication .bloc_ajouter_hal .lien_pagination:hover {
  background-color: var(--gris-500);
  font-weight: 700;
}
.hal-form_mots .bloc_ajouter_hal .on, .hal-form_logo_auteur .bloc_ajouter_hal .on, .hal-form_ajout_publication .bloc_ajouter_hal .on {
  font-weight: 700;
  background-color: var(--gris-600);
}
.hal-form_mots input[type="text"], .hal-form_logo_auteur input[type="text"], .hal-form_ajout_publication input[type="text"] {
  width: 100%;
}
.hal-form_mots input.hal-ajouter_halid[type="text"], .hal-form_logo_auteur input.hal-ajouter_halid[type="text"], .hal-form_ajout_publication input.hal-ajouter_halid[type="text"] {
  width: fit-content;
}
.hal-form_mots .menu_multilang, .hal-form_logo_auteur .menu_multilang, .hal-form_ajout_publication .menu_multilang {
  padding: 1rem;
  background-color: var(--gris-400);
}
.hal-form_mots .menu_multilang .langues > *, .hal-form_logo_auteur .menu_multilang .langues > *, .hal-form_ajout_publication .menu_multilang .langues > * {
  margin-right: 1rem;
}
/* les crayons */
.formulaire_crayon .menu_multilang a {
  margin-right: 1rem;
  padding: 0 1rem;
}
.formulaire_crayon .menu_multilang .langues a.empty {
  background-color: #FFF;
}
.formulaire_crayon .saisie_input input {
  width: 100%;
}
.formulaire_crayon .crayon-boutons {
  width: 100%;
}
