/*
=============================
	Volkswagen Bank
	CSS Modèles
=============================
*/



/*
=============================
	Modèle Vidéos - Captivate
	Structure
=============================
*/
#overlayBlocageClicVideoFond {
	position:absolute;
	width:960px;
	height:530px;
	top:0px;
	left:0px;
}

#overlayBlocageExercice {
	position:absolute;
	width:960px;
	height:80px;
	bottom:0px;
	left:0px;
}

#divVideoPrincipale {
	margin: 0 auto 0 auto;
	position: relative;
	top: 5px;
}

#videoPrincipale {
}

#ensembleVisioneuse .ensemblePositionnement {
	position:absolute;
	width:981px;
	height:644px;
	top:82px;
	left:0px;
}

#ensembleVisioneuse .ensemblePositionnement .ensemble {
	position: relative;
}


#ensembleVisioneuse .ensemblePositionnement .ensemble .videoIncrustation {
	position: absolute;
	top: 20px;
	right: 20px;
}


#ensembleVisioneuse .ensemblePositionnement .ensemble #divContenuHtml {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}



/*
=============================
	Modèle Vidéos - Captivate
	Fonds
=============================
*/

.fondVideoMini {
	background: url("gfx/Tuteur_vignette_bg.png") no-repeat;
	width: 214px;
	height: 214px;
	padding: 7px 0 0 7px;
}

.fondVideoMedium {
	background: url("gfx/Tuteur_fullsize_bg.png") no-repeat;
	width: 474px;
	height: 474px;
	padding: 7px 0 0 7px;
}

.fondVideoLarge {
	background: url("gfx/Tuteur_captivate_bg.png") no-repeat;
	width: 974px;
	height: 544px;
	padding: 7px 0 0 7px;
	left: 3px;
}



/*
=============================
	Modèle Quiz - Images
	Fonds
=============================
*/

.borderQuiz {
	border : 1px solid #CCCCCC;
}



/*
=============================
	Modèle Boutons -
	Lancement vidéos IOS / TimeCode
=============================
*/

.btnLancementVideoMedium {
	position:absolute;
	width:140px;
	height:140px;
	top:160px;
	left:170px;
	background:url("gfx/btn-play-sound-ios-bg.png") no-repeat;
}

.btnLancementVideoMedium span {
	display: none;
}

.btnLancementVideoMini {
	position:absolute;
	width:140px;
	height:140px;
	top:30px;
	left:30px;
	background:url("gfx/btn-play-sound-ios-bg.png") no-repeat;
}

.btnLancementVideoMini span {
	display: none;
}

.btnLancementVideoTuteur {
	position:absolute;
	width:140px;
	height:140px;
	top:180px;
	left:30px;
	background:url("gfx/btn-play-sound-ios-bg.png") no-repeat;
}

.btnLancementVideoTuteur span{
	display: none;
}
/*
=============================
	Modèles
	Titres Slides
=============================
*/

.titrePagePositionnement {
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 18px;
}


.titrePage {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #636A6B;
}


/*
=============================
	Modèles
	Titres Big
=============================
*/

.blocApparitionTitreBigOrange {
	background: url("gfx/C1S1-s009_bloc1-bg1.png") no-repeat;
	height: 88px;
	width: 516px;
	/*display: block;*/
	display: table;
}

.blocApparitionTitreBigOrange .blocApparitionTitreBigTitreOrange {
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	position: relative;
	/*top: 34px;
	left: 90px;
	display: block;*/
	display: table-cell;
	vertical-align: middle;
	padding: 0 50px 0 85px;
}

.blocApparitionTitreBigOrangeFr .blocApparitionTitreBigTitreOrange {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	top: 34px;
	left: 90px;
	display: block;
}






/*
=============================
	Modèles
	Titres Small Générals
=============================
*/

.blocApparitionTitreSmallFinBloc {
	background: url("gfx/bg_titre01_end.png") no-repeat;
	height: 66px;
	width: 60px;
	display: block;
	position: absolute;
	right: -60px;
	top: 0px;
}

.blocApparitionImage {
	position: relative;
	top: 50px;
}


/*
=============================
	Modèles
	Titres Small Bleu
=============================
*/

