* {
	outline:none;
}
html {
	height:100%; 
}
html,body {
	margin:0;
	padding:0;	
	width:100%;
}
body {
	background:#000 url(/images/bg_font_commun.jpg)  repeat-x  left -20px;  /* COMMUN */
	font-family:"trebuchet MS",arial;
	text-align: center;
	/* background:#12141a url(/images/bg-test.png)  repeat-y center 250px ; /* COMMUN */ 
}
#overbody {	
	background: url(/images/bg_commun.jpg)  no-repeat center -20px ; /* COMMUN */
}

body.deligo-tv { 	
	background:#110712  url(/images/bg-purple.png)  repeat-x  left -70px; /* TV */  
}
body.deligo-tv #overbody { 
	background: url(/images/bg-header-tv.jpg)  no-repeat center -70px ; /* TV  */ 
}
body.deligo-apn { 	
	background:#040408  url(/images/bg-blue.png)  repeat-x  center -70px; /* APN */ 
}
body.deligo-apn  #overbody { 
	background: url(/images/bg-header.jpg)  no-repeat center -70px ;  /* APN */ 
}


/******************* TEST DE BG ************************/
body.deligo-tv { 	
	background:#110712  url(/images/bg-tv-test1.png)  repeat-y  center 0px; /* TV */  
}
body.deligo-tv #overbody { 
	background: url(/images/baniere-tv-test-1.jpg)  no-repeat center 0px ; /* TV  */ 
}
body.deligo-apn { 	
	background:#12141a  url(/images/bg-test1.png)  repeat-y  center 0; /* APN */ 
}
body.deligo-apn  #overbody { 
	background: url(/images/baniere-test1.jpg)  no-repeat center 0px ;  /* APN */ 
}
/*******************************************/

.clearer {  
	clear:both; 
}
#container {
	text-align: left;
	position:relative;
	width:1022px;
	margin:0 auto;
	padding-top:124px;
}
#header {
	position:relative;
	width:1031px;
	margin-left:-9px;
	height:115px;
	background: url(/images/header-transp3.png)  no-repeat top left; 
}
#header #logoDeligo {
	border:none;
	width:220px;
	height:110px;
	display:block;
	position:absolute;
}
#header h1.bigTitle, #header span.bigTitle {
	position:relative;
	font:normal normal 14px "trebuchet ms";
	color:#345500;
	top:20px;
	left:300px;
	width:550px;
	margin:0;
}
#header h1.bigTitle span, #header span.bigTitle span {
	position:absolute;
	color:#fff;
	top:-1px;
	left:-1px;	
}
#header #formRechercher {
	position:absolute;
	color:#fff;
	top:20px;
	right:24px;
}
#header #formRechercher input{
	border:none;
	color:#666;
	font:normal 12px "trebuchet ms";
	height:18px;
	width:116px;
	padding:0 8px;
	background:#fff url('/images/bg-rechercher.png') ;
	margin-right:0;
	float:left;
}
#header #formRechercher input.formRechercherOk {
	border:none;
	width:75px;
	top:0;
	padding:0;
	position:relative;
	background:url('/images/bg-rechercher-submit.png') ;	
	margin-left:0;
	color:#fff;
	font:normal 11px "Trebuchet Ms";
	cursor:pointer;
}

#container2 {
	position:relative;
	display:block;
	width:1022px;
	height:auto;
	background: url(/images/bg-content-transp.png)  repeat-y  left top;
}
#footer {
	width:775px;
	height:48px;
	background: url(/images/footer.png)  no-repeat -1px top ;
	padding-left:250px;
	position:relative;
}
#footer a {
	color:#fff;
	font:normal 11px "trebuchet ms";
	text-decoration:none;
}
#footer a:hover {
	color:#000;
}

#colLeft a#newsLetterEncart {
	background:url(/images/bg-nl2.png) no-repeat 0 2px;
	padding-left:25px;
	line-height:15px;
	margin-left:10px;
	margin-top:7px;
	margin-bottom:10px;
	} 
