body {
  background-color:#000; 
  font-family: 'Roboto', sans-serif;
}
ul, ol {list-style:none;}

#login {background-color:#232B2D; }
#header { background-color: #000; }
#citation { background-color: #fff; }
.content.container { background-color: #fff; }
#partenaires {background-color:#232B2D; color:#eee; }
#footer { background-color: #000; color:#eee;}
#sub_footer { background-color: #fff; font-size:small; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-transform: uppercase;
}

h2, .h2 { 
  font-size:1.8rem;
  line-height:1.8rem;
  margin-top:3rem;
}

h2:first-child {
  margin-top:0;
}

h6, .h6 {
  font-weight:bold; letter-spacing: 2px;
}


h3.spip {
  margin-top:2rem; font-size:1.3rem;
}

hr {clear:both}

a { color:#666; }
a:hover, a:focus { color:#000; }
a:visited { color:#999; }

/*******  Header   *******/
#login ul.menu-liste {
  display: inline-flex;
  gap: 1rem;
  margin-bottom: 0;
  padding-left: 0;
}

#login ul.menu-liste li::after {
  content:"|";
  padding-left: 1rem;
}

/* Navigation principale */
/* .nav-afap .link-yellow li:not(.active) { border-top:solid 2px #000; } */ 
.link-yellow { color:white; }
.link-yellow a { text-transform: uppercase; color:#BEC136 !important;}
/* .link-yellow .active { border-top: solid 2px #ee2; } */
.link-yellow a:hover, .link-yellow a:focus, .link-yellow .active a { color:#ee2 !important; }

.rond { border-radius: 50% } 

/*.nav-afap {
	color: #000;
	background-color: #ee2;	
	border:solid 2px #000 !important;
}*/

.nav.nav-tabs { text-transform: uppercase; }
.nav.nav-tabs .active {
    background-color: #fff200;
    border-color: #BEC136;
}

@media  (max-width: 480px){
  .nav.nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
  }

  .nav-tabs .nav-link{
    font-size:11px;
    padding: .5rem .3rem;
  }

  #categorie {
    border-left: solid 3px #ccc;
    margin-bottom: 3rem;
  }

  #categorie .list-group-item {
    border:none;
    display:inline;
    padding: .3rem .5rem;
  }

  #categorie .list-group-item a {
    display:inline;
  }

}

.list-group-item.active {
    background-color: #fff200;
    border-color: #BEC136;
}

/* bloc Content principal */
.content.container {border-top: solid 7px #ee2; }

/* Footer */
#footer a {color:#BEC136 !important;}
#footer a:hover, #footer a:focus, #footer .active a { color:#ee2 !important; }
#footer .nav-item { margin-bottom: .25rem; }
.sociaux .socicon { padding: .5em .5em .4em !important; }


/* SPIP ====================================================*/
/*==========================================================*/

/* Bug SPIP 3.3 sur les <figure> */
.texte figure {width:auto !important}

.spip_documents_center img{
  width:100%;
  height:auto;
}

/* -------------------- PAGINATION SPIP : surcharge squelettes-dist -------------------- */
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #BEC136; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

/* -------------------- FORMULAIRE SPIP -------------------- */
/* formulaire de recherche */
.formulaire_spip.formulaire_recherche form { position:relative; }
.formulaire_spip.formulaire_recherche svg {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .75em;
    width: .75em;
    height: .75em;
}
.formulaire_spip.formulaire_recherche input[type=search] { font-style:italic; padding-left: 2.125em; border:none; border-radius:1px; background-color:#eee;}

.spip-admin-bloc,
.spip-admin-float { top:35px !important; left: 0; right: auto; }

/* formulaire forum */
.formulaire_forum .qui.session_qui { display:none; }
.formulaire_forum .saisie_texte label { display:none;}

/* formulaire login */
p.details { display:inline-block; margin-top:10px; margin-bottom: 10px; }
.mini_page .btn-secondary, .page-401 .btn-secondary  { display:none; }

/* fieldset prévisu */
fieldset.previsu { background-color: #ddd; padding:1rem; }
fieldset.previsu > div { margin-bottom:1rem; }

.formulaire_spip .reponse_formulaire_ok, .success {
  padding:20px;
  color: #264409; 
  border: solid 2px #C6D880;
  background-color:#E6EFC2;
  background-image:url('prive/themes/spip/images/ok-24.png');
}

/* boutons */
.btn-afap {
	color: #BEC136;
	background-color: #000;
}
.btn-afap:hover {
  color: #ee2;
}
/************************/
/* Galeie moderne */
.gallerie {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.gallerie > img {
  flex: 1 1  auto;
  width: auto;
  height:auto;
  max-width: 130px;
  max-height: 90px;
  margin:5px;
  object-fit: cover;

}

/* Modal */
.modal-header, .modal-footer { border-radius:0; background-color: #232B2D; color: #eee; }

/* minpres AFAP */
.content.container .minipres_afap { background-color: #000; }

/* -------------------- SURCHARGE PLUGINS -------------------- */


/* Crayons : largeur de l'espace de rédaction */
textarea.crayon-active {
  min-height: 250px !important;
  min-width: 700px;
}

.content.membres_crayons {
  min-height: 720px; 
}

/* Swiper */
.swiper-container {
  height: 400px;
}

figure.swiper-slide figcaption {
    position: absolute;
    text-align: left;
    padding: 0 0 0 1rem;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    color:white;
    width:100%;
}

figure.swiper-slide figcaption .titre{
  font-size:1rem;
  line-height:2rem;
  color:#ddd;
}

figure.swiper-slide figcaption .titre,
figure.swiper-slide figcaption p,
figure.swiper-slide figcaption a {
  background-color: transparent;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 35px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
  background-color:white !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active { background-color:yellow !important; }

@media screen and (max-width: 950px) {
 .swiper-container {
    height: 300px;
  }
}
@media screen and (max-width: 550px) {
  .swiper-container {
    height: 200px;
  }
}