body {
	overflow: hidden;
	/*font-family: Tahoma, Geneva, sans-serif;*/
    font-family: Helvetica;
    font-size: 10pt;
    padding: 0; margin: 0; background-color: #000;
}
.c {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a {
	color: #FFF;
	text-decoration: none;
}
#scène {
	position: relative;
	width: 1200px;
	height: 700px;
	color: #CCC;
	z-index: 2;
}
#fondBack {
	position: absolute;
	width: 1200px;
	height: 700px;
	z-index: -2;
}
#fondFront {
    position: absolute;
    width: 1200px;
    height: 700px;
    z-index: -1;
    background-image: url(../images/fondTerre.jpg);
}
.transitionOpacity {	
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	-ms-transition: opacity 3s ease-in-out;
	transition: opacity 3s ease-in-out;
}
#carte0, #carte1 {
	position: absolute;
	width: 390px;
	height: 130px;
}
#carte1 { clip: rect(auto,auto,auto,390px); }
#invite0, #invite1 {
	height: 32px;
	margin-right: 60px;
	margin-bottom: 5px;
	color: #b3dc10;
	text-align: right;
}
.carteDroit {
	float: right;
	width: 273px;
	height: 130px;
	background-image: url(../images/degrade.png);
	padding-right: 3px;
}
.carteGauche {
	float: left;
	width: 114px;
	height: 130px;
}

#bandeau {
	position: absolute;
	width: 1200px;
	height: 100px;
	top: 485px;
}
#selecteur {
	width: 600px;
	float: left;
	cursor: pointer;
}
.selection {
	background-image: url(../images/vertTransp.png);
	background-repeat: repeat;
	height: 100px;
	width: 200px;
}
#scène #bandeau .fondNoir {
	float: left;
	height: 100px;
	width: 300px;
	background-color: #000;
}
.start {
	background-image: url(../images/start.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.start:hover { background-image: url(../images/startHover.png); cursor: pointer; }
.pause { background-image: url(../images/pause.png); }
.pause:hover { background-image: url(../images/pauseHover.png); cursor: pointer; }

.flotteG {
	float: left;
}
.flotteD {
	float: right;
}
.clearFlotte {
	clear: both;
}
.margeH {
	margin-top: 8px;
}