@font-face{
		src:url('/enkiea/img/Raleway-Regular.ttf');
		font-display:swap;
		font-family:'Raleway';
		font-style:normal
	}

	@font-face{
		src:url('/enkiea/img/Oswald-Regular.ttf');
		font-display:swap;
		font-family:'Oswald';
		font-style:normal
	}

	@font-face{
		src:url('/enkiea/img/DancingScript-Regular.ttf');
		font-display:swap;
		font-family:'DancingScript';
		font-style:normal
	}
	
	#enkiea{
		background-color:	#3b4c55;
		color:				#FFF;
		display:			flex;
		justify-content:	space-around;
		margin:				auto;
		//max-width:			1000px;
		padding:			1em 0;
		text-align:			left;
		width:				100%;
	}
	
	#fournitures{
		margin:			0;
		padding-bottom:	10em;
	}
	
	#assistance{
		background-attachment:fixed;
		background-size:cover;
		background-repeat:no-repeat;
		padding:0
	}

	.badges{
		margin-bottom:2em
	}

	.badges span{cursor:pointer
	}

	body{
		--couleur1:#fff;
		font-family:Raleway;
		min-height: 100vh;
		padding-top:0;
		text-align:center
	}

	.btnDetails{
		position:absolute;
		bottom:0;
		right:0
	}

	.catCompletTitle{
		font-weight:bold
	}

	.content{
		padding-bottom: 10em;
		scroll-snap-align:	start
	}

	.details{
		padding-bottom: 1em;
	}

	.enfantBadge{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom:.5em;
		text-align:left
	}

	.enfantBadgeContent{
		background:rgba(255,255,255,.95);
		box-shadow: 1px 1px 3px rgba(0,0,0,.3);
		border-radius:10px;
		margin-top: 1.5em;
		width:32%;
		overflow: hidden;
		position:relative;
	}

	.enfantBadgeTitre{
		align-items:	center;
		border-bottom: 2px solid rgb(221, 221, 221);
		display: flex;
		font-size: 1.1em;
		font-weight: bold;
		padding:	.5em;
	}

	.enfantBadgeTitre img{
		margin:.5em
	}
	
	h2{
		color:var(--couleur1);
		font-family:Oswald;
		font-size:3em;
		padding:2em 1em 1em 1em
/*		padding:1em*/
	}

	h3{
		color:var(--couleur1);
		font-weight:bold;
		margin-top:3rem
	}

	hr{
		background-color:var(--couleur1);
		margin:3em auto;
		max-width:33%
	}

	html{
		scroll-behavior:smooth;
		/scroll-snap-type:y proximity
	}

	img{
		margin:auto
	}

	.logo{
		margin:auto;
		text-align:center
	}
	
	#ninmah{
		background-attachment:fixed;
		background-color:#000;
		background-size:cover;
		background-repeat:no-repeat;
		position:relative;
		transition:all 2s ease-in
	}

	#ninmahAccueil{
		margin:auto;
		max-width:1000px
	}

	.ninmahCaract, .velCaract{
		display:inline-block;
		max-width:1000px
	}

	.div80 {
		width:		80%;
		padding-left:	10%;
		padding-right:	10%;
	}

	nav.is-opened{
		background-color:#ff817d;
		box-shadow:3px 0 5px black;
		height:5em;
		padding:1em;
		position:fixed;
		top:0;
		transition:all 1s ease-in-out;
		width:100%;
		z-index:3000
	}

	nav a{
		padding:1em 2em;
		text-decoration:none;
		vertical-align:middle;
		width:20%
	}

	.nav-button{
		display:none
	}

	.tuile{
		box-shadow:0 0 10px darkgrey;
		display:flex;
		padding:1em;
		width:20%;
		text-align:center;
		border-radius:3px;
		height:25%
	}

	li{
		font-weight:normal;
		text-align:left
	}

	ul{
		margin:1em 1em 1em 0
	}
	
	#paiementContact .enfantBadgeContent{
		width:	auto;
	}
	
	#vel{
		background-attachment:fixed;
		background-color:#000;
		background-size:cover;
		background-repeat:no-repeat;
		transition:all 2s ease-in
	}

	.anim-gd{
		animation-duration:		1s;
		animation-name:			a-gd;
		animation-iteration-count:	1;
		animation-fill-mode:		forwards;
	}

	.tlc {
		text-align:	left;
	}

	@keyframes a-gd{
		from{
			opacity:	0;
			right:		0px;
		}
		to{
			opacity:	1;
			right:		-200px;
		}
	}

	.VELblink{
		animation:clignotte 1s step-start infinite;
		will-change:opacity
	}

	@keyframes clignotte{50%{opacity:.5}
	}

	@media screen and (max-width:1001px){
		nav{
			overflow:hidden;
			transition:all 1s ease-in-out
		}

		nav img{
			margin:1em 0
		}

		nav.is-opened{
			height:auto;
			min-height:5em;
			overflow:auto
		}

		.nav-button{
			display:block;
			position:absolute;
			left:1em;
			top:1.5em
		}

		.content{
			padding-left:	1em;
			padding-right:	1em;
		}
		
		#enkiea{
			display:		block;
			text-align:		center;
		}
		
		.enfantBadge{
			display:		block;
		}
		
		.enfantBadgeContent{
			margin-bottom:	1em;
			width:			100%;
		}

		
		.tlc {
			text-align:	center;
		}

		.div80 {
			width:		100%;
			padding-left:	0;
			padding-right:	0;
		}
	}