/*
  Copie du 2023-07-08 22:11:38 par lebardix
  Fichier original plugins/auto/zcore/v3.0.5/css/theme.css
*/
/*
  Copie du 2023-07-08 14:35:41 par lebardix
  Fichier original plugins/auto/zcore/v3.0.5/css/theme.css
*/
@import "css/variables.less";
@import "css/spip.variables.less";
@import "css/mixins.less";

.header {position: relative;}
.header .accueil a {color: inherit;}
.header .spip_logos {float:right;margin: @paddingMini;margin-left: 0;margin-top:0;margin-bottom:-30px;}
.header .accueil {}
#logo_site_spip {line-height: 1em;}
#slogan_site_spip {display: block;}

.header .formulaire_menu_lang {width: 100%;}
.header .formulaire_menu_lang select {width: 100%;}

.hero-unit .postmeta {clear: both;}

.formulaire_recherche,.secondary .formulaire_recherche {padding-right: 42px+2*14px;} /* provisionner la largeur du bouton+padding sur le input.search */
.formulaire_recherche form .input-append {width:100%;}
.formulaire_recherche form input.search {width:100%;}

.footer {
  .clearfix;
  margin-top:4em;
  padding-top: 2em;
  border-top:2px solid;
  padding-bottom: 2em;
  margin-bottom:0;
  text-align: left;
  position:relative;
  .colophon {padding-right: 100px}
  .generator {position: absolute;top:2em;right:0;max-width: 100px;}
}

.cartouche {margin-bottom: @emLineHeight;}
.content.primary {min-height: 320px;}
.content {
  .postmeta .tags .inline {display: inline;}
}


.page_sommaire .breadcrumb {display: none}
#nav > .navbar-inner {padding-left: 0;padding-right: 0}

.thumbnails .media_wrapper > img{max-width: 100%;}

.spip_documents_left {
	margin: 0px 15px 15px 0px;
}

@import "bootstrap/css/layouts.less";
@import "css/layoutgala/33";
@import "css/layoutgala/27";

// on passe en grille etroite par defaut
body {text-align: center;}
#grid > .core(@gridColumnWidth, @gridGutterWidth);
#layoutgala33 > .core(8,4,4,@gridColumnWidth,@gridGutterWidth);
.page {
  margin: 0 auto;
  width: (@gridColumnWidth * 12) + (@gridGutterWidth * 11);
  max-width: 100%;
  text-align: left;
}

.page #content {
	padding-right: @gridGutterWidth768 * 2;
}




 
@media (min-width: 768px) and (max-width: 979px) {

	#grid > .core(@gridColumnWidth768, @gridGutterWidth768);
	#layoutgala33 > .core(8,4,4,@gridColumnWidth768,@gridGutterWidth768);
	.page {
		width: (@gridColumnWidth768 * 12) + (@gridGutterWidth768 * 11);
	}
	.page #content {
		padding-right: @gridGutterWidth768 * 2;
	}
	.content-wrap .page {
		background-image: url(../IMG/prunus_serrulata_01_1.png);
		background-repeat: no-repeat;
		background-position: right bottom; 
		min-height: 620px;
	}	
}

@media (min-width: 1200px) {
  .page {
    width: (@gridColumnWidth1200 * 12) + (@gridGutterWidth1200 * 11);
    #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
    #layoutgala33 > .core(8,4,4,@gridColumnWidth1200,@gridGutterWidth1200);
  }
	.page #content {
//		padding-right: @gridGutterWidth1200 * 2 -100 ;
		padding-right: 0px;
	}
	.content-wrap .page {
		background-image: url(../IMG/prunus_serrulata_01_1.png);
		background-repeat: no-repeat;
		background-position: right bottom; 
		min-height: 820px;
	}	
}

/*
 .page_sommaire {
	#layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth,@gridGutterWidth);
	@media (min-width: 768px) and (max-width: 979px) {
		#layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth768,@gridGutterWidth768);
	}
	@media (min-width: 1200px) {
		#layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth1200,@gridGutterWidth1200);
	}
	.page #content {
		padding-right: 0;
	}
	
}
*/

@media (max-width: 767px) {
  #layoutgala27 > .core(100%,47.5%,47.5%,@gridColumnWidth768,@gridGutterWidth768);
  html>body {padding: 0}
  .page {padding: 0 @gridGutterWidth768;width:auto;}
	.page #content {
		padding-right: 0;
	}
	.content-wrap .page {
		background-image: url(../IMG/prunus_serrulata_01_1.png);
		background-repeat: no-repeat;
		background-position: right bottom; 
		min-height: 520px;
	}
}

@media (max-width: 450px) {
  #aside {float:none;width:100%;}
  #extra {float:none;width:100%;}
  	.content-wrap .page {
		background-image: url(../IMG/prunus_serrulata_01_2.png);
		background-repeat: no-repeat;
		background-position: right bottom; 
		min-height: 420px;
	}
}

#footer {
  .clearfix;
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}

@media print {
.page #content {display:block;float:none;width:90%;}
.secondary {display:none;}
}
