/*  Effets
-------------------------------------------------------*/
		
#headerProposition	{ border-left: 1px solid #c3c3c4; border-right: 1px solid #c3c3c4; }	
#main,
#right 				{ border-right: 1px solid #c3c3c4; }	
#main div,
#right  			{ border-top: 1px solid #c3c3c4; }
#nav-proposition,
#wrapper-proposition { border: 1px solid #c3c3c4; }



/*  Blocks
-------------------------------------------------------*/


#headerProposition { 
	position: relative;
	padding: 10px 5px;
	background-color: white;
	width: 979px; margin: auto; }	
	
	.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;
    	z-index: 1; }
    	
    	#headerProposition h1 span {
    		display: block;
    		float: left; }
    		
    	.int-themes {
    		font-size: 14px;
    		color: #8E8E8A;
    		border-right: 1px solid #8E8E8A;
    		padding-right: 5px;
    		margin-right: 5px; }
    		
    	.int-candidat {
    		font-size: 14px;
    		border-right: 1px solid #8E8E8A;
    		padding-right: 5px;
    		margin-right: 5px; }	
    		
    	.parti {
    		color: #8E8E8A; 
    		font-size: 12px; }
    		
    	.int-title {
    		width: 450px;
    		font-size: 22px;
    		line-height: 25px;
    		margin-top: 10px; }
    		
    	
		.col2 { 
			display: block; float: left;
			width: 67px;
			font-size: 11px;
			padding-left: 28px;
			margin-top: 13px;
			margin-left: 15px;
			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; }
				
		.coutPropo {
			float: left; position: relative;
			color: white; 
			font-size: 17px;
			padding: 5px 12px 5px;
			margin-top: 10px;
			margin-left: 21px; }
		
			.melenchon	.coutPropo { background: url(../images/bg-propo-mel.jpg); }
			.joly 	  	.coutPropo { background: url(../images/bg-propo-jol.jpg); }
			.hollande 	.coutPropo { background: url(../images/bg-propo-hol.jpg); }
			.bayrou   	.coutPropo { background: url(../images/bg-propo-bay.jpg); }
			.sarkozy  	.coutPropo { background: url(../images/bg-propo-sar.jpg); }
			.lepen 	  	.coutPropo { background: url(../images/bg-propo-lep.jpg); }
			
		.coutPropo.noChiffre { 
		    border-radius: 0;
		    background: none;
		    color: #9F3C3D; }
		    
		.coutPropo.autre { 
		    border-radius: 0;
		    background: none;
		    color: #8B8F91; }		    

#wrapper-proposition { 
	background: url(../images/bg-gradient.jpg) bottom repeat-x white;
	width: 989px;
	margin: -22px auto 0 auto;
	padding-top: 25px; }	
.ie7 #wrapper-proposition { padding-top: 0;}	
	
#nav-proposition {
	position: fixed;
	left: 50%;
	margin-left: -495px;
	width: 740px;
	background: white; }	
	
.mac.gecko #nav-proposition { margin-left: -496px; }
@media screen and (orientation:portrait) { #nav-proposition { margin-left: -496px; } }	

	
#right {
	position: fixed;
	left: 50%;
	margin-left: 247px;
	width: 248px;
	background-color: white;  }

.mac.gecko #right { margin-left: 246px; }	
@media screen and (orientation:portrait) { #right { margin-left: 246px; } }	

	
#wrapper-nav {width: 989px; margin: 0 auto; }	
					    	
		
	#main {
		float: left;
		width: 740px;
		position: relative; }
		
	#chiffrage-detail { display: none;}	
				
		#main div {
			padding: 5px 5px 10px;
			background: url(../images/bg-gradient.jpg) bottom repeat-x white; }
			
			.block { 
				display: block; 
				border-top: 1px dotted #999;
				padding-top: 10px; }
				
			.pourContre { 
				font-size: 18px;
				padding: 15px 0 10px 34px; }
				
				#main ul li span { display: block; float: left; }
				
				#main ul li .qui { 
					width: 150px; padding-right: 10px;
					color: #8a8a86;
					font-size: 11px;
					font-style: italic;  }
				#commentaires ul li .qui {
					text-transform: uppercase;
					font-style: normal;
					font-size: 14px;
					color: #4a4944; }
				ul li .citation { 
					width: 570px;
					border-top: 1px dotted #999; }
					
				#main ul li .citation span {
					float: none;
					color: #8A8A86;
					font-size: 11px;
					font-style: italic; 
					width: auto;
					border: 0;}
	
								
				ul li:first-child .citation	{ border: 0;}
				
				#commentaires ul li .citation {
					border-top: 0;
					border-bottom: 1px dotted #999;}
					
				#chiffrage-detail .block ul li {
					margin-bottom: 5px;
					list-style: disc;
					margin-left: 20px; }	
	
			
	.imgCdt { 
		display: block; float: left;
		width: 150px;
		height: 100px;
		margin-top: 7px;
		background-repeat: no-repeat; }	
		
	.melenchon	.imgCdt { background: url(../images/cdt-melanchon.jpg);}
	.joly 		.imgCdt { background: url(../images/cdt-joly.jpg);}
	.hollande 	.imgCdt { background: url(../images/cdt-hollande.jpg);}
	.bayrou 	.imgCdt { background: url(../images/cdt-bayrou.jpg);}
	.sarkozy 	.imgCdt { background: url(../images/cdt-sarkozy.jpg);}
	.lepen 		.imgCdt { background: url(../images/cdt-lepen.jpg);}
	

