/*
=============================
	Volkswagen Bank
	CSS Personnalisé Global
=============================
*/


* {
	font-family: Arial, Helvetica,sans-serif;
}

h2{
	color:#009877;
}

.invisible {
	display:none;
}

.separateur {
	border:0 none;
	clear:both;
	display:block;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	*height: 1px;
	*margin: -0.5em 0;
}

.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;
}

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

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


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

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

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

.btnPlaySoundIos #btnPlaySoundIos span {
	display: none;
}

/*
=============================
	Page Objectif
=============================
*/

.ensembleBlocObjectif {
	position: relative;
}

.ensembleBlocObjectif img {
}

.ensembleBlocObjectif .titreModuleObjectif {
	position: absolute;
	left: 47px;
	top: 97px;
	color: #163142;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.ensembleBlocObjectif .sousTitreModuleObjectif {
	position: absolute;
	left: 468px;
	top: 146px;
	color: #163142;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.ensembleBlocObjectif .duree {
	position: absolute;
	left: 550px;
	top: 560px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.ensembleBlocObjectif .btnDemarrer {
	position: absolute;
	left: 766px;
	top: 560px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.ensembleBlocObjectif .btnDemarrer a{
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
}

.ensembleBlocObjectif .menuObjectif {
	position: absolute;
	left: 460px;
	top: 200px;
	width:510px;
}

.ensembleBlocObjectif .menuObjectif ul {
	list-style: none;
}

.ensembleBlocObjectif .menuObjectif ul li {
	background: url(gfx/objectif_point.png) no-repeat;
	padding: 0 5px 0 40px;
	margin: 0 0 20px 0 ;
	font-size: 14px;
	color: #FFFFFF;
	height : 27px;
}

/*
=============================
	Page Outro
=============================
*/

.ensembleBlocOutro {
	position: relative;
}

.ensembleBlocOutro img {
}

.ensembleBlocOutro .outroModuleTermine {
	color: #1C3341;
    position: absolute;
    font-size: 19px;
    font-weight: bold;
    left: 468px;
    letter-spacing: 0.5px;
    top: 71px;
}

.ensembleBlocOutro .outroTexte {
    color: #FFFFFF;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    left: 466px;
    top: 155px;
    line-height: 17px;
}

.ensembleBlocOutro .outroTexte2 {
    color: #FFFFFF;
    position: absolute;
    font-size: 16px;
    left: 466px;
    top: 245px;
    line-height: 17px;
    font-style: italic;
}

.ensembleBlocOutro .outroTexte3 {
    color: #FFFFFF;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    left: 466px;
    top: 305px;
    line-height: 17px;
}

.ensembleBlocOutro .outroQuitter {
    color: #FFFFFF;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    left: 697px;
    top: 465px;
}

.ensembleBlocOutro .outroQuitter a{
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
}





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

#ensembleModule {
	/*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:hidden;
}

#ensembleModuleInterieur {
	/*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:hidden;
}


/*
=============================
	Header
=============================
*/

#header {
	background:url('gfx/header-bg.png') no-repeat;
	width:981px;
	height:82px;
	position:relative;
	z-index: 1;
	display:block;
}

#headerCommentairesGeneral {
	position:absolute;
	top:70px;
	left:169px;
	z-index:999999;
	width:640px;
	height:60px;
	overflow-y:auto;
}

#headerCommentairesGeneral p {
	font-family:Arial;
	font-size:13px;
	color:#000000;
}


.headerCommentaires {
	position:absolute;
	top:70px;
	left:169px;
	width:640px;
	height:60px;
	overflow-y:auto;
	display: none;
}

.headerCommentaires p {
	font-family:Arial;
	font-size:13px;
	color:#000000;
}


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

/*.checkbox, .radio {
	width: 20px;
	height: 20px;
	padding: 0 5px 0 0;
	background: url(gfx/checkbox-bg.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	position:relative;
}*/

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

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

/*
=============================
	Bouton
	Fermeture
=============================
*/

