/*
#@0
#@1
*/
@charset "UTF-8";
/* les personnalisations CSS de sq_geau pour sq_gen 
	pour mémoire des breakpoints :
		--breakpoint-lg: 1024px; 
		--breakpoint-xl: 1440px; 
		--breakpoint-xxl: 1920px;
*/
/* KNACSS + xxl
$tiny: 320px !default;
$small: 414px !default;
$medium: 768px !default;
$large: 1024px !default;
$extra-large: 1440px !default;
$xxl: 1920px !default;
*/
/* BOOTSTRAP
$tiny: 400px !default;
$small: 576px !default;
$medium: 768px !default;
$large: 992px !default;
$extra-large: 1200px !default;
$xxl: 1520px !default;
*/
/* Acadaix / sq_gen */
/* Breakpoints pour la grille
_mixins.scss fourni en plus les  @include respond-to("medium-up") {...} */
/* Additionnal "utility" breakpoints aliases 
 ex. @include respond-to("medium-up") {...}  */
/* thème : Collectif 05 */
.t_collectif05 {
  --c-sombre: #008ce6;
  --c-moyen: #008ce6;
  --c-claire: #008ce6;
  --c-gris: rgba(23, 29, 41, .2);
  --c-white: #FFF;
  --c-blanc: #FFF;
  --c-noir: #000;
  --c-black: #000;
  /* application du thème */
  --color-base: var(--c-noir);
  --bg-base: var(--c-blanc);
  --text-color: var(--color-base);
  --text-bg: var(--bg-base);
  --head-color: var(--c-claire);
  --head-bg: var(--bg-base);
  --link-color: var(--c-moyen);
  --link-bg: transparent;
  --link-hover-color: var(--c-blanc);
  --link-hover-bg: var(--c-moyen);
}
.t_collectif05 .breadcrumb-item.t-clair {
  color: var(--c-blanc);
  opacity: 0.6;
}
/* ajustement spécifique hauteur de backstrecht du slider en tel (sans titre) */
@media (max-width: 1024px) {
  .page_sommaire .gamuSlider .backstretch {
    top: calc(8.5 * var(--Y_base)) !important;
  }
}
/* personnalisation des cartes-v de la section2 de l'accueil */
@media (min-width: 1024px) {
  .container__section2 .rubrique-carte-v.lg\:w33 {
    width: calc(100% / 4);
  }
}
/* les logos premium du footer */
.container__externes .premium .logo_externe img {
  width: 125px;
}
@media (min-width: 1024px) {
  .container__externes .premium .logo_externe img {
    width: 100%;
  }
}
/* modifs des styles du plugin Typo enluminé */
.texteencadre-spip {
  background-color: #2F5E0B;
  color: #FFFFFF;
  padding: 0.2rem 0.5rem;
  border: none;
}
/* personnalisation cookiebar */
#cookie-bar {
  font-size: medium;
}
#cookie-bar a.cb-enable, #cookie-bar a.cb-disable, #cookie-bar a.cb-policy {
  background-color: #333;
  margin-bottom: 0.4rem;
}
#cookie-bar p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 80%;
}
@media (min-width: 1024px) {
  #cookie-bar p {
    justify-content: flex-end;
    font-size: 100%;
  }
}