/*
#@0
*/
@charset "UTF-8";
/* ---thth---Octobre 2023---

Dans Spip le fichier squelettes/css/perso.css est appelé par défaut en fin de course.
Les personnalisations apportées ici proviennent en partie de l'ancien site chaeart_2020 :
   - plugins/zpip_v1/habillage.css
   - squelettes/habillage_spip3.css


Le premier fichier de personnalisation utilisé est squelettes/css/_variables.scss placé en tête dans head.html
*/
/* ---thth---Octobre 2023---

Le plugin "LessCss" nécessaire pour "bootstrap" nécessaire pour "spipr", gére les fichiers .less et .scss.
Ces fichiers sont compilés automatiquement et transformés en un seul fichier .css qui sera intégré au site.

Le fichier de personnalisation Less utilisé est squelettes/css/_variables.scss.
Ce fichier surcharge et importe le fichier utilisé par le plugin bootstrap :
   - bootstrap4/v4.6.1.2/bootstrap2spip/css/_variables.scss (instruction @import "bootstrap2spip/css/_variables";)
   - ce fichier importe et surcharge à son tour le fichier : bootstrap4/v4.6.1.2/bootstrap/css/_variables.scss

Le second fichier de personnalisation utilisé et appelé en fin de course est squelettes/css/perso.css.
*/
/*--------------------------------*/
/*---thth--- Système de couleur
/*--------------------------------*/
/*---thth---*/
/*---thth---superfish.css---*/
/*---thth--- spip_admin et bootstrap2spip*/
/* fond a:hover */
/* text a:hover */
/* text a: */
/*---thth---fichier bootstrap4/v4.6.1.2/bootstrap2spip/css/_variables.scss---*/
/*
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Georgia, Times, serif;  }
*/
#h1 {
  color: green;
}
/* utilisé pour .spip_documents_xxx et .spip_logo --- bootstrap2spip/css/_spip.variables.scss */
/*
$h1-font-size: $font-size-base * 5 !default;
h1 {  font-size: 1em;  }
*/
/*----------------------------------------------------------------------------------------------
# Feuille de style des squelettes par defaut de Zpip-dist v1
 
 #f9f9f9	blanc
 #E9E5E5	blanc casse
 #333		noir 
 #8B2703	bordeau
 #444		gris foncé
 black
 
 Avant :
 #f9f9f9	blanc
 #333		noir 
 #70617E	magenta cassé
 #ddd		gris clair
 #666		gris foncé
 #46839B	bleu cassé
 #f63		orange

 #--- spip_admin et bootstrap2spip
 #faf2ec 	orange clair # fond a:hover
 #b86109	orange foncé # text a:hover
 #f48719	orange vif 	 # text a:

*/
b, strong {
  font-weight: 700 !important;
}
/*------------------------------------------
/* Ajout 2023
/*------------------------------------------ */
/* habillage_spip3.css */
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, "Georgia", "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", serif;
  text-align: left;
  background-color: #DDD;
  color: #343a40;
}
#content_rubrique4 {
  background-color: #212529 !important;
  color: #DDD;
  padding: 1rem 1rem 11rem 1rem;
}
#content, #aside {
  margin-top: 1.5rem;
}
.page {
  margin: 1em auto;
  padding: 0em 0em;
  border: 3px solid #DDD;
}
.header {
  padding-bottom: 0em;
}
/* spipr_dist.scss */
.header .spip_logo {
  float: left;
  margin: 0;
}
.page_sommaire .breadcrumb {
  display: block;
}
.header .accueil a {
  color: inherit;
}
.header .spip_logo {
  float: left;
  margin: 0.625rem 2rem;
  margin-left: 0;
  margin-top: 0;
}
#logo_site_spip {
  line-height: 1em;
}
#slogan_site_spip {
  display: block;
}
.header .formulaire_menu_lang {
  width: 100%;
}
.header .formulaire_menu_lang select {
  width: 100%;
}
#header {
  position: relative;
  padding-top: 0.625rem;
}
#header .accueil a:hover {
  text-decoration: none;
}
#header .accueil #nom_site_spip {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  font-weight: bold;
}
#header .accueil #slogan_site_spip {
  margin-bottom: 1em;
}
#nav {
  margin-bottom: 0;
}
#nav .navbar-inner {
  width: 100%;
}
.breadcrumb {
  margin: 0px;
  padding: 0.5rem 0;
}
.cartouche {
  margin: 0;
}
#content_rubrique4 .cartouche {
  margin: 2rem 1rem 3rem 1rem;
}
nav, .breadcrumb {
  background-color: #DDD;
}
/* bootstrap2spip/css/spip.list.scss */
.liste-items .publication, .liste-items .postmeta {
  display: block;
}
.footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.footer {
  display: flow-root;
  /* au lieu de @include clearfix(); */
  position: relative;
  margin-top: 4rem;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 2px solid;
  text-align: left;
}
.footer .colophon {
  padding-right: 100px;
}
.footer .generator {
  position: absolute;
  top: 1rem;
  right: 0;
  max-width: 100px;
}
.footer .generator svg {
  width: 60px;
}
.footer .generator a {
  color: #E8246F;
  transition: color 0.2s;
}
.footer .generator a:hover, .footer .generator a:focus {
  color: #662F89;
  background-color: transparent;
}
/* ------------------------------------------
/* particularités chane-art
/* ------------------------------------------ */
.spip_documents_left {
  float: left;
  margin: 0.625rem 2rem;
  margin-left: 0;
}
.chapo .spip_documents_left {
  float: left;
  margin-bottom: 10px;
  margin-right: 30px;
}
.inscription_newsletter .boutons {
  text-align: left !important;
}
.info_newsletter {
  width: 80%;
}
.info_contact {
  width: 100%;
}
.info_contact, .info_newsletter {
  padding: 1em !important;
  margin-bottom: 2em;
  margin-right: 1em;
  display: inline-block;
  clear: none !important;
  background: none repeat scroll 0 0 #f8f9fa;
  /*F8F8F8*/
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  cursor: pointer;
}
/*------------------------------------------
/* Plugins pour l'affichage des images
/*------------------------------------------*/
/*--- Cycle2 quand la largeur de l'image est plus petite que le container---*/
.cycle-slideshow a:active, .cycle-slideshow a:focus, .cycle-slideshow a:hover {
  background-color: transparent !important;
  color: #343a40;
  text-decoration: none;
}
.cycle-slideshow {
  width: 100%;
  min-width: 150px;
  margin-bottom: 5em;
  padding: 0;
  position: relative;
  text-align: center;
}
/*--- Albums --- albums/v4.0.4/css/albums.css
---thth--- pour obtenir l'affichage de la légende au passage de la souris comme pour le portfolio par défaut :
---thth--- fond noir + légende en gras sur plusieurs lignes --> pas de fond + légende sur une ligne
*/
:root {
  --spip-albums-gutter: 0.2rem;
  /* Marges internes --- 0.5em ---*/
  --spip-albums-margin: calc(var(--spip-spacing-y, 1.385em) * 2);
  /* Marge externes */
  --spip-albums-border-radius: 0.15em;
  --spip-albums-thumbnail-size: 8em;
  /* Taille max des miniatures --- 10em ---*/
  --spip-albums-text-gray: var(--spip-color-gray-dark, #666);
}
/*
---thth--- affichage de la légende au passage de la souris comme pour le portfolio par défaut :
---thth--- fond noir + légende en gras sur plusieurs lignes --> pas de fond + légende sur une ligne
*/
.album_images .album__item_image a {
  display: flex;
  margin: 6px 3px 0 3px;
  border: 4px solid #DDD;
}
.album_images .album__item_image a.on {
  border-color: #222;
}
.album_images .album__item_image a:focus, .album_images .album__item_image a:hover, .album_images .album__item_image a:active {
  border-color: #f48719;
}
/*--- on ajoute ---*/
.album_images .album__doc_image.album__doc_captioned .spip_doc_titre strong {
  background-color: white;
  /* transparent */
  font-weight: 10 !important;
  padding: 0.5em;
  position: relative;
  transform: translateX(-50%) translateY(-50%);
  z-index: 3333;
}
/*--- on modifie ---*/
.album__caption {
  font-size: 1.5em;
  line-height: 1;
}
.album__caption strong {
  font-weight: 500 !important;
}
.album_caption-top .album__caption, .album_simple:not(.album_caption-bottom) .album__caption {
  margin-bottom: calc(var(--spip-albums-gutter));
}
.album_model .spip_doc_legende {
  word-break: keep-all;
  /* break-word; */
}
.album_images .album__doc_image.album__doc_captioned .spip_doc_inner {
  position: relative;
  overflow: visible;
}
.album_images .album__doc_image.album__doc_captioned .spip_doc_legende {
  background-color: white;
  /* transparent */
  color: black;
  /* white */
  font-size: 0.9em;
  /* défaut 0.9 em ??? */
  overflow-x: visible;
  overflow-y: visible;
  padding: 0px;
  /* var(--spip-albums-gutter); */
  transform: translateX(-22%) translateY(222%);
  /* -50% et -50% */
  z-index: 333;
}
.album_images .album__doc_image.album__doc_captioned:focus-within .spip_doc_inner > *:first-child, .album_images .album__doc_image.album__doc_captioned:hover .spip_doc_inner > *:first-child {
  filter: none;
}
/*--- Portfolio --- avant
.documents_portfolio {  clear: both; margin: 2em auto; text-align: center;
	padding-top:	3em;
	padding-bottom:	3em;
}
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #f63; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #46839B; }
.noisette_article-portfolio {
	width:	100%;
	background:	#000000;
}
*/
/*---thth--- Portfolio --- spipr_dist/v2.2.12/css/spip.portfolio.css */
.documents_portfolio {
  clear: both;
  margin: 1.5rem auto;
  /*@margin-bottom*/
  text-align: center;
}
.documents_portfolio .spip_logo {
  float: none;
  margin: 6px 3px 0 3px;
  border: 4px solid #DDD;
}
.documents_portfolio a.on .spip_logo {
  border-color: #222;
}
.documents_portfolio a:focus .spip_logo, .documents_portfolio a:hover .spip_logo, .documents_portfolio a:active .spip_logo {
  border-color: #444;
}
/*-------------------------------------------------*/
/* Affichage des articles sous forme de vignettes
   inspiré du pluging moodboard */
/*------------------------------------------------*/
#pins_mb {
  list-style-type: none;
  margin: 0 0 2em;
  position: relative;
}
.pin_mb {
  text-align: center;
  margin-bottom: 2em;
}
#aside .pin_mb .item {
  margin: 1em 0em !important;
}
.pin_mb .item {
  width: 200px;
  margin: 14px !important;
  margin-top: 0px !important;
  display: inline-block;
  clear: none !important;
  background: none repeat scroll 0 0 #DDD;
  /* #F8F8F8; */
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  cursor: pointer;
}
.pin_mb .h3 {
  border-bottom: 0em !important;
  text-align: center;
}
.pin_mb ul, li {
  vertical-align: top;
}
#content_rubrique4 .pin_mb a {
  background-color: #212529 !important;
}
.pin_mb a {
  color: #343a40;
  text-decoration: none;
  background-color: #DDD;
}
.pin_mb a:focus .item, a:hover .item {
  color: #343a40;
  border: 1px solid #212529;
}
.pin_mb .spip_logos {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 200px;
}
.logo_pin_mb img {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 200px;
}
.pin_mb p, .meta-publi {
  display: inline-block;
  margin: 1em;
}
/*-----------------------------------------------------------------------*/
/*--- Plugin Menu Superfish --- Habillage general des menus de navigation
/*-----------------------------------------------------------------------*/
/*
.menu { clear: both; margin-bottom: 0em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
.menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em;}
.menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
.menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }
#nav .menu-liste .menu-entree {	display: inline;padding:0;margin:0 0 0 10px; }
*/
/* 
#navigation .menu {background:#fcfcfc; padding:0.5em; border: 1px solid #ddd;}
#navigation .menu a {}
#navigation .menu-liste {border-bottom:0;}
#navigation .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}
#navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation .liste .h2 {margin-top:1em;}
#navigation .formulaire_recherche{margin-bottom:2em;}
*/
/*---thth---superfish.css---
$bleu_clair; bleu clair
#BDD2FF  bleu moins clair
#AABDE6  bleu moins moins clair
#9AAEDB  bleu moins moins moins clair

#EAE2E2; 	gris rose clair
#B3A5A5; 	gris rose foncé
***/
.sf-menu, .menu-list {
  width: 100%;
  height: 100%;
}
.sf-menu {
  float: left;
  background: #212529;
  margin-bottom: 0em;
}
.sf-menu a {
  border-left: 0px solid #343a40;
  border-top: 0px solid #CFDEFF;
  color: #EAE2E2;
  padding: 0.75em 1em;
  text-decoration: none;
}
.sf-menu a:hover, a:hover .on {
  color: #343a40 !important;
}
.sf-menu a.on, .sf-menu .on, .sf-menu .on a {
  color: #343a40;
}
.sf-menu li {
  background: #212529;
  display: block;
}
.sf-menu li li {
  background: #212529;
}
.sf-menu ul ul li {
  background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  background: #faf2ec;
  -webkit-transition: none;
  transition: none;
}
/*---fin---thth---superfish.css---*/
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fsquelettes%2Fcss%2Fperso.scss%22%2C%22%2Fsquelettes%2Fcss%2F_perso_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACgFA%3BAAAA%3BAAAA%3BADhFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAA0CA%3BAAAA%3BAAAA%3BAA1CA%3BAAAA%3BAAAA%3BAAAA%3BAAsDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAA9EA%3BAAiFA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAtIA%3BAA2IA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAxKF%3BAAAA%3BAAAA%3BAAiLA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAArMA%3BAAAA%3BAAAA%3BAAAA%3BAAyNA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA5NA%3BAAAA%3BAAAA%3BAAAA%3BAA2OA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA3OA%3BAAAA%3BAAAA%3BAAAA%3BAAwPC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAhQD%3BAAsQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAtQA%3BAAgRA%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAjTA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAyUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAA5UA%3BAAAA%3BAAAA%3BAAAA%3BAAsVA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAhZA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAybA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA1dA%22%7D */