#colLeft {
	display:block;
	position:relative;
	width:223px;
	padding:2px 0 0 15px;
	float:left;
	background: url(/images/bg-colleft.png)  no-repeat 16px -25px;
}

div.encartSpecialMenu { 
	border-bottom:1px solid #fff;	
	background:#dee7d1 url(/images/bg-encartspecialmenu3.png) bottom left repeat-x;
	border-top:1px solid #a6ad9d;
	margin-top:15px;
	padding-top:0;
	padding-bottom:18px;
	
	}
#colLeft div.encartSpecialMenu span.sousTitre{ 	color:#111; }
#colLeft div.encartSpecialMenu a{ 
	color:#333;
	background:url(/images/bg-encartspecialmenu3-fleche.png) no-repeat 2px 5px;
	padding:2px 0 2px 14px;
}
#colLeft div.encartSpecialMenu a:last-child{ 	padding:2px 0 2px 14px; }

#colLeft div.encartSpecialMenu a:hover{ color:#000;	
background-color:#dee7d1; }

#colLeft span.sousTitre{
	display:block;
	margin:0 0 4px 0;
	padding:15px 0 2px 11px;
	font: italic bold 14px "trebuchet MS";
	color:#333;
}
#colLeft span.sousTitre:first-child {
	background:none;
	margin:0 0 4px 0;
}

#colLeft #encartResultat {
	background:url('/images/menu/bg-resultat.png');
	width:233px;
	height:50px;
	margin-left:-10px;
	padding:4px 0 0 0;
	}
#colLeft #encartResultat span.resultTitle{
    position:relative;
    font-size:16px;
    padding:0 0 0 14px;
    float:left;
    }
#colLeft #encartResultat span.resultTitle div{
    position:absolute;
    top:1px;
    left:1px;
    padding:0 0 0 14px;
    }
#colLeft #encartResultat a.reliefResultat{
	position:relative;
	font-size:16px;
	padding:0 2px 0 2px;
	float:left;
	}
#colLeft #encartResultat a.reliefResultat div{
	position:absolute;
	top:1px;
	left:1px;
	padding:0 0 0 2px;
	}
#colLeft #encartResultat a span {
	font-size:16px;
	}

#colLeft #encartResultat span.resultTitle {    color:#000;     }
#colLeft #encartResultat span.resultTitle div {    color:#bbb;     }
#colLeft #encartResultat a.resultPhoto { 	color:#000; 	}
#colLeft #encartResultat a.reliefResultat.resultPhoto  div { color:#86b934;}
#colLeft #encartResultat a.resultTv { color:#000; 	}
#colLeft #encartResultat a.reliefResultat.resultTv div { color:#a3c6f6; 	}

.separateurMenu  {
	background:url(/images/separateur-menu.png) repeat;
	height:2px;
	margin:20px 0 0 16px;
	margin:20px 11px 0;
}
.separateurSousMenu {
	height:1px;
	margin:4px 11px 2px 14px;
	border-top:1px solid #ccc;
	}
#innerContent {
	display:block;
	position:relative;
	float:right;
	font-size:12px;
	padding:20px;
	background:url(/images/bg-menugauche.png) no-repeat left 55px;
	margin-top:-75px;
	margin-right:14px;
	width:730px;
}


/* Styles complementaire pour le menu ****************************/
#encartConseillers {
	display:block;
	position:relative;
	width:210px;
	margin:0 0 0 18px;
}
#encartConseillers a{
	width:56px;
	height:56px;
	float:left;
	padding:0;
	display:block;
	margin:0 11px 0 0;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:relative;
}
#encartConseillers a:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#encartConseillers a div{
	width:234px;
	position:absolute;
	display:none;
	top:52px;
	left:0;
	background:url(/images/bg-bloc-conseiller.png) no-repeat left top;
	padding:4px 8px 0 8px;
	color:#fff;
	text-align:center;
	margin:5px 0 0 0;
	height:18px;
}
#encartConseillers a div div.closerBlocConseiller{
	background:url(/images/bg-bloc-conseiller.png) no-repeat left bottom;
	height:5px;
	position:relative;
	top:-8px;
	margin-left:-8px;
	margin-bottom:-5px;
	}
