/* RESET */
@import "reset.css";
@import "themes.css";
/* @import "commun.css"; */	


/*  Body
-------------------------------------------------------*/
body {
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #222527;
	background: #eeeeef;	}
	
 	
	
/*  Typo
-------------------------------------------------------*/
.bold 		{	font-weight: bold;	}
.italic 	{	font-style: italic;	}


/*  Effets
-------------------------------------------------------*/		

.itemC,
#wrapper-themes,
#infos > div,
.generique #main { border: 1px solid #c3c3c4; }


#nb_propositions .PC .nb,
#nb_propositions .PNC .nb,
.nbPitem .nbPC,
.nbPitem .nbPNC,
.infoBulle .PC .nb,
.infoBulle .PNC .nb { color: #51575a; }	


/*  Commun
-------------------------------------------------------*/
#wrapper-header,
#candidats { position: relative; }

#wrapper-header,
#wrapper-nav,
#wrapper-footer,
#wrapper-fixed	{ width: 100%;}

#header,
#content,
#footer,
#candidats,
#infos,
#outils,
.generique #wrapper-content	{ width: 991px; }

#header,
#content,
#footer,
#outils,
#candidats,
#headerItem,
#wrapper-themes,
#wrapper-listThemes,
.generique #wrapper-content		{ margin: 0 auto; }

#wrapper-header,
.itemC,
.itemC .infoBulle,
#wrapper-themes,
#infos > div { background: url(../images/bg-gradient.jpg) bottom repeat-x white; }

#header h1,
#nb_propositions,
a.lExt { display: block; float: left; height: 80px; }

#wrapper-themes,
#infos > div { padding: 10px 5px; }		

#wrapper-footer { margin-top: 15px; }



/*  Liens
-------------------------------------------------------*/
a 		{ color: blue; }
a:hover { color: red;	}

#header h1 a { 
	display: block;
	width: 330px;
	height: 80px;}

.liensHeader a,
.liensFooter a { color: #404649; } 

.liensHeader a { margin-left: 20px; }

.rss { 
	display: -moz-inline-stack;
    display: inline-block;
	zoom: 1;
    *display: inline;  
	height: 16px;
	padding-left: 20px;
	background: url(../images/bg-rss-off.png) no-repeat left center; }
	
.rss:hover { background: url(../images/bg-rss-on.png) no-repeat left center; }

.liensHeader a:hover,
.liensHeader #search input:hover, 
.liensFooter a:hover { color: #0f5ba5; }

a.lExt { text-indent: -9999px; }
a.ins-montaigne { 
	width: 160px; margin-left: 55px;
	background: url(../images/bg-ins-montaigne.png) no-repeat center center; }
a.les-echos { 
	width: 105px; margin-left: 5px;
	background: url(../images/bg-les-echos.png) no-repeat center center; }
		
.goTop {
	display: block; float: right;
	height: 17px;
	line-height: 22px;
	margin-top: 3px;
	padding-left: 20px;
	font-size: 12px;
	color: #222527;
	background: url(../images/puce-goTop.png) center left no-repeat; }
	
.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;
	z-index: 100; }	

a.suite {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 42px;
	height: 12px;
	text-indent: -9999px;
	background: url(../images/bg-suite.png) no-repeat;
	margin-left: 0px;
	margin-top:4px; }
	
a.voirSite {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 74px;
	height: 12px;
	text-indent: -9999px;
	background: url(../images/bg-voir-site.png) no-repeat; }
		
a.allActus {
	display: block;
	float: right;
	width: 131px;
	height: 11px;
	text-indent: -9999px;
	background: url(../images/bg-toutess-les-actualites.png) no-repeat;	}	
	
a.retour {
	display: block; float: right;
	color: #404649;
	font-size: 14px;
/* 	padding: 7px 0 0 25px; */
	padding: 0 0 0 25px;
	background: url(../images/puce-close.png) no-repeat center left; }	
	
.gecko a.retour { padding-top: 3px; }

.win.gecko a.retour { padding-top: 1px; }

.ie a.retour { padding-top: 0; }
	

.onOff:hover + .img { background-position: 0 224px; }
.select .onOff:hover + .img { background-position: 0 124px; }

.article a,
ul.listNews a { color: #0F5BA5; }
.article a:hover,
ul.listNews a:hover { color: #222527; }

.index .date a,
.generique .date a { color: #565D61;}

/* Portrait */
@media screen and (orientation:portrait)
{
	.index .listNews p { font-size: 15px; }
}	



/*  Heading
-------------------------------------------------------*/
h1, h2, h3,
h3 a { color: #404649; }	

#header h1 { 
	width: 330px;
	text-indent: -9999px;
	background: url(../images/bg-h1.png) no-repeat; }
	
h2, h3 { 
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px; }
	
h2 { font-size: 18px; }
h3 { font-size: 16px; }

h4 { color: #0f5ba5; }

h5 { font-size: 8px; font-family: Arial; padding-left: 5px; }


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

/*  Header
-------------------------------------------------------*/
#wrapper-header { border-bottom: 1px dotted #999; }

#header { height: 130px; padding-top: 10px; }

	#tools	{ 
		width: 100%; 
		height: 25px;
		font-size: 11px; }
	
		.liensRS { 
			display: block;
			float: left;
			width: 360px; 
			height:25px;
			overflow:hidden;
			} 
			
		.sharrre .button{
		    float:left;
		    width:80px;
		  }
		  
		.sharrre .count { display: none; }
		
		.ie7 .liensRS { margin-right: 5px; }
		.liensHeader { float: right; } 
		
		.liensRS* { float: left; }
		
.fb-like { width: 50px; }		
	
	#nb_propositions { 
		width: 335px; 
		font-size: 11px; }
		
		#nb_propositions li { 
			margin-bottom: 5px; text-align: right; }
	 	
		 	#nb_propositions .PA { font-size: 16px;}
		 	
		 	#nb_propositions span { 
		 		display: -moz-inline-stack;
		 		display: inline-block;
		 		zoom: 1;
				*display: inline;
				position: relative; }
			
			#nb_propositions .nb {
		 		padding: 2px 5px 0px ;
		 		margin-right: 5px;
		 		font-size: 16px;
		 		color: white;
		 		background: center repeat-x; }
		 		
		 	.win.ie #nb_propositions .nb { padding: 4px 5px 2px ; }
		 		
		 		#nb_propositions .PA .nb 	{ font-size: 18px; padding-top: 3px; padding-bottom: 2px;
		 				  					  background: url(../images/bg-nbPAg.png); }
		 		.win.ie #nb_propositions .PA .nb { padding-top: 5px; padding-bottom: 4px; }					  
		 				  					  
		 		#nb_propositions .PC .nb 	{ background: url(../images/bg-nbPCg.png); }
		 		#nb_propositions .PNC .nb 	{ background: url(../images/bg-nbPNCg.png);}
		 		
		 		#nb_propositions span.liP { 
		 			width: 200px; 
		 			text-align: left;
		 			font-style: italic;  }
		 		#nb_propositions .PA span.liP { font-style: normal; }
		 		
		 		
