/* SPIP ========================================================*/
/* En complément des CSS proposés dans /squelettes-dist/css/	*/
/* Voir à ce propos : https://www.spip.net/fr_article5720.html */
/* 

Les indispensables sont : 
• media.css


Les BOFS !
• font.css -> c'est vide de toute façon
• reset.css -> Bootstrap les gère
• typo.css ->  Bootstrap les gère
• links.css -> bien mais relou. reprises ici des éléments interesssants (liens sortants, liens mailers, liens tel, etc).
• layout.css -> trop spécifique
• theme.css -> ce le thème par défaut de la Dist. Exit donc
• clear.css -> rien d'interessant… dommage !

*/
/*==============================================================*/

/* Note sur un truc bizarre : les classes Hn.Hn sont générées par le plugin Intertitres Hierarchiques */


h1, h2, h3, h4,
.texte h2.spip,
.texte h2.h2,
.texte h3.spip,
.texte h3.h3,
.texte h4.spip,
.texte h4.h4
{
  clear:both;
}

/***********************************************************/
/*** Gestion de la mise en page à l'intérieur des textes ***/
.texte p,
.texte ul.spip,
.texte ol.spip,
.texte form,
table.spip {
  max-width:45rem; /* Accessibilité */
}

.texte p + ul.spip,
.texte p + ol.spip {
  margin-top: -1rem;
}

.texte .spip li {
  padding-top: .5rem;
}

hr.spip {
  border-top: solid 1px var(--millia-primaire);
  margin-top: 3rem;
  margin-bottom: 3rem;
  opacity: 1;
  clear:both;
}

/***********************************************************/
/*******                    LIENS                    *******/

a {
  text-decoration: none;
  transition: all .3s;
}

a:hover,
a:focus {
  transition: all .3s;
}

a[hreflang]:after {
  content: "\0000a0[" attr(hreflang) "]";
}

/***** Liens Internes *****/
.link--arrow::after {
  content: " →";
}

/***** Liens externes *****/
a.spip_out:after,
a.external:after {
  content: "\0000a0\279A";
}
a[hreflang].spip_out:after,
a[hreflang].external:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
}
/**** mailto / tel ****/

a.spip_mail:before {
    content: "\002709  ";
}

a[href^='tel']:before {
  content:"☏ ";
}

/* Documents */
a.download::after {
  content: "\0000a0\21A7";
}
a[hreflang].download:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\21A7";
}
a.audio:after {
  content: "\0000a0\266B";
}
a[hreflang].audio:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\266B";
}


/***********************************************************/
/***********   Logos, documents joints et images   *********/

/* Documents joints */
#documents_joints > h2 {
  display: none;
}

#documents_joints ul {
  display:grid;
  grid-template-rows: 1rem 1rem;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
 }


#documents_joints a[type='application/pdf']:hover::after {
  opacity: 0.7;
}


.texte figure {
  width: auto !important;
}

/* par defaut, un document sans [center, left, right] est justifié en mode "start" */
.spip_document {
  display: flex;
  justify-content: start;
}

.spip_document_center {
  justify-content: center;
}

.spip_doc_inner {
  margin: 0;
}

.grille_document {
  display: grid;
  grid-template-columns: 1fr 60px;
  justify-items: baseline;
  align-items: center;
  padding-bottom: .5rem;
  border-bottom: solid 1px var(--millia-primaire-clair);
  margin-bottom: .5rem;
  max-width:45rem;
}


/*** Gestion des documents flottant ***/
.spip_documents_left {
  float:left;
  margin-right: 1.5rem;
}


/************************************/
/************* Formulaires **********/

/* Previsu */
.formulaire_spip .previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }

.erreur_message { color: red; }

.editer.erreur input[type="text"], .editer.erreur input.text,
.editer.erreur input[type="password"], .editer.erreur input.password,
.editer.erreur textarea,
li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,
li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }

.spip_surligne { background-color: yellow; }

/* Formulaire de recherche */
.formulaire_recherche * { display: inline; }

/* Paragraphes */
div.spip,
 ul.spip,
 ol.spip,
 .spip_poesie,
 .spip_cadre,
 div.spip_code,
 .spip_documents.spip_documents_center { margin-bottom: 1.5em; }

/******* Pagination */
.pagination {
  clear: both;
  justify-content: center;
}

.pagination-items {
  display: flex;
  justify-content: center;
  gap: 1rem;

}

.pagination .disabled {visibility:hidden;}
@media print {
  .pagination { display: none; }
}


/* Compatibilite ancienne dist */
.on {font-weight: 600;}


/*** Gestion des formulaires ***/

.editer-groupe .editer {
    margin-bottom: 20px;
}

form label{
  display:inline-block;
}

/* PLUGINS SPIP   ==================================================*/
/* Mettre ici les surcharges pour les styles sur les plugins SPIP   */



/* BOUTONS ADMIN SPIP ===================================*/
/* Les boutons d'admin survolent la page (sauf # FORMULAIRE_ADMIN) */
.spip-admin-bloc,
.spip-admin-float { z-index: 10000 !important; top:0px !important;  right:0 !important; }

.spip-admin-bloc a,
.spip-admin-float a { color:white !important; }

@media print {
  .spip-admin,
  #spip-admin { display: none; }
}