/*
=============================
	VGF | Groupe
	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:530px;
	top:75px;
	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 {
	background: url("gfx/C1S1-s010_bloc1-bg1.png") no-repeat;
	height: 88px;
	width: 516px;
	display: block;
}

.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;
	margin:0 0 20px 0;
}


.formulaireQuiz fieldset p {
	color:#565656;
	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 .blocQuestions {
	position: absolute;
	right: 0px;
	top: 50px;
	background: url("gfx/Quiz_Title01.png") no-repeat;
	width: 485px;
	height: 122px;
}

.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: 14px;
	font-weight: bold;
	position: relative;
	top: 15px;
	margin: 0 0 0 110px;
	display: block;
}

.blocQuestionMultiFeedBack .blocQuestionsRadio {
	position: absolute;
	left: 550px;
	top: 200px;
	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: 30px;
	height: 25px;
	/*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: 30px;
	height: 25px;
	/*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: 30px;
	height: 25px;
	/*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: 30px;
	height: 25px;
	/*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 {
	background: url("gfx/popin_bg1.png") no-repeat scroll 0 0 transparent;
	width:451px;
	height:312px;
	position: absolute;
	right: 10px;
	top: 20px;
}

.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 {
	position: absolute;
	right: 0px;
	top: 50px;
	background: url("gfx/Quiz_Title01_large.png") no-repeat;
	width: 485px;
	height: 73px;
}

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

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

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

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

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




/*
=============================
		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;
	/*background:transparent url('gfx/carrousel/background_01.jpg') no-repeat center center;*/
	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);
}



/*
=============================
	Modèle
	Tableau Clics
=============================
*/

.ensembleTableauClics {
	background: url(gfx/bg_logiciel_processus_service_02.jpg) no-repeat;
	width: 960px;
	height: 530px;
	position: relative;
	top: 0px;
	left:-7px;
	margin: 0 auto 0 auto;
}
.ensembleTableauClicsMetier {
	background: url(gfx/bg_logiciel_processus_service_01.jpg) no-repeat;
	left:-7px;
}
.ensembleTableauClicsSimple {
	background: url(gfx/bg_logiciel_processus_service_03.jpg) no-repeat;
	left:-7px;
}

.ensembleTableauClics .ensembleBtn {
	position: absolute;
	top: 0px;
	left: 46px;
}
.ensembleTableauClics .ensembleBtnMetier {
	left: 94px;
}

.ensembleTableauClics .ensembleBtn .blocCommentaires {
	position: absolute;
	background: url(gfx/popin_context_bg.png) no-repeat;
	width: 840px;
	height: 109px;
	left: 14px;
	top: 2px;
}

.ensembleTableauClics .ensembleBtn .blocCommentaires p {
	font-size: 12px;
	padding:20px;
	padding-top:13px;
	color: #000000;
}


.ensembleTableauClics .ensembleBtn .frise {
	width: 1030px;
	position: absolute;
	top: 14px;
}

.ensembleTableauClics .ensembleBtn .frise .blocFrise {
	background: url(gfx/btn_fleche.png) no-repeat;
	width: 147px;
	height: 90px;
	float: left;
	display: table;
}

.ensembleTableauClics .ensembleBtn .frise .blocFrise span {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 0 16px 0px 29px;
}
.ensembleTableauClics .ensembleBtn .frise .kUnderline span {
	/*text-decoration: underline;*/
	font-weight:bold;
}

