/*
#@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);
  /*
	// les surcharges de sq_gen pour Geau
	.header__sommaire, .header__dist {
		--X_base: 14px;
		//--Y_base: calc(var(--X_base) * .5);
		--Y_base: var(--X_base);
	}
	@include respond-to ("medium-up") {
		.header__logo {
			.bloc_logo {
				width: calc(7 * var(--X_base));
				height: calc(8 * var(--Y_base));
				padding: calc(var(--X_base) * .5);
				border-radius: 0;
			}
		}
	}	
	@include respond-to ("large-up") {
		.header__logo {
			.site__logo img {
				height: calc(var(--Y_base) * 10);
				width: calc(var(--X_base) * 10);
			}
			.bloc_logo {
				width: calc((10 * var(--X_base)) + calc(var(--X_base) * .5));
				height: calc((10 * var(--Y_base)) + calc(var(--Y_base) * .5));
			}
		}
	}

	// barre nav de la rubrique en sticky
	.nav_rubrique {
		position: sticky;
		top: 50px;
	}
	
	// le picto famille dans le header fixed
	.fixed .picto_famille {
		width: 60px;
	}

	// les blocs de mots en aside affmasq
	.container__mots .chapo {
		margin-right: 0;
	}

	// forcer les :hover surchargés
	.t-blanc, .t-noir {
		&.hover-gris:hover, &.hover_gris:hover {
			color:  var(--c-blanc);	
			background-color: var(--c-gris);
		}
	}

	// surcharger la couleur de fond pour les sections ayant une compo le nécessitant
	section.article-schema {
		background-color: var(--c-sombre);
		--text-color: var(--c-blanc);
		--head-color: var(--c-blanc);	
	}

	// surcharge owl pour slider_docs
	@include respond-to ("medium-up") {
		.content__bloc_une .owl-item {
			margin-left: 1.5rem;
			margin-right: 1.5rem;
		}
	}
*/
}
.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%;
  }
}