/*  Effets
-------------------------------------------------------*/
		
#headerItem { border-left: 1px solid #c3c3c4; border-right: 1px solid #c3c3c4; }	
#wrapper-listThemes  { border: 1px solid #c3c3c4; }	


/*  Blocks
-------------------------------------------------------*/
#headerItem h1 .parti { 
	font-size: 18px; 
	margin-left: 5px;
	padding-left: 3px; 
	color: #9FA2A4;
	background: url(../images/sep-parti.png) no-repeat; }

.impact { 
	display: block; float: left;
	font-size: 14px;
	margin-top: 16px; }

	.totalNb { 
		position: relative;
		display: -moz-inline-stack;
		display: inline-block;
 		zoom: 1;
		*display: inline;	
		padding: 2px 8px;
		color: white; }
			
.puceItem {
	position: relative;
	width: 22px;
	height: 20px;
	margin-right: 6px; }	

.headerMel .puceItem, .headerMel .totalNb { background: url(../images/bg-puce-mel.png) center repeat-x; }		
.headerJol .puceItem, .headerJol .totalNb { background: url(../images/bg-puce-jol.png) center repeat-x; }		
.headerHol .puceItem, .headerHol .totalNb { background: url(../images/bg-puce-hol.png) center repeat-x; }		
.headerBay .puceItem, .headerBay .totalNb { background: url(../images/bg-puce-bay.png) center repeat-x; }		
.headerSar .puceItem, .headerSar .totalNb { background: url(../images/bg-puce-sar.png) center repeat-x; }		
.headerLep .puceItem, .headerLep .totalNb { background: url(../images/bg-puce-lep.png) center repeat-x; }		

.chiffrage { 
	display: block; float: right; position: relative;
	width: 125px;
	margin-top: 18px; }
.ie7 .chiffrage { margin-top: -18px; }	
	
.chiffrage span { position: relative; }	

#wrapper-themes { height: 71px; }				
				
#headerItem,
#wrapper-listThemes { padding: 10px 5px; }	

#headerItem {
	position: relative;
	width: 979px; 
	background-color: white; }

