body {
	overflow-x:hidden;
	overflow-y:auto;
	background-color:white;
	color:black;
	position:fixed;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode";
}

#divHome {
	position:absolute;
	left:50%;
	top:40%;
	transform:translate(-50%,-50%);
	text-align:center;
	transition: opacity 1s , transform 1s;
	opacity:0;
}

.cartouche {
	position:relative;
	border:1px solid block;
	background-color:white;
	border:1px solid black;
	display:inline-block;
	width:17em;
	height:22em;
	margin:0.5em;
	box-shadow: 0px 0px 0.75em 0px rgba(0, 0, 0, 0.5);
}

.txtCartouche {
	position:absolute;
	top:1em;
	display:table;
	height:8em;
	width:100%;
	line-height:8em;
	font-size:0.8em;
	line-height:1.5em;
	margin-top:0.5em;
}

.innerTxtCartouche {
	display:table-cell;
	vertical-align:middle;
}

.vignetteCartouche {
	top:0;	
	margin:0.5em;
	width:calc(100% - 1em);
	border:1px solid black;
	height:56.5%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

.titreCartouche {
	position:absolute;
	top:63%;	
	width:100%;
	text-align:center;
}

#divListeApps {
	position:absolute;
	height:calc(100% - 9em);
	width:calc(100% - 2em);
	margin:1em;
	top:4em;
	overflow-y:scroll;
}

#divApps  {
	position:absolute;
	padding:0;
	margin:1em;
	background-color:rgba(255,255,255,0.7);
	left:50%;
	top:0;
	max-width:80em;
	min-width:40em;
	width:100%;
	height:calc(100% - 2em);
	transform:translate(-50%,100vh);
	text-align:center;
	transition: opacity 1s , transform 1s;
	opacity:1;
	border:1px solid black;
	border-radius:0.5em;
	box-shadow: 0px 0px 0.75em 0px rgba(0, 0, 0, 0.5);
}

#divSoutien  {
	position:absolute;
	max-width:60em;
	padding:1em;
	background-color:rgba(255,255,255,0.7);
	left:50%;
	top:50%;
	transform:translate(-50%,150vh);
	text-align:left;
	transition: opacity 1s , transform 1s;
	opacity:0;
	border:1px solid black;
	border-radius:0.5em;
	box-shadow: 0px 0px 0.75em 0px rgba(0, 0, 0, 0.5);
}

#divTexteLogo {
	font-size:1.2em;
	font-style: italic;
	 text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}

.bouton {
	font-size:1.2em;
	display:inline-block;
	padding:0.5em;
	border:1px solid black;
	width:16em;
	background-color:rgba(200,200,200,0.5);
	border-radius:0.5em;
	cursor:pointer;
	transition: background-color 0.2s;
}

.bouton:hover {
	background-color:rgba(240,240,240,1);
}

#divCanvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#divBoutons {
	opacity:0;
	transition: opacity 0.5s
}