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


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

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

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

.loading {
	background: #FFFFFF url("gfx/loading-bg.gif") center 200px no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	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;
}

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

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

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

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

.ensembleBlocOutro {
	position: relative;
}

.ensembleBlocOutro img {
}

.ensembleBlocOutro .outroModuleTermine {
	color: #163142;
    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: 486px;
    top: 155px;
    line-height: 17px;
}

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

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

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




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

#ensembleModuleInterieur {
	background:url('gfx/module-sommaire-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;
}

#ensembleModule {
	background:url('gfx/VGF_IHM_bg_interieur.gif') top no-repeat;
	/*background:url('gfx/module-bg.jpg') top 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:87px;
	position:relative;
}

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

.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: 30px;
	height: 25px;
	background: url(gfx/radio-bg.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

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

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

.btnFermetureShow {
	background: url(gfx/bt_Fermer.gif) no-repeat;
	width:36px;
	height:32px;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	z-index:99;
}

.btnFermetureDialogBox {
	background: url(gfx/btn_close.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;
}

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

#titreModule {
	position:absolute;
	top:24px;
	left:97px;
	z-index:9;
}

#titreModule .grandTitre {
	font-size:18px;
	color:#2274ac;
	font-weight: bold;
}

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

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


#filAriane {
	position: absolute;
	left: 97px;
	top: 60px;
	z-index: 9;
	width: 470px;
}

#filAriane .sousTitre {
	font-size:10px;
	color: #8994a0;
	font-family: Arial;
	position: absolute;
	text-align: right;
}

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

.btnFooterToggle {
	background:url('gfx/boutons-interface/bt_Close_footer.png') no-repeat;
	width:34px;
	height:27px;
	position: absolute;
	bottom:30px;
	left: 0px;
	cursor: pointer;
}

.btnFooterToggleOff {
	background:url('gfx/boutons-interface/bt_Open_footer.png') no-repeat;
	width:34px;
	height:24px;
	position: absolute;
	bottom:1px;
	left: 0px;
	cursor: pointer;
	z-index:999999999999999;
}

#divDisplayFooter {
	position:absolute;
	top:644px;
	left:0px;
	z-index: 99;
}

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

}


#barreNavigationFooter {
	background:url('gfx/barre-navigation-footer-bg.png') no-repeat;
	width:981px;
	height:19px;
	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_Accueil.png');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:54px;
}

#barreNavigationFooter .btnSommaire span {
	display:none;
}

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

#barreNavigationFooter .btnSommaireOff 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.png');
	width:89px;
	height:24px;
	position:absolute;
	bottom:40px;
	left:448px;
}

#barreNavigationFooter .btnVideoHd span {
	display:none;
}

#barreNavigationFooter .btnVideoBd {
	display:block;
	background:url('gfx/boutons-interface/bt_BD.png');
	width:89px;
	height:24px;
	position:absolute;
	bottom:40px;
	left:448px;
}

#barreNavigationFooter .btnVideoBd span {
	display:none;
}


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

#barreNavigationFooter .btnAide span {
	display:none;
}

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

#barreNavigationFooter .btnAideOff span {
	display:none;
}

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

#barreNavigationFooter .btnAideOffActif span {
	display:none;
}

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

#barreNavigationFooter .btnPrecedent span {
	display:none;
}

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

#barreNavigationFooter .btnPrecedentOff span {
	display:none;
}

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

#barreNavigationFooter .btnSuivant span {
	display:none;
}


#barreNavigationFooter .btnSuivantAnimate {
	background:url('gfx/boutons-interface/bt_Suivant_animate.gif');
	width:65px;
	height:60px;
	position:absolute;
	bottom:0px;
	left:886px;
	display:block;
}

#barreNavigationFooter .btnSuivantAnimate span {
	display:none;
}

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

#barreNavigationFooter .btnSuivantOff span {
	display:none;
}

#barreNavigationFooter .btnSuivantOffActif span {
	display:none;
}

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

#barreNavigationFooter .btnSuivantOffActif span {
	display:none;
}


#barreNavigationFooter .btnlanguageFRA {
	display:block;
	background:url('gfx/boutons-interface/btnLangueFRA.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageFRA span {
	display:none;
}

#barreNavigationFooter .btnlanguageFRAOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueFRA_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageFRAOff span {
	display:none;
}

#barreNavigationFooter .btnlanguageGBR {
	display:block;
	background:url('gfx/boutons-interface/btnLangueGBR.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageGBR span {
	display:none;
}

#barreNavigationFooter .btnlanguageGBROff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueGBR_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageGBROff span {
	display:none;
}

#barreNavigationFooter .btnlanguageDEU {
	display:block;
	background:url('gfx/boutons-interface/btnLangueDEU.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageDEU span {
	display:none;
}

#barreNavigationFooter .btnlanguageDEUOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueDEU_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:50px;
}

#barreNavigationFooter .btnlanguageDEUOff span {
	display:none;
}

#barreNavigationFooter .btnlanguageSVN {
	display:block;
	background:url('gfx/boutons-interface/btnLangueSVN.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageSVN span {
	display:none;
}

#barreNavigationFooter .btnlanguageSVNOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueSVN_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageSVNOff span {
	display:none;
}

#barreNavigationFooter .btnlanguageCHN {
	display:block;
	background:url('gfx/boutons-interface/btnLangueCHN.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageCHN span {
	display:none;
}

#barreNavigationFooter .btnlanguageCHNOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueCHN_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageCHNOff span {
	display:none;
}


#barreNavigationFooter .btnlanguageNLD {
	display:block;
	background:url('gfx/boutons-interface/btnLangueNLD.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageNLD span {
	display:none;
}

#barreNavigationFooter .btnlanguageNLDOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueNLD_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageNLDOff span {
	display:none;
}


#barreNavigationFooter .btnlanguageESP {
	display:block;
	background:url('gfx/boutons-interface/btnLangueESP.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageESP span {
	display:none;
}

#barreNavigationFooter .btnlanguageESPOff {
	display:block;
	background:url('gfx/boutons-interface/btnLangueESP_Off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:45px;
}

#barreNavigationFooter .btnlanguageESPOff span {
	display:none;
}


#barreNavigationFooter #ensembleBarreProgress {
	position:absolute;
	bottom:25px;
	left:332px;
}


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

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressValeur {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-center.png') scroll 2px repeat-x;
	width: 0px;
	height:13px;
	position:absolute;
	left:5px;
}

#barreNavigationFooter #ensembleBarreProgress .btnBarreProgressCursor {
	display:block;
	background:url('gfx/boutons-interface/barre-progress-cursor.jpg') no-repeat;
	width: 5px;
	height:5px;
	position:absolute;
	top:5px;
	left:0px;
	margin-left:8px;
}



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

#barreNavigationFooter .btnReload span {
	display:none;
}

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

#barreNavigationFooter .btnReloadOff span {
	display:none;
}

#barreNavigationFooter .btnDiapoPrec {
	display:block;
	background:url('gfx/boutons-interface/bt_Diapo-Prec.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:567px;
}

#barreNavigationFooter .btnDiapoPrec span {
	display:none;
}

#barreNavigationFooter .btnDiapoPrecOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Diapo-Prec_off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:567px;
}

#barreNavigationFooter .btnDiapoPrecOff span {
	display:none;
}

#barreNavigationFooter .btnDiapoSuiv {
	display:block;
	background:url('gfx/boutons-interface/bt_Diapo-Suiv.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:607px;
}

#barreNavigationFooter .btnDiapoSuiv span {
	display:none;
}

#barreNavigationFooter .btnDiapoSuivOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Diapo-Suiv_off.gif');
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:607px;
}

#barreNavigationFooter .btnDiapoSuivOff 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:#000000;
	font-size:12px;
	position:absolute;
	bottom:28px;
	left:673px;
	font-family: Arial;
}




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

#phraseAide {
	position:absolute;
	bottom:0px;
	right:20px;
	color:#808686;
	font-size:15px;
	text-align: right;
	font-family: Arial;
	background: url(gfx/img_consigne1.gif) left no-repeat;
	padding: 0 0 0 45px;
}


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

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


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

#ensembleAide {
	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;
}

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

#ensembleAide .titre {
	font-size: 21px;
	color: #405563;
	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;
}


/*
=============================
	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;
}




/*
//////////////////////////////////////////

	CSS Pour Présentation des Modules

//////////////////////////////////////////

*/


