/*
=============================
	SEAT // KitTraining
	CSS Personnalisé Global
=============================
*/


* {
	font-family: Arial, Helvetica,sans-serif;
	letter-spacing: 1px;
}

body {
	background-color: #2f3034;
}

.invisible {
	display:none;
}

.separateur {
	border:0 none;
	clear:both;
	display:block;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
}

.ensembleBloc403 {
	background:url('gfx/403-bg.png') no-repeat;
	height:400px;
	width: 600px;
	position:relative;
	top:120px;
	margin: 0 auto 0 auto;
}

.ensembleBlocContinue {
	background:url('gfx/continue-bg.png') no-repeat;
	height:400px;
	width: 600px;
	position:relative;
	top:120px;
	margin: 0 auto 0 auto;
}

/*
=============================
	Tablette windows et kMobile
=============================
*/
#ensembleVisioneuse{
	-ms-touch-action : none;
}

/*
=============================
	Loading
=============================
*/

.loading {
	background: #FFFFFF url("gfx/loading-bg.gif") center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1000;
	top: 52px;
	margin-top: -52px;
}

.loadingFrise {
	background: #FFFFFF url("gfx/loading-bg.gif") center 200px no-repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
}

/*
=============================
	SELECT LANGUE
=============================
*/


.blocSelectLangue {
    position: absolute;
    right: 22px;
    top: 10px;
    z-index: 99;
}

.blocSelectLangue select {
	font-size: 10px;
}


/*
=============================
	btnPlaySoundIos
=============================
*/

.btnPlaySoundIos {
	background: url("gfx/btn-play-sound-ios-bg.png") center 200px no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
}

.btnPlaySoundIos #btnPlaySoundIos {
	display: block;
	width: 100%;
	height: 100%;
}

.btnPlaySoundIos #btnPlaySoundIos span {
	display: none;
}


/*
=============================
	btnPlayVideoIos
=============================
*/

.btnPlayVideoIos {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	top: 0;
}

.btnPlayVideoIos #btnPlayVideoIos {
	background: url("gfx/btn-play-sound-ios-bg.png") center 200px no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}

.btnPlayVideoIos #btnPlayVideoIos span {
	display: none;
}



/*
=============================
	Module
=============================
*/

#ensembleModule {
	height:644px;
	width: 981px;
	/*Ajout pour éviter scroll sur axe horizontal du fait des posiotionnement centré des blocs de sommaire*/
	overflow:hidden;
}

#ensembleModuleInterieur {
	height:644px;
	width: 981px;
	/*Ajout pour éviter scroll sur axe horizontal du fait des posiotionnement centré des blocs de sommaire*/
	overflow:hidden;
	left: 0px;
}

.ensembleModuleInterieurNotOverflow {
	/*background:url('gfx/module-bg.jpg') no-repeat;*/
	height:644px;
	width: 981px;
	/*Ajout pour éviter scroll sur axe horizontal du fait des posiotionnement centré des blocs de sommaire*/
	overflow:visible;
	position: relative;
	margin: 0 auto 0 auto;
}

.bordureModule {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 999;
}

.bordureModuleTop {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
}

.bordureModuleLeft {
	top: 0px;
	left: 0px;
	width: 2px;
	height: 100%;
}

.bordureModuleRight {
	top: 0px;
	right: 0px;
	width: 2px;
	height: 100%;
}

.bordureModuleBottom {
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
}

/*
=============================
	Personnalisation
	CheckBox
=============================
*/

.radio {
	width: 66px;
	height: 36px;
	background: url(gfx/radio-bg.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.checkbox {
	width: 66px;
	height: 36px;
	background: url(gfx/radio-bg.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}