#colLeft  a.conseiller-tv{ 	background:url(/images/conseiller1.png) no-repeat left top; }
#colLeft  a.conseiller-apn{ background:url(/images/conseiller2.png) no-repeat left top; }
#colLeft  a.conseiller-tv:hover div { display:block; }
#colLeft  a.conseiller-apn:hover div { display:block; }

/*demarrer le questionnaire Amandine*/
#questionnaire {
	width:auto;
	height:350px;
	margin:20px 0 0 0;
}
#tele{
	float: left;
	width:362px;
	height:261px;
	background:url(/images/img_tv_03.jpg) no-repeat ;
}
#photo{
	float: left;
	width:362px;
	height:261px;
	background:url(/images/img_apn_04.jpg) no-repeat ;
}
#choix {
	width:730px; 
	height:49px;
}
#choix ul {
	float:left;
	margin:15px 0 0 0;
	padding:0;
}
#choix li {
	float:left;
	list-style-type:none;
	margin-left:30px;
}
#choix li a {
	float:left;
	height:49px;
	width:313px;
}
#choix li a:hover {
	float:left;
	text-decoration:none;
}
.btn_tv a {background:url(/images/btn_tv.png) repeat-x top;}
.btn_tv a:hover {background:url(/images/btn_tv.png) repeat-x bottom;}
.btn_apn a {background:url(/images/btn_apn.png) repeat-x top;}
.btn_apn a:hover {background:url(/images/btn_apn.png) repeat-x bottom;}

/*fin demarrer le questionnaire Amandine*/
/*banniere etapes Amandine*/

#etapes{
	width:726px;
	height:178px;
	margin-top:30px;
}
/*fin banniere etapes Amandine*/

/*  Style des BULLES *************************************************/
#laQuestion  {
	width:697px;
	padding:0;
	margin:20px 0 0px 22px;
}

#laQuestion #bulle{
	font:normal 24px "trebuchet ms";
	z-index:0;
	color:#333;
	text-align:left;
	position:relative;
	width:572px;
	padding:0px 0px 0 120px;
	height:80px;
}
#laQuestion #bulle .contenuBulle {
	display:block;
	position:absolute;
	bottom:0px;
	}
#laQuestion #bulle h1{
	font:normal 24px "trebuchet ms";
	color:#333;
	text-align:left;
	}

#laQuestion #personnage {
	width:164px;
	height:272px;
	margin-top:-34px;
	float:left;
	background:url(/images/perso1.png) no-repeat top left;
}
body.deligo-tv #laQuestion #personnage {
	background:url(/images/perso1-tv.png) no-repeat top left;
	}
#laQuestionBas {
	display:block;
	margin-bottom:10px;
	position:relative;
}

/* Styles pour la page d'ACCUEIL   *************************/
#innerContent.innerContentAcceuil #laQuestion {
	margin-left:31px;	
}
#innerContent.innerContentAcceuil  #laQuestion #bulle{
	color:#333;
	text-align:left;
	font:normal 20px "trebuchet ms";
	z-index:10;
	
	width:572px;
	position:relative;
	padding:0px 0px 0 135px;
	height:80px;
}
#innerContent.innerContentAcceuil  #laQuestion #personnage.perso2 {
	background:url(/images/perso2.png) no-repeat top left;
	margin-left:-45px;
	position:absolute;
}
body.deligo-tv #innerContent.innerContentAcceuil  #laQuestion #personnage.perso2 {
	background:url(/images/perso2-tv.png) no-repeat top left;
	position:relative;
}
	
#innerContent.innerContentAcceuil  #laQuestion #bulle div{
	
}
#laQuestionBas #accueilReponse {
	display:block;
	padding:30px 0 0 131px;
	margin:0;
}