/*  Liens
-------------------------------------------------------*/
	
.onOff { 
	display: block; position: absolute; top: 5px; left: 5px;
	width: 18px; height: 18px;
	text-indent: -9999px;
	background: url(../images/ic-plus-moins.png) no-repeat; }	
	
.onOff:hover { background-position: bottom left; }

a.detail {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 15px;
	padding: 1px 10px;
	font-size: 13px;
	color: white; 
	background: url(../images/bg-a-themes-on.png) repeat-x #484f52; }	
	
	
a.bt-info {
	position: absolute; top: 3px; right: 3px;
	width: 19px;
	height: 19px;
	margin-right: 5px; }	
		
/*  Navigation
-------------------------------------------------------*/

#nav-proposition a {
	display: block; float: left; 
	margin-left: 38px;
	padding-left: 22px;
	color: #3f3f3d;
	height: 26px;
	line-height: 28px;
	background: url(../images/puce-col1.png) no-repeat left center;  }


/*  Heading
-------------------------------------------------------*/
#headerProposition h1 { 
	float: left;
	margin-top: 2px;
	width: 450px; }
	
	.hors { font-size:14px; margin-top:3px;
	}
	.melenchon .hors { color: #ba0000; }	
	.joly 	   .hors { color: #3d8100; }	
	.hollande  .hors { color: #b6215d; }	
	.bayrou    .hors { color: #c26f16; }	
	.sarkozy   .hors { color: #2f4fa2; }	
	.lepen 	   .hors { color: #1a1c5b; }
	
h2,
h3 { margin: 0; padding: 0; border: 0; }

h2 { 
	position: relative;
	width: 160px; height: 25px;
	line-height: 28px; 
	text-align: center;
	color: white;
	margin-bottom: 5px; }
	
	.melenchon	h2 { background: url(../images/bg-propo-mel.jpg); }
	.joly 		h2 { background: url(../images/bg-propo-jol.jpg); }
	.hollande 	h2 { background: url(../images/bg-propo-hol.jpg); }
	.bayrou 	h2 { background: url(../images/bg-propo-bay.jpg); }
	.sarkozy 	h2 { background: url(../images/bg-propo-sar.jpg); }
	.lepen 		h2 { background: url(../images/bg-propo-lep.jpg); }
	
	.melenchon .hors { color: #ba0000; }	
	.joly 	   .hors { color: #3d8100; }	
	.hollande  .hors { color: #b6215d; }	
	.bayrou    .hors { color: #c26f16; }	
	.sarkozy   .hors { color: #2f4fa2; }	
	.lepen 	   .hors { color: #1a1c5b; }	
	
	#wrapper-proposition #ecrire h2 {
		width: auto;
		text-align: left;
		background: none;
		font-size: 18px;
		color: #404649;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;}
		
	#chiffrage-detail h2 { width: 200px; }	
	
h4 { 
	font-size: 15px; 
	color: #222527;
	padding-top: 12px; }	
	
.citeCdt h4 {
	display: block; float: left;
	margin-left: 10px;
	padding-top: 7px; }	
	
ul li:first-child h4 { padding-top: 0; }	

.chiffrage h5 {padding-left: 0;}

h5.titleDetail { 
	font-size: 16px;
	margin: 40px 0 15px; }	
	
.block h5:first-child { margin-top: 15px; }	
	
/*  Contenu
-------------------------------------------------------*/

p { padding: 10px 0; }

.citeCdt p { 
	float: right; 
	width: 570px;
	padding-bottom: 5px; }
	
.citeCdt p.cite {	
	font-style: italic;
	font-size: 16px;
	font-family: "Times New Roman"; }

ul li .citation.logo p { 
	float: right; 
	width: 470px; }	

ul li .citation.logo img { margin-top: 10px; margin-bottom: 10px; }
ul li:first-child .citation.logo img { margin-top: 0; }


ul li:first-child .citation p	{ padding-top: 0;}

p img { 
	display: block; float: left; 
	margin-right: 10px; }
	
/*  Scroll
-------------------------------------------------------*/	
#wrapper-fixed {position: fixed; }
#wrapper-fixed {z-index: 100; background-color: #EEEEEF;}
#wrapper-scroll {padding-top: 247px;}

/*  Graphic
-------------------------------------------------------*/
.graphic {
	width: 248px; 
	height: 180px;
	background:url(../images/bg-graphic.png) no-repeat;
	font-size: 12px; }
	
.graphic div {
	position: relative;
	width: 248px; }
	
.gain { border-bottom: 1px solid #c3c3c4; }	

.pos .gain { height: 139px;}
.neg .gain { height: 39px;}

	.barre { 
		display: block; position: absolute; left: 85px; z-index: 1;
		width: 68px;
		padding: 0 5px;
		color: white;
		text-align: right;
		font-size: 14px; }
		
	.melenchon .gain	.barre { background-color: #df0000; }	
	.joly 	   .gain	.barre { background-color: #5bc000; }	
	.hollande  .gain	.barre { background-color: #cf266a; }	
	.bayrou    .gain	.barre { background-color: #f38b1c; }	
	.sarkozy   .gain	.barre { background-color: #4472e9; }	
	.lepen 	   .gain	.barre { background-color: #292c8f; }	
	
	.melenchon .cout	.barre { background-color: #ba0000; }	
	.joly 	   .cout	.barre { background-color: #3d8100; }	
	.hollande  .cout	.barre { background-color: #b6215d; }	
	.bayrou    .cout	.barre { background-color: #c26f16; }	
	.sarkozy   .cout	.barre { background-color: #2f4fa2; }	
	.lepen 	   .cout	.barre { background-color: #1a1c5b; }	
		
	.gain .barre { 
		bottom: 0; 
		padding-top: 5px;
		padding-bottom: 57px; }
	.cout .barre { 
		top: 0; 
		padding-top: 60px;
		padding-bottom: 2px; }
		
	.marge, 
	.graphic div > span { display: block; }
	
	.marge {
		position: absolute; left: 25%; 
		width: 50%;
		height: 48px;
		border-top: 	1px dotted #7c7d7f;
		border-bottom: 	1px dotted #7c7d7f; }
		
	.melenchon	.marge { background: url(../images/bg-graphic-marge-mel.png); }	
	.joly 		.marge { background: url(../images/bg-graphic-marge-jol.png); }	
	.hollande 	.marge { background: url(../images/bg-graphic-marge-hol.png); }	
	.bayrou 	.marge { background: url(../images/bg-graphic-marge-bay.png); }	
	.sarkozy 	.marge { background: url(../images/bg-graphic-marge-sar.png); }	
	.lepen 		.marge { background: url(../images/bg-graphic-marge-lep.png); }	
		
	.gain .marge { top: 40px; }	
	.cout .marge { top: 50px; }	
		
		.valBas,
		.valHaut { 
			position: absolute; left: 190px;
			color: #3f3f3d; }
	
	.gain .valBas { top: 83px; }
	.gain .valHaut { top: 35px; }	
	.cout .valBas { top: 43px; }
	.cout .valHaut { top: 91px; }
		 
	.int { 
		position: absolute; left: 10px;
		color: #313538; }	
	
	.gain .int { bottom: 7px;}	
	.cout .int { top: 9px;}	 


#right ul li {
	position: relative;
	background-color: #eceded;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding: 3px 0 2px;
	border-bottom: 1px solid #C3C3C4; }
	
	#right ul li:first-child span {
		font-size: 12px;
		padding-left: 28px; }
		
.chiffrage { 
	display: block;
	margin: 8px; }

.chiffrage p { 
	font-style: italic;
	padding-top: 7px; }