.ensembleTableauClics .ensembleBtn .frise .blocFriseActif {
	background: url(gfx/btn_fleche_actif_pres.png) no-repeat;
	width: 147px;
	height: 90px;
	float: left;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleBtn .frise .blocFriseActif span {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 0 16px 0px 29px;
}

.ensembleTableauClics .ensembleBtn .frise .blocFriseActifFait {
	background: url(gfx/btn_fleche_clicked.png) no-repeat;
	width: 147px;
	height: 90px;
	float: left;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleBtn .frise .blocFriseActifFait span {
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 0 16px 0px 29px;
}

.ensembleTableauClics .ensembleBtn .frise .blocFrise2 {
	position: relative;
	left: -29px;
}

.ensembleTableauClics .ensembleBtn .frise .blocFrise3 {
	position: relative;
	left: -57px;
}

.ensembleTableauClics .ensembleBtn .frise .blocFrise4 {
	position: relative;
	left: -85px;
}


.ensembleTableauClics .ensembleBtn .frise .blocFrise5 {
	position: relative;
	left: -113px;
}


.ensembleTableauClics .ensembleBtn .frise .blocFrise6 {
	position: relative;
	left: -141px;
}


.ensembleTableauClics .ensembleBtn .frise .blocFrise7 {
	position: relative;
	left: -169px;
}

/****************************************************************** PROFIL METIER *****************************************************/
.ensembleTableauClics .ensembleBtn .profilMetier {
	position: absolute;
	width: 90px;
	height:93px;
	top: 53px;
	left:-91px;
}
.ensembleTableauClics .ensembleBtn .profilMetier span{
	font-size:9px;
	text-align:left;
	padding-left:8px;
	color:#FFFFFF;
	display:block;
	width: 81px;
	vertical-align: bottom;
	position: absolute;
	bottom:15px;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier1{
	background: url(gfx/btn_profil_metier_01.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier2{
	background: url(gfx/btn_profil_metier_02.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier3{
	background: url(gfx/btn_profil_metier_03.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier4{
	background: url(gfx/btn_profil_metier_04.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier5{
	background: url(gfx/btn_profil_metier_05.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier1Actif {
	background: url(gfx/btn_profil_metier_01_actif_pres.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier2Actif {
	background: url(gfx/btn_profil_metier_02_actif_pres.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier3Actif {
	background: url(gfx/btn_profil_metier_03_actif_pres.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier4Actif {
	background: url(gfx/btn_profil_metier_04_actif_pres.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier5Actif {
	background: url(gfx/btn_profil_metier_05_actif_pres.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier1ActifFait {
	background: url(gfx/btn_profil_metier_01_clicked.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier2ActifFait {
	background: url(gfx/btn_profil_metier_02_clicked.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier3ActifFait {
	background: url(gfx/btn_profil_metier_03_clicked.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier4ActifFait {
	background: url(gfx/btn_profil_metier_04_clicked.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}
.ensembleTableauClics .ensembleBtn .profilMetier .profilMetier5ActifFait {
	background: url(gfx/btn_profil_metier_05_clicked.png) no-repeat;
	width: 90px;
	height: 93px;
	position:relative;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres {
	position: absolute;
	top: 118px;
	left: 21px;
}

.ensembleTableauClics .ensembleTitres .titreA {
	background: url(gfx/btn_dealer_portal.png) no-repeat;
	width: 465px;
	height: 43px;
	display: table;
}

.ensembleTableauClics .ensembleTitres .titreA span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .ensembleTitres .celluleActif {
	background: url(gfx/btn_dealer_portal_actif_pres.png) no-repeat;
	width: 465px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .celluleActif span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .ensembleTitres .celluleActifFait {
	background: url(gfx/btn_dealer_portal_clicked.png) no-repeat;
	width: 465px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .celluleActifFait span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .ensembleTitres .titreB {
	background: url(gfx/btn_elsa.png) no-repeat;
	width: 231px;
	height: 43px;
	display: table;
}

.ensembleTableauClics .ensembleTitres .titreB span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .titreD {
	position: absolute;
	top:10px;
	left:67px;
	background: url(gfx/btn_BTAC_MIRROR.png) no-repeat;
	width: 833px;
	height: 43px;
	display: table;
}

.ensembleTableauClics .titreD span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .titreE {
	position: absolute;
	top:55px;
	left:67px;
	background: url(gfx/btn_BTAC_MIRROR.png) no-repeat;
	width: 833px;
	height: 43px;
	display: table;
}

.ensembleTableauClics .titreE span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .titreF {
	position: absolute;
	top:485px;
	left:225px;
	background: url(gfx/btn_DMS.png) no-repeat;
	width: 507px;
	height: 43px;
	display: table;
}

.ensembleTableauClics .titreF span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .ensembleTitres .titreAEnsemble .celluleActif {
	background: url(gfx/btn_dealer_portal_actif_pres.png) no-repeat;
	width: 465px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .titreBEnsemble .celluleActif {
	background: url(gfx/btn_elsa_actif_pres.png) no-repeat;
	width: 231px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreDEnsemble .celluleActif {
	background: url(gfx/btn_BTAC_MIRROR_actif_pres.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreEEnsemble .celluleActif {
	background: url(gfx/btn_BTAC_MIRROR_actif_pres.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreFEnsemble .celluleActif {
	background: url(gfx/btn_DMS_actif_pres.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .titreAEnsemble .celluleActifFait {
	background: url(gfx/btn_dealer_portal_clicked.png) no-repeat;
	width: 465px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .titreBEnsemble .celluleActifFait {
	background: url(gfx/btn_elsa_clicked.png) no-repeat;
	width: 231px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreDEnsemble .celluleActifFait {
	background: url(gfx/btn_BTAC_MIRROR_clicked.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreEEnsemble .celluleActifFait {
	background: url(gfx/btn_BTAC_MIRROR_clicked.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .titreFEnsemble .celluleActifFait {
	background: url(gfx/btn_DMS_clicked.png) no-repeat;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .celluleActif span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .ensembleTitres .celluleActifFait {
	background: url(gfx/btn_elsa_clicked.png) no-repeat;
	width: 231px;
	height: 43px;
	display: table;
	cursor: pointer;
}

.ensembleTableauClics .ensembleTitres .celluleActifFait span {
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}

.ensembleTableauClics .titreC {
	position: absolute;
	top: 175px;
	left: 510px;
}

.ensembleTableauClics .titreC span {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	width: 150px;
}

.ensembleTableauClics .ensembleColonnes .colonneA {
	position: absolute;
	left: 23px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneB {	
	position: absolute;
	left: 135px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneC {	
	position: absolute;
	left: 255px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneD {	
	position: absolute;
	left: 367px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneE {	
	position: absolute;
	left: 507px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneF {	
	position: absolute;
	left: 619px;
	top: 201px;
}

.ensembleTableauClics .ensembleColonnes .colonneG {	
	position: absolute;
	left: 731px;
	top: 201px;
}
	
.ensembleTableauClics .ensembleColonnes .cellule {
	background: url(gfx/btn_logiciel.png) no-repeat;
	width: 114px;
	height: 66px;
	display: table;
}

.ensembleTableauClics .ensembleColonnes .celluleActif {
	width: 114px;
	height: 66px;
	background: url(gfx/btn_logiciel_actif_pres.png) no-repeat;
	cursor: pointer;
}

.ensembleTableauClics .ensembleColonnes .celluleActifFait {
	width: 114px;
	height: 66px;
	background: url(gfx/btn_logiciel_clicked.png) no-repeat;
	cursor: pointer;
}

.ensembleTableauClics .ensembleColonnes .cellule span {
	width: 114px;
	height: 66px;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #000000;
	padding: 0 6px 0 6px;
	text-align: center;
}

.ensembleTableauClics .ensembleColonnes .celluleActif span {
	width: 114px;
	height: 66px;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #000000;
	padding: 0 6px 0 6px;
	text-align: center;
}

.ensembleTableauClics .ensembleColonnes .celluleActifFait span {
	width: 114px;
	height: 66px;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 6px 0 6px;
	text-align: center;
}

.ensembleTableauClics .btnInfos {
	background: url(gfx/btn_pour_info.png) no-repeat;
	width: 310px;
	height: 50px;
	position: absolute;
	bottom: 0px;
	right: 49px;
	text-decoration: none;
	cursor: pointer;
}

.ensembleTableauClics .btnInfos span {
	position: relative;
	top: 14px;
	left: 30px;
	font-size: 14px;
	color: #FFFFFF;
	display: block;
}

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

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

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

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