#laQuestionBas #accueilReponse a.bouton{
	float:left;
	position:relative;
	width:255px;
	height:29px;
	padding:5px 0 0 0;
	margin:0 14px 0 0;
	display:block;
	background:url(/images/bt-accueil-commencer.png) no-repeat 0% 0%;
	font:bold 16px "trebuchet ms";
	color:#358a11;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
#laQuestionBas #accueilReponse a.bouton span{
	position:absolute;
	top:-1px;
	left:-1px;
	color:#fff;
	text-align:center;
	width:255px;
	padding-top:5px;
}
#laQuestionBas #accueilReponse a.bouton.off {
	background:url(/images/bt-accueil-commencer.png) no-repeat 0% 100%;
	color:#aaa;
}
#laQuestionBas #accueilReponse a.bouton.off:hover{ 
	background:url(/images/bt-accueil-commencer.png) no-repeat 0% 100%; 
}
#laQuestionBas #accueilReponse a.bouton:hover { 
	background:url(/images/bt-accueil-commencer.png) no-repeat 0% 50%;
}

h2.commentcamarche {
	font:bold 14px "Trebuchet ms";
	color:#474747;
	margin:28px 0 5px 0;
}
#fbLikeBoxDeligo { 	
	margin-top:0; 	
}


/* Style des encart qui font la largeur de la page : encartLarge **********************************/
#innerContent.innerContentAcceuil .encartLarge {
	margin:0 0 0 31px;
	background:url(/images/bg-influence.jpg) no-repeat 100% 0%;
	color:#474747;
	border-top:1px solid #fff;
	
}
#innerContent.innerContentAcceuil .closerEncartLarge  {
	margin:0 0 0 31px;
	background:url(/images/bg-influence-bas.jpg) no-repeat bottom left;
}
#innerContent.innerContentAcceuil .encartLarge h3{
	margin:5px 0 5px 0;
}
h2.encartLargeTitre {
	color:#474747;
	font:bold 14px "Trebuchet ms";
	margin:0 0 5px 31px;
	width:672px;
}

/* Fin des styles des encarts ***************************************/




#deligoPresentation {
	width:522px;
	padding:14px 14px 6px 14px ;
	font: normal 12px "trebuchet ms";
	color:#444;
	background:url(/images/bg-accueil-encart-medium.png) no-repeat top left;
}

#deligoPresentation a {
    color:#0891f9;
    text-decoration: none;
}
#deligoPresentation a:hover {
    text-decoration: underline;
}
#deligoPresentationCloser {
	width:541px;
	height:5px;
	background:url(/images/bg-accueil-encart-medium-closer.png) no-repeat top left;
}
.float_elements {
	float:left;
	width:350px;
}



/* Styles des REPONSES  **********************************/
#reponses {
	display:block;
	padding-top:30px;
	padding-left:187px;
}
#reponses .ligneReponse {
	display:block;
	margin-bottom:5px;
	padding:0;	
}
#reponses .ligneReponse:hover{
	background:url(/images/label.png) no-repeat;
}
#reponses .ligneReponse:hover  label{
	background:url(/images/label-closer.png)  no-repeat bottom left;
}
#reponses input { 
	cursor:pointer; 
	float:left; 
	margin:2px 10px 0 -20px;
	position:absolute;
}
#reponses label {
	display:block;
	font: 14px "trebuchet ms";
	cursor:pointer;
	color:#333;
	width:451px;
	padding:10px 0 0 32px;	
}

#reponses label  span{
	display:block;
	height:11px;
	width:483px;
}

#reponses label  span.txtSup{
	padding-left:0;
	font-weight:normal;
	font-size:12px;
	color:#999;
	height:auto;
	width:445px;
}
#lesBoutons {
	display:block;
	position:relative;
	z-index:1000;
	width:672px;
	
	margin:0 0 0px 21px;	
}
#lesBoutons.moreMargin {
	margin:0 0 0px 21px;
	}

