/* --------------------------------------------------------------

   layout.css + animation
   ->Disposition des blocs principaux cf grid.css

-------------------------------------------------------------- */


/* Elements principaux
------------------------------------------ */
html,body {
    min-height: 100vh;
  }
body > label, body > input {
	display:none;
}
.page {
}

.main>.container{
	min-height:70vh;
}
article, section, header {
	padding: var(--container_padding);
}

article, section, details {
	max-width:  var(--MaxWidthContainerSize);
	margin: 0 auto;
}
#aside {
	opacity:0;/* IMPORTANT animation */
	padding:0;
	border-right: 1px solid;
	hyphens: auto;
	/* Grid fallback */
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
	width:375px;/* iPhone SE */
}
.asideTabs_header, .overlay_header, #nav {
	padding: calc(var(--basicSvgSize) / 4 ) calc(var(--basicSvgSize) / 2 ) 0 calc(var(--basicSvgSize) / 4 ); /* align nav aside + main */
	}
/* Grid fallback */
.asideTabs_header {
		display:table;
		width: 100%;
		}
.asideTabs_header label {
	text-align: center;
	border-radius: 0.5em 0.5em 0 0;
	/* Grid fallback */
	display: table-cell;
}
.asideTabs_container .asideTab {
	padding: calc( var(--basic-padding) * 0.55 + 1vw);
}
.asideTabs_container>div {
	display:none;
}
.form {
}
.map {
}
.search{
}
.close {
	text-align: center;
	margin-left:15px;
}
/* Overlay
------------------------------------------ */
#overlay .titel {
	text-align: center;
}
.overlay_header label {
}
/* Grid fallback */
#overlay {
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
}
.overlay_container {
/* 	padding: 3vw calc( 1rem + 2vw ) 0 calc( 1rem + 2vw ); */
}

/* Entete et barre de navigation
------------------------------------------ */
.main-nav {
	list-style: none;
}
#nav ul {
	margin: 0; 
}
.main-nav a, .main-nav li {
	padding: 0em 1em 0 0;
}
.main-nav li:last-child{
	padding: 0em 0em 0 0;
}
/* Grid fallback */
#nav > ul > li{
	display:inline;
}
/* CheckBox
------------------------------------------ */

#aside-checkbox:checked ~ .page #aside {
	opacity:1;
	z-index:10;
}
/* Grid fallback */
#overlay-checkbox:checked ~ .page #overlay {
	z-index:1;
}
/* END Grid fallback */
#aside-checkbox:checked ~ .page #aside {
	transition: ease-in-out 0.2s;
	animation-name: slideInLeft;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
}
#aside-checkbox:not(checked)  ~ .page #aside {
	transition: ease-in-out 1.0s;
	animation-name: slideOutLeft;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
}
#aside-checkbox:checked ~  #asideOverlay {
	display: block;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color: var(--aside-overlay_BckgdColor);
}
#overlay-checkbox:checked ~ .page #overlay {
	transition: ease-in-out 1s;
}
#formTab:checked ~ .page  #aside .form, #mapTab:checked ~ .page  #aside .map, #searchTab:checked ~ .page  #aside .search {
	display:block;
}
/* Class meta
------------------------------------------ */
.pushLeft {
  margin-left: auto;
}
/* Gabarit d'impression
------------------------------------------ */

/* MediaQueries
------------------------------------------ */
@media screen and (min-width: 1201px) {
	#aside {
		z-index: 10;/* Over main overlay */
		opacity:1;/* IMPORTANT for animation */
	}
	#aside-label-nav, #aside .close {
		display: none;
	}
	#aside-checkbox:checked ~  #asideOverlay {
		display: none;
		}
}



/* fin */