.btnFermetureShow {
	width:36px;
	height:32px;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	z-index:99;
}

.btnFermetureDialogBox {
	background: url(gfx/bt_popin01_all.png) no-repeat;
	width:35px;
	height:24px;
	position:absolute;
	top:9px;
	right:5px;
	cursor:pointer;
	z-index:99;
}


/*
=============================
	Animation
	Checkbox // HotSpot
=============================
*/

.animationHotSpotCheckbox {
	background: url(gfx/carre-animation-checkbox-bg.gif) scroll -2px -2px no-repeat;
	width:19px;
	height:18px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}
.animationHotSpotCheckboxInactive {
	background: url(gfx/carre-no-animation-checkbox-bg.gif) scroll -2px -2px no-repeat;
	width:19px;
	height:18px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	cursor:default;
}

/*
=============================
	Titre du Module
=============================
*/

#titreModule {
	position:absolute;
	top:23px;
	left:118px;
	z-index:1000;
}

#titreModule .grandTitre {
	font-size:18px;
	color:#FFFFFF;
	text-transform: uppercase;
}

#titreModule .sousTitre {
	font-size:16px;
	color:#565656;
}

/*
=============================
	Fil d'Ariane
=============================
*/



#filAriane {
    color: #00604a;
    left: 300px;
    position: absolute;
    top: 17px;
    z-index: 999;
    display: none;
}

#filAriane .sousTitre {
	font-size:17px;
	color: #FFF;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
}

 
/*
=============================
	Footer
	Barre de navigation
=============================
*/

.btnFooterToggle {
	background:url('gfx/boutons-interface/bt_close_footer_all.png') scroll 0 -51px no-repeat;
	width:51px;
	height:17px;
	position: absolute;
	bottom:40px;
	left: 479px;
	cursor: pointer;
}

.btnFooterToggle:hover {
	background:url('gfx/boutons-interface/bt_close_footer_all.png') scroll 0 -27px no-repeat;
}

.btnFooterToggle:active {
	background:url('gfx/boutons-interface/bt_close_footer_all.png') scroll 0 -3px no-repeat;
}

.btnFooterToggleOff {
	background:url('gfx/boutons-interface/bt_open_footer_all.png') scroll 0 -51px no-repeat;
	width:51px;
	height:17px;
	position: absolute;
	bottom:0px;
	left: 470px;
	cursor: pointer;
	z-index:999999999999999;
}

.btnFooterToggleOff:hover {
	background:url('gfx/boutons-interface/bt_open_footer_all.png') scroll 0 -34px no-repeat;
}

.btnFooterToggleOff:active {
	background:url('gfx/boutons-interface/bt_open_footer_all.png') scroll 0 0 no-repeat;
}

#divDisplayFooter {
	position:absolute;
	top:644px;
	left:0px;
	z-index: 101;
	width: 100%;
}

#divDisplayButtons {
	position:absolute;
	top:590px;
	left:0px;

}


#barreNavigationFooter {
	background:url('gfx/barre-navigation-footer-bg.png') no-repeat;
	width:981px;
	height:68px;
	clear:both;
	position:absolute;
	bottom:0px;
	/*z-index:99999999999999;*/
	clear:both;
	left:0px;
}

#barreNavigationFooter a {
	outline: none;
}

#barreNavigationFooter .btnSommaire {
	display:block;
	background:url('gfx/boutons-interface/bt_Sommaire_all.png') scroll 0 -148px no-repeat;;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	left:20px;
}

#barreNavigationFooter .btnSommaire:hover {
	background:url('gfx/boutons-interface/bt_Sommaire_all.png') scroll 0 -103px no-repeat;
}

#barreNavigationFooter .btnSommaire.btnActif,
#barreNavigationFooter .btnSommaire:active {
	background:url('gfx/boutons-interface/bt_Sommaire_all.png') scroll 0 -12px no-repeat;
}

#barreNavigationFooter .btnSommaire span {
	display:none;
}