#priorites{
	padding-top:30px;
	padding-left:130px;
	position:relative;
	list-style:none;
	margin-top:0;
	margin-left:0;
}

#btResultat {
	display:block;
	position:absolute;
	top:5px;
	left:467px;
	width:205px;
	height:22px;
	padding:2px 0 0 0;
	margin:2px 0 0 0;
	background:url(/images/bt-resultat.png) no-repeat 50% 0%;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font:normal 14px "trebuchet ms";
}
#btResultat:hover { 
	background:url(/images/bt-resultat.png) no-repeat 100% 0%; 	
}
#btResultat.off { 	
	background:url(/images/bt-resultat.png) no-repeat 0% 0%; 
	cursor:default; 
}



/* BOUTON SUIVANT **************************/
#btSuivant {
	display:block;
	position:relative;
	float:left;
	
	width:306px;
	height:34px;
	padding:0;
	margin:-2px 0 0 20px;
	background:transparent url(/images/bt-suivant-2.png) no-repeat 0% 0%;
	text-align:center;
	padding-top:6px;
}
.firstQuestion #btSuivant { 
	margin:-2px 0 0 225px;
	}
#btSuivant:hover{ 	
	background:url(/images/bt-suivant-2.png) no-repeat 100% 0%; 
}
#btSuivant.simpleButton:hover{  
	background:url(/images/bt-suivant-2.png) no-repeat 100% 0%; 
}
#btSuivant ul,#btPrecedent ul li{
	display:block;
	width:306px;
	padding:0;
	margin:0;
	cursor:pointer;
	list-style:none;
}
#btSuivant ul li a {
	display:block;
	line-height:12px;
	text-decoration:none;
	text-align:center;
	padding-top:0;
	width:306px;
	height:28px;
	color:#358a11;
	font:bold 16px "trebuchet ms";
	cursor:pointer;
}
#btSuivant ul li a span { 
	position:absolute;
	top:-1px;
	left:-1px;
	color:#fff;
	text-align:center;
	
	padding-top:6px;
	width:306px;
	height:28px;
	
}
#btSuivant ul li ul{
	padding:0;
	margin:16px 0 0 0;
	padding-bottom:7px;
	background:url(/images/bg-precedent-bottom.png) no-repeat bottom left;
	z-index:10000;
}
#btSuivant ul li ul li{ 
	border-bottom:1px solid #444; padding:4px; 	width:197px; 
}
#btSuivant ul li ul li:last-child{ 
	border-bottom:none;
}
#btSuivant ul li{ height:24px; }
#btSuivant:hover ul li{ height:auto; }
#btSuivant ul li ul a{ font:normal 12px "trebuchet ms";color:#fff; }
#btSuivant ul li ul a:hover{ color:#92e022; }
#btSuivant ul li ul { display:none; }
#btSuivant ul li:hover ul{ display:block; }


/* BOUTON SUIVANT PETIT **************************/
#btSuivantSmall{
	display:block;
	position:relative;
	float:left;
	left:232px;
	top:40px;
	width:205px;
	padding:0;
	margin:0;
	background:url(/images/bt-suivant-small.png) no-repeat 0% 0%;
	text-align:center;
	padding-top:3px;
}