.blocApparitionTitreSmallBleu {
	background: url("gfx/bg_titre01_left_bleu.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreBleu {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 3px 0 0 57px;
}



/*
=============================
	Modèles
	Liste Cliquable
=============================
*/

.modeleListeCliquable {
	width: 300px;
	top: 50px;
	left: 10px;
	position: absolute;
}

.modeleListeCliquable .blocApparitionTitreSmallBleu{
	width:277px;
}

.modeleListeCliquable .blocApparitionTitreSmallBleu {
	cursor:pointer;
	position: relative;
	height: 62px;
}

.listClick_btn_titre01{
	background:url('gfx/btn_liste_titre01_on.png') no-repeat;
}
.listClick_txt_ffffff{
	color : #ffffff;
}
.listClick_btn_titre01_end{
	background:url('gfx/btn_liste_titre01_on_end.png') no-repeat;
}
.listClick_txt_000000{
	color : #000000;
}
.listClick_txt_636363{
	color : #636363;
}
.modeleListeCliquable .btnListeCliquableChecked{
  background: url("gfx/btn_liste_titre01_clicked_vue.png") no-repeat;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  height: 62px;
}
.modeleListeCliquable .btnListeCliquableChecked_end{
	background:url('gfx/btn_liste_titre01_clicked_vue_end.png') no-repeat;
}
.listClick_bg_titre01_end{
	background:url('gfx/btn_liste_titre01_clicked_end.png') no-repeat;
}
.listClick_btn_titre01_vue{
	background:url('gfx/btn_liste_titre01_vue.png') no-repeat;
}
.listClick_bg_titre01_left_bleu{
	background:url('gfx/btn_liste_titre01_clicked.png') no-repeat;
}


/*
=============================
	Modèles
	Titres Small Vert
=============================
*/

.blocApparitionTitreSmallVert {
	background: url("gfx/bg_titre01_left_vert.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreVert {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 57px;
}


/*
=============================
	Modèles
	Titres Small Rouge
=============================
*/


.blocApparitionTitreSmallRouge {
	background: url("gfx/bg_titre01_left_rouge.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreRouge {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 57px;
}


/*
=============================
	Modèles
	Titres Small Fushia
=============================
*/


.blocApparitionTitreSmallFushia {
	background: url("gfx/bg_titre01_left_fushia.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreFushia {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 57px;
}


/*
=============================
	Modèles
	Titres Small Orange
=============================
*/


.blocApparitionTitreSmallOrange {
	background: url("gfx/bg_titre01_left_orange.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreOrange {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 57px;
}


/*
=============================
	Modèles
	Titres Small Turquoise
=============================
*/


.blocApparitionTitreSmallTurquoise {
	background: url("gfx/bg_titre01_left_turquoise.png") no-repeat;
	height: 67px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
	display: table;
}

.blocApparitionTitreSmallTitreTurquoise {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	/*top: 18px;
	left: 58px;
	display: block;*/
	z-index: 9;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 57px;
}


/*
=============================
	Modèles
	Titres Small Hover
=============================
*/


.blocApparitionTitreSmallHover {
	background: url("gfx/bg_titre01_left_bleu_hover.png") no-repeat;
	height: 60px;
	width: 248px;
	float: left;
	z-index: 9;
	position: absolute;
}





/*
=============================
	Modèles
	Volets Small
=============================
*/

.voletPlacementSmallBleu {
	background: url("gfx/C3S3-s074_bgBlocs00.png") no-repeat;
	height: 140px;
	width: 310px;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	top: 50px;
}

.voletPlacementSmallBleu ul {
	width: 300px;
	padding: 10px 0 0 0;
}

.voletPlacementSmallBleu ul li {
	margin: 0 0 3px 60px;
}

/*
=============================
	Modèles
	Volets Larges
=============================
*/

.voletPlacementLargeBleu {
	background: url("gfx/bg_titre01_blocbleu.gif") no-repeat;
	height: 140px;
	width: 700px;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	top: 50px;
}

.voletPlacementLargeBleuNoBackground {
	background: none;
	height: 140px;
	width: 700px;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	top: 50px;
}


.voletPlacementLargeBleu ul {
	padding: 10px 0 0 0;
}

.voletPlacementLargeBleu ul li {
	margin: 0 0 3px 75px;
}

.modelesUlVoletLarge {

}

.modelesUlVoletLarge li {
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
}


/*
=============================
	Placement des Titres
	Titres
=============================
*/

.titrePlacementMiniBloc {
	position: absolute;
}


/*
=============================
	Boutons
	Interface
=============================
*/

.btnEnsavoirPlus {
	background: url("gfx/btn_ensavoirplus01.gif") no-repeat;
	height: 54px;
	width: 200px;
	display: block;
}

.btnEnsavoirPlus span {
	display: none;
}


.btnCorne {
	background: url("gfx/btn_gabarit01_right.png") repeat right transparent;
	display: block;
	height: 46px;
	padding: 0 0 0 10px;
	cursor: pointer;
	text-decoration: none;
}

/*--abdel----*/
.hotspotClick {
    background: url("gfx/btn_hotspot1.png") repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 48px;
    padding: 0 0 0 48px;   
}
/*--fin----*/


.btnCorne span {
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	float: right;
	margin: 14px 50px 0 0;
	background: url("gfx/btn_gabarit01_left.png") no-repeat left transparent;
	cursor: pointer;
	text-decoration: none;
}

.btnDownload {
	background: url("gfx/btn_download01_right.png") repeat right transparent;
	display: block;
	height: 46px;
	padding: 0 0 0 10px;
	cursor: pointer;
	text-decoration: none;
}

.btnDownload span {
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	float: right;
	margin: 14px 50px 0 0;
	background: url("gfx/btn_gabarit01_left.png") no-repeat left transparent;
	cursor: pointer;
	text-decoration: none;
}

.btnInfosSolution {
	/*position:absolute;
	background: url("gfx/btn_solution1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;*/
}

.btnInfosSolution span {
	/*display: none;*/
}

.btnValidationNormal {
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
	position:absolute;
}

.btnReset {
	background: url("gfx/btn_refaire.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
	position:absolute;
}

.btnReset span {
	display: none;
}



/*
=============================
	Modèles
	PoPin
=============================
*/

.popIn {
	background: #33667C url("gfx/popin_bg1.gif") no-repeat;
	width: 590px;
	position: absolute;
	padding: 20px;
	z-index: 9;
	border: 1px solid #FFFFFF;
}

.popInClose {
	background: url("gfx/btn_close.png") no-repeat;
	height: 23px;
	width: 23px;
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
}

.popInClose span {
	display: none;
}


.popIn .popInTitre {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0 0 70px;
	border-bottom: 1px dotted #FFFFFF;
	padding: 0 0 5px 0;
}

.popIn ul {
	margin: 30px 0 0 0;
}

.popIn ul li {
	margin: 0 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}

.popIn p {
	margin: 10px 0 10px 60px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}



.popInDefaut {
	background: #33667C url("gfx/popin_bg_defaut1.gif") no-repeat;
	width: 590px;
	position: absolute;
	padding: 20px;
	z-index: 9;
	border: 1px solid #FFFFFF;
}

.popInDefautClose {
	background: url("gfx/btn_close.png") no-repeat;
	height: 23px;
	width: 23px;
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
}

.popInDefautClose span {
	display: none;
}


.popInDefaut .popInTitre {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0 0 20px;
	border-bottom: 1px dotted #FFFFFF;
	padding: 0 0 5px 0;
}

.popInDefaut ul {
	margin: 10px 0 0 0;
}

.popInDefaut ul li {
	margin: 0 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}

.popInDefaut p {
	margin: 10px 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}




/*
=============================
	Modèles
	A Noter
=============================
*/

.blocANoter {	
	width: 200px;
}

.blocANoter .visuelANoter {
	background: url("gfx/btn_anoter01.gif") scroll 2px 0 no-repeat;
	width: 200px;
	height: 67px;
	display: block;
}

.blocANoter .textesANoter {
	background: url("gfx/btn_attention01_bottom.png") bottom no-repeat;
	font-family: Arial;
	font-style: italic;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	width:200px;
}

.blocANoter .textDescrANoter{
	padding:10px;
}


/*
=============================
	Modèles
	A noter // Horizontal
=============================
*/

.blocANoterHorizontal {	
	width: 530px;
}

.blocANoterHorizontal .textesANoter .visuelANoter {
	background: url("gfx/btn_anoter01.gif") no-repeat;
	width: 200px;
	height: 67px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.blocANoterHorizontal .textesANoter {
	background: url("gfx/btn_anoter01_right.png") right bottom no-repeat;
	font-family: Arial;
	font-style: italic;
	font-size: 16px;
	padding: 10px 10px 15px 10px;
	text-align: left;
}

.blocANoterHorizontal .textesANoter .textesFlottant {
	position: relative;
	top: 17px;
	font-size: 14px;
}

/*
=============================
	Modèles
	A noter // Grand
=============================
*/
.textesANoterGrand .visuelANoterGrand {
	background: url("gfx/ico_anoter.png") no-repeat scroll 15px center transparent;
	width: 80px;
	height: 67px;
	display: block;
	float: left;
	margin: -30px 10px 0 -30px;
}
.textesANoterGrand .visuelANoterGrand .txtVisuelANoterGrand{
	font-size:15px;
	width:80px;
	text-align:center;
	font-style:normal;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
	color: #FFFFFF;
	filter: glow(color=black,strength=5), alpha(opacity=70);
	letter-spacing: -1px;
	padding-top: 45px;
	padding-left: 0px;
}
.textesANoterGrand {
	background-color:#FFFFFF;
	font-family: Arial;
	font-style: italic;
	font-size: 16px;
	padding: 10px 0px 15px 0px;
	text-align: left;
	border:5px solid #FFC000;
}

.textesANoterGrand .textesFlottant {
	position: relative;
	top: 17px;
	font-size: 14px;
	border:1px solid yellow;
}

.textDescrANoterGrand{
	padding:0px;
	font-size:13px;
	font-style:normal;
	padding-left:15px;
	padding-right:5px;
}

/*
=============================
	Modèles
	Important // Grand
=============================
*/
.textesImportantGrand .visuelImportantGrand {
	background: url("gfx/ico_attention.png") no-repeat scroll 15px center transparent;
	width: 90px;
	height: 67px;
	display: block;
	float: left;
	margin: -30px 10px 0 -30px;
}
.textesImportantGrand .visuelImportantGrand .txtVisuelImportantGrand{
	font-size:15px;
	width:90px;
	text-align:center;
	font-style:normal;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
	color: #FFFFFF;
	filter: glow(color=black,strength=5), alpha(opacity=70);
	letter-spacing: -1px;
	padding-top: 45px;
	padding-left: 0px;
}

.textesImportantGrand {
	background-color:#FFFFFF;
	font-family: Arial;
	font-style: italic;
	font-size: 16px;
	padding: 10px 0px 15px 0px;
	text-align: left;
	border:5px solid #FFC000;
}

.textesImportantGrand .textesFlottant {
	position: relative;
	top: 17px;
	font-size: 14px;
	border:1px solid yellow;
}

.textDescrImportantGrand{
	padding:0px;
	font-size:13px;
	font-style:normal;
	padding-left:15px;
	padding-right:5px;
}


/*
=============================
	Modèles
	Important
=============================
*/

.blocImportant {	
	width: 200px;
}

.blocImportant .visuelImportant {
	background: url("gfx/btn_attention01.gif") scroll 2px 0 no-repeat;
	width: 200px;
	height: 67px;
	display: block;
}

.blocImportant .textesImportant {
	background: url("gfx/btn_attention01_bottom.png") bottom no-repeat;
	font-family: Arial;
	font-style: italic;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	width:200px;
}

.blocImportant .textDescrImportant{
	padding:10px;
}



/*
=============================
	Modèles
	Important // Horizontal
=============================
*/

.blocImportantHorizontal {	
	width: 530px;
}

.blocImportantHorizontal .textesImportant .visuelImportant {
	background: url("gfx/btn_attention01.gif") no-repeat;
	width: 200px;
	height: 67px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.blocImportantHorizontal .textesImportant {
	background: url("gfx/btn_anoter01_right.png") right bottom no-repeat;
	font-family: Arial;
	font-style: italic;
	font-size: 16px;
	padding: 10px 10px 15px 10px;
	text-align: left;
}

.blocImportantHorizontal .textesImportant .textesFlottant {
	position: relative;
	top: 17px;
	font-size: 14px;
}




/*
=============================
	Modèles
	Question simple avec FeedBack
=============================
*/


#formulaireQuiz {
	font-size:14px;
	color:#565656;
}

#formulaireQuiz h2 {
	color:#003d8e;
	margin:0 0 20px 0;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
}

#formulaireQuiz fieldset {
	border:none;
}

.formulaireQuiz fieldset {
	border:none;
}

#formulaireQuiz fieldset legend {
	color:#898989;
	font-size:12px;
}

#formulaireQuiz fieldset p {
	color:#565656;
	font-size:14px;
	height: 42px;
}

#formulaireQuiz fieldset .blocQuestionsRadio p {
	/*background: url(gfx/support_quiz_01.png) no-repeat right bottom;*/
	width: 580px;
	/*padding-bottom: 8px;*/
}





.formulaireQuiz fieldset p {
	color:#000000;
	font-size:14px;
	/*margin:0 0 20px 0;*/
}

.blocQuestionSimpleFeedBack .blocQuestions {
	position: absolute;
	right: 0px;
	top: 50px;
	background: url("gfx/Quiz_Title01.png") no-repeat;
	width: 485px;
	height: 108px;
}

.blocQuestionSimpleFeedBack .blocQuestions .numeroQuestion {
	color: #33657c;
	font-size: 11px;
	display: block;
	position: relative;
	top: 0px;
	margin: 0 0 0 80px;
}


.blocQuestionSimpleFeedBack .blocQuestions .questionQuiz {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 15px;
	margin: 0 0 0 80px;
	display: block;
}

.blocQuestionSimpleFeedBack .blocQuestionsRadio {
	position: absolute;
	left: 550px;
	top: 200px;
	overflow: hidden;
	z-index: 9;
}

.blocQuestionSimpleFeedBack .cocheQuizTrue {
	background: url("gfx/coche-quiz-true.png") no-repeat scroll transparent;
	width: 30px;
	height: 25px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}

.blocQuestionSimpleFeedBack .cocheQuizFalse {
	background: url("gfx/coche-quiz-false.png") no-repeat scroll transparent;
	width: 30px;
	height: 25px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}



.blocQuestionSimpleFeedBack .blocQuestionsRadio .blocQuestionsRadioTextes {
	font-size: 14px;
	color: #33667C;
	padding: 3px 0 0 0;
	display: block;
	float: left;
}

.blocQuestionSimpleFeedBack .btnQuizValidation {
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:304px;
	left:756px;
}

.blocQuestionSimpleFeedBack .btnQuizValidation span {
	display: none;
}

#formulaireQuiz .imgCorrection {
	position:absolute;
	left:16px;
	top:70px;
}

#formulaireQuiz #btnFermerQuiz {
	background: url("gfx/btn_close.png") no-repeat scroll 0 0 transparent;
	width:21px;
	height:21px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:6px;
}

