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

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

.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:430px;
	height:87px;
	position:relative;
	z-index: 1;
}

#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: 48px;
	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/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;
	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:9;
}

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

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

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


#filAriane {
	position: absolute;
	right: 10px;
	top: 27px;
	z-index: 9;
	display: none;
}

#filAriane .sousTitre {
	font-size:10px;
	color: #FFFFFF;
	font-family: Arial;
	text-align: left;
	font-weight: normal;
}

 
/*
=============================
	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: 99;
	width: 100%;
}

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

}


#barreNavigationFooter {
	background:url('gfx/barre-navigation-footer-bg.png') no-repeat;
	width:981px;
	height:63px;
	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 -163px no-repeat;;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	left:80px;
}

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

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

#barreNavigationFooter .btnSommaire span {
	display:none;
}

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

#barreNavigationFooter .btnSommaireOff span {
	display:none;
}



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

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

#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 -55px no-repeat;
	width:53px;
	height:53px;
	position:absolute;
	bottom:5px;
	left:15px;
	cursor: default;
}

#barreNavigationFooter .btnAccueilOff span {
	display:none;
}




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

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

#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 -55px no-repeat;
	width:53px;
	height:53px;
	position:absolute;
	bottom:5px;
	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.png');
	width:89px;
	height:24px;
	position:absolute;
	bottom:30px;
	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:30px;
	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_all.png') scroll 0 -163px no-repeat;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	right:145px;
}

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

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

#barreNavigationFooter .btnPrecedent span {
	display:none;
}

#barreNavigationFooter .btnPrecedentOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Precedent_all.png') scroll 0 -55px;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	right:145px;
	cursor: default;
}

#barreNavigationFooter .btnPrecedentOff span {
	display:none;
}

#barreNavigationFooter .btnSuivant {
	display:block;
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -163px no-repeat;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	right:15px;
}

#barreNavigationFooter .btnSuivant span {
	display:none;
}

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

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

#barreNavigationFooter .btnSuivantOff {
	display:block;
	background:url('gfx/boutons-interface/bt_Suivant_all.png') scroll 0 -55px no-repeat;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	right:15px;
	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 -55px;
	width:53px;
	height:54px;
	position:absolute;
	right:15px;
	bottom: 5px;
}

#barreNavigationFooter .btnSuivantOffActif span {
	display:none;
}


#barreNavigationFooter #ensembleBarreProgress {
	position:absolute;
	bottom:31px;
	left:309px;
}


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

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

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



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

#barreNavigationFooter .btnReload span {
	display:none;
}

#barreNavigationFooter .btnReload:hover {
	background:url('gfx/boutons-interface/bt_Refresh_all.png') scroll 0 -109px 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 -55px no-repeat;
	width:53px;
	height:54px;
	position:absolute;
	bottom:5px;
	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:18px;
	position:absolute;
	bottom:22px;
	left:696px;
	font-family: Arial;
}




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

#phraseAide {
	position:absolute;
	bottom:5px;
	right:20px;
	color:#ffffff;
	font-size:15px;
	text-align: right;
	font-family: Arial;
	padding: 0 0 0 0px;
}


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

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



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




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