/*  Form  */
#search {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	border-bottom: 1px solid #c3c3c4; }
	
	#search input { 
		margin: 0; padding-left: 0; border: 0; 
		height: 18px; width: 160px;
		border: 0;
		margin: 0;
		padding: 0; }
	
	#search #ok {
		width: 20px;
		text-indent: -9999px;
		background: url(../images/bg-search-off.png) no-repeat center center;
		cursor: pointer;}
		
	#search input#ok:hover { background: url(../images/bg-search-on.png) no-repeat center center; }	
	
	
	
/*  Navigation
-------------------------------------------------------*/
#nav { 
	float: right;
	display: inline;
	height: 25px;
	margin-right: -2px; }	

#nav a { 
	display: block; float: left; position: relative;
	color: white;
	font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
	border-left: 1px solid #698eb3;
	background: url(../images/bg-nav-off.png) bottom repeat-x #1167BA; }
	
	#nav a:first-child { border: none; } 
	
#nav a:hover,
#nav a.select { background: url(../images/bg-nav-on.png) bottom repeat-x #6a9fd3; color: white; }		



/*  Outils
-------------------------------------------------------*/
#outils { height: 22px; }

	#outils .nav-outils { 
		display: block;
		float: right;
		height: 17px;
		background: url(../images/bg-sprite-outils.png) /* repeat-x #34373b */; }
		
	#outils a { 
		display: block; float: left;}
			
	#outils .retour {
		width: 132px;
		height: 15px;
		text-indent: -9999px;
		background: url(../images/bg-retour.png) no-repeat; }
		
	#outils .nav-outils a { 
		width: 30px; height: 17px;
		text-indent: -9999px;
		border-left: 1px solid #666a6d; }	
	#outils .nav-outils a:first-child { border: 0; }
	
	a.print { background: url(../images/bg-outil-print.png) center center no-repeat; }	
	a.pdf { background: url(../images/bg-outil-pdf.png) center center no-repeat; }	
	a.mail { background: url(../images/bg-outil-mail.png) center center no-repeat; }	
	a.tweet { background: url(../images/bg-outil-tweet.png) center center no-repeat; }	
	a.fbook { background: url(../images/bg-outil-fbook.png) center center no-repeat; }	
	a.google { background: url(../images/bg-outil-google.png) center center no-repeat; }	




