/* Pas d'espace entre 2 elements, seulement une virgule */

body{
	--couleur1: #ffffff;
	--couleur2: #000000;
	--couleur3: #da744c;
	--couleur4: #3b4c55;
	--couleur5: #e3ded8;

	background-color:	#f3f3f3;
	box-sizing: border-box;
	padding-bottom:		10em;
}

a{
	color:	var(--couleur5);
}

h1{
	color: var(--couleur1);
	margin-top: 0;
}

#paiementContact .enfantBadgeContent{
	width:auto;
}

.blog-footer{
	display: none;
}

#VELarticle{
	margin: 3em auto 10em auto;
}

#VELboutique{
	margin: 3em auto 0 auto;
	padding-bottom: 10em;
}

#VELcompte h2{
	color: black;
	padding:0;
}

#VELcontent{
	margin-top:			3em;
	padding-bottom:		10em;
}

#VELenvoi,input[type="submit"],.VELmanifCommander,.VELformuleCommander,.VELspectacleButton,.VELpanierAction{
	color: var(--couleur4);
}

#VELheader{
	width:				100%;
	background-color:	var(--couleur1);
}

#VELheader img{
	max-width:	1000px;
	width:		100%;
}

#VELlangage img{
	transition:	none;
	width:		auto;
}

.VELmailSend a{
	color:	var(--couleur4);
	font-size:	1.1em;
}

#VELnav, #VELfootbar{
	background-color:	var(--couleur1);
	color:	var(--couleur5);
	margin-bottom: 0;
	transition:all 2s ease-out;
}

#VELfootbar{
	background-color:	#3b4c55;
	bottom: 0;
	display: flex;
	padding: 0;
	position: absolute;
	transition: none;
}

#VELfootbar div{
	flex: auto;
}

.VELspectacleLibelle{
	color:		var(--couleur1);
}


.VELnavLi{
	box-sizing: content-box;
	padding:	0;
}

.VELnavLi div{
	color:		var(--couleur3);
	padding:	1em 0;
}

.VELnavLi div.VELselected{
	color:	var(--couleur2);
	background-color:	;
}

.VELtxtPreTarifs tr{
	line-height:	1.2em;
}

.VELtxtPreTarifs td:first-child {
	padding:	.5em;
    white-space:	nowrap;
}

@media screen and (max-width: 762px){

	.VELmurSpectacle{
		width:	48%;
	}
	
	#VELburger > div{
		background-color: black;
	}
	
	#VELfootbar{
		display: block;
		position: relative;
	}
	
	#VELfootbar div{
		padding-bottom: 1em;
	}
	
	.VELproduit{
		max-width: 100%;
		margin: 1em;
		padding: 1em;
	}
}
.VELpanierActionInv,#VELquitteClient{
	background-color:	var(--couleur3);
	color:	var(--couleur1);
}

#VELfootbar a,.VELnavLi div{
	color:	var(--couleur4);
}

#VELenvoi,input[type="submit"],.VELmanifCommander,.VELformuleCommander,.VELspectacleButton,.VELpanierAction,#VELsauveCompte{
	background-color:	var(--couleur4);
	color:			var(--couleur1);
}

.VELnavLi div:hover{
	color:	var(--couleur2);
	background-color:	;
}

h1,.VELspectacleLibelle,.VELformuleLibelle{
	color:	var(--couleur4);
}

#VELrechercheClient{
	color:	var(--couleur4);
}

#VELpagePosition{
	color:	var(--couleur4);
}

a,.VELformuleLigneX{
	color:	var(--couleur4);
}