#wrapper-themes,
#wrapper-listThemes, { width: 979px;}	
			
	#themes { 
		text-align: center;
		padding-bottom: 5px; }	
		
	#wrapper-listThemes	{ 
		margin: 0 auto; 
		padding: 0;
		width: 989px; }
		
		.list { 
			position: relative;
			padding: 0 5px;
			border-bottom: 1px solid #c3c3c4;
			background: url(../images/bg-gradient.jpg) bottom repeat-x white; }
			
			
			
		.list.listLast { border-bottom: 0; }
		
			.list .nbPitem,
			.list ul { float: left; }
					
			.titleThemes { 
				display: block;
				height: 25px;
				padding: 5px;
				border-bottom: 1px dotted #999; }
				
				#headerItem h1 span,
				#headerItem .chiffrage span,
				.titleThemes *,
				.bt-info { 
					display: -moz-inline-stack;
				    display: inline-block;
					zoom: 1;
				    *display: inline; }
				    
				    .titleThemes .ic-th {
				    	float: left; position: relative; 
				    	width: 30px;
				    	height: 20px; padding-top: 5px;
				    	margin-right: 10px;
				    	text-align: center;
				    	background: url(../images/bg-a-themes-off.png) repeat-x #34373b; }
				    
			.list ul,
			.list ul li span { display: block; }
			
			.list ul { width: auto;}
			
			.list ul li { 
				padding: 5px 0 5px 0;
				border-top: 1px dotted #999; }
				
			.list ul li:first-child { border: 0;}	

			.list ul li span { float: left;}
			.list ul li span.indice { float: right; position: relative; }
							
				.col1 { width: 503px; min-height: 16px;
						padding-left: 27px; padding-top: 4px;
						font-size: 15px;
						background: url(../images/puce-col1.png) 0 4px no-repeat; }
				.col2 { width: 67px;
						font-size: 11px;
						padding-left: 28px; padding-right: 65px;
						line-height: 11px; }
						
						.baiImp { background: url(../images/ic-graph-baiImp.png) center left no-repeat; }
						.budFisMoins { background: url(../images/ic-graph-budFisMoins.png) center left no-repeat; }
						.budFisPlus { background: url(../images/ic-graph-budFisPlus.png) center left no-repeat; }
						.creDep { background: url(../images/ic-graph-creDep.png) center left no-repeat; }
						.ecoBud { background: url(../images/ic-graph-ecoBud.png) center left no-repeat; }
						.hauImp { background: url(../images/ic-graph-hauImp.png) center left no-repeat; }
						.nouDep { background: url(../images/ic-graph-nouDep.png) center left no-repeat; }
						.supDep { background: url(../images/ic-graph-supDep.png) center left no-repeat; }
												
				.col3 { 
					width: 139px;
					font-size: 14px;
					padding-top: 4px; }
					.chiffre { font-size: 17px;}
					.indice { height: 13px; line-height: 13px; padding: 0 9px; margin-right: 8px; font-size: 11px; background: url(../images/bg-nbP.png); }
					.noChiffre { color: #9F3C3D;}	
					.autre { color: #8B8F91;}
			

/*  Liens
-------------------------------------------------------*/
.titleThemes a {
	color: #222527;
	padding-left: 20px; }
	
.compare { 
	float: left;
	width: 475px;
	margin-top: 5px;
	padding-top: 3px;
	background: url(../images/puce-col1.png) center left no-repeat; }
	

.itemC.select .onOff { background-position: bottom left; }

	
.bt-info { 
	width: 19px; height: 19px;
	margin: 16px 0 0 5px; }
	
.col1 a { color: #222527;}	
.hors {
	margin-top:5px;
	color:#8B8F91;
}
.list.mel .col1 a,
.list1.mel .col1 a,
.list2.mel .col1 a { color: #df0000; }	
.list.jol .col1 a,
.list1.jol .col1 a,
.list2.jol .col1 a { color: #5bc000; }	
.list.hol .col1 a,
.list1.hol .col1 a,
.list2.hol .col1 a { color: #cf266a; }	
.list.bay .col1 a,
.list1.bay .col1 a,
.list2.bay .col1 a { color: #f38b1c; }	
.list.sar .col1 a,
.list1.sar .col1 a,
.list2.sar .col1 a { color: #4472e9; }	
.list.lep .col1 a,
.list1.lep .col1 a,
.list2.lep .col1 a { color: #292c8f; }

.list.mel .col1 a:hover,
.list1.mel .col1 a:hover,
.list2.mel .col1 a:hover { color: #df0000; text-decoration:underline; }	
.list.jol .col1 a:hover,
.list1.jol .col1 a:hover,
.list2.jol .col1 a:hover { color: #5bc000; text-decoration:underline; }	
.list.hol .col1 a:hover,
.list1.hol .col1 a:hover,
.list2.hol .col1 a:hover { color: #cf266a; text-decoration:underline; }	
.list.bay .col1 a:hover,
.list1.bay .col1 a:hover,
.list2.bay .col1 a:hover { color: #f38b1c; text-decoration:underline; }	
.list.sar .col1 a:hover,
.list1.sar .col1 a:hover,
.list2.sar .col1 a:hover { color: #4472e9; text-decoration:underline; }	
.list.lep .col1 a:hover,
.list1.lep .col1 a:hover,
.list2.lep .col1 a:hover { color: #292c8f; text-decoration:underline; }	


/*  Heading
-------------------------------------------------------*/
#headerItem h1 { 
	float: left;
	font-size: 24px; 
	width: 350px; 
	margin-top: 15px;}
	
h2 { 
	margin: 0;
	padding: 0;
	border: 0; }
	
.titleThemes h2 { 
	float: left;
	width: 340px;
	margin-top: 8px; }
	
.chiffrage h5 { float: right; }


/*  Comparaison
-------------------------------------------------------*/
.comparaison #headerItem,
.list { padding: 0;}

.comparaison #headerItem {width: 989px; position: relative; }

.comparaison #headerItem h1 { margin-top: 5px;}
.ie7 .comparaison #headerItem h1 { float: none;}

.header1,
.header2,
.list1,
.list2 { 
	position: relative; 
	float: left; 
	width: 485px; 
	padding: 10px 4px 10px 5px; }

.header1,
.list1.brLeft { border-right: 1px solid #C3C3C4;}

.list2.brRight { border-left: 1px solid #C3C3C4; }

.comparaison .impact { 
	margin-top: 5px; 
	margin-left: 28px; }
	
.comparaison .bt-info { margin: 31px 0 0;}	
.ie7 .comparaison .bt-info { margin: 6px 0 0 5px;}	
	
.comparaison .chiffrage {
	position: absolute; top: 15px; right: 5px;
	margin-top: 0; }
	
.comparaison .list ul li:first-child { padding-top: 0;}		

.comparaison .list .nbPitem { width: 60px; padding: 3px 15px 0 5px; }	
.comparaison .col1 { width: 245px; padding-right: 10px;}	
.ie7 .comparaison .col1 { width: 240px;}
.comparaison .col3 { width: 120px;}


#wrapper-fixed {position: fixed; }
#wrapper-fixed {z-index: 100; background-color: #EEEEEF;}
#wrapper-scroll {padding-top: 308px;}
.comparaison #wrapper-scroll {padding-top: 315px;}