/*  Candidats
-------------------------------------------------------*/
#candidats { height: 124px; }
#candidats-print { display: none; }
.index #candidats { height: 197px; }

#candidats .itemC { border: 0;}
.itemC {
	position: absolute; top: 0;
	width: 166px; 
	height: 123px; }
.index .itemC { 
	height: 195px;
	z-index: 1; }	
	
	.itemC .img { 
		position: relative;
		display: block; 
		width: 166px; 
		height: 100px;
		text-indent: -9999px;
		background-position: 0 0;
		z-index: 1; }
		
	.itemC.mel { left: 0px; }
	.itemC.jol { left: 165px; }
	.itemC.hol { left: 330px; }
	.itemC.bay { left: 495px; }
	.itemC.sar { left: 660px; }
	.itemC.lep { left: 825px; }
		
	.itemC.mel .img { background: url(../images/cdt-melanchon.jpg);	 }
	.itemC.jol .img { background: url(../images/cdt-joly.jpg);		 }
	.itemC.hol .img { background: url(../images/cdt-hollande.jpg);	 }
	.itemC.bay .img { background: url(../images/cdt-bayrou.jpg);	 }
	.itemC.sar .img { background: url(../images/cdt-sarkozy.jpg);	 }
	.itemC.lep .img { background: url(../images/cdt-lepen.jpg);		 }

	.itemC .img:hover { background-position: 0 224px; }	
	
	.itemC.select .img { 
		height: 124px; 
		margin-bottom: 0;
		background-position: 0 124px; }	
	
	.itemC .nom { 
		display: block; position: relative; 
		width: 154px;
		padding: 0 5px;
		height: 23px; line-height: 23px;
		font-size: 13px; 
		background: url(../images/bg-cdt-name.png) bottom repeat-x;
		border-left: 1px solid #C3C3C4;
		border-right: 1px solid #C3C3C4;  }
	.win.ie .itemC .nom { font-size: 12px; }	
	
	.itemC.select .nom 	{ display: none; }	

		.itemC .parti { 
			position: absolute; top: -1px; right: 5px;
			font-size: 12px;
			color: #8e8e8a; }
		.ie7 .itemC .parti { top: 0px; }
			
		.nbPitem { 
			display: block; position: relative;
			width: 154px;
			padding: 0 5px;
			color: white;
			text-align: right;
			padding-bottom: 10px;
			border-bottom: 1px solid #c3c3c4;
			border-right: 1px solid #c3c3c4;
			border-left: 1px solid #c3c3c4; }
					
		.ficheCdt .nbPitem,
		.proposition .nbPitem { border-bottom: 0;  border-left: 0; border-right: 0;}
		
		.ficheCdt .list .nbPitem {
			width: 115px;
			padding: 8px 40px 0 0;}
		
		.ficheCdt.comparaison .list .nbPitem {	
			width: 60px;
			padding: 3px 15px 0 5px; }
		
		.ficheCdt .itemC .nbPitem,
		.proposition .itemC .nbPitem { 
			position: absolute; bottom: -8px; right: 0px;
			padding: 0;
			z-index: 100;
			display: none; } 
		
		.itemC.select .nbPitem 		{ display: block; }	
		.ie7 .itemC.select .nbPitem { bottom: 2px; right: 2px; }	
		
			.nbPitem span {
				position: relative;
				display: -moz-inline-stack;
				display: inline-block;
		 		zoom: 1;
				*display: inline;
				padding: 0 5px;
				background: bottom repeat-x; }	
			.nbPitem .nbPA 	{ background: url(../images/bg-nbPAg.png) ;}
			.nbPitem .nbPC 	{ background: url(../images/bg-nbPCg.png) ;}	
			.nbPitem .nbPNC 	{ background: url(../images/bg-nbPNCg.png) ;}	
			
			/* .win.ie .nbPitem span { padding-top: 2px; padding-bottom: 2px; } */
			
		.ficheCdt .nbPitem span,
		.proposition .nbPitem span { 
			font-size: 11px;
			padding: 0 4px; }
		
	.nicolas { display: block; width: 164px; height: 48px; 
		border-bottom: 1px solid #C3C3C4;
		border-right: 1px solid #C3C3C4;
		border-left: 1px solid #C3C3C4; }
		.precisions { 
			display: block; position: relative;
			width: 125px;
			height: 13px;
			line-height: 13px;
			padding: 0;
			font-size: 11px;
			background: url(../images/bg-nbP-uL.png) no-repeat;
			z-index: 1; }
		
		.itemC .precisions {
			position: absolute;
			margin: 15px 20px 20px;
			z-index: 1; }
			
		.itemC:first-child .precisions { margin-top: 0; }
		.ie8 .itemC.pie_first-child .precisions,
		.ie7 .itemC.pie_first-child .precisions { margin-top: 0; }
					
			.precisions span {
				display: block;
				height: 13px;
				line-height: 13px;
				text-align: right;
				padding-right: 10px;
				background: url(../images/bg-nbP.png) no-repeat;
				z-index: 1; }
				
				.p0 {width: 0;}
				.p1 {width: 15px;}
				.p2 {width: 40px;}
				.p3 {width: 65px;}
				.p4 {width: 90px;}
				.p5 {width: 115px;}
				

				
/*  Infos
-------------------------------------------------------*/
#infos		{ margin: 0 auto 11px auto;}

#infos > div { float: left; width: 315px; margin-left: 5px; /* height:380px; */ }
#infos > div:first-child { margin-left: 0; }
#infos > .pie_first-child { margin-left: 0; }

	.listNews li { margin-bottom: 15px; }
	
	.ie .listNews li p { font-size: 12px; }
	
	.listConsultations,
	.listConsultations a { 
		font-size: 13px;
		color: #0f5ba5; }
		
	.listConsultations li { margin-bottom: 15px; }
/* 	.ie .listConsultations li { font-size: 12px; } */

	.listConsultations span { color: #222527; }
			
	/* Portrait */
	@media screen and (orientation:portrait)
	{
		.listConsultations,
		.listConsultations a { 
			font-size: 15px; }
		.ie .listConsultations a { font-size: 12px; }
			
		.listConsultations li { margin-bottom: 7px; }	
	}	
			
.date,
.date a { 
	font-size: 10px; 
	font-style: italic;
	color: #565d61;  }		


		

/*  Pagination
-------------------------------------------------------*/
#pagination { 
	display: block; 
	margin-top: 10px;
	text-align: center;}	
	
.generique #pagination {
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px dotted #999;
	padding-top: 10px; }

#pagination a {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 0 6px;
	font-size: 16px;
	color: #010101;
	border-right: 1px solid #010101; }
	
#pagination a.last { border: 0; }
	
#pagination a.active {
	color: white;
	background-color: #404649;
	padding: 4px 6px 2px 6px; 
	border: 0; }
	
/* table 
-------------------------------------------------------*/

table th  {
	font-size: 15px;
	background-color: #111;
	color: #ededed;
}

table th, table td  {
	padding: 12px 0 10px 5px;
}

table tr { background-color: #dcddde; }

.article table tr:first-child,
table thead tr:first-child { 
	background-color: #4d5356;
	color: white; }
	
.altrow  {
	background-color: #eee;
}

table td p {
	margin-top: 0;
	text-align: left; } 	
	
/*  Form
-------------------------------------------------------*/
#actualites form { margin-left: 5px; }

#wrapper-proposition fieldset,
#actualites fieldset { margin-bottom: 10px; }

#actualites fieldset.radioBouton { margin-bottom: 0; }

#wrapper-proposition label,
#wrapper-proposition input,
#wrapper-proposition textarea,
#wrapper-proposition .captcha img,
#actualites label,
#actualites input,
#actualites textarea,
#actualites .captcha img {
	display: block; float: left;
	border: 0;
	margin-top: 10px; }	

#wrapper-proposition input,
#wrapper-proposition textarea,
#actualites input,
#actualites textarea { 
	border: 1px solid #7f7f7f;
	padding: 10px;
	width: 475px; }	
	
#actualites input { width: 400px; }	

#wrapper-proposition textarea,
#actualites textarea {  height: 135px; }
	
#wrapper-proposition label,
#actualites label { 
	width: 150px; 
	font-size: 16px;
	padding-top: 7px; }	
	
#actualites fieldset.radioBouton label { 
	width: 140px;
	text-align: right;
	padding-top: 0;
	padding-right: 10px; }	
	
#actualites fieldset label.labelRight { 
	width: 140px;
	padding-right: 10px; }
	