#barreNavigationFooter .btnSommaireOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Sommaire_all.png') scroll 0 -57px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	left:20px;
	cursor: default;
}

#barreNavigationFooter .btnSommaireOff span {
	display:none;
}



#barreNavigationFooter .btnAccueil {
	display:block;
	background:url('gfx/boutons-interface/bt_Accueil_all.png') scroll 0 -143px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:15px;
}

#barreNavigationFooter .btnAccueil:hover {
	background:url('gfx/boutons-interface/bt_Accueil_all.png') scroll 0 -95px no-repeat;
}

#barreNavigationFooter .btnAccueilOffActif,
#barreNavigationFooter .btnAccueil:active {
	background:url('gfx/boutons-interface/bt_Accueil_all.png') scroll 0 0 no-repeat;
}

#barreNavigationFooter .btnAccueil span {
	display:none;
}

#barreNavigationFooter .btnAccueilOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Accueil_all.png') scroll 0 -47px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:15px;
	cursor: default;
}

#barreNavigationFooter .btnAccueilOff span {
	display:none;
}




#barreNavigationFooter .btnGalerie {
	display:block;
	background:url('gfx/boutons-interface/bt_Galerie_all.png') scroll 0 -143px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:145px;
}

#barreNavigationFooter .btnGalerie:hover {
	background:url('gfx/boutons-interface/bt_Galerie_all.png') scroll 0 -95px no-repeat;
}

#barreNavigationFooter .btnGalerie.btnActif,
#barreNavigationFooter .btnGalerie:active {
	background:url('gfx/boutons-interface/bt_Galerie_all.png') scroll 0 0 no-repeat;
}

#barreNavigationFooter .btnGalerie span {
	display:none;
}

#barreNavigationFooter .btnGalerieOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Galerie_all.png') scroll 0 -47px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:145px;
	cursor: default;
}

#barreNavigationFooter .btnGalerieOff span {
	display:none;
}



#barreNavigationFooter .btnGlossaire {
	display:block;
	background:url('gfx/boutons-interface/bt_Glossaire.png');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:119px;
}

#barreNavigationFooter .btnGlossaire span {
	display:none;
}

#barreNavigationFooter .btnGlossaireOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Glossaire_off.png');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:119px;
}

#barreNavigationFooter .btnGlossaireOff span {
	display:none;
}


#barreNavigationFooter .btnVideoHd {
	display:block;
	background:url('gfx/boutons-interface/bt_HD_BD.png');
	width:33px;
	height:18px;
	position:absolute;
	bottom:23px;
	left:680px;
}

#barreNavigationFooter .btnVideoHd span {
	display:none;
}

#barreNavigationFooter .btnVideoBd {
	display:block;
	background:url('gfx/boutons-interface/bt_HD_BD.png') scroll 0 -18px ;
	width:33px;
	height:18px;
	position:absolute;
	bottom:23px;
	left:680px;
}

#barreNavigationFooter .btnVideoBd span {
	display:none;
}




										#barreNavigationFooter .btnAudioOFF {
											display:block;
											background:url('gfx/boutons-interface/bt_Play_Pause.png') scroll 0 -57px;
											width:57px;
											height:45px;
											position:absolute;
											bottom:11px;
											right:75px;
										}
										#barreNavigationFooter .btnAudioOFF span {
											display:none;
										}

										#barreNavigationFooter .btnAudioONPlay {
											display:block;
											background:url('gfx/boutons-interface/bt_Play_Pause.png') scroll 0 -12px ;
											width:57px;
											height:45px;
											position:absolute;
											bottom:11px;
											right:75px;
										}
										#barreNavigationFooter .btnAudioONPlay span {
											display:none;
										}

										#barreNavigationFooter .btnAudioONPaused {
											display:block;
											background:url('gfx/boutons-interface/bt_Play_Pause.png') scroll 0 -148px ;
											width:57px;
											height:45px;
											position:absolute;
											bottom:11px;
											right:75px;
										}
										#barreNavigationFooter .btnAudioONPaused span {
											display:none;
										}



