﻿html, body 
{
	width:99%;
	font:  normal  14px  Verdana ;
	color:#454545;
	background-color:#e5e5e5;
 
}

hr { color:#c0651f; height:1px; border-style:dotted; width:100%; }

#mainDiv
{
	position:relative;
	
	margin:auto;
  /*  left: 50%; */
    top: 0%;
    /*margin-top: -375px;  moitié de la hauteur 
    margin-left: -482px; /* moitié de la largeur */
    text-align: left;
    width:964px;
	height: 750px;
	background-color:#e5e5e5;
	/* background-image:url(images/common/bg.gif); */
}

#topdiv
{
	margin-left: auto;
    margin-right: auto;
	width:910px;
	height:150px;
	background-image:url(images/common/top.jpg);
	
}

#navigation
{
	position:absolute;
	top:160px;
}



#btnQ
{
	position:absolute;
	width:910px;
	right:27px;
	text-align:right;
}




.cursor
{
	height:8px;
	position:relative;
	background-color:#c0651f;
	border:solid 0px;
}

#legendeBar	{position:relative;width:260px;left:27px; padding-top:20px;}
#lb1		{position:absolute; top:0px; }
#lb2		{position:absolute; top:0px; right:0px;}

#progressBar
{	
	width:100%;
	height:8px;
	background-color:#1b4b8d;
	border:solid 1px black;
}

.slider_rail	{  position: relative;    height: 40px;    width: 337px;    background: #FFFFFF url(images/common/grad.gif) ;}
.slider_handle	{  position: absolute;    height: 40px; width:18px;  }



#blocA
{
	position:relative;
	width:332px;
	left:27px;
	top:0px;
	float:left;
}
#blocB
{
	position:relative;
	width:560px;
	right:27px;
	top:0px;
	float:right;
	
}

#blocC
{
	position:relative;
	width:560px;
	right:27px;
	top:20px;
	float:right;
}

#blocQ
{
	
	position:relative;
	width:910px;
	left:27px;
	
}

#blocI
{
	position:relative;
	width:445px;
	left:27px;
	
}





#credit
{
	position:relative;
	display:none;
	float:right;
	width:200px;
	right:28px;
	top:20px;
	font:  normal  11px  Verdana ;
	color:#454545;
	text-align:right;
}






.hgA{position:absolute;width:20px; height:20px;left:0px;top:0px;background-image:url(images/common/c0a.gif);}
.bdA{position:absolute;width:20px; height:20px;right:0px;bottom:0px;background-image:url(images/common/c0b.gif);}

.hgB{position:absolute;width:20px; height:20px;left:0px;top:0px;background-image:url(images/common/c1a.gif);}
.bdB{position:absolute;width:20px; height:20px;right:0px;bottom:0px;background-image:url(images/common/c1b.gif);}

.hgC{position:absolute;width:20px; height:20px;left:0px;top:0px;background-image:url(images/common/c2a.gif);}
.bdC{position:absolute;width:20px; height:20px;right:0px;bottom:0px;background-image:url(images/common/c2b.gif);}

.hgQ{position:absolute;width:20px; height:20px;left:0px;top:0px;background-image:url(images/common/c1a.gif);}
.bdQ{position:absolute;width:20px; height:20px;right:0px;bottom:0px;background-image:url(images/common/c1b.gif);}


.inBlocA
{
	
	width:100%;
	height:100%;
	border-collapse:separate;
	padding-top:0px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom:0px;
	border:solid 1px #7f922f;
	border-left:solid 9px #7f922f;
	border-bottom:solid 8px #7f922f;
	text-align:left;

	font:  normal  11px  Verdana ;
	text-align:justify;
	color:#454545;
	
}

.inBlocB
{
	width:100%;
	height:100%;
	border-collapse:separate;
	padding-top:12px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:12px;
	background-color:#FFFFFF;	
	border:solid 1px #bf651f;
	border-left:solid 9px #bf651f;
	border-bottom:solid 8px #bf651f;
	text-align:left;
	font:  normal  11px  Verdana ;
	color:#454545;
	
}

.inBlocC
{
	width:100%;
	height:100%;
	border-collapse:separate;
	padding-top:12px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:12px;
	background-color:#FFFFFF;
	border:solid 1px #1c4b8c;
	border-left:solid 9px #1c4b8c;
	border-bottom:solid 8px #1c4b8c;
	text-align:left;
	font:  normal  11px  Verdana ;
	color:#454545;
	
}


.inBlocC input
{
	background-color:#e5e5e5;
	font:  normal  11px  Verdana ;
	color:#444444;
	border-style:none;
}


.inBlocQ
{
	width:100%;
	border-collapse:separate;
	padding-top:12px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:12px;
	background-color:#FFFFFF;	
	border:solid 1px #bf651f;
	border-left:solid 9px #bf651f;
	border-bottom:solid 8px #bf651f;
	text-align:left;
	font: normal  12px  Verdana ;
	color:#454545;
	
}



.marg12
{
	padding-left:40px;
	padding-right:16px;	
	padding-top:0px;
	padding-bottom:0px;
	text-align:justify;
}

.sign
{
	text-align:right;
	padding-right:16px;	
	font-size: 11px ;
}

.btnCentre
{
	position:relative;
	width:100%;
	text-align:center;
	font: normal  12px  Verdana ;
}

#infoEtapes
{
	position:absolute;
	top:198px;
	right:27px;

}


.TBlack		{color:#000000 }
.TBlackB	{color:#000000; font-weight:bold; font-size:13px; }
.orange11B  { font:normal 11px Arial Black ; font-weight:normal; color:#bf651f; }
.bleu10		{ font:normal 10px Arial ; font-weight:normal; color:#1c4b8c; }
.bleu11B	{ font:normal 11px Arial Black ; font-weight:normal; color:#1c4b8c; }
.bleu20B	{ font:normal 20px Arial Black ; font-weight:bold;	 color:#1c4b8c; }
.error		{ color:red; font-weight:normal; }


.dtStats	{ width:100%; border-spacing:0px; border:solid 1px #bf651f;  }
.dtgStatsRows { height:25px; border:solid 1px #bf651f;  border-collapse:collapse; font:normal 11px Verdana ; font-weight:normal; color:#1c4b8c; }
.dtgStatsRowsB { height:25px; border:solid 1px #bf651f; border-collapse:collapse; font:normal 11px Verdana ; font-weight:bold; color:#1c4b8c; }


.br92		{line-height:92px;}


.Qtitre
{
	font:bold 15px Verdana ; color:#bf651f;  line-height:19px;
}

.tabQ
{
	border-collapse:separate;
	padding:0px;
	margin:0px;
	width:870px;
}

.question	
{
	width:400px;
	font:normal 13px Verdana;
	color:#454545;
}
.reponse
{
	text-align:center;
	width:480px;
	font:normal 10px Verdana;
	color:#454545;
	
}

.reponseRB
{
	width:480px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	
	text-align:center;
	
}

.rowRB
{
	
	/*border:solid 1px red; */
	border-collapse:collapse;
	text-align:center;
}

.bloc 
{
	width:895px;
	padding-left:45px;	
	text-align:left;
	font:  normal  12px  Verdana ;
	color:#454545;
}

.tabForm
{
	width:100%;
	border-collapse:separate;
	padding:0px;
	margin:0px;
}

.tabForm input {font:  normal  12px  Verdana ; 	color:#454545; }
.tabForm select {font:  normal  12px  Verdana ; 	color:#454545; }

.td1 { width:60px; }
.td2 { width:500px; }

#swfHome
{
	
	position:relative;
	width:290px;
	height:250px;
	overflow:hidden;

}

#swfFormation
{
	
	position:relative;
	width:964px;
	height:530px;
	overflow:hidden;

}

#metaKey
{
	position:absolute;
	top:-600px;
	background-color:White;
	color:White;
	width:10px;
	height:10px;
}