#wrapper-proposition .captcha label,
#actualites .captcha label,
#actualites label.nlPlus { width: 100%; }

#actualites label.message_alert { 
	width: 100%;
	margin: 0;
	padding: 0;
	color: red; }
	
#actualites label.message_ok { 
 width: 100%;
 margin: 0;
 padding: 0;
 color: #222527; }	

#actualites input[type=radio] { width: 20px; border: 0; }

#wrapper-proposition .captcha img,
#actualites .captcha img { margin-right: 20px; }

#wrapper-proposition input[type=button],#actualites input[type=button] {
	float: right; margin-right: 80px; 
	width: 165px;
	height: 47px;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url(../images/bt-submit-commentaire.png) no-repeat; }
	
/*#actualites input[type=submit] {
	float: right; margin-right: 80px; 
	width: 101px;
	height: 28px;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url(../images/bt-form-valider.png) no-repeat; }*/
	
	
#wrapper-proposition .erreur,#actualites .erreur { color:red; }	

#wrapper-proposition  #Lcaptcha a,#actualites  #Lcaptcha a {
	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; }
 		
/*  Footer
-------------------------------------------------------*/		 		
#wrapper-footer { 
	border-top: 1px dotted #999; }
	
	#footer { 
		padding: 10px 0 40px 0;
		font-size: 11px; }
		 
		 .liensFooter { float: right; }