#blocCentral {
	margin:30px auto 0 auto;
	width:700px;
}



#blocCentral #logo {
	background:url("gfx/logo-vgf.jpg") no-repeat;
	width:89px;
	height:99px;
	float:left;
	margin:0 20px 0 0;
}

#blocCentral a {
	color:#003D8E;
	text-decoration:none;
}


#blocCentral h1 {
	font-size:14px;
	font-weight:bold;
	color:#565656;
	padding:35px 0 0 0;
}


#blocCentral h2 {
	font-size:12px;
	color:#777777;
	border-bottom:1px dashed #777777;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	
}


#blocCentral #blocLiensMaquettes {
	clear:both;
	margin:85px 0 0 0;
	padding:25px;
	background-color:#efefef;
}


#blocCentral #blocLiensMaquettes ul {
	list-style:none;
	color:#999999;
}


#blocCentral #blocLiensMaquettes ul li {
	margin:0 0 7px 0;
}



#blocCentral #textesPresentation {
	clear:both;
	margin:50px 0 0 0;

}


#blocCentral #textesPresentation p {
	color:#999999;
	margin:0 0 15px 0;
}


#blocCentral .blocCentral {
	margin:5px auto 0 auto;
	width:1243px;
}







.kObjectClasseur ul {
	list-style: none;
}