#btSuivantSmall:hover{ 	
	background:url(/images/bt-suivant-small.png) no-repeat 100% 0%; 
}
#btSuivantSmall.simpleButton:hover{  
	background:url(/images/bt-suivant-small.png) no-repeat 100% 0%; 
}
#btSuivantSmall ul,#btPrecedent ul li{
	display:block;
	width:205px;
	padding:0;
	margin:0;
	cursor:pointer;
	list-style:none;
}
#btSuivantSmall ul li a {
	display:block;
	line-height:12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding-top:0;
	color:#fff;
	text-decoration:none;
	font:normal 14px "trebuchet ms";
	margin-top:0;
}
#btSuivantSmall ul li a span { 
	position:absolute;
	top:-1px;
	left:-1px;
	color:#fff;
	text-align:center;
	width:205px;
	padding-top:6px;
}
#btSuivantSmall ul li ul{
	padding:0;
	margin:13px 0 0 0;
	padding-bottom:7px;
	background:url(/images/bg-precedent-bottom.png) no-repeat bottom left;
	z-index:10000;
}
#btSuivantSmall ul li ul li{ border-bottom:1px solid #444; padding:4px; 	width:197px; }
#btSuivantSmall ul li ul li:last-child{ border-bottom:none; }
#btSuivantSmall ul li{ height:24px; }
#btSuivantSmall:hover ul li{ height:auto; }
#btSuivantSmall ul li ul a{ font:normal 12px "trebuchet ms";color:#fff; }
#btSuivantSmall ul li ul a:hover{ color:#92e022; }
#btSuivantSmall ul li ul { display:none; }
#btSuivantSmall ul li:hover ul{ display:block; }



/* BOUTON PRECEDENT *****************************/
#btPrecedent {
	display:block;
	position:relative;
	float:left;
	width:185px;
	top:5px;
	left:0;
	padding:0;
	margin:2px 0 0 0;
	background:url(/images/bg-precedent.png) no-repeat 0% 0%;
}
#btPrecedent:hover{ 
	background:url(/images/bg-precedent.png) no-repeat 100% 0%; 
}
#btPrecedent ul,#btPrecedent ul li{
	display:block;
	width:195px;
	padding:1px 0 0 0;
	margin:0;
	cursor:pointer;	
}
#btPrecedent ul li a {
	display:block;
	line-height:12px;
	color:#358a11;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	font:normal 14px "trebuchet ms";
	position:relative;
}
#btPrecedent ul li a span {
	display:block;
	line-height:12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	top:4px; 
	left:-1px;
	width:195px;
	position:absolute;
}

#btPrecedent ul li ul li {
	border-bottom:1px solid #444;
	padding:4px;
	width:197px;
}
#btPrecedent ul li ul li:last-child {
	border:none;
	}
#btPrecedent ul li ul{
	padding:0;
	margin:16px 0 0 0;
	padding-bottom:7px;
	background:url(/images/bg-precedent-bottom.png) no-repeat bottom left;
	z-index:10000;
}
/* #btPrecedent ul li a:hover{ color:#92e022; } */
#btPrecedent ul li{ height:24px; }
#btPrecedent ul li ul { display:none; }
/*
	#btPrecedent:hover ul li{ height:auto; }
	#btPrecedent ul li ul a{ font:normal 12px "trebuchet ms";margin:0;}
	#btPrecedent ul li ul a:hover{ color:#92e022; }
	
	#btPrecedent ul li:hover ul{ display:block;  }
*/








#btIndexQuestions {
	display:block;
	width:154px;
	height:24px;
	background:url(/images/bt-indexquestions.png) no-repeat 0% 0%;
	left:0;
	position:relative;
	float:left;
	padding-left:31px;
	padding-top:2px;
	font:normal 14px "trebuchet ms";
	color:#fff;
	text-decoration:none;
	margin-left:21px;
	}
#btIndexQuestions:hover, #btIndexQuestions.opened {
	background:url(/images/bt-indexquestions.png) no-repeat 100% 0%;
	}

#indexQuestions {
	width:675px;
	background:url(/images/bg-indexquestions.png) no-repeat 0% 0%;
	position:relative;
	z-index:999;
	display:block;
	padding-top:10px;
	margin-left:21px;
	margin-bottom:10px;
	}
#indexQuestions  .closerIndexQuestions {
	width:675px;
	height:8px;
	background:url(/images/bg-indexquestions.png) no-repeat bottom left;
	}
#indexQuestions ul li {
	display:block;
	padding:0;
	margin:0;
	height:22px;
	margin-bottom:2px;
	list-style:none;
	}