#barreNavigationFooter .btnAide {
	display:block;
	background:url('gfx/boutons-interface/bt_Aide_all.png') scroll 0 -143px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:211px;
}

#barreNavigationFooter .btnAide:hover {
	background:url('gfx/boutons-interface/bt_Aide_all.png') scroll 0 -95px no-repeat;
}

#barreNavigationFooter .btnAide.btnActif,
#barreNavigationFooter .btnAide:active {
	background:url('gfx/boutons-interface/bt_Aide_all.png') scroll 0 0 no-repeat;
}

#barreNavigationFooter .btnAide span {
	display:none;
}

#barreNavigationFooter .btnAideOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Aide_all.png') scroll 0 -47px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:211px;
	cursor: default;
}

#barreNavigationFooter .btnAideOff span {
	display:none;
}
#barreNavigationFooter .btnAideOffActif span {
	display:none;
}

#barreNavigationFooter .btnAideOffActif {
	display:block;
	background:url('gfx/boutons-interface/bt_Aide_all.png') scroll 0 -47px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	left:211px;
}

#barreNavigationFooter .btnAideOffActif span {
	display:none;
}




#barreNavigationFooter .btnPrecedent {
	display:block;
	background:url('gfx/boutons-interface/bt_Precedent_all.png') scroll 0 -148px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	right:130px;
}

#barreNavigationFooter .btnPrecedent:hover {
	background:url('gfx/boutons-interface/bt_Precedent_all.png') scroll 0 -103px no-repeat;
}

#barreNavigationFooter .btnPrecedent:active {
	background:url('gfx/boutons-interface/bt_Precedent_all.png') scroll 0 -12px no-repeat;
}

#barreNavigationFooter .btnPrecedent span {
	display:none;
}

#barreNavigationFooter .btnPrecedentOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Precedent_all.png') scroll 0 -57px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	right:130px;
	cursor: default;
}

#barreNavigationFooter .btnPrecedentOff span {
	display:none;
}

#barreNavigationFooter .btnSuivant {
	display:block;
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -148px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	right:20px;
}

#barreNavigationFooter .btnSuivant span {
	display:none;
}

#barreNavigationFooter .btnSuivant:hover {
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -103px no-repeat;
}

#barreNavigationFooter .btnSuivant:active {
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -12px no-repeat;
}

#barreNavigationFooter .btnSuivantOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -57px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	right:20px;
	cursor: default;
}

#barreNavigationFooter .btnSuivantOff span {
	display:none;
}

#barreNavigationFooter .btnSuivantOffActif span {
	display:none;
}

#barreNavigationFooter .btnSuivantOffActif {
	display:block;
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -12px no-repeat;
	width:57px;
	height:45px;
	position:absolute;
	bottom:11px;
	right:20px;
}

#barreNavigationFooter .btnSuivantOffActif span {
	display:none;
}


#barreNavigationFooter .titreModuleFooter {
	position: absolute;
	bottom: 27px;
	right: 405px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#barreNavigationFooter #ensembleBarreProgress {
	position:absolute;
	bottom:15px;
	left:577px;
}