#formulaireQuiz #btnFermerQuiz span {
	display: none;
}


#formulaireQuiz .next {
	background: url("gfx/btn_nextQuestion1.png") no-repeat scroll 0 0 transparent;
    clear: both;
    cursor: pointer;
    float: right;
    height: 47px;
    width: 280px;
    text-decoration:none;
    position:absolute;
	top:310px;
	left:680px;
}


#formulaireQuiz .next span {
	display:none;
}

/*
=============================
	Modèles
	Question Multi avec FeedBack
=============================
*/

.blocQuestionMultiFeedBack {
	position: relative;
	top: -50px;
}


#formulaireQuiz .blocQuestions {
	position: absolute;
	right: 0px;
	top: 50px;
	background: #01b08f url("gfx/Quiz_Title01.png") no-repeat;
	width: 686px;
	height: 138px;
}

.blocIconesAudioQuiz {
	position: absolute;
	left: 500px;
	top: 195px;
}

.blocIconesAudioQuiz img {
	margin: 0 0 4px 0;
}

.blocQuestionMultiFeedBack .imageIllustrationQuiz {
	margin: 0 0 0 10px;
}

.blocQuestionMultiFeedBack .feedBackTexteSimple {
	font-size: 12px;
	color: #33667C;
	width: 485px;
}

.blocQuestionMultiFeedBack .feedBackTexteSimple ul {
	list-style: none;
}

.blocQuestionMultiFeedBack .blocQuestions .numeroQuestion {
	color: #41464c;
	font-size: 14px;
	display: block;
	position: relative;
	top: 0px;
	margin: 0 0 0 110px;
	font-weight: bold;
}


.blocQuestionMultiFeedBack .blocQuestions .questionQuiz {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: block;
	width: 450px;
}

.blocQuestionMultiFeedBack .blocQuestionsRadio {
	position: absolute;
	left: 279px;
	top: 210px;
	overflow: hidden;
	z-index: 9;
}

.blocQuestionMultiFeedBack .blocQuestionsRadio p {
	/*margin: 0 0 20px 0;*/
}

.blocQuestionMultiFeedBack .cocheQuizTrue {
	background: url("gfx/coche-quiz-true.png") no-repeat scroll transparent;
	width: 48px;
	height: 31px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}

.blocQuestionMultiFeedBack .cocheQuizFalse {
	background: url("gfx/coche-quiz-false.png") no-repeat scroll transparent;
	width: 48px;
	height: 31px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}


.blocQuestionMultiFeedBack .cocheQuizTrueCoche {
	background: url("gfx/coche-quiz-coche-true.png") no-repeat scroll transparent;
	width: 48px;
	height: 31px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}

.blocQuestionMultiFeedBack .cocheQuizFalseCoche {
	background: url("gfx/coche-quiz-coche-false.png") no-repeat scroll transparent;
	width: 48px;
	height: 31px;
	/*padding: 0 5px 0 0;*/
	display: block;
	clear: left;
	float: left;
}

.blocQuestionMultiFeedBack .blocQuestionsRadio .blocQuestionsRadioTextes {
	font-size: 14px;
	color: #33667C;
	padding: 3px 0 0 0;
	display: block;
	float: left;
}

.blocQuestionMultiFeedBack .btnQuizValidation {
	/*
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:304px;
	left:756px;
	*/
}

/*
.blocQuestionMultiFeedBack .btnQuizValidation span {
	display: none;
}
*/


.blocQuestionMultiFeedBack .next {
	background: url("gfx/btn_nextQuestion1.png") no-repeat scroll 0 0 transparent;
    clear: both;
    cursor: pointer;
    float: right;
    height: 47px;
    width: 280px;
    text-decoration:none;
    position:absolute;
	top:304px;
	left:670px;
}


.blocQuestionMultiFeedBack .next span {
	display:none;
}


.blocQuestionMultiFeedBack .popInScore .txtQuizRecapitulatif {
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	position: relative;
	top: 40px;
}