#indexQuestions ul.listeQuestions {
	width:480px;
	padding-left: 15px;
	
	margin:0;
	background:url(/images/separateur-indexquestions.png) repeat-y top right;
}
#indexQuestions ul.listePagesFinales {
	width:180px;
	display:block;
	float:right;
	padding:0;
	margin:0;
	}
#indexQuestions ul.listePagesFinales li {
	margin-bottom:4px;
	height:36px;
	display:block;
	
	}
#indexQuestions ul.listePagesFinales li a{
	width:146px;
	height:26px;
	display:block;
 	background:url(/images/listepagesfinales.png) no-repeat 0% 0%;
	font:normal 14px "trebuchet ms";
	color:#333;
	padding:10px 0 0 0;
	margin-left:15px;
	text-decoration:none;
	text-align:center;
}
#indexQuestions ul.listePagesFinales li a:hover{
	background:url(/images/listepagesfinales.png) no-repeat 0% 100%; 
	color:#333;
}

#indexQuestions ul.listeQuestions li a span {
	display:block;
	margin-left:-8px;
	float:left;
	width:8px;
	height:21px;
	padding:1px 13px 0 10px;
	font:bold 14px "trebuchet ms";
}
#indexQuestions ul.listeQuestions li a{
	display:block;
	height:22px;
	color:#333;
	line-height:22px;
	text-decoration:none;
	width:460px;
}
#indexQuestions ul.listeQuestions li a:hover {
	background:url(/images/listequestions-ligne.png) right bottom;
	color:#fff;
	color:#333;
}
#indexQuestions ul.listeQuestions li.questionActive a {
	background:url(/images/listequestions-ligne.png) right top;
	color:#333;
}

#indexQuestions ul.listeQuestions li a:hover span {
	background:url(/images/listequestions-ligne.png) left bottom;
	display:block;
	color:#333;
}
#indexQuestions ul.listeQuestions  li.questionActive a span {
	background:url(/images/listequestions-ligne.png) left top;
	display:block;
	
}


/* BARRE DE PROGRESSION   *********************************/
#barreProgression {
	height:28px;
	margin-left:21px;
	}
#etapeProgressionInitule {
	background:url(/images/barre-progression/initule-etapes.png) no-repeat;
	height:16px;
}
#barreProgression .intituleEtape {
	position:absolute;
	z-index:1111;
	display:block;
	top:1px;
	left:10px;
	color:#000;
	width:100px;
	height:20px;
	font:13px "trebuchet ms";
}
#barreProgression .intituleEtape span {
	position:absolute;
	z-index:1111;
	display:block;
	top:-1px;
	left:-1px;
	color:#fff;
	width:100px;
	height:20px;
	font:13px "trebuchet ms";
}
#laBarre {
	height:17px;
	}
#barreQuestions {
	background:url(/images/barre-progression/bg-progression-questions.png) no-repeat 0% 100%;
	width:463px;
	height:20px;
	border-right:1px solid #afafaf;
	float:left;
	position:relative;
	}
#barreQuestions div.progress{
	background:url(/images/barre-progression/bg-progression-questions.png) no-repeat 0% 0%;
	height:20px;
	}
#barrePriorite {
	width:65px;
	height:20px;
	background:#666;
	border-left:1px solid #1c1c1c;
	border-right:1px solid #afafaf;
	float:left;
	position:relative;
	}
#barrePriorite.on { 
	background:#92e022; 
	border-left:1px solid #25c100;
}

#barreBudget {
	width:60px;
	height:20px;
	background:#666;
	border-right:1px solid #afafaf;
	border-left:1px solid #1c1c1c;
	float:left;
	position:relative;
	}
#barreBudget.on { 
	background:#92e022; 
	border-left:1px solid #25c100;
} 
#barreResultat {
	width:79px;
	height:20px;
	background:url(/images/barre-progression/bg-resultat.png) no-repeat  right bottom;
	border-left:1px solid #1c1c1c;
	float:left;
	position:relative;
	} 