#barreNavigationFooter #ensembleBarreProgress .btnBarreProgress {
	display:block;
	background:url('gfx/boutons-interface/barre-progress.png');
	width: 168px;
	height:43px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressValeur {
	display:block;
	background-color: #00428e;
	width: 137px;
	height:12px;
	position:absolute;
	top: 18px;
	left:16px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressCursor {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-cursor.png') no-repeat;
	width: 9px;
	height:11px;
	position:absolute;
	top:11px;
	left:15px;
	z-index: 1;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressYellow {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-center_C2_jaune.png') no-repeat;
	width: 77px;
	height:4px;
	position:absolute;
	top:0px;
	left:1px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressBlue {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-center_C3_bleu.png') no-repeat;
	width: 77px;
	height:4px;
	position:absolute;
	top:0px;
	left:82px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressOrange {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-center_C4_orange.png') no-repeat;
	width: 77px;
	height:4px;
	position:absolute;
	top:0px;
	left:164px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressPurple {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-center_C5_violet.png') no-repeat;
	width: 77px;
	height:4px;
	position:absolute;
	top:0px;
	left:246px;
}


#barreNavigationFooter .btnReload {
	display:block;
	background:url('gfx/boutons-interface/bt_Refresh_all.png') scroll 0 -143px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	right:80px;
}

#barreNavigationFooter .btnReload span {
	display:none;
}

#barreNavigationFooter .btnReload:hover {
	background:url('gfx/boutons-interface/bt_Refresh_all.png') scroll 0 -95px no-repeat;
}

#barreNavigationFooter .btnReload:active {
	background:url('gfx/boutons-interface/bt_Refresh_all.png') scroll 0 0 no-repeat;
}

#barreNavigationFooter .btnReloadOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Refresh_all.png') scroll 0 -47px no-repeat;
	width:47px;
	height:48px;
	position:absolute;
	bottom:9px;
	right:80px;
}

#barreNavigationFooter .btnReloadOff span {
	display:none;
}

#barreNavigationFooter .btnSon {
	display:block;
	background:url('gfx/boutons-interface/bt_Son_enable.png');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:249px;
}

#barreNavigationFooter .btnSon span {
	display:none;
}

#barreNavigationFooter .btnSonOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Son_enable_off.png');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:249px;
}

#barreNavigationFooter .btnSonOff span {
	display:none;
}

/*
#divDisplayButtons {
	position: absolute;
	z-index: 999;
}
*/

#barreNavigationFooter .numeroSlideNavigation {
	color:#FEFFFD;
	font-size:12px;
	position:absolute;
	bottom:27px;
	left:750px;
	font-family: Arial;
}




/*
=============================
	Phrase aide
	Guidance
=============================
*/

#phraseAide {
	bottom: 72px;
    color: #009977;
    font-family: Arial;
    font-size: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 981px;
}


/*
=============================
	Bloc Langue
	Choix
=============================
*/

#blocLangueChoix {
	position:absolute;
	bottom:50px;
	left:40px;
	z-index:999999999999999;
}



/*
=============================
	Aide
=============================
*/

#ensembleAide {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("gfx/Popin_Aide.png") no-repeat;
	width: 981px;
	height: 644px;
	padding: 7px 0 0 7px;
	left: 3px;
	z-index: 10;
}

#ensembleAide .blocExplicationsAide {
	/*background: url("gfx/Popin_Aide.png");*/
	width: 960px;
	height: 530px;
}

#ensembleAide .titre {
	font-size: 21px;
	color: #BE0F34;
	margin: 0 0 40px 0;
}

#ensembleAide .ensembleAideColonne {
	width: 289px;
	float: left;
	border-right: 1px solid #405563;
	padding: 0 10px 0 10px;
}

#ensembleAide .noBorder {
	border:none;
}

#ensembleAide .ensembleAideColonne .grandTitre {
	font-size: 12px;
	color: #405563;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #405563;
	padding: 0 0 5px 0;
}


#ensembleAide .ensembleAideColonne .sousTitre {
	font-size: 12px;
	color: #405563;
	font-weight: bold;
	clear: both;
	width:250px;
}