.kObjectClasseur .classeurTab {
	background: none;
	border: none;
}

.kObjectClasseur .classeurTab .ui-tabs-anchor {
	padding: 0 10px 0 10px;
}

.kObjectClasseur .classeurTab a {
	height: 40px;
	display: table;
	font-size: 12px;
	font-weight: bold;
	color: #C0C0C0;
	padding: 0 10px 0 10px;
	position: relative;
	cursor: default;
	text-decoration: none;
}


.kObjectClasseur ul .ui-state-disabled a .partieGauche {
	background: url(gfx/btn_classeur-bg_left-inactif.png) top left no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 1px;
}

.kObjectClasseur ul .ui-state-disabled a .partieCentrale {
	background: url(gfx/btn_classeur-bg_center-inactif.png) repeat-x;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	min-width: 100px;
	padding-left: 2px;
    padding-right: 2px;
}

.kObjectClasseur ul .ui-state-disabled a .partieDroite {
	background: url(gfx/btn_classeur-bg_right-inactif.png) top right no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 2px;
}


.kObjectClasseur ul li a .partieGauche {
	background: url(gfx/btn_classeur-bg_left-actif.png) top left no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 1px;
}

.kObjectClasseur ul li a .partieCentrale {
	background: url(gfx/btn_classeur-bg_center-actif.png) repeat-x;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	min-width: 100px;
	padding-left: 2px;
    padding-right: 2px;
}

.kObjectClasseur ul li a .partieDroite {
	background: url(gfx/btn_classeur-bg_right-actif.png) top right no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 2px;
}


.kObjectClasseur ul .ui-state-active a .partieGauche {
	background: url(gfx/btn_classeur-bg_left-encours.png) top left no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 1px;
}

.kObjectClasseur ul .ui-state-active a .partieCentrale {
	background: url(gfx/btn_classeur-bg_center-encours.png) repeat-x;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	color: #25383E;
	cursor: pointer;
	text-align: center;
	min-width: 100px;
	padding-left: 2px;
    padding-right: 2px;
}

.kObjectClasseur ul .ui-state-active a .partieDroite {
	background: url(gfx/btn_classeur-bg_right-encours.png) top right no-repeat;
	width: 10px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 2px;
}