.blocQuestionMultiFeedBack .popInScore .txtQuizScoreTotal {
	font-size: 30px;
	color: #000000;
	text-align: center;
	display: block;
	position: relative;
	top: 65px;
}

.blocQuestionMultiFeedBack .popInScore .txtQuizMessage {
	font-size: 18px;
	color: #000000;
	text-align: center;
	display: block;
	position: relative;
	top: 105px;
}

/*
=============================
	Modèles
	Question simple pour Exercice
=============================
*/

.blocQuestionsSmall {
    background: url("gfx/Quiz_Title01.png") no-repeat scroll 0 0 #01B08F;
    height: 138px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 686px;
}

.blocQuestionsSmall p {
    bottom: 30px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    left: 30px;
    position: absolute;
    width: 450px;
}

.blocQuestionsSmall .numeroQuestion {
	color: #33657c;
	font-size: 11px;
	display: block;
	position: relative;
	top: 0px;
	margin: 0 0 0 80px;
}


.blocQuestionsSmall .questionQuiz {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 21px;
	margin: 0 0 0 80px;
	display: block;
}




/*
=============================
	Modèles
	Légendes ul/li
=============================
*/

.blocLegendesUlli {
	margin: 10px 0 0 20px;
}

.blocLegendesUlli ul {
}

.blocLegendesUlli ul li {
	font-size: 14px;
	color: #33667C;
}




/*
=============================
	Modèles
	Chutier
=============================
*/

.ensembleModeleChutier {
	position:absolute;
}

.ensembleModeleChutier .chutierpartieCentrale .btnValider {
	position:absolute;
	bottom:10px;
	right:10px;
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
}

.ensembleModeleChutier .chutierpartieCentrale .btnValider span {
	display: none;
}


.ensembleModeleChutier .chutierpartieCentrale .btnInfosSolution {
	position:absolute;
	bottom:10px;
	right:250px;
	background: url("gfx/btn_solution1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
}

.ensembleModeleChutier .chutierpartieCentrale .btnInfosSolution span {
	display: none;
}


.chutierpartieCentrale {
	width:500px;
	height:375px;
	position:absolute;
	left:245px;
}

.chutierColonneGauche {
	width:150px;
	top:136px;
	left:5px;
	position:absolute;
	top:0px;
}


.chutierColonneGauche  img {
	margin:0 0 22px 0;
}


.chutierColonneGauche .ensembleImageEtfantome {
	position: relative;
}

.chutierColonneGauche .ensembleImageEtfantome .imageFantome {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.4;
	filter : alpha(opacity=20);
}




/*
=============================
	Modèle
	Blocs Questions
=============================
*/

.blocQuestionsHaut {
	position: absolute;
	right: 0px;
	top: 10px;
	background: url("gfx/Quiz_Title01_large.png") no-repeat;
	width: 485px;
	height: 88px;
}

.blocQuestionsHaut .numeroQuestion {
	color: #33657c;
	font-size: 11px;
	display: block;
	position: relative;
	top: 0px;
	margin: 0 0 0 80px;
}


.blocQuestionsHaut .questionQuiz {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 21px;
	margin: 0 0 0 80px;
	display: block;
}


.blocQuestionsHautDemi {
	position: absolute;
	right: 0px;
	top: 10px;
	background: url("gfx/Quiz_Title02.png") no-repeat;
	width: 485px;
	height: 88px;
}

.blocQuestionsHautDemi .numeroQuestionDemi {
	color: #33657c;
	font-size: 11px;
	display: block;
	position: relative;
	top: 0px;
	margin: 0 0 0 60px;
}


.blocQuestionsHautDemi .questionQuizDemi {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 21px;
	margin: 0 0 0 60px;
	display: block;
}



/*
=============================
	Modèle
	Relier les points
=============================
*/


.ensembleRelierLesPoints {
	width: 100%;
	height: 440px;
	position: absolute;	
	top: 110px;
	left: 10px;
}

.ensembleRelierLesPoints .divLinkPoints {
	width: 720px;
	/*margin: 0 auto 0 auto;*/
}




.ensembleRelierLesPoints .ensembleRelierLesPointsImageFond {
	position: absolute;
	left: 0px;
}

.ensembleRelierLesPoints .colonneGauche {
	float: left;
	margin: 0 0 0 230px;
}

.ensembleRelierLesPoints .colonneGauche .puceDeplacement {
	background: url("gfx/ExoRelier_Drag-bt1.png") no-repeat;
	width: 48px;
	height: 60px;
}

/*.ensembleRelierLesPoints .colonneTexte .textGauche {
    height: 40px;
    left: -203px;
    position: absolute;
    text-align: right;
    top: 10px;
    width: 200px;
}*/



.ensembleRelierLesPoints .colonneDroite {
	float: left;
	margin: 0 0 0 157px;
}

.ensembleRelierLesPoints .colonneDroite .zoneDepot {
	width: 48px;
	height: 60px;
}

/*.ensembleRelierLesPoints .colonneTexte .textDroite {
    height: 40px;
    left: 253px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 200px;
}*/

.ensembleRelierLesPoints .ZoneTracage {
	position: absolute;
	left: 275px;
}


.ensembleRelierLesPoints .btnValidation {
	position:absolute;
	bottom:10px;
	right:10px;
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
}

.ensembleRelierLesPoints .btnValidation span {
	display: none;
}





.blocQuestionSimpleFeedBack .btnQuizValidation {
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:304px;
	left:756px;
}



/*
=============================
	Modèle Onglets - 
	Formatage
=============================
*/

.tabMenu {
	margin:0;
	padding:3px 0 0 0;
	list-style:none;
}
.tabMenu li {
	float:left;
	height:39px;
	width:39px;
	cursor:pointer;
}


.tabMenu li.mouseover {
	background-position:0 0;
}
.tabMenu li.mouseout {
	background-position:0 -39px;
}
.tabMenu li.selected {
	background-position:0 0;
}
/*
.box {
	width:1227px;
}
*/
.boxTop {		
	height:5px;
	clear:both;
}
.boxBody {
	background-color:#FFF;
}
.boxBottom {		
	height:11px;
}
.boxBody div.parent {
	display:none;
}
.boxBody div.show {
	display:block;
}
.boxBody div ul {
	/*margin:0 10px 0 25px;
	padding:0;
	*/
}
.boxBody div li {
	/*border-bottom:1px dotted #8e8e8e;
	padding:4px 0;
	cursor:hand;
	cursor:pointer;
	*/
}
.boxBody div ul li.last {
	/*border-bottom:none;
	*/
}
.boxBody div li span {
	/*font-size:8px;
	font-style:italic;
	color:#888;
	*/
}



/*
=============================
	Modèle
	TimeLiner
=============================
*/

#timeline {
	width: 981px;
	height: 550px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	position: relative;
	background: url('gfx/Timeline_bg-pointille.png') left 77px repeat-x;
	font-family: Arial;
}

#ensembleTimeLineFond {
	background: url('gfx/Timeline_bg.jpg') no-repeat;
	width: 981px;
	height: 550px;
	position: relative;
	margin: 0 auto 0 auto;
}

#ensembleTimeLineNoFond {
	background: none;
	width: 981px;
	height: 550px;
	position: relative;
	margin: 0 auto 0 auto;
}
	
#timeline #dates {
	width: 981px;
	height: 100px;
	overflow: hidden;
	margin: 16px 0 0 0;
}

#timeline #dates li {
	list-style: none;
	float: left;
	width: 130px;
	height: 100px;
	font-size: 24px;
	text-align: center;
	background: url('gfx/Timeline_PointDate.png') center 58px no-repeat;
}

#timeline #dates a {
	/*line-height: 38px;*/
	/*padding-bottom: 10px;*/
	font-size: 13px;
	color: #1A3440;
	text-decoration: none;
	font-weight: normal;
	display: block;
}


#timeline #dates .selectDate {
	font-size: 14px;
	color: #33667C;
	text-decoration: none;
	font-weight: normal;
}