#ensembleAide .ensembleAideColonne .iconeRetourSommaire {
	background:url('gfx/boutons-interface/bt_Accueil.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeChoixLangue {
	background:url('gfx/boutons-interface/btnLangueFRA.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}


#ensembleAide .ensembleAideColonne .iconeGlossaire {
	background:url('gfx/boutons-interface/bt_Glossaire.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeAide {
	background:url('gfx/boutons-interface/bt_Aide.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconePagePrecedente {
	background:url('gfx/boutons-interface/bt_Precedent.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 5px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconePageSuivante {
	background:url('gfx/boutons-interface/bt_Suivant.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeRetourRotation3D {
	background:url('gfx/boutons-interface/bt_Tool_3D_off.gif') no-repeat;
	width: 42px;
	height: 28px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeSelectionZoom {
	background:url('gfx/boutons-interface/bt_Tool_Zoom_Selection.gif') no-repeat;
	width: 42px;
	height: 28px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeZoomPlusMoins {
	background:url('gfx/boutons-interface/bt_Tool_Zoom.gif') no-repeat;
	width: 36px;
	height: 60px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeFlechesDeNavigation {
	background:url('gfx/boutons-interface/bt_Tool_Navig.gif') no-repeat;
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeRefresh {
	background:url('gfx/boutons-interface/bt_Refresh.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeDiapoPrecedent {
	background:url('gfx/boutons-interface/bt_Diapo-Prec.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 5px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeDiapoSuivant {
	background:url('gfx/boutons-interface/bt_Diapo-Suiv.gif') no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeSon {
	background:url('gfx/boutons-interface/bt_Son.gif') no-repeat;
	width: 80px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
}

#ensembleAide .ensembleAideColonne .iconeBarreProgress {
	background:url('gfx/boutons-interface/barre-progress-bg.gif') no-repeat;
	width: 244px;
	height: 43px;
	display: block;
	float: left;
	margin: 0 10px 14px 0;
	position: relative;
}

#ensembleAide .ensembleAideColonne .iconeBarreProgress .textePositionBarreProgress {
	position: absolute;
	top:25px;
	left:35px;
}

#ensembleAide .ensembleAideColonne .iconeBarreProgress .texteAvancementBarreProgress {
	position: absolute;
	top:25px;
	left:155px;
}

#ensembleAide p{
	position: absolute;
	text-align: center;
}

#ensembleAide .btnFermetureDialogBox{
    right: 25px;
    top: 125px;
}

.txtAide_ihm{
	color:#ffffff;
	font-size:12px;
}

#txtAide_7{
    left: 75px;
    top: 335px;
    width: 90px;
}
#txtAide_8{
    left: 125px;
    top: 365px;
    width: 90px;
}
#txtAide_9{
    left: 177px;
    top: 335px;
    width: 90px;
}
#txtAide_11{
    left: 350px;
    top: 370px;
    width: 90px;
}
#txtAide_12{
    left: 715px;
    top: 365px;
    width: 90px;
}
#txtAide_13{
    left: 765px;
    top: 335px;
    width: 90px;
}
#txtAide_14{
    left: 820px;
    top: 365px;
    width: 80px;
}
#txtAide_15{
    left: 225px;
    top: 375px;
    width: 90px;
}
#txtAide_19{
    left: 445px;
    top: 345px;
    width: 90px;
}
#txtAide_20{
    left: 623px;
    top: 365px;
    width: 80px;
}
#txtAide_20b{
    left: 677px;
    top: 335px;
    width: 60px;
}
#txtAide_24{
    left: 145px;
    top: 235px;
    width: 90px;
}
#txtAide_25{
    left: 740px;
    top: 235px;
    width: 90px;
}
#txtAide_26{
    left: 475px;
    top: 215px;
}
#txtAide_27{
	font-size: 14px;
	top: 145px;
	left: 267px;
}
#txtAide_28{
	left: 210px;
    top: 500px;
}
#txtAide_Titre{
    color: #FFFFFF;
    font-size: 30px;
    left: 130px;
    top: 150px;
    width: 90px;
}

#Bouton{
	position: absolute;
    right: 30px;
    top: 70px;
}

/*
=============================
	Glossaire
=============================
*/

#ensembleGlossaire {
	position: absolute;
	top: 75px;
	left: 0px;
	background: url("gfx/Tuteur_captivate_bg.png") no-repeat;
	width: 974px;
	height: 544px;
	padding: 7px 0 0 7px;
	left: 3px;
	z-index: 10;
}

#ensembleGlossaire .titre {
	font-size: 23px;
	color: #33667C;
	margin: 10px 0 30px 10px;
	font-weight: bold;
}