#barreResultat.on { 
	background:url(/images/barre-progression/bg-resultat.png) no-repeat  right top;
	border-left:1px solid #25c100;
} 







/* INFLUENCE DES REPONSES  *********************************/
.encartLarge {
	position:relative;
	width:672px;	
	margin:0 0 0 21px;
	background:url(/images/bg-influence.jpg) no-repeat 100% 0%;
}
.closerEncartLarge  {
	width:672px;
	height:5px;
	margin:0 0 0 21px;
	background:url(/images/bg-influence-bas.jpg) no-repeat bottom left;
}
.encartLarge h3{
	font:italic bold 12px "Trebuchet ms";
	color:#474747;
	margin:5px 0;
}
.encartLarge table {
	width:672px;
	font-size:12px;
	color:#707070;
	border-collapse:collapse;
}
.encartLarge  table tr td{
	padding:0 0 0 15px;
}
.encartLarge  table tbody tr td{
	border-top:1px solid #d1d1d1;	
}
.encartLarge  table tr td#colonneBesoins {
	width:500px;
}



/*  PAGE PRIORITES   ***********************************/
#laQuestion #personnage.perso6 {
	width:115px;
	background:url(/images/perso6.png) no-repeat top left;
}
#laQuestionBas .blocPriorite {
	width:517px;
	background:url(/images/bg-priorite.png) no-repeat top left;
	margin:0 0 8px 0;
	padding:0;
	border:none;
}
#laQuestionBas .blocPriorite:hover{
	background:url(/images/bg-priorite.png) no-repeat bottom left;
}
.blocPriorite .closer {
	display:block;
	width:517px;
	height:5px;
	background:url(/images/bg-priorite-bas.png) no-repeat top left;
	line-height:1px;
	margin:0;
	padding:0;
}
.blocPriorite .blocPrioriteContenu {
	width:517px;
	position:relative;
	display:block;
	padding-bottom:2px;
}
.positionLabel {
	font: bold 32px "trebuchet ms";
	left:0;
	position:relative;
	float:left;
	text-align:center;
	color:#333;
	top:2px;
	width:40px;
	margin:0;
	padding:0;
}
.blocPriorite .blocPrioriteContenu label {
	padding:9px 0 0 65px;
	position:relative;
	width:440px;
	display:block;
	margin-left:40px;
}
.blocPriorite .blocPrioriteContenu label strong {
	font:18px "trebuchet ms";
	color:#333;
}
.blocPriorite .blocPrioriteContenu label span {
	display:block;
	color:#333;
	display:none;
}
li.blocPriorite {
	position:absolute;
	top:0;
	right:30px;
}

.blocPrioriteContenu .boutonPosition {
	width:38px;
	height:38px;
	float:left;
	position:relative;
	
}
.blocPriorite  a.btUp {
	display:block;
	background:red;
	width:20px;
	height:14px;
	left:9px;
	top:6px;
	position:absolute;
	background:url(/images/bt-up.png);
}
.blocPriorite a.btDown {
	display:block;
	background:blue;
	width:20px;
	height:14px;
	left:9px;
	bottom:3px;
	position:absolute;
	background:url(/images/bt-down.png);
}
#laQuestionBas .blocPriorite:hover a.btDown,#laQuestionBas .blocPriorite:hover a.btUp { 
	background-position:50% 0%;
	}
#laQuestionBas .blocPriorite:hover a.btUp:hover, #laQuestionBas .blocPriorite:hover  a.btDown:hover  {
	background-position:100% 0%;
}




/* AUTOCOMPLETE **********************************/
.ui-state-highlight {
	width:517px;
	background:#86b934;
	display:block;
	height:49px;
	margin:0 0 8px 0;
}

ul.ui-autocomplete {

}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 12px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
ul.ui-autocomplete.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header a { color: #ffffff; }



/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
	font-size:12px;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1;
	zoom:1;
	padding:5px;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: 0;
	background-color:#666;
	color:#92e022;
	cursor:pointer;
}