@font-face {
	font-family: 'Cantarel';
	src: url('../font/Cantarell-Regular.ttf');
}

body {
	font: 400 1em Cantarel, sans-serif;
	line-height: 1.3;
	margin: 0px !important;
	overflow: auto;
	-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
a
{
	font-weight: 600;
	text-decoration: none;
}
.unactive
{
	color: #555;
}
h1{
	font: 400 1.6em Cantarel, sans-serif;

}
h2
{	font: 400 1.5em Cantarel, sans-serif;
	border: solid;
	border-width: 0px 0px 1px 0px;
	padding-bottom: 1em;
	margin-top: 2em;
}
h3
{	font: 400 1.3em Cantarel, sans-serif;
	line-height: 1.3;

}
h4
{	font: 600 1em Cantarel, sans-serif;
	line-height: 1.3;
}
p
{
	font-size: 1em;
	text-align: justify;
}
.clearfix {
  overflow: auto;
}
#DVIEW
{


}
#navhelper {


	font: 600 1.4em Cantarel, sans-serif !important;
	line-height: 1.4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#navhelper a {

	font: 800 1.5em Cantarel, sans-serif !important;
	text-decoration: none;
	cursor: pointer;
}
#navhelper a:hover {
	text-decoration: none;
}


.lineMask {
	fill: none !important;
	opacity: 1.0 !important;
	stroke: #000 !important;
	 stroke-linejoin: round;

}


.right-side {
	float: right;
	margin-right: 0.5em;
}
.left-side {
	float: left;
	margin-left: 0.5em;
}


.toggle
{
	white-space: nowrap;	
	cursor: pointer;
	padding: 0.4em;

}
#navmenu > p > .toggle
{
	white-space: nowrap;	
	cursor: pointer;
	padding: 0.2em;
	color: #aaa;
}
#navmenu > p > .selectedToggle
{
	border: none;
	border-width: 0px 0px medium 0px;
	padding: 0.5em;
	
	background: #eee;
	color: #000;

	
}
#navmenu > p
{
		margin: 0em;	
	padding: 0em;

	
}
.toggleArea
{

	line-height: 2em; /* hauteur de ligne (identique) */
	text-align: left !important;
}
.selectedToggle
{
	border: solid;
	border-width: 0px 0px medium 0px;
}

.layer
{
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	opacity: 0.94;
	font: 400 1.2em Cantarel, sans-serif !important;
	min-height: 86vh;
	margin: 0em;	
	overflow: auto !important;
	padding-left: 1em;
	padding-right: 1em;
}
.layer p 
{
	padding-bottom: 1em;
	margin: 0em;

}
.layer svg
{ 	height: 20vh;
	width: auto;
	
	margin: auto;
	
}
@media screen and (min-width: 1000px) {
	#navmenu
	{
		margin-left: 20vh;	
		margin-right: 20vh;	

	}
	.layer
	{
			padding-left: 20vh;
			padding-right: 20vh;

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

	.layer
	{
			padding-left: 0.5em;
			padding-right: 0.5em;

	}
}

.layerContainer
{
	z-index: 1100;
	padding: 0px;

	width: 100%;
	height: 100%;

	overflow: auto !important;
}
.layerFooter
{

	font: 400 1em Cantarel, sans-serif !important;
 	 line-height: 1.5em; /* hauteur de ligne (identique) */
	padding: 1em;

	text-align: center;




}
.banner
{ 
	display: flex;
	position: fixed;
	background-color: #444 !important;

	opacity: 1.0;
	font: 400 1.2em Cantarel, sans-serif !important;
	top:25vh;
	left:10vw;
	height: 50vh;
	width: 80vw;
     box-shadow: 0px 0px 1em #444;
	overflow: hidden !important;
	z-index: 2000;
	/*overflow: hidden !important;*/
}
.banner svg
{ 	height: 49vh;
	width: auto;
	
	margin: auto;
	
}.promotionbanner
{ 
	position: fixed;
	background-color: #444 !important;

	opacity: 1.0;
	font: 400 1.2em Cantarel, sans-serif !important;
	top:25vh;
	left:10vw;
	height: 50vh;
	width: 80vw;
     box-shadow: 0px 0px 1em #444;
	overflow: hidden !important;
	z-index: 2000;
	/*overflow: hidden !important;*/
}
.promotionbanner svg
{
	width: 70vw;
	height: auto;
	
	margin-left: 15vw;
	margin-top: 5em;
	stroke: #000 !important;
	 stroke-linejoin: round;
	stroke-width: 0.4px !important;

}
.banner h1
{
	text-align: center;
	margin-left: auto;
	width: 100%;
	white-space: nowrap;
	height: 3em;

}
.banner .indication
{
	align-self: flex-end;
	/*white-space: nowrap;	
	*/margin:1em;
}

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

	.promotionbanner
	{
		position: fixed;

		top:25vh;
		left:0vw;
		height: 50vh;
		width: 100vw;

		overflow: hidden !important;
		z-index: 2000;
	}
	.banner
	{
		position: fixed;

		top:25vh;
		left:0vw;
		height: 50vh;
		width: 100vw;

		overflow: hidden !important;
		z-index: 2000;
	}

}
@media screen and (orientation: portrait)
{

	.promotionbannerbanner
	{
		position: fixed;
		
		top:25vh;
		left:0vw;
		height: 50vh;
		width: 100vw;

		overflow: hidden !important;
		z-index: 2000;
	}
	.banner
	{
		position: fixed;
		
		top:25vh;
		left:0vw;
		height: 50vh;
		width: 100vw;

		overflow: hidden !important;
		z-index: 2000;
	}

}