/*#HEADER { background:none; }*/
/*#PAGE { background:url("/img/bg_diag.jpg") top left no-repeat; }*/



.content .onephase { border-bottom:1px solid #dadada; margin-bottom:12px; }

.content .onephase .label {
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:bold;
}

.content .onephase .questions { 
	margin-bottom:10px;
	width:168px;
	position:relative;
	overflow:hidden;
}

.onephase .questions a.question {
	display:block;
	font-size:1px;
	width:8px;
	height:8px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
}

.phase1 .questions a.question { border:1px solid #2b88c1; }

.phase2 .questions a.question { border:1px solid #8bc123; }

.phase3 .questions a.question { border:1px solid #bd228a; }

.content .phase1 { color:#2b88c1; }

.content .phase2 { color:#8bc123; }

.content .phase3 { color:#bd228a; }

.questions a.question span {
	display:block;
	margin:2px;
	font-size:1px;
	width:4px;
	height:4px;
}



/* Etat des questions */

/*Quand la question est repondue et est derriere la question selectionnée*/

.phase1 .questions a.done { background-color:#2b88c1; }

.phase2 .questions a.done { background-color:#8bc123; }

.phase3 .questions a.done { background-color:#bd228a; }

/*Quand la question est repondue et est devant la question selectionée*/

.phase1 .questions a.respond span { background-color:#2b88c1; }

.phase2 .questions a.respond span { background-color:#8bc123; }

.phase3 .questions a.respond span { background-color:#bd228a; }


/* Boutons du bas de la télécommande */

#CONTENT a.btBase {
	float:left;
	display:block;
	margin-bottom:10px;
	width:168px;
	color:#0035AD;
}

#CONTENT a.btBase:hover {
	color:#FFF;
	margin:0 0 10px 0;
}

#CONTENT a.btBase span {
	margin:3px;
}

/*Telecommande Diag fini*/

.telecommande .links {
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
	margin-bottom:20px;
}
/*
ul {
	margin:5px 0 20px 0;
	padding:0;
}

ul li {
	margin:0;
	padding:0;
	list-style:none;
	padding-bottom:2px;
}

ul li a {
	color:#000;
	font-size:10px;
	text-decoration:none;
}

ul li a:hover {
	text-decoration:underline;
}
*/


/* Mise en forme du diagnostic */


#diagContainer {
	width:700px;
	position:relative;
	overflow:hidden;
}

.nocursor {
	cursor:default;
}

/* Mise en forme de la fin du diagnostic */

#CONTENT a.arrowBt {
	margin:10px 0 10px;
}

#CONTENT a.simpleBlackLink {
	text-decoration:none;
	color:#000;
}

#CONTENT a.simpleBlackLink:hover {
	text-decoration:underline;
}

/*avantages*/

#CONTENT .avantagesPrinc {
	width:463px;
	position:relative;
	overflow:hidden;
	float:left;
	color:#636363;
	display:inline;
}

#CONTENT .avantagesPrinc p {
	color:#0035AD;
	font-size:11px;
	display:block;
	margin:0;
	margin-bottom:15px;	
}

#CONTENT .avantagesPrinc span {
	display:block;
	margin-top:10px;
}

#CONTENT .textimgCtn {
	width:229px;
	position:relative;
	overflow:hidden;
	float:left;
	margin-right:5px;
	display:inline;
}

#CONTENT .textimg {
	margin:10px 0 10px;
}

#CONTENT .textimg span {
	margin:0;
	font-size:11px;
}

#CONTENT .textimg img {
	margin-right:10px;
}

#CONTENT .textimg .text {
	width:124px;
}

#CONTENT .btn {
	float:left;
	width:225px;
	overflow:hidden;
	position:relative;
}

#CONTENT .promo {
	width:229px;
	position:relative;
	overflow:hidden;
}

#CONTENT .ctn .promo .links {
	width:229px;
	position:relative;
	overflow:hidden;
}

/* advantages-nolog */
#CONTENT .advantages-nolog {
	background:transparent url('/img/folders/advantages_nolog_bg.jpg') no-repeat right bottom;
}
#CONTENT .advantages-nolog .blueBt { 
	margin-top:168px;
	margin-bottom:100px;
}

/*Customisation*/

p.black {
	color:#000;
}

p.black a{
	color:#000;
	text-decoration:none;
} 

p.blue {
	color:#0035AD;
}
	
span.grey {
	color:#636363;
}

span.blue {
	color:#0035AD;
}


.collspan-3 a {
	color:#000;
	text-decoration:none;
}

.collspan-3 a:hover {
	text-decoration:underline;
}

.nomargin {
	margin-left:0;
	margin-right:0;
}

.encartCtn ul {
	width:198px;
}

.encartCtn li {
	color:#0035AD;	
}

.encartCtn ul.square {
	margin:0;
}

.encartCtn ul.square li {
	background:url(/img/folders/square.gif) no-repeat;
	padding-left:10px;
	margin-bottom:5px;
}

.cell-1 img.margin {
	margin:20px 0 20px;
}

table.diagProgress {
	width:100%;
	border:0;
}

table.diagProgress td {
	font-family:Verdana;
	font-size:10px;
	color:#636363;
	text-transform:uppercase;
	padding-top:5px;
}

table.diagProgress td.blue { color:#0035AD; font-weight:bold; }

img.number {
	float:left;
}

div.titleNumber {
	font-size:11px;
	margin-top:10px;
	border-bottom:1px solid #0035AD;
	text-transform:uppercase;
	color:#0035AD;
	font-weight:bold;
	padding-bottom:5px;
}

.collspan-3 li.margin {
	margin-bottom:10px;
}

.collspan-3 li.margin, .collspan-2 li.margin {
	margin-bottom:10px;
}

.progress 
{
	background-color:#3875e1; 
	width:100%; 
	height:9px; 
	margin-top:-9px;
	filter:alpha(opacity=50);
    -Moz-Opacity:0.5;
    opacity:0.5;
}

.progresstd
{
	height:8px;
	font-size:1px;
}


.subButton {
	font-size:9px;
	color:#000;
}