#ensembleGlossaire .ensembleGossaireDef {
	font-size: 13px;
	color: #405563;
	margin: 0 0 0 30px;
	height: 320px;
	overflow-y: auto;
	width: 900px;
	height: 410px;
}

#ensembleGlossaire .ensembleGossaireDef li {
	font-size: 13px;
	margin: 0 0 10px 0;
}

#ensembleGlossaire .ensembleGossaireDef li .termeGlossaire {
	font-weight: bold;
	text-transform: uppercase;
}

#divDisplayGlossaire{
	position: relative;
    top: -90px;
    z-index: 80;
}



/*
=============================
	btnHeader
=============================
*/

.btnHeader {
    text-decoration: none;
    position: absolute;
    top:13px;
    right:80px;
}
.btnHeader .btnPartieCentre {
	background: url(gfx/bt_sommaire_center.png) scroll 0 -120px repeat;
	height: 30px;
	display: table;
	text-decoration: none;
	padding: 13px 10px 0 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	float: left;
}
.btnHeader .btnPartieGauche {
	background: url(gfx/bt_sommaire_left.png) scroll 0 -120px no-repeat;
	width: 16px;
	height: 45px;
	display: block;
	float: left;
	text-decoration: none;
}
.btnHeader .btnPartieDroite {
	background: url(gfx/bt_sommaire_right.png) scroll 0 -120px no-repeat;
	width: 16px;
	height: 45px;
	display: block;
	float: left;
}



/* BTN s047_bt.png */
/* BTN s047_bt.png */
/* BTN s047_bt.png */
.btnPuce {
	display:block;
	background:url('gfx/s047_bt.png') scroll 0 -80px no-repeat;
	width:40px;
	height:40px;
	position:absolute;
	bottom:9px;
	left:15px;
	cursor: pointer;
}
.btnPuce:hover {
	background:url('gfx/s047_bt.png') scroll 0 -40px no-repeat;
}
.btnPuce:active {
	background:url('gfx/s047_bt.png') scroll 0 0 no-repeat;
}
.btnPuce span {
	display:none;
}
.btnPuceVu {
	display:block;
	background:url('gfx/s047_bt.png') scroll 0 0px no-repeat;
	width:40px;
	height:40px;
	position:absolute;
	bottom:9px;
	left:15px;
	cursor: pointer;
}
.btnPuceVu span {
	display:none;
}












    /*** Sommaire ***/

    .ensembleSommairePopIn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #FFFFFF;
    border: 1px solid #003366;
    width: 315px;
    padding: 7px;
    height: 450px;
    }

    .ensembleSommairePopIn .ensembleSommairePopInTitre {
    color: #003366;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #E6E6E6;
    display: block;
    padding: 5px;
    position: relative;
    left: -5px;
    top: -5px;
    width: 315px;
    }

    .ensembleSommairePopIn ul {
    height: 420px;
    overflow: auto;
    }

    .ensembleSommairePopIn ul li {
    padding: 3px 0 3px 0;
    border-bottom: 1px solid #efefef;
    top: -5px;
    width: 100%;
    }

    .ensembleSommairePopIn ul li a {/* XC MODIF 15/01/14*/
		    color: #003366;
		    display: block;
		    font-size: 13px;
		    padding: 3px 18px 3px 0;
		    text-decoration: none;
		    width: 278px;
    }

    .ensembleSommairePopIn ul li a.menuElementNonCliquable {
    color: #CCCCCC;
    cursor: auto;
    }

    .ensembleSommairePopIn ul li a.menuElementDejaVu {
    background: url(gfx/coche-bg.png) right center no-repeat;
    }

    .va-content a.menuElementDejaVu span {
    top:8px;
    }

    .ensembleSommairePopIn .ensembleSommairePopInClose {
    width: 22px;
    height: 22px;
    display: block;
    text-decoration: none;
    background-color: #003366;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 3px;
    }

    .ensembleSommairePopIn .ensembleSommairePopInClose span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 1px;
    }