#timeline #dates .selected {
	font-size: 14px;
	color: #33667C;
	text-decoration: none;
	font-weight: bold;
}

#timeline #dates .noBoldNoColor {
	font-size: 14px;
	color: #829FAD;
	text-decoration: none;
	font-weight: normal;
}
		
#timeline #issues {
	width: 981px;
	height: 474px;
	overflow: hidden;
}	

#timeline #issues li {
	width: 981px;
	height: 474px;
	list-style: none;
	float: left;
}

#timeline #issues li.selected img {
}

#timeline #issues li img {
	float: left;
	margin: 7px 30px 0 25px;
	background: transparent;
}

#timeline #issues li h1 {
	color: #1A3440;
	font-size: 21px;
	margin: 20px 0;
	font-weight: bold;
	text-align: right;
	margin: 40px 50px 0 0;
}

#timeline #issues li p {
	font-size: 14px;
	margin: 30px 0 0 480px;
	font-weight: normal;
	/*line-height: 22px;*/
	color: #000000;
	width: 450px;
	/*text-align: justify;*/
	text-align: left;
}
		
#timeline #grad_left,
#timeline #grad_right {
	width: 160px;
	height: 100px;
	position: absolute;
	top: 0;
}

#timeline #grad_left {
    left: 0px;
    background: url('gfx/Timeline_Grad-left.png') repeat-y;
}

#timeline #grad_right {
    right: 0px;
    background: url('gfx/Timeline_Grad-right.png') repeat-y;
}
		
#timeline .nextOn,
#timeline .prevOn {
	position: absolute;
	font-size: 70px;
	top: 0px;
	width: 90px;
	height: 75px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#timeline .nextOff,
#timeline .prevOff {
	position: absolute;
	font-size: 70px;
	top: 0px;
	width: 90px;
	height: 75px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}

#timeline .nextOn:hover,
#timeline .prevOn:hover {
	/*background-position: 0 -76px;*/
}

#timeline .nextOn {
	right: 0;
	background-image: url('gfx/Timeline_bt-Next_inactif.png');
	background-position: 40px 0px;
	outline: none;
}

#timeline .nextOff {
	right: 0;
	background-image: url('gfx/Timeline_bt-Next_inactif.png');
	background-position: 40px 0px;
	outline: none;
}


#timeline .nextOn:hover {
	/*background-image: url('gfx/Timeline_bt-Next_hover.png');*/
}

#timeline .prevOn {
	left: 0;
	background-image: url('gfx/Timeline_bt-Prev_inactif.png');
	outline: none;
}

#timeline .prevOff {
	left: 0;
	background-image: url('gfx/Timeline_bt-Prev_inactif.png');
	outline: none;
}

#timeline .prevOn:hover {
	left: 0;
	/*background-image: url('gfx/Timeline_bt-Prev_hover.png');*/
}

#timeline .nextOn.disabled,
#timeline .prevOn.disabled {
	opacity: 0.2;
}




/*
=============================
		Zoom
=============================
*/
.btnZoomPlus {
	position:absolute;
	bottom:10px;
	right:10px;
	background: url("gfx/bt_zoom_plus.png") no-repeat scroll 0 0 transparent;
	width:32px;
	height:32px;
	border:none;
	cursor:pointer;
}

.btnZoomPlus span {
	display: none;
}

.btnZoomMoins {
	position:absolute;
	bottom:10px;
	right:10px;
	background: url("gfx/bt_zoom_moins.png") no-repeat scroll 0 0 transparent;
	width:32px;
	height:32px;
	border:none;
	cursor:pointer;
}

.btnZoomMoins span {
	display: none;
}


/*
=============================
		Carrousel
		Carrousel
=============================
*/

/* Circular Content Carousel Style */
.affichageCarrouselPositionement{
	position: absolute;
	top:10px;
	left:40px;
}

.ca-container{
	position:relative;
	margin:0 auto 0 auto;
	width:900px;
	height:480px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:300px;
	height:470px;
	text-align:center;
}
.ca-more-boutton{
	position: absolute;
	bottom: 5px;
	background: url('gfx/carrousel/btn_carrousel.png') no-repeat center center;
	display: block;
	height: 52px;
	padding: 0 5px 0 40px;
	cursor: pointer;
	text-decoration: none;
}
.ca-more-boutton a{
	color:#8F011B;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica,sans-serif;
}

.ca-more-contain-main{
	position: absolute;
	left:5px;
	top:420px;
}
.ca-more-contain{
	position: relative;
	height: 52px;
	width:300px;
}
.ca-more-contain p{
	margin-left:auto;
	margin-right:auto;
}
.ca-more{
	display:inline;
	cursor: pointer;
	vertical-align: middle;
	height: 52px;
	padding: 18px 25px 17px 30px;

	color:#000000;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica,sans-serif;

	background: url('gfx/carrousel/btn_carrousel.png') no-repeat center center;
	background-position: left;
}

.enSavPlusMini{
    height: 26px;
    width:100px;
    background: url('gfx/carrousel/btn_carrousel_light.png') no-repeat left center;
    left:75px;
    padding-top:30px;
    position:absolute;
    top:-12px;
}


.lien3dAnimation{
	position: absolute;
	top: 390px;
	right:30px;
	color:#8F011B;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica,sans-serif;
	text-align: right;
}

.ca-close{
	position:absolute;
	top:3px;
	right:12px;
	background: url('gfx/btn_close.png') no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
}

.ca-close2 {
	position:absolute;
	top:5px;
	right:-30px;
	background: url('gfx/btn_close.png') no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
}

.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	/*position:absolute;*/
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	overflow:hidden;
}
.ca-icon{
	position:absolute;
	margin:0 auto;
	top:0px;
	left: 0px;
	width: 300px;
	height: 470px;
	margin: 0 5px;
}

.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	font-family: Arial, Helvetica,sans-serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	/*background:#b0ccc6;*/
	background:url('gfx/carrousel/background-carrousel.png') no-repeat top left;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:470px;
	top:0px;
	text-align:left;
	margin-left: 10px;
	/*z-index:10000;*/
	overflow:hidden;
}
.ca-content{
	/*width:660px;*/
	overflow:hidden;
}
.ca-content-text{
	font-family: Arial, Helvetica,sans-serif;
	margin: 20px 15px 0 15px;
	width : 540px;
}

.ca-content-text .ca-contentTitre{
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 0 26px 0;
}

.ca-content-text .ca-contentExplications{
	font-size: 14px;
	color: #969696;
}

.ca-content-text .ca-contentListe{
	font-size: 14px;
	color: #FFFFFF;
}
.ca-content-text .ca-contentListe span{
	color: #969696;
}



.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	height:30px;
	list-style: none;
	position: absolute;
	top: 143px;
}
.ca-content ul li{
	margin: 0 0 11px 0;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: Arial, Helvetica,sans-serif;
	font-style:italic;
	text-decoration: none;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}


.ca-content .ul2{
	height:30px;
	list-style: none;
	position: absolute;
	top: 132px;
}
.ca-content .ul2 li{
	margin: 0 0 11px 0;
}
.ca-content .ul2 li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: Arial, Helvetica,sans-serif;
	font-style:italic;
	text-decoration: none;
}
.ca-content .ul2 li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}


.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url('gfx/carrousel/arrows.png') no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-30px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}



/*
=============================
		Alpha
		Transparence
=============================
*/

.transparent50{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}



/* #####################  ROULETTE TEXTE  ################## */

.ensembleModeleRoulette {
	position: relative;
}
.ensembleModeleRoulette .zonesRouletteTexteConteneur {
	display: table;
	cursor:pointer;
}
.ensembleModeleRoulette .zonesRouletteTxt {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	color: #000000;
	width: 100%;
	height: 100%;
	background: url(gfx/transparent-btn.gif) repeat;
}
.ensembleModeleRoulette .zonesRouletteTxtAlignLeft {
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	color: #000000;
	width: 100%;
	height: 100%;
	background: url(gfx/transparent-btn.gif) repeat;
}
.ensembleModeleRoulette .zonesRouletteTxtAlignRight {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	color: #000000;
	width: 100%;
	height: 100%;
	background: url(gfx/transparent-btn.gif) repeat;
}
.ensembleModeleRoulette .bgColorCyan{
	background-color: #00FFFF;
}
.ensembleModeleRoulette .bdColorCyan{
	border:1px solid #00FFFF;
}
.ensembleModeleRoulette .bgColorOrange{
	background-color: #FFAF02;
}
.ensembleModeleRoulette .bdColorOrange{
	border:1px solid #FFAF02;
}
.ensembleModeleRoulette .bdColorBlanc{
	border:1px solid #FFFFFF;
}
.ensembleModeleRoulette .bgselected{
	background-color: #3399FF;
	color: #FFFFFF;
}
.ensembleModeleRoulette .reponseJuste{
	border:1px solid #008000;
}
.ensembleModeleRoulette .reponseFausse{
	border:1px solid #FF0000;
}
.btnValidationRoulette {
	position:absolute;
	bottom:10px;
	right:10px;
	background: url("gfx/btn_valider1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
}
.btnValidationRoulette span {
	display: none;
}
.btnSolutionRoulette {
	position:absolute;
	bottom:10px;
	right:250px;
	background: url("gfx/btn_solution1.png") no-repeat scroll 0 0 transparent;
	width:200px;
	height:63px;
	border:none;
	cursor:pointer;
}
.btnSolutionRoulette span {
	display: none;
}


/* #####################  FONDUS VIDEO CACHE  ################## */
.video_cache_500_300{
	background-color:#ffffff;
	width:300px;
	height:500px;
}
.video_cache_200_200{
	background-color:#ffffff;
	width:200px;
	height:200px;
}
.video_cache_960_530{
	background-color:#ffffff;
	width:960px;
	height:530px;
}
.video_cache_460_460{
	background-color:#ffffff;
	width:460px;
	height:460px;
}



/*
=============================
	Nouveaux
	Elements Interface
=============================
*/

.btnZoom {
	background: url(gfx/btn_zoom1.png) no-repeat;
	display: block;
	width: 48px;
	height: 48px;
}

.btnZoom span {
	display: none;
}

.popInZoom {
	background: #33667C url("gfx/popin_bg_zoom1.gif") no-repeat;
	width: 590px;
	position: relative;
	padding: 20px;
	z-index: 9;
	border: 1px solid #FFFFFF;
}

.popInZoomClose {
	background: url("gfx/btn_close.png") no-repeat;
	height: 23px;
	width: 23px;
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
}

.popInZoomClose span {
	display: none;
}

.popInZoom .popInTitre {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0 25px 70px;
	border-bottom: 1px dotted #FFFFFF;
	padding: 0 0 5px 0;
}

.popInZoom ul {
	margin: 10px 0 0 0;
}

.popInZoom ul li {
	margin: 0 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}

.popInZoom p {
	margin: 10px 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}


.popInVideo {
	background: #33667C url("gfx/popin_bg_video1.gif") no-repeat;
	width: 590px;
	position: relative;
	padding: 20px;
	z-index: 9;
	border: 1px solid #FFFFFF;
}

.popInVideoClose {
	background: url("gfx/btn_close.png") no-repeat;
	height: 23px;
	width: 23px;
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
}

.popInVideoClose span {
	display: none;
}

.popInVideo .popInTitre {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0 25px 70px;
	border-bottom: 1px dotted #FFFFFF;
	padding: 0 0 5px 0;
}

.popInVideo ul {
	margin: 10px 0 0 0;
}

.popInVideo ul li {
	margin: 0 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}

.popInVideo p {
	margin: 10px 0 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial;
}

/*
=============================
	Boutons
	Dynamiques Txt
=============================
*/

.btnCorneNewDyna {
	text-decoration: none;
	display: table;
}

.btnCorneNewDyna .btnCorneNew {
	background: url(gfx/btn_gabarit01_right.png) right no-repeat;
	height: 46px;
	display: table;
	text-decoration: none;
	padding: 0 70px 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

.btnCorneNewDyna .btnCorneNewDynaPartieGauche {
	background: url(gfx/btn_gabarit01_left.png) right no-repeat;
	width: 30px;
	height: 46px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnExerciceDyna {
	text-decoration: none;
	display: table;
}

.btnExerciceDyna .btnExercice {
	background: url(gfx/btn_exercice01_right.png) right no-repeat;
	height: 46px;
	display: table;
	text-decoration: none;
	padding: 0 70px 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

.btnExerciceDyna .btnExercicePartieGauche {
	background: url(gfx/btn_gabarit01_left.png) right no-repeat;
	width: 30px;
	height: 46px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnVideoDyna {
	text-decoration: none;
	display: table;
}

.btnVideoDyna .btnVideo {
	background: url(gfx/btn_video01_right.png) right no-repeat;
	height: 46px;
	display: table;
	text-decoration: none;
	padding: 0 70px 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

.btnVideoDyna .btnVideoPartieGauche {
	background: url(gfx/btn_gabarit01_left.png) right no-repeat;
	width: 30px;
	height: 46px;
	display: block;
	float: left;
	text-decoration: none;
}


.btnTelechargerDyna {
	text-decoration: none;
	display: table;
}

.btnTelechargerDyna .btnTelecharger {
	background: url(gfx/btn_download01_right.png) right no-repeat;
	height: 46px;
	display: table;
	text-decoration: none;
	padding: 0 70px 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

.btnTelechargerDyna .btnTelechargerPartieGauche {
	background: url(gfx/btn_gabarit01_left.png) right no-repeat;
	width: 30px;
	height: 46px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnEnsavoirPlusDynamique {
	background: url(gfx/btn_ensavoirplus01.png) right no-repeat;
	height: 54px;
	display: table;
	text-decoration: none;
	padding: 0 70px 0 10px;
}

.btnEnsavoirPlusDynamique span {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}


.btnNextQuestion {
	/*background: url(gfx/btn_nextQuestion1_dyna.png) left no-repeat;
	height: 47px;
	display: table;
	text-decoration: none;
	padding: 0 10px 0 70px;
	*/
}

.btnNextQuestion span {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	line-height: 15px;
}

.btnRefaire {
	/*background: url(gfx/btn_refaire_dyna.png) left no-repeat;
	height: 63px;
	display: table;
	text-decoration: none;
	padding: 0 10px 0 70px;*/
}

.btnRefaire span {
	/*color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;*/
}

.btnSolution {
	/*background: url(gfx/btn_solution1_dyna.png) left no-repeat;
	height: 63px;
	display: table;
	text-decoration: none;
	padding: 0 10px 0 70px;*/
}

.btnSolution span {
	/*color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;*/
}

.btnValiderDynamique {
	/*background: url(gfx/btn_valider1_dyna.png) left no-repeat;
	height: 63px;
	display: table;
	text-decoration: none;
	padding: 0 10px 0 70px;*/
}

.btnValiderDynamique span {
	/*color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;*/
}


/* New Boutons */ 


.btnBaseDynaEnsemble {
    display: table;
    text-decoration: none;
}

.btnBaseDynaEnsemble .btnBaseDyna {
	background: url(gfx/export_btn_commun01_centre.png) repeat;
	height: 24px;
	display: table;
	text-decoration: none;
	padding: 10px 10px 0 10px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieGauche {
	background: url(gfx/export_btn_commun01_left.png) no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieGaucheRefaire {
	background: url(gfx/btn_refaire.png) no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieGaucheQuestionSuivante {
	background: url(gfx/btn_nextQuestion1.png) no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieGaucheSolution {
	background: url(gfx/btn_solution1.png) no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieGaucheValider {
	background: url(gfx/btn_valider1.png) no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieDroite {
	background: url(gfx/export_btn_commun01_right.png) no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieDroiteRight {
	background: url(gfx/btn_gabarit01_right_fleche.png) no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieDroiteVideo {
	background: url(gfx/btn_video01_right.png) no-repeat;
	width: 32px;
}




.btnBaseDynaEnsembleVert {
    display: table;
    text-decoration: none;
}

.btnBaseDynaEnsembleVert .btnBaseDyna {
	background: url(gfx/export_btn_commun01_centre.png) scroll 0 -76px repeat;
	height: 24px;
	display: table;
	text-decoration: none;
	padding: 10px 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;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieGauche {
	background: url(gfx/export_btn_commun01_left.png) scroll 0 -76px no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieGaucheRefaire {
	background: url(gfx/btn_refaire.png) scroll 0 -76px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieGaucheQuestionSuivante {
	background: url(gfx/btn_nextQuestion1.png) scroll 0 -76px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieGaucheSolution {
	background: url(gfx/btn_solution1.png) scroll 0 -76px no-repeat;
	width: 32px;
}


.btnBaseDynaEnsembleVert .btnBaseDynaPartieGaucheValider {
	background: url(gfx/btn_valider1.png) scroll 0 -76px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieDroite {
	background: url(gfx/export_btn_commun01_right.png) scroll 0 -76px no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieDroiteExercice {
	background: url(gfx/btn_exercice01_right.png) scroll 0 -76px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieDroiteRight {
	background: url(gfx/btn_gabarit01_right_fleche.png) scroll 0 -76px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleVert .btnBaseDynaPartieDroiteVideo {
	background: url(gfx/btn_video01_right.png) scroll 0 -76px no-repeat;
	width: 32px;
}



.btnBaseDynaEnsembleOff {
    display: table;
    text-decoration: none;
    cursor: default;
}

.btnBaseDynaEnsembleOff .btnBaseDyna {
	background: url(gfx/export_btn_commun01_centre.png) scroll 0 -38px repeat;
	height: 24px;
	display: table;
	text-decoration: none;
	padding: 10px 10px 0 10px;
	color: #898989;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieGauche {
	background: url(gfx/export_btn_commun01_left.png) scroll 0 -38px no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieDroite {
	background: url(gfx/export_btn_commun01_right.png) scroll 0 -38px no-repeat;
	width: 16px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieGaucheRefaire {
	background: url(gfx/btn_refaire.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieGaucheQuestionSuivante {
	background: url(gfx/btn_nextQuestion1.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieGaucheSolution {
	background: url(gfx/btn_solution1.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieGaucheValider {
	background: url(gfx/btn_valider1.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieDroiteExercice {
	background: url(gfx/btn_exercice01_right.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieDroiteRight {
	background: url(gfx/btn_gabarit01_right_fleche.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsembleOff .btnBaseDynaPartieDroiteVideo {
	background: url(gfx/btn_video01_right.png) scroll 0 -38px no-repeat;
	width: 32px;
}

.btnBaseDynaEnsemble .btnBaseDynaPartieDroiteExercice {
	background: url(gfx/btn_exercice01_right.png) no-repeat;
	width: 32px;
}


.btnHotspot {
	background: url(gfx/btn_hotspot1.png) no-repeat scroll 0 -48px;
	width: 48px;
	height: 48px;
	display: block;
}

.btnHotspotClicked {
	background: url(gfx/btn_hotspot1.png) no-repeat scroll 0 0;
	width: 48px;
	height: 48px;
	display: block;
}

.btnHotspot span {
	display: none;
}

.btnHotspotExo {
	background: url(gfx/btn_hotspot1_exo.png) no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}

.btnHotspotExo span {
	display: none;
}


.btnHotspotVideo {
	background: url(gfx/btn_hotspot1_video.png) no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}

.btnHotspotVideo span {
	display: none;
}

.btnPlusAll {
	background: url(gfx/btn_plus_all.png) scroll 0 -134px no-repeat;
	width: 44px;
	height: 47px;
	display: block;
}

.btnPlusAllOff {
	background: url(gfx/btn_plus_all.png) scroll 0 -44px no-repeat;
	cursor: default;
}

.btnPlusAll:hover {
	background: url(gfx/btn_plus_all.png) scroll 0 -89px no-repeat;
}

.btnPlusAllOff:hover {
	background: url(gfx/btn_plus_all.png) scroll 0 -44px no-repeat;
	cursor: default;
}

.btnPlusAll:active {
	background: url(gfx/btn_plus_all.png) scroll 0 0 no-repeat;
}

.btnPlusAllOff:active {
	background: url(gfx/btn_plus_all.png) scroll 0 -44px no-repeat;
}

.btnPlusAll span {
	display: none;
}






/*
=============================
	Modèle Classeur 
	Formatage
=============================
*/

.blocClasseurNavigation {
	position: relative;
	top: 6px;
	left: 10px;
}

.blocClasseurNavigation ul {
	list-style: none;
}

.blocClasseurNavigation ul li {
	float: left;
}

.blocClasseurNavigation ul li 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;
}

.blocClasseurNavigation ul li 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;
}

.blocClasseurNavigation ul li a .partieCentraleActif {
	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;
}

.blocClasseurNavigation ul li a .partieCentraleEnCours {
	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;
}

.blocClasseurNavigation ul li 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;
}

.blocClasseurNavigation ul li a .partieGaucheActif {
	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;
}

.blocClasseurNavigation ul li a .partieGaucheEnCours {
	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;
}

.blocClasseurNavigation ul li 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;
}

.blocClasseurNavigation ul li a .partieDroiteActif {
	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;
}

.blocClasseurNavigation ul li a .partieDroiteEnCours {
	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;
}

.ensemblePlan360 {
	position: absolute;
	bottom: 75px;
	right: 5px;
	z-index: 10;
}

.ensemblePlan360 .blocNumeroPlan {
	position: absolute;
	background: url(gfx/plan_nb_all.png) scroll 0 -80px no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #009A79;
}

.ensemblePlan360 .blocNumeroPlan.btnHover,
.ensemblePlan360 .blocNumeroPlan:hover {
	background: url(gfx/plan_nb_all.png) scroll 0 -40px no-repeat;
}


.ensemblePlan360 .blocNumeroPlan:active {
	background: url(gfx/plan_nb_all.png) scroll 0 0 no-repeat;
	color: #FFFFFF;
}

.ensemblePlan360 .blocNumeroPlan.btnActif{
	background: url(gfx/plan_nb_selected.png) scroll 0 0 no-repeat;
	color: #FFFFFF;
	width: 66px;
	height: 66px;
}

.ensemblePlan360 .blocNumeroPlan span {
	font-size: 17px;
	position: relative;
	top: 10px;
}


.ensemblePlan360 .blocNumeroPlan.btnActif span {
	font-size: 20px;
	position: relative;
	top: 20px;
}


/*
=============================
	Modèle Panoramique 
	Formatage
=============================
*/

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideLeft {
	background: url(gfx/bt_left_all.png) scroll 0 -228px no-repeat;
	width: 60px;
	height: 68px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 322px;
	cursor: pointer;
}

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideLeft:hover {
	background: url(gfx/bt_left_all.png) scroll 0 -153px no-repeat;
}

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideLeft:active {
	background: url(gfx/bt_left_all.png) scroll 0 -4px no-repeat;
}

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideRight {
	background: url(gfx/bt_right_all.png) scroll 0 -228px no-repeat;
	width: 60px;
	height: 68px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 394px;
	cursor: pointer;
}

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideRight:hover {
	background: url(gfx/bt_right_all.png) scroll 0 -153px no-repeat;
}

.ensembleNavigationPanoramaPositionnement .ensembleNavigationPanorama .slideRight:active {
	background: url(gfx/bt_right_all.png) scroll 0 -4px no-repeat;
}


.blocBtnNavigationPanorama {
	position: absolute;
	bottom: 0px;
}


.btnRetourPointInitial {
	background: url(gfx/bt_return_all.png) scroll 0 -228px no-repeat;
	width: 60px;
	height: 68px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 609px;
	cursor: pointer;
}

.btnRetourPointInitial:hover {
	background: url(gfx/bt_return_all.png) scroll 0 -153px no-repeat;
}

.btnRetourPointInitial:active {
	background: url(gfx/bt_return_all.png) scroll 0 -4px no-repeat;
}

.btnRetourPointInitial span {
	display: none;
}

.btnPlan {
	background: url(gfx/bt_map_all.png) scroll 0 -228px no-repeat;
	width: 60px;
	height: 68px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 680px;
	cursor: pointer;
	z-index: 11
}
.btnPlan:hover {
	background: url(gfx/bt_map_all.png) scroll 0 -153px no-repeat;
}
.btnPlan.btnActif,
.btnPlan:active {
	background: url(gfx/bt_map_all.png) scroll 0 -4px no-repeat;
}
.btnPlan span {
	display: none;
}

.btnAide {
	background: url(gfx/bt_help_all.png) scroll 0 -228px no-repeat;
	width: 60px;
	height: 68px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 250px;
	cursor: pointer;
	z-index: 101;
}
.btnAide:hover {
	background: url(gfx/bt_help_all.png) scroll 0 -153px no-repeat;
}
.btnAide.btnActif,
.btnAide:active {
	background: url(gfx/bt_help_all.png) scroll 0 -4px no-repeat;
}
.btnAide span {
	display: none;
}


.ensemblePopInPanoramaPositionnement {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.ensemblePopInPanorama {
	position: relative;
	background-color: #009977;
	margin: 0 auto 0 auto;
	top: 100px;
	text-align: center;
	padding: 20px;
}

.ensemblePopInPanorama img {
	/*margin: 20px 0 0 0;*/
}

.ensemblePopInPanorama p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 5px 0 0 0;
}

.ensemblePopInPanorama .ensemblePopInPanoramaClose {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 28px;
	height: 28px;
	display: block;
	background: url(gfx/bt_popin01_all.png) no-repeat;
}

.ensemblePopInPanorama .ensemblePopInPanoramaClose:hover {
	background: url(gfx/bt_popin01_all.png) scroll 0 -28px no-repeat;
}

.ensemblePopInPanorama .ensemblePopInPanoramaClose:active {
	background: url(gfx/bt_popin01_all.png) scroll 0 -56px no-repeat;
}

.ensemblePopInPanorama .ensemblePopInPanoramaClose span {
	display: none;
}

.btn360Prev {
	position: absolute;
	display: block;
	width: 180px;
	height: 45px;
	background: url(gfx/bt_previous.png) scroll 0 -151px no-repeat;
	bottom: 10px;
	left: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

.btn360Prev:hover {
	background: url(gfx/bt_previous.png) scroll 0 -101px no-repeat;
}

.btn360Prev:active {
	background: url(gfx/bt_previous.png) scroll 0 -1px no-repeat;
}

.btn360Prev span {
	font-size: 12px;
	position: relative;
	top: 12px;
	left: 50px;
}

.btn360Next {
	position: absolute;
	display: block;
	width: 180px;
	height: 45px;
	background: url(gfx/bt_next.png) scroll 0 -151px no-repeat;
	bottom: 10px;
	right: 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
}

.btn360Next:hover {
	background: url(gfx/bt_next.png) scroll 0 -101px no-repeat;
}

.btn360Next:active {
	background: url(gfx/bt_next.png) scroll 0 -1px no-repeat;
}

.btn360Next span {
	font-size: 12px;
	position: relative;
	top: 12px;
	right: 50px;
}

.entreePanoramaImage {
	background: url(gfx/bt_picture_all.png) scroll 0 -192px no-repeat;
	width: 96px;
	height: 96px;
	position: absolute;
	cursor: pointer;
}

.entreePanoramaImage:hover {
	background: url(gfx/bt_picture_all.png) scroll 0 -96px no-repeat;
}

.entreePanoramaImage:active {
	background: url(gfx/bt_picture_all.png) scroll 0 0 no-repeat;
}

.entreePanoramaVideo {
	background: url(gfx/bt_movie_all.png) scroll 0 -192px no-repeat;
	width: 96px;
	height: 96px;
	position: absolute;
	cursor: pointer;
}

.entreePanoramaVideo:hover {
	background: url(gfx/bt_movie_all.png) scroll 0 -96px no-repeat;
}

.entreePanoramaVideo:active {
	background: url(gfx/bt_movie_all.png) scroll 0 0 no-repeat;
}






/*
=============================
	Modèle
	Association
=============================
*/

.modeleAssociationEnsemble {
	position: absolute;
	top: 135px;
	left: 90px;
}

.modeleAssociationEnsemble .ensembleBtn {
	position: absolute;
	top: 400px;
	left: 540px;
}

.modeleAssociationEnsemble .ensembleBtn a {
	float: left;
}

.modeleAssociationEnsemble .ensembleBtn .btnValidation {
	background: url('gfx/btn_valider1.png') no-repeat;
	width: 200px;
	height: 63px;
	display: block;
}

.modeleAssociationEnsemble .ensembleBtn .btnValidation span {
	display: none;
}

.modeleAssociationEnsemble .ensembleBtn .btnCorrection {
	background: url('gfx/btn_solution1.png') no-repeat;
	width: 200px;
	height: 63px;
	display: block;
}

.modeleAssociationEnsemble .ensembleBtn .btnCorrection span {
	display: none;
}


.modeleAssociationEnsemble .blocFondImage {
	background: url('gfx/bg_roulette.jpg') no-repeat;
	position: relative;
	width: 375px;
	height: 210px;
	float: left;
	margin: 0 70px 0 0;
}

.modeleAssociationEnsemble .noMargin {
	margin: 0 0 0 0;
}

.modeleAssociationEnsemble .blocFondImage img {
	display:none;
	position: absolute;
	top: 10px;
	left: 34px;
}


.ensembleBlocTexte {
	left: 40px;
	position: relative;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble {
	position: relative;
	float: left;
	height: 400px;
	width: 235px;
	margin: 0 100px 0 0;
}

.modeleAssociationEnsemble .noMargin {
	margin: 0 0 0 0;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexteTitre {
	background: url('gfx/bg_titre.png') no-repeat;
	width: 235px;
	height: 66px;
	display: block;
	position: absolute;
	z-index: 1;
	font-size: 12px;
	font-weight: bold;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexteTitre span {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 22px;
	left: 37px;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexte {
	width: 210px;
	height: 140px;
	display: block;
	position: absolute;
	top: 50px;
	left: 20px;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexte .titrePage{
	width: 190px;
	display:block;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	font-size: 14px;
	font-weight: bold;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexte ul {
	position: relative;
	top: 15px;
	left: 10px;
	margin: 0 0 0 10px;
}

.modeleAssociationEnsemble .blocFondTexteEnsemble .blocFondTexte ul li {
	font-size: 14px;
	font-weight: bold;
}

.kTarget {
	width:150px;
	height:150px;
	float: left;
	border:0px solid black;
}

.modeleAssociationEnsemble .next {
	background: url('gfx/fleche2.png') no-repeat;
	position:absolute;
	top: 50px; 
	right: 0px;
	display: block;
	width: 36px;
	height: 77px;
	cursor: pointer;
}

.modeleAssociationEnsemble .prev {
	background: url('gfx/fleche.png') no-repeat;
	position:absolute;
	top: 50px; 
	left: 0px;
	display: block;
	width: 36px;
	height: 77px;
	cursor: pointer;
}
