/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
   
::-moz-selection {
    background: #CCC;
    text-shadow: none;
}

::selection {
    background: #CCC;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*! Reset */
/*-------------------------------------------------------*/

html { overflow-x: hidden; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p,
ul,
ul li,
dl, dt, dd,
em,
blockquote,
table,
tbody, 
tfoot, 
thead, 
tr, 
th, 
td,
fieldset,
b, 
.bold {
	border: 0;
	margin: 0; 
	padding: 0;
	list-style: none;
/* 	font-style: normal; */
	font-weight: normal;
}


a,
a:hover,
a:focus,
a:active { 
	text-decoration: none;
	outline: 0; 
}

img { vertical-align: middle; }

/*! -- reset form */		
textarea, 
select, 
button,
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"] {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip:padding-box;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	
	-webkit-appearance:none;
	
	background-color:#fff;
	color:#000;
	outline:0;
	margin:0;
	padding:0;
	text-align: left;
	
	vertical-align: middle;

}

textarea { resize: vertical; }
input,
textarea { border: 0; }



/*! TYPO */
/*-------------------------------------------------------*/
	html { font-size: 62.5%; }
	
	body {
		font-family: Georgia, Arial, sans-serif;
		font-size: 14px; font-size: 1.4rem;
		line-height: 18px; line-height: 1.8rem;
	}
	
	h1, .h1,
	h2, .h2,
	h3, .h3 {
		text-transform: uppercase;
	}
	
	h1, .h1,
	h2, .h2 {
		font-family: 'brandon_grotesqueblack', sans-serif;
	}
	h3, .h3 {
		font-family: 'brandon_grotesquebold', sans-serif;
		font-size: 17px; font-size: 1.7rem;
	}
		
	h4, .h4 {
		font-family: 'brandon_grotesque_regularRg', sans-serif;
		font-size: 18px; font-size: 1.8rem;
	}
	
		
/* -- fin base typo -- */


	.background-image  .article-inner h2,
	.page-liste article h1,
	.form-commentaires input[type=text],
	.form-commentaires textarea			{ font-family: Georgia, Arial, sans-serif; }
	
	.articles-commentaires p		{ font-family: Arial, sans-serif; }

	.jours-restant,
	.ch-chiffre 					{ font-family: 'brandon_grotesquethin', sans-serif; }
	
	.note-precision,
	.ch-indices,
	.ch-min-max						{ font-family: 'brandon_grotesquelight'; }

	#navigation,
	#villes_navigation,
	.copyright,
	.article-inner h2,
	.date,
	.more-link,
	.all-articles,
	.aside-liste dd,
	.voir-graph,
	.aside_bilan,
	.more,
	.rappel-precision,
	.page-liste article h2,
	.graph figcaption,
	.graph .figcaption,
	p.LegendeGraphique,
	.select-liste ul,
	#navigation_glosaire,
	.table-chiffrage h2,
	.table-chiffrage h3,
	.icon-theme,
	.select-chiffrage,
	.table-chiffrage,
	#header-proposition,
	.nav_page,
	.article-autre .nom-candidat,
	#proposition aside 				{ font-family: 'brandon_grotesque_regularRg', sans-serif; }
	
	.retour,
	.submit							{ font-family: 'brandon_grotesqueRgIt', sans-serif; }
	
	nav,
	.aside-liste dt,
	#villes_sections,
	.select-liste > li > a,
	.select-liste > li li a:hover,
	.select-chiffrage a:hover,
	.select-chiffrage a.select,
	.table-themes a:hover,
	.table-themes a.select	 		{ font-family: 'brandon_grotesquebold', sans-serif; }
	
	#navigation_footer .villes,
	#navigation_footer .rubriques,
	.candidat figcaption			{ font-family: 'brandon_grotesquebold_italic', sans-serif; }
	
	.share,
	.nom,
	.aside-liste dt:before,
	.n-section,
	.n-item,
	#link_villes_wrapper a,
	.pagination,
	.page-liste.demarche article h1,
	.page-liste.documents article h1,
	.page-liste.medias article h1,
	#navigation a:hover,
	#navigation a.select,
	#villes_navigation a:hover,
	#villes_navigation a.select,
	#navigation_glosaire .select	{ font-family: 'brandon_grotesqueblack', sans-serif; }
		
	
	
	.jours-restant 					{ font-size: 90px; font-size: 9rem; }
	
	.rappel-chiffre	.ch-chiffre,
	.articles-proposition blockquote:before,
	.articles-proposition blockquote p:last-child:after		{ font-size: 86px; font-size: 8.6rem;}
	
	.col-chiffrage .ch-chiffre		{ font-size: 60px; font-size: 6rem;}
	
	.gros-titre h1 					{ font-size: 48px; font-size: 4.8rem; }
	 
	 .page-candidat article em,
	 .page-liste .content-header > h1 { font-size: 30px; font-size: 3rem;}

	.n-section						{ font-size: 37px; font-size: 3.7rem; }	
	
	.page-candidat h1,
	.glossaire #content section h2,
	#header-proposition h1			{ font-size: 34px; font-size: 3.4rem; }
	
	.note-precision span,
	.cartel-candidat .ch-indices > span	{ font-size: 30px; font-size: 3rem; }

	.article-header + section em,
	.ch-indices	span				{ font-size: 26px; font-size: 2.6rem; }	

	.article-inner h1,
	.gros-titre h2,
	.header-section em,
	.n-item,
	.page-liste article h1,
	.page-proposition h1,
	.content-header .cartel-candidat h2,
	.ch-min-max					 	{ font-size: 24px; font-size: 2.4rem; }	
	
	.table-chiffrage h1				{ font-size: 22px; font-size: 2.2rem; margin-bottom:5px;}
	
	.content-header h2,
	.aside-liste .titre,
	form .titre,
	.nav-bilan-sections h2,
	#navigation_glosaire,
	.page-candidat article .titre,
	.note-precision,
	#header-proposition	> .icon-theme,
	#header-proposition	> .date		 { font-size: 20px; font-size: 2rem; }
		
	.candidat figcaption,
	.voir-graph,
	.aside_bilan,
	.article-header + section,
	.sommaire-item,	
	#link_villes_wrapper a,
	.select-liste ul,
	a.retour,
	.select-liste > li > a,
	.table-chiffrage h2,
	.cartel-candidat .ch-indices,
	.rappel-chiffre	.ch-type,
	#proposition article,
	.article-chiffrage,
	.form-commentaires input[type=text] { font-size: 18px; font-size: 1.8rem; }
		
	#villes_sections 				{ font-size: 17px; font-size: 1.7rem; }

	#villes_navigation,
	.aside-liste,
	.more-link,
	.all-articles,
	.aside-liste dt,
	.more,
	.graph figcaption,
	p.LegendeGraphique,
	.nav_page,
	.form-commentaires label,
	.submit							{ font-size: 16px; font-size: 1.6rem; }
	
	.ch-chiffre:before				{ font-size: 20px; font-size: 2rem; }
	
	.aside-liste dt:before,
	.nom				 			{ font-size: 15px; font-size: 1.5rem; }

	.article-inner h2,
	.date,
	#navigation_footer .villes,
	#navigation_footer .rubriques,
	.share,
	.doc-type,
	.page-liste article h2,
	.table-chiffrage h3,
	.select-chiffrage,
	.icon-theme,
	.ch-type,
	.ch-indices,
	.ch-min-max abbr,
	#Lcaptcha				{ font-size: 14px; font-size: 1.4rem; }
		
	.nav-bilan-sections,
	.form-commentaires textarea		{ font-size: 13px; font-size: 1.3rem; }

	#navigation,
	.aside-liste dd,
	.copyright,
	.row2,
	.articles-commentaires p	{ font-size: 12px; font-size: 1.2rem; }
	
	.ch-min-max:before	 	{ font-size: 15px; font-size: 1.5rem; }
	
	nav,
	.share,
	.candidat figcaption,
	.nom,
	.aside-liste dd,
	#villes_sections,
	#link_villes_wrapper a,
	.select-liste ul,
	.copyright,
	.ch-type						{ text-transform: uppercase; }
	
	.background-image  .article-inner h2 { text-transform: capitalize; font-style:italic; font-size: 20px; font-weight:normal; font-size: 2rem;  padding-bottom:10px; }
	.background-image  .article-inner h1 {  font-size: 36px; font-size: 3.6rem;  margin-bottom:10px; }
	
	.page-liste.article article h1 	{ text-transform: none;  font-style: italic; }
	
	.gros-titre h2,
	#aside .titre,
	#aside_right .titre,
	form .titre 					{ font-weight: bold; text-transform: none; }	
	
	.table-chiffrage h2				{ text-transform: none; }
	
	.page-liste .article-inner 		{ font-style: normal; }
	
	
	.page-candidat em,
	.page-candidat article .titre,
	.page-candidat .note-precision,
	.articles-proposition blockquote  { font-style:italic; }
	
	
	
	.article-inner.edito { font-style: italic; font-size:16px; font-size:1.6rem; line-height: 2.2rem;  line-height: 22px;}
	
	#header-proposition h1			{ line-height: 34px; line-height: 3.4rem;}
	
	.article-header + section em	{ line-height: 32px; line-height: 3.2rem;}
	 
	.page-liste article h1			{ line-height: 28px; line-height: 2.8rem; }
	 
	.article-inner h1,
	.header-section em,
	.table-chiffrage h1				{ line-height: 26px; line-height: 2.6rem; }
	 
	.article-header + section,
	.sommaire-item,
	.page-candidat article .titre,
	.note-precision,
	.page-proposition h1,
	.cartel-candidat h2				{ line-height: 24px; line-height: 2.4rem; }
	
	
	
	.table-chiffrage h2,
	.table-chiffrage h3,
	#proposition article,
	.article-chiffrage,
	.articles-proposition blockquote { line-height: 22px; line-height: 2.2rem; }
	
	.nom,
	.form-commentaires label,
	.form-commentaires input[type=text],
	.form-commentaires textarea		{ line-height: 20px; line-height: 2rem; }
	
	.ch-fiabilite,
	.ch-cout				{ line-height: 12px; line-height: 1.2rem;}
	
		
	.article-detail, .article-detail div, .article-detail p, p {text-align:justify;}

/*! AGENCEMENT */
/*-------------------------------------------------------*/

body { padding-top: 12px; }

	.inner {
		position: relative;
		width: 980px;
		margin: 0 auto;
	}
	
	.article-header { position: relative; }
	
	.date { display: inline-block; }
	
	em {
		display: block;
		width: auto; 
		padding: 50px;
		text-align: center;
	}


	.article-inner p a { text-decoration: underline; }

	
/*!-- header --*/
	
	#header { 
		position: relative;
		text-align: center; 
	}
	
		#logo { margin-bottom: 10px; }
		
		#page-header {
			position: relative;
			height: 410px;
		}
		#page-header.small-header 	{ height: 276px; }
		.rubrique	 #page-header		{ height: 34px; }
	
			#navigation { 
				height: 46px;
				line-height: 46px; line-height: 4.6rem;
			}
			
			#navigation li { padding: 0 9px; }
		
			#search {
				padding-left: 19px;
				margin-left: 71px;
				line-height: 25px; line-height: 2.5rem;
				border-left: 1px solid
			}	
				
			#search input {
				width: 165px;
				border-bottom: 1px solid;
				height: 25px;
			}
			
			#bt-search-valid {
				width: 25px;
				height: 25px;
				background: url(../img/ic-search.png) no-repeat right center;
				border: 0;
				text-indent: -9999px; 
				border-bottom: 1px solid;
			}
	
	
		
	
/*!-- main --*/	

	#villes_navigation {
		position: absolute; left: 0; top: 0; right: 0;
		text-align: center; 
		line-height: 34px; 
		background: url(../img/page-header-ombre.png) repeat-x left bottom;
		z-index: 200;
	}
	
		#villes_navigation li { padding: 0 7px; } 
		
			#prev, 
			#next {
				position: relative; top: 3px; 
				display: inline-block; 
				width: 14px;
				height: 27px;
				text-indent: -9999px;
				background-repeat: no-repeat;
				background-position: center top;
			}
			#prev:hover, 
			#next:hover { background-position: center bottom; }
			#prev { background-image: url(../img/navigation_villes-prev.png); }
			#next { background-image: url(../img/navigation_villes-next.png); }
			
			.rubrique #villes_navigation #prev,
			.rubrique #villes_navigation #next { display: none; }
	
	#content { 
		float: left;
		width: 816px
	} 
	.home #content { width: 640px; }
	
		.content-header { position: relative; }
	
		.home .content-header {
			line-height: 79px; line-height: 7.9rem;
			border-bottom: 1px solid;
		}
		
		/* .home .content-header > * { display: inline-block; } */
		
		.page-ville .content-header,
		#villes_sections li,
		#villes_sections a {
			line-height: 58px; line-height: 5.8rem;
		}
		
			#villes_sections {
				width: 100%;
			}
			
				#villes_sections li { 
					display: block; 
					float: left;
					width: 25%;
					/* width: 33.33%; */
				}				
				#villes_sections a {
					display: block;
					width: 99.9%;
					text-align: center;
					border-right: 1px solid;
				}
				#villes_sections li:first-child a {
				    border-left: 1px solid;
				}	
					
		#content > article {
			position: relative;
			padding: 30px 0 30px;
		}
		.home #content > article { 
			padding-left: 35px; 
			border-bottom: 1px solid;
		}
		#content > .retour + article { padding-top: 0; }
		
			.retour { line-height: 68px; line-height: 6.8rem;}
		
			.page-ville.bilan article > h1 {
				text-align: center;
				line-height: 32px; line-height: 3.2rem;
				margin-bottom: 34px;
			}
			
			.page-ville .article-header {
				line-height: 175px; line-height: 17.5rem;
				text-align: center;
				border-top: 1px solid;
				border-bottom: 1px solid;
			}
			
			.article-header > h1 { 
				display: inline-block; 
				line-height: 30px; line-height: 3rem;
				vertical-align: middle;
			}
				.article-header > h1 img { margin-bottom: 25px; }
			
			.article-header > a { position: absolute; }
			
			article section { margin-bottom: 45px; }
			
			article section p { margin-bottom: 24px; }
			
			article section ul li { list-style-type: disc; }
			article section ul  { margin-left:60px; }
			
			article  ul  { clear:both; }
			
			article section a { text-decoration:underline; color:#104778;}
			
			article section + section { border-top: 1px solid; }
			
				.page-ville em { padding: 40px 50px 10px 50px; }
				
				.header-section { position: relative; }
				
					.page-ville  .header-section em { 
						padding-left: 145px;
						padding-right: 145px;
					}
					
					.n-section {
						position: absolute; left: 40px; top: 50%;
						display: block;
						margin-top: -24px;
						width: 48px;
						height: 48px;
						line-height: 48px; line-height: 4.8rem;
						text-align: center;
						background: url(../img/nb-section-pastille.png) no-repeat center center;
					}
					
				.voir-graph {
					position: absolute; 
					margin-top: -30px;
					display: block;
					width: auto;
					text-align: center;
					line-height: 16px; line-height: 1.6rem;
				}
				a.voir-graph, a.aside_bilan {
					text-decoration:none;
					color:#000000;
				}
				a.voir-graph:hover,  a.aside_bilan:hover {
					text-decoration:underline;
				}
				.article-header .voir-graph { top: 63%;right: 55px; }
				.header-section .voir-graph { top: 50%; right: 0; }
				
					.voir-graph img {
						margin-bottom: 14px; 
					}
			
				.bilan-prev,
				.bilan-next { 
					top: 50%;
					width: 14px; 
					height: 27px;
					margin-top: -13px;
					text-indent: -9999px;
					background-repeat: repeat;
					background-position: center center;
				}
				.bilan-prev {
					left: 0;
					background-image: url(../img/bilan-prev.png);
				}
				.bilan-next {
					right: 0;
					background-image: url(../img/bilan-next.png);
				}
				
				
				.sommaire {
					padding: 0 0px;
					height: auto;
					border-top: 3px solid;
					border-bottom: 3px solid;
				}
				
					.sommaire-item {
						float: left; 
						width: 180px; 
						padding: 28px 10px;
						text-align: center;
						font-style:italic;
						
						
					}
					.sommaire-item a {
						color:#5d6e7e;
					}
					.sommaire-item a:hover {
						text-decoration:underline;
					}

					
						.n-item {
							font-style:normal;
							display: inline-block;
							width: 31px;
							height: 31px;
							margin-bottom:10px;
							line-height: 31px; line-height: 3.1rem;
							text-align: center;
							background: url(../img/sommaire-item-pastille.png) no-repeat center center;
						}
					
	
	#aside,
	#aside_right {
		float: right;
		width: 300px; 
		height:100%;
		margin-right: -180px;
		padding-left: 0;
		padding-top:30px;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;	}
	
	.home #aside { margin-right: 0;}
	
	#aside.moveleft {
		position: absolute;
		right: 0;
		margin-right: 0;
		padding-left: 30px;
		background: url(../img/aside-backgound-moveleft.png) repeat-y;
	}
	
	.home #aside.moveleft { background: none; }
		
		#aside > div,
		#aside_right > div { margin-bottom: 32px; }
		#aside > div + div,
		#aside_right > div + div {
			padding-top: 32px;
			border-top: 1px solid;
		}
		
	
	
		#rebours {
			width: 300px;
			height: 283px;
			line-height: 320px; line-height: 32rem;
			text-align: center;
			background: url(../img/aside-rebours.png) no-repeat center center; 
		}
		
			.jours-restant {
				display: inline-block;
				vertical-align: middle; 
				line-height: 90px; line-height: 9rem;
			}
	
	
		#aside-slide,
		#aside-slide .cycle-slideshow {
			width: 100%;
			height: 230px;
		}
		
		
		
			#aside-slide .cycle-prev,
			#aside-slide .cycle-next {
				position: absolute; top: 50%;
				width: 9px;
				height: 17px;
				margin-top: -8px;
				text-indent: -9999px;
				background-repeat: no-repeat;
				background-position: center top;
				z-index: 200;
				cursor: pointer;
			}
			#aside-slide .cycle-prev:hover,
			#aside-slide .cycle-next:hover { background-position: center bottom; }
			#aside-slide .cycle-prev {
				left: 7px; 
				background-image: url(../img/aside-slide-prev.png); 
			}
			#aside-slide .cycle-next { 
				right: 7px;
				background-image: url(../img/aside-slide-next.png); 
			}
			
		.aside-liste li,
		.aside-liste .titre  { 
			display: block;
			width: 100%;
			padding-bottom: 16px; 
			text-align: left; 
		}
		.aside-liste .date { margin: 0; padding: 0; }
		
		
		.aside-liste dl { 
			counter-reset: prop-counter; 
			text-align: left;
		}
		
		.aside-liste dt { position: relative; }
		
		.aside-liste dt,
		.aside-liste dd { padding-left: 32px; }
		
		dt { margin-top: 14px; }
		
		.aside-liste dt:before {
				content: counter(prop-counter);
				counter-increment: prop-counter;
				position: absolute;
				left: 0;
				top: 0;
				width: 20px;
				height: 20px;
				line-height: 20px; line-height: 2rem;
				text-align: center;
				background: url(../img/pagination-select.png) no-repeat left top;
			}
			

/*!-- footer--*/

	#footer {
		position: relative; 
	}
	
		.partenaires { 
			margin: 0 0 30px;
			text-align: center; 
		}
		.partenaires > .inner { border-top: 1px solid; }
		
			.partenaires h3 {
				display: block;
				width: 100%;
				text-align: left;
				line-height: 56px; line-height: 5.6rem;
			}
		
			.partenaires a { display: inline-block; }
			.partenaires a + a { margin-left: 23px; }
	
		.inner-wrapper { 
			position: relative;
			padding: 35px 0 40px; 
		}
	
			#footer .villes {
				padding-left: 210px;
				background: url(../img/carte-france-footer.png) no-repeat 0 12px;
			}
			
			#footer .rubriques {
				padding-left: 90px;
			}
		
			.copyright { text-align: center; }
			
			


/* --------- PAGES */

/* --- HOME --- */			
		
			.home .date {
				display: block;
				padding-left: 2px;
			}
			.home article .date { margin-bottom: 10px; }
			
			.article-inner .more-link { 
				display: block; 
				margin-top: 10px;
				opacity: .8;          
				filter: alpha(opacity=80);
			}
			
			.article-inner hgroup + * {
				margin-top: 12px;
				opacity: .8;          
				filter: alpha(opacity=80);
			}
			.article-inner:hover hgroup + *,
			.article-inner:hover .more-link {
				opacity: 1;          
				filter: alpha(opacity=100);
			}
				
				img.align-left { margin-right: 40px; }
				img.align-right { margin-left: 40px; }
				
			.background-image {
				width: auto;
				height: 122px;
				padding: 60px 60px 0 26px ;
				background-position: center center;
				background-repeat: no-repeat;
				overflow: hidden;
				text-align: center;
			}
				
			.gros-titre {
				line-height: 240px;
				padding: 0;
				height: 188px;
				text-align: center;
			}
			
			.gros-titre hgroup {
				display: inline-block;
				line-height: 50px; line-height: 5rem;;
			}


/* --- PAGE CANDIDAT --- */	

	.page-candidat article h1, 
	.page-candidat article h2, 
	.page-candidat article h3,
	#programme .date { text-align: center; }
	
	#programme .date { width: 100%; }
	
	.page-candidat h1 { padding-bottom: 16px; }
	.page-candidat h2 { padding: 33px 0;}
	.page-candidat h3 { padding: 15px 0;}
	
	.page-candidat h4 { padding-bottom: 24px; }
	
	.page-candidat .article-header {
		height: 210px;
		line-height: 210px;
		border-top: 3px solid;
		border-bottom: 3px solid;
	}
	
		.page-candidat .article-header > * {
			display: inline-block;
			vertical-align: middle; 
			line-height: 16px; line-height: 1.6rem;
		}
		
		.page-candidat .article-header .inner-content { margin-left: 36px; }
		.page-candidat .article-header .indices { margin-left: 35px; }
		.page-candidat .article-header .indices span { margin-right: 20px; }
	
		.page-candidat article section ul li > * { display: block; }
		
		#programme em { padding-top: 10px;}
		
		.rappel-precision	{ padding-bottom: 8px; }
			.note-precision { padding-right: 8px; }
		
		#reponse ul { margin-left: 40px; list-style-type: none;}
		#reponse ul li {list-style-type: none;}
		
		#discours li { margin-bottom: 20px; }
		
		

/* --- PAGE CHIFFRAGE --- */

	.select-chiffrage {
		line-height: 68px;
	}
	
	.select-chiffrage,
	.table-themes { border-bottom: 1px solid; }
	
	.puce-parti { position: relative; top: -1px; }
	
	.select-chiffrage a { margin: 0 24px 0 5px; }
	

	.table { 
		display: table;
		width: 100%; 
	}
	
		.table-themes { margin-bottom: 28px; }
		.table-themes { padding: 8px 0 10px; }
			
		.table-themes li { 
			display: table-row; 
			width: 100%;
		}
		
			.table-themes li a { display: table-cell; }
		
		.table-chiffrage li {
			display: block; }
		
		.table-chiffrage li + li {
			padding: 15px 0;
			border-bottom: 1px solid;
		}
		
		.tri-chiffrage { line-height: 45px; }
		
			.tri-chiffrage .col > span {
				display: inline-block; 
				width: auto;
				line-height: 12px; 
				vertical-align: middle;
				text-align: center;
			}
			.tri-chiffrage .col3 > span { width: 80%; }
			.tri-chiffrage .col4 > span { width: 70%; }
			
			.tri-order {
				display: inline-block; 
				width: 7px;
				line-height: 12px; 
				vertical-align: middle;
				text-align: center;
			}
			.tri-chiffrage .col1 .tri-order { padding: 0 12px 0 18px; }
			.tri-chiffrage .col2 .tri-order { padding: 0 12px 0 0;  }
			
				.tri-order a {
					display: block;
					width: 7px;
					height: 8px;
					text-indent: -9999px;
					background-repeat: no-repeat;
					background-position: left top;
					-khtml-opacity: 0.3;    
					-moz-opacity: 0.3;     
					opacity: 0.3;          
					filter: alpha(opacity=30);
				}
				.tri-order a.select {
					-khtml-opacity: 1;    
					-moz-opacity: 1;     
					opacity: 1;          
					filter: alpha(opacity=100);
				}
				.tri-order a + a { margin-top: 3px; }
				
				.bt-asc {background-image:url(../img/tri-arrow-up.png); }
				.bt-desc {background-image:url(../img/tri-arrow-down.png); }
	
			.col { 
				display: table-cell;
				vertical-align: middle;
			}
			.col1	{ width: 475px; }
			.col2	{ width: 225px; }
			.col3	{ width: 69px; border-left: 1px solid; }
			.col4	{ width: 45px; }
			
			
				.row1 {
					text-align: center;
					border-bottom: 1px solid;
				}
					.row1 span {
						position: relative;
						display: inline-block; 
					}
						
				.row2 td { 
					width: 50%; 
					padding-top: 10px; 
				}
				
					.row2 td > span {
						display: table-cell;
						vertical-align: middle;
					}
					.row2 td > span + span { padding-left: 0px; }
					
			.col-chiffrage {
				margin-right: 28px; 
			}
				
				.ch-chiffre { line-height: 60px; line-height: 6rem;}	
				.ch-chiffre:before {
					display: block;
					position: absolute; bottom: 6px; right: -40px;
					content: 'M€';
					padding: 0 5px;
					line-height: 20px; line-height: 2rem;
				}
				
				.ch-chiffre.mds:before {
					content: 'Md€';
					right: -50px;
				}
				
				.rappel-chiffre .ch-chiffre:before { bottom: 0; right: -35px;}
				.rappel-chiffre .ch-chiffre.mds:before {
					right: -40px;
				}
			
			.etoiles { 
				display: block; 
				margin: 0 auto; 
			}
			.etoiles img { max-width: 100%; }	
				
			.table-chiffrage .etoiles { width: 54px; }
			
			.bulle-avis {
				display: block;
				position: relative; top: 4px;
				width: 35px;
				height: 30px;
				margin: 0 auto;
				text-align: center;
				line-height: 26px;
				background: url(../img/bulle-avis.png) no-repeat center center;
			}
			
	.nom-candidat { 
		padding-left: 17px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.icon-theme:before {
		display: inline-block;
		position: relative; top: 4px;
		content: '';
		width: 25px;
		height: 25px;
		margin-right: 5px;
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	.icon-theme-all			{ background-image: url(../img/icon-theme-all.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-securite	{ background-image: url(../img/icon-theme-securite.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-logement	{ background-image: url(../img/icon-theme-logement.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-projets	 	{ background-image: url(../img/icon-theme-projets.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-enfance	 	{ background-image: url(../img/icon-theme-enfance.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-solidarite	{ background-image: url(../img/icon-theme-solidarite.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-transport 	{ background-image: url(../img/icon-theme-transport.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-fiscalite 	{ background-image: url(../img/icon-theme-fiscalite.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-espaces	 	{ background-image: url(../img/icon-theme-espaces.png);background-repeat: no-repeat;opacity:0.7;}
	.icon-theme-moyen	 	{ background-image: url(../img/icon-theme-moyen.png);background-repeat: no-repeat;opacity:0.7;}
	
	.icon-theme.select		{opacity:1; }
	
	.icon-cout:before {
		display: inline-block;
		position: relative; top: 4px;
		content: '';
		width: 20px;
		height: 23px;
		margin-right: 0px;
		background-position: right center;
		background-repeat: no-repeat;
	}
		
			
			
/* --- PAGE PROPOSITION --- */
				
	.page-proposition #content { width: 980px; }
	
	.page-proposition #content-header { width: 100%; }
	
	.page-proposition #aside,
	.page-proposition #aside_right,
	#proposition aside,
	#proposition #aside_right {
		width: 260px;
		margin: 0;
	}
			
	.nav_page { line-height: 60px; }
	
		.nav_page li { 
			float: left;
			width: 33%;
		}
		.nav_page li + li 		{ text-align: center; }
		.nav_page li + li + li	{ text-align: right; }
	
	#header-proposition {
		padding: 14px 0 16px;
		border-top: 3px solid;
		border-bottom: 3px solid;

	}
	
		#header-proposition .date { float: right; }
		
		#header-proposition h1 { padding: 30px 0; 	width:800px;
		margin-left:auto;
		margin-right:auto;}
		
		.cartel-candidat { width: 45%; }
		
			.cartel-candidat figure {
				width: 105px;
				height: 105px;
				margin-right: 14px;
			}
				.cartel-candidat figure img { max-width: 100%; }
				
			.cartel-candidat h2 { margin-top: 10px; margin-bottom:10px; }
			
		.rappel-chiffre { display: table; height: 110px;}
		
			.rappel-chiffre > * { 
				display: table-cell; 
				vertical-align: middle;
			}
			
			.rappel-chiffre > li span { 
				display: inline-block; 
				position: relative;
			}
			.rappel-chiffre > li > div > span { 
				display: table-cell; 
				vertical-align: middle;
			}
			
			.rappel-chiffre > li { 
				width: 180px; 
				text-align: center;
			}
			.rappel-chiffre > li + li { width: 140px; padding-right:35px;}
			.rappel-chiffre > li + li +li { 
				width: 130px;
				text-align: left; 
			}
			
			.row > * { 
				display: block;
				width: 85%;
				/* height: 50%; */
				padding-top: 10px;
			}
			
			.rappel-chiffre	.ch-type { padding-bottom: 10px; }
			
			
			.ch-min-max abbr { margin-right: 5px; }
			
			
			.ch-min-max:before { 
				display: block;
				position: absolute; bottom: 0px; right: -16px;
				content: 'M€';
				padding: 0 5px;
				line-height: 16px; line-height: 1.6rem;
			}
			.ch-min-max.ch-max:before { bottom: 10px; }
			
			.ch-min-max.mds:before {
				content: 'Md€';
				right: -22px;
			}

			
			.row .ch-max {
				padding-bottom: 10px;
				border-bottom: 1px solid;
			}
			
			li .ch-indices,
			li .icon-cout	{ width: 70px; }
			
			li .ch-indices	{ width: 70px; }
			
			
			li .ch-fiabilite,
			li .ch-cout	{ width: 125px; padding-left:10px;}
			
			.cartel-candidat .ch-indices { margin-right: 5px; }

	
	#proposition { 
		display: table;
		padding-bottom: 30px;
		/*border-bottom: 1px solid;*/
	}
		#proposition > * { display: table-cell; }
	
	.aside-proposition {
		border-top: 1px solid;
	}
			
		 #proposition > article,
		.articles-proposition,
		.articles-commentaires	{ width: 640px; }
		
		.articles-proposition a {
			text-decoration:underline;
		}
		.article-autre a {
			text-decoration:none;
		}
		.articles-proposition article { padding-bottom: 30px; }
	
		.articles-proposition article + article {
			border-top: 1px solid;
		}
		.articles-proposition article.fond-gris { 
			border: 0 none; 
			padding: 0 40px 40px;
		}
		.articles-proposition  ul  {
			margin-left:25px;
		}
		.articles-proposition  ul li {
			padding-top:20px;
			list-style: disc;
			text-align: justify;
		}
		
		.article-autre ul {
			margin:0px;
		}
		.article-autre ul li{
			padding:0px;
			list-style: none;
			margin-bottom:20px;
		}
		.article-autre ul li:before{
			content:none;
		}
		
		.page-proposition h1 {
			line-height: 86px;
			text-align: center;
		}	
				
		#proposition aside { 
			padding-left: 80px; 
		}
		
			#proposition .etoiles,
			#proposition .bulle-avis { 
				margin-top: 5px; 
				margin-bottom: 5px;
			}
		
		#proposition aside div { 
			display: table-cell;
			width: 130px;
			text-align: center;
		}
		
		.articles-proposition blockquote {
			margin-top:30px;
		}
		
		.articles-proposition blockquote,
		.articles-proposition cite {
			display: inline-block; 
			position: relative;
			margin-left: 40px;
			margin-right: 40px;
		}

		.articles-proposition blockquote:before {
			display: block;
			content: "\201C";
			position: absolute;
			left: -40px;
			top: 15px;
		}
		.articles-proposition blockquote p:last-child:after {
			content: '\201D';
			display: inline-block;
			position: absolute;
			bottom: -29px;
		}
		.lt-ie9 .articles-proposition blockquote p:last-child {
			zoom: 1;
		}

		
		.articles-proposition cite { margin-top: 30px; }
				
		.icon-avis:before {
			display: inline-block;
			content: url(../img/bulle-avis-small.png);
			position: relative; top: 5px;
			margin-right: 5px;
			width: 18px;
			height: 15px;
		}
		.titre.icon-avis:before { top: 3px; }
		
		.articles-commentaires > ul { 
			border-bottom: 1px solid; 
			padding-bottom: 50px;
		}
		
		.articles-commentaires li + li { padding-top: 38px; }
		
			.articles-commentaires p { padding-left: 40px; }
					
		.form-commentaires { padding: 50px 0; }
		aside .form-commentaires { padding-top: 0; }
		
			.form-commentaires fieldset { 
				max-width: 378px;
				margin: 0 auto;
				text-align: center;
			}
			
				.form-commentaires label,
				.form-commentaires input[type=text],
				.form-commentaires textarea {
					display: block;
					width: 98%;
					text-align: left;
				}
				
				.form-commentaires label {
					padding: 24px 0 3px;
				}
				
				.form-commentaires input[type=text],
				.form-commentaires textarea { 
					border: 1px solid; 
					padding: 5px;
				}
				
				.form-commentaires input[type=text] { 
					height: 30px;
					line-height: 30px;
				}
				
				#captcha,
				#code {
					display: inline-block;
				}
				#code { 
					width: 40%; 
					margin: 0 10px;
				}
				a.bRadAll { 
					display: block;
					margin: 10px 0 0 -50%;
				}
				
				.form-commentaires input[type=text]::-webkit-input-placeholder	{ color: #000; opacity: 1;}
				.form-commentaires input[type=text]:-moz-placeholder			{ color: #000; opacity: 1;}
				.form-commentaires input[type=text]::-moz-placeholder 	 		{ color: #000; opacity: 1;}
				.form-commentaires input[type=text]:-ms-input-placeholder 		{ color: #000; opacity: 1;}
				.form-commentaires textarea::-webkit-input-placeholder	{ color: #000; opacity: 1;}
				.form-commentaires textarea:-moz-placeholder			{ color: #000; opacity: 1;}
				.form-commentaires textarea::-moz-placeholder 	 		{ color: #000; opacity: 1;}
				.form-commentaires textarea:-ms-input-placeholder 		{ color: #000; opacity: 1;}

				
				.submit {
					height: 30px;
					line-height: 30px;
					padding: 0 30px 0 50px;
					margin-top: 28px; 
					background: url(../img/bulle-avis-white.png) 16px center no-repeat;
				}
	

/* --- PAGE BILAN --- */

	.infographie {
		margin-bottom: 25px;
	}

	.graph {
		position: relative;
		float: left;
		width: 49%;
		display:none
	}
	
	.graph + .graph + * {
		clear: both;
	}
		.graph figcaption, p.LegendeGraphique {
			display: inline-block;
			padding: 25px 30px 25px 70px;
			background: url(../img/ic-voir-grap.png) no-repeat 20px 28px;
			font-weight:bold;
		}
		
		
	.graph.mono { 
		width: 100%;
		height: auto; 
		float: none;
	}
	
		.graph.mono a > img		{ max-width: 49%; }
		.graph.mono figcaption	{
			position: relative;
			max-width: 300px; 
		}


/* --- PAGE LISTES --- */	

	.page-liste .content-header	> h1 { 
		text-align: center;
		padding: 25px 0; 
		border-bottom: 1px solid;
	}

	.content-header	> h1 img { margin-bottom: 25px; }

	.page-liste .select-categories {
		height: 25px; 
		margin-top: 22px; 
	}
	.page-liste.rubrique .select-categories { 
		padding-bottom: 15px;
		border-bottom: 1px solid; 
	}

	.page-liste.medias .content-header { margin-bottom: 25px; }
	
	.page-liste article { border-bottom: 1px solid; }
	
	.page-liste.article article { border: none; }
	.page-liste.article article + article { border-top: 1px solid; }

	.page-liste article h1 { text-align: left; }
	.page-liste.demarche article h1,
	.page-liste.article article h1 { text-align: center; }
		
	.page-liste .article-inner { margin: 6px 0 12px; }
	.page-liste.demarche .article-inner,
	.page-liste.article .article-inner { margin-top: 30px; }
	
	.page-liste img.align-left { margin-right: 10px; }
	
	
	.article-partenaires-medias .article-inner {
		line-height: 60px; line-height: 6rem;
	}
	.article-partenaires-medias .article-inner a + a { margin-left: 25px; }


/* --- PAGE COMPRENDRE --- */	

	.comprendre #content { 
		width: 100%; 
		padding-bottom: 100px;
	}
	.comprendre #content > * {
		display: block;
		float: left; 
		width: 50%;
		text-align: center; 
	}
	
	.comprendre #content .large { width: 100%; }
	
	.page-liste.comprendre #aside-slide,
	.page-liste.comprendre #aside-slide .cycle-slideshow,
	.page-liste.comprendre .content-header { height: 280px; }
	
	.page-liste.comprendre .content-header h1 {
		line-height: 30px; line-height: 3rem;
		border-bottom: 0;
		margin-top: 30px;
	}


/* --- PAGE ARTICLE --- */

	.article .content-header { border-bottom: 1px solid; }
	
	
/*!-- PAGE GLOSSAIRE --*/	

	#navigation_glosaire { 
		text-align: center; 
		padding: 35px 0;
		border-bottom: 1px solid;
	}
	
	#navigation_glosaire a + a { margin-left: 10px; }
	
	.glossaire #content article { 
		border-bottom: 0 none;
		padding-bottom: 24px; 
	}
	
	/*.glossaire #content .article-inner { font-style: italic; }*/
	
	.glossaire #content section + section  {
		border-top: 1px solid;
	}
	
	.glossaire #content section h2 {
		display: block;
		width: 70px;
		height: 70px;
		text-align: center;
		margin: 0 auto;
		padding: 34px 0;
		line-height: 70px; line-height: 7rem;
		background: url(../img/pastille-70x70.png) no-repeat center center;
	}
	
	
	
	
/* --------- MODULES */

/*!-- tooltype */

	.hasTooltip {
		font-style: italic;
		border-bottom: 1px dotted #000;
	}
	
	.rappel-chiffre > li span.hidden-tooltip,
	.hidden-tooltip { display: none; }
	
	.tooltiptittle { 
		font-size: 18px; font-size: 1.8rem; 
	}
		.tooltiptittle:after {
			content: "";
			display: block;
			padding-bottom: 5px;
		}
		
	#header-proposition .hasTooltip,
	.col-chiffrage .hasTooltip { font-style: normal; border-bottom: 0;}

/*!-- carte --*/
	
	#carte			{ display: none; }
	.home #carte	{ display: block; } 
	
		#carte { 
			position: absolute; left: 50%; top: 40px;
			margin-left: -585px;
			z-index: 200;
			width:310px;
			height: 400px;
			background-repeat: no-repeat;
			background-position: left top;
			background-image: url(../img/carte-off.png);
			-webkit-transition: all 250ms ease;
			-moz-transition: all 250ms ease;
			-ms-transition: all 250ms ease;
			-o-transition: all 250ms ease;
			transition: all 250ms ease;
		}
		
		.imgmap {
			display: block;
			position: absolute; top: 0; left: 0;
			cursor: pointer;
		}
		
		.zone1 { width: 250px; height: 115px;}
		.zone2 { width: 210px; height: 235px;}
		.zone3 { width: 115px; height: 360px;}
		
		#carte.carte-on {
			width: 400px;
			margin-left: -490px;
			background-image: url(../img/carte-on.png);
			cursor: default;
		}
		
		
		#link_villes_wrapper a {
			display: block;
			position: absolute; 
			width: auto;
			height: 16px;
			text-indent: -9999px;
			padding-left: 22px; 
			cursor: pointer;
		}
		#link_villes_wrapper a:hover { text-indent: 0; }
		.l-bordeaux	  	{ left: 122px;	top: 271px; }
		.l-lille	  	{ left: 232px; 	top: 17px; 	}
		.l-lyon		  	{ left: 280px; 	top: 223px; }
		.l-marseille  	{ left: 303px; 	top: 346px; }
		.l-nantes	  	{ left: 90px; 	top: 161px; }
		.l-nice		  	{ left: 370px; 	top: 330px; }
		.l-paris	  	{ left: 225px; 	top: 93px; 	}
		.l-rennes		{ left: 80px; 	top: 120px; }
		.l-strasbourg 	{ left: 376px; 	top: 109px; }
		.l-toulouse	  	{ left: 184px; 	top: 323px; }

		
		.header-slideshow .inner {
			left: 0;
			-webkit-transition: all 250ms ease;
			-moz-transition: all 250ms ease;
			-ms-transition: all 250ms ease;
			-o-transition: all 250ms ease;
			transition: all 250ms ease;
		}
		.header-slideshow .inner-move { left: 400px; }
		.header-slideshow .inner-move .candidats-container {display:none;}
		
/*!-- navigations --*/

	nav li { display: inline-block; }
	
	#footer nav ul { float: left; }
	
	#footer nav li { display: block; }
	
	#footer .villes,
	#footer .rubriques {
		line-height: 24px; line-height: 2.4rem;
	}
	
/*!-- select-liste --*/	

	.liste-wrapper {
		width: auto; 
		line-height: 25px; line-height: 2.5rem;
	}

	.home .liste-wrapper {
		position: absolute; right: 0; top: 28px;
	}

	.select-liste {
		position: relative;
		display: inline-block;
		z-index: 1;
	}
		
		.select-liste a { 
			display: block; 
		}
		
		.select-liste > li,  
		.select-liste > li li {  
		    position: relative;  
		    display:block;	
		}  
		    
		.select-liste > li {
			padding: 0 15px 0 0;
			background: url(../img/liste-select-arrow.png) no-repeat right center;
		}   
		
		.select-liste > li li {
			
			min-width: 180px;
		}
		
		.select-liste ul {  
		    position: absolute;  
		    top: 24px; left:0;  
		    width: auto;
		    padding: 10px 0;
		    display: none;
		    border: 1px solid;
		}  

		.select-liste > li:hover ul { display: block; }
		
		.select-liste > li li a { 
			padding: 0 28px; 
			line-height: 30px; line-height: 3rem;
		}
		
		.select-liste > li li a:hover,
		.select-liste > li li a.select {
			background: url(../img/bilan-next.png) no-repeat 8px center;
		}
		

/*!-- editeur --*/
	.editeur { 
		position: absolute; left: 0; top: 0; 
		text-align: left;
	}
	
	#header .editeur li + li { margin-top: 9px; }
	
	#footer .editeur {
		left: 570px; top: 50px; margin-bottom:20px;
		border-bottom:1px solid #cccccc;
	}
	#footer .editeur li { display: inline-block; }
	#footer .editeur li + li { padding-left: 36px; }
	
	
	
/*!-- liensexternes --*/



/*!-- share --*/		
	.share {
		position: absolute; top: 0; right: 0;
	}
	
	#footer .share {
		left: 570px; 
	}
		.share li {
			float: left; 
			line-height: 26px; line-height: 2.6rem;
		}
		
			.ic {
				display: inline-block;
				width: 26px;
				height: 26px;
				text-indent: -9999px;
				margin-left: 9px;
				background-repeat: no-repeat;
				background-position: center center;
			}
			.ic-twitter 	{ background-image: url(../img/ic-twitter.png); }
			.ic-facebook	{ background-image: url(../img/ic-facebook.png); }
	
	.addthis_toolbox { position: absolute; top: 45px;	right: 0; }				
	
/*!--  cycle-slideshow --*/

	#page-header .cycle-slideshow {
		position: absolute; left: 0; top: 0; right: 0; 
		height: 410px; 
	}
	#page-header.small-header .cycle-slideshow { height: 276px; }

	
		#page-header .cycle-slideshow .inner {
			position: relative;
			
		}
		
			.ville-donnees,
			.candidats-container {
				width: 400px;
			}
			.ville-donnees { 
				position: absolute; left: 40px; top: 40px; 
				overflow: hidden; 
			}
			
			.candidats-container { 
				position: absolute; top: 85px; right: 40px; 
				text-align: center;
			}
			.home .ville-donnees { top: 85px; }
			
			.small-header .ville-donnees,
			.small-header .candidats-container { top: 65px; }
			.small-header .ville-donnees { height: 180px; }
			.small-header .candidats-container { right: 80px; }
			
			.candidat {
				display: inline-block; 
				width: 158px;
				text-align: center;
			}
			.candidat + .candidat { margin-left: 70px;}
			
			.candidat figure,
			.candidat figcaption { 
				position: relative; 
				width: 158px;
				height: 158px;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;
			}
			
			.small-header .candidat figure {
				width: 106px;
				height: 106px;
			}
				.candidat figure img {
					display: block;
					max-width: 100%;
				}
				
				
				.candidat figcaption {
					position: absolute; left: 0; top: 0;
					z-index: -1;
					text-align: center;
					line-height: 158px; line-height: 15.8rem;
					cursor: pointer;
					background-repeat: no-repeat;
					background-position: center center; 
				}
				
							
				
			.candidat.ps figcaption	{ background-image: url(../img/candidats-photo-fond-ps.png); }
			.candidat.ump figcaption	{ background-image: url(../img/candidats-photo-fond-ump.png); }
			.candidat.ump-u figcaption	{ background-image: url(../img/candidats-photo-fond-ump.png); }
			.candidat.udi figcaption	{ background-image: url(../img/candidats-photo-fond-udi.png); }
			.candidat figure:hover figcaption { z-index: 2; }
			
			
			
			.trois-candidats .candidats-container { right: -10px; width: 540px; }
				
			.trois-candidats .candidat figure,
			.trois-candidats .candidat figcaption {
				width: 142px;
				height: 142px;
			}
			
			.trois-candidats .candidat + .candidat { margin-left: 20px; }
			
			.trois-candidats .candidat figcaption { line-height: 142px; line-height: 14.2rem; }
			
			
			#page-header.small-header .trois-candidats .candidats-container { right: 40px; width: 500px; }
			
			#page-header.small-header .trois-candidats .candidat figure,
			#page-header.small-header .trois-candidats .candidat figcaption {
				width: 110px;
				height: 110px;
			}
			
			#page-header.small-header .trois-candidats .candidat + .candidat { margin-left: 0; }
			
			#page-header.small-header .trois-candidats .candidat figcaption { line-height: 110px; line-height: 11rem; }
			
			
			
			.trois-candidats .candidat.ps figcaption		{ background-image: url(../img/candidats-photo-fond-ps_142x142.png); }
			.trois-candidats .candidat.ump figcaption	{ background-image: url(../img/candidats-photo-fond-ump_142x142.png); }
			.trois-candidats .candidat.ump-u figcaption	{ background-image: url(../img/candidats-photo-fond-ump_142x142.png); }
			.trois-candidats .candidat.udi figcaption	{ background-image: url(../img/candidats-photo-fond-udi_142x142.png); }

			#page-header.small-header .trois-candidats .candidat.ps figcaption		{ background-image: url(../img/candidats-photo-fond-ps_110x110.png); }
			#page-header.small-header .trois-candidats .candidat.ump figcaption	{ background-image: url(../img/candidats-photo-fond-ump_110x110.png); }
			#page-header.small-header .trois-candidats .candidat.ump-u figcaption	{ background-image: url(../img/candidats-photo-fond-ump_110x110.png); }
			#page-header.small-header .trois-candidats .candidat.udi figcaption	{ background-image: url(../img/candidats-photo-fond-udi_110x110.png); }

			
			
				
				.small-header .candidat figcaption { display: none; }
				
					.candidat figcaption span {
						display: inline-block;
						line-height: 18px; line-height: 1.8rem;
						vertical-align: middle;
					}
						
			
			.nom { display: inline-block; }
			
			.candidat > * { margin-bottom: 10px; }
			
			.small-header .indices { display: none; }
	
		.cycle-slide { 
			width: 100%; 
			height: 100%;
		}
	
	
/*!-- pagination --*/

	.pagination {
		line-height: 85px; line-height: 8.5rem;
		text-align: center;
	}
		.pagination a { 
			display: inline-block; 
			width: 20px;
			height: 20px;
			line-height: 20px; line-height: 2rem;
			text-align: center;
		}
		.pagination a:hover,
		.pagination a.select { background: url(../img/pagination-select.png) no-repeat center center; }
	
	
		
/*! bilan-sections --*/

	.nav-bilan-sections { 
		text-align: center; 
		margin-bottom: 25px;
		padding-bottom:25px;
		border-bottom : 1px solid;
	}
	.nav-bilan-sections a {
		display: block;
		float: left;
		width: 145px;
		height: auto;
		text-align: center; 
	}
	.nav-bilan-sections a + a { margin-left: 22px; }
	
		.nav-bilan-sections hgroup {
			display: inline-block;
			width: 100%;
			height: 46px;
			line-height: 46px; line-height: 4.6rem;
			margin-top: 18px; 
		}
			.nav-bilan-sections hgroup h2 {
				display: inline-block;
				vertical-align: middle; 
				line-height: 20px; line-height: 2rem;
			}
			
			.nav-bilan-sections p { text-align: left; }
			
			
/*! icons --*/

	.select-categorie  a > span {
		display: inline-block;
		padding-left: 22px;
		line-height: 20px; line-height: 2rem;
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.home article {
		background-repeat: no-repeat;
		background-position: 10px 65px;
	}
	
	.home article.icon-chiffrage,
	.select-categorie  a.icon-chiffrage > span { background-image: url(../img/icon-chiffrage.png); }
	.home article.icon-bilan,
	.select-categorie  a.icon-bilan > span { background-image: url(../img/icon-bilan.png); }
	.home article.icon-comprendre,
	.select-categorie  a.icon-comprendre > span { background-image: url(../img/icon-comprendre.png); }
	.home article.icon-demarche,
	.select-categorie  a.icon-demarche > span { background-image: url(../img/icon-demarche.png); }
	.home article.icon-documents,
	.select-categorie  a.icon-documents > span { background-image: url(../img/icon-documents.png); }
	.home article.icon-medias,
	.select-categorie  a.icon-medias > span { background-image: url(../img/icon-medias.png); }
	
	
	#villes_sections a > span {
		display: inline-block; 
		position: relative;
	}
	
	#villes_sections a > span:before {
		display: inline-block;
		position: relative; top: 4px;
		content: '';
		width: 15px;
		height: 20px;
		margin-right: 10px;
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	#villes_sections .icon-chiffrage > span:before 			{ background-image: url(../img/icon-chiffrage.png); }
	#villes_sections .icon-chiffrage.select > span:before,
	#villes_sections .icon-chiffrage:hover > span:before 	{ background-image: url(../img/icon-chiffrage-on.png); }

	#villes_sections .icon-bilan > span:before 				{ background-image: url(../img/icon-bilan.png); }
	#villes_sections .icon-bilan.select > span:before,
	#villes_sections .icon-bilan:hover > span:before 		{ background-image: url(../img/icon-bilan-on.png); }
	
	#villes_sections .icon-documents > span:before 			{ background-image: url(../img/icon-documents.png); }
	#villes_sections .icon-documents.select > span:before,
	#villes_sections .icon-documents:hover > span:before 	{ background-image: url(../img/icon-documents-on.png); }
	
	#villes_sections .icon-medias > span:before 			{ background-image: url(../img/icon-medias.png); }
	#villes_sections .icon-medias.select > span:before,
	#villes_sections .icon-medias:hover > span:before 		{ background-image: url(../img/icon-medias-on.png); }
		

/*! COULEUR */
/*-------------------------------------------------------*/	

/*	background
	color
	border		*/
	
	#aside,
	#aside-right,
	.select-liste ul,
	#footer,
	.ch-chiffre:before,
	.ch-min-max:before 							{ background-color: #FFF; }
	
	#footer > section 							{ background-color: #3f3f3f; }
	
	#villes_sections a:hover,
	#villes_sections a.select 					{ background-color: #2a2a2a; }
	
	.rubrique #villes_navigation				{ background-color: #104778; }
	
	.tri-chiffrage 								{ background-color: #eaeced; }
	
	.fond-gris,
	.form-commentaires input[type=text],
	.form-commentaires textarea					{ background-color: #f2f4f5; }
	
	.submit										{ background-color: #20bd9d; }

	.pagination a,
	em,
	.sommaire,
	.graph figcaption,
	.page-liste article h1,
	.hasTooltip,
	#header-proposition	> .date 				{ color: #5d6e7e; }
	
	.article-inner h2,
	.date,
	.aside-liste li,
	.aside-liste dl,
	.aside-liste dl a,
	.page-liste article h2,
	.articles-commentaires p,
	.form-commentaires fieldset 				{ color: #7f7f7f; }
	
	.doc-type 									{ color: #555; }

	html,
	button,
	input,
	select,
	textarea,
	a,
	.page-liste article h1,
	#header-proposition .hasTooltip,
	.col-chiffrage .hasTooltip				{ color: #222; }
	
	.share li 									{ color: #CCC; }
	
	.nav_page a,
	.txt-gris 									{ color: #8f8f8f; }
	
	.tri-chiffrage 								{ color: #a3a5a5; }
	
	.pseudo,
	.txt-vert									{ color: #20bd9d; }
	
	#villes_navigation a,
	.cycle-slideshow,
	.cycle-slideshow a,
	.inner-wrapper,
	.inner-wrapper a,
	.pagination a:hover,
	.pagination a.select,
	.background-image,
	.background-image h2,
	.background-image a,
	.aside-liste dt:before,
	#villes_sections a:hover,
	#villes_sections a.select,
	.n-section,
	.n-item,
	#link_villes_wrapper a,
	.glossaire #content section h2,
	.bulle-avis,
	.submit		 								{ color: #FFF; }
	
	
		
	.content-header,
	.home #content > article,
	#content > article,
	#aside > div + div,
	#aside_right > div + div,
	.partenaires > .inner,
	article section + section,
	.article-header,
	.page-liste article,
	.page-liste .content-header	> h1,
	.page-liste.rubrique .select-categories,
	#villes_sections a,
	#villes_sections li:first-child a,
	.nav-bilan-sections,
	#navigation_glosaire,
	.glossaire #content section + section,
	.select-chiffrage,
	.table-themes,
	.table-chiffrage li + li,
	.col3 ,
	.articles-commentaires > ul 				{ border-color: #CCC }
	
	.tri-chiffrage .col3 						{ border-color: #eaeced; }
	
	#search,
	#search input,
	.select-liste ul 							{ border-color: #222; }
	
	.sommaire 									{ border-color: #5d6e7e; }
	
	#villes_sections a:hover,
	#villes_sections a.select 					{ border-color: #2a2a2a; }
	
	.row1,
	.row .ch-max 								{ border-color: #f0f0f0; }
		
	.form-commentaires input[type=text],
	.form-commentaires textarea					{ border-color: #DCE1E3; }


/*! -- couleurs partis -->

	ps 		#ff3a3e
	ump		#3f99db
	
*/
	.ps.page-candidat em,
	.ps.page-candidat article .titre,
	.ps.page-candidat .note-precision,
	.ps .nom-candidat,
	.article-autre .ps .nom-candidat,
	.ps .ch-indices,
	.ps .ch-max abbr,
	.ps .ch-min abbr,
	.ps .articles-proposition blockquote:before,
	.ps .articles-proposition blockquote p:last-child:after,
	.ps .cartel-candidat h2,
	.ps .couleur-parti		{ color: #ff3a3e; }
	
	.ump.page-candidat em,
	.ump.page-candidat article .titre,
	.ump.page-candidat .note-precision,
	.ump .nom-candidat,
	.article-autre .ump .nom-candidat,
	.ump .ch-indices,
	.ump .ch-max abbr,
	.ump .ch-min abbr,
	.ump .cartel-candidat h2,
	.ump .articles-proposition blockquote:before,
	.ump .articles-proposition blockquote p:last-child:after,
	.ump .cartel-candidat h2,
	.ump .couleur-parti			{ color: #3f99db; }
	
	.ump-u.page-candidat em,
	.ump-u.page-candidat article .titre,
	.ump-u.page-candidat .note-precision ,
	.udi.page-candidat em,
	.udi.page-candidat article .titre,
	.udi .nom-candidat,
	.article-autre .udi .nom-candidat,
	.udi .ch-indice,
	.udi .ch-max abbr,
	.udi .ch-min abbr,
	.udi .cartel-candidat h2,
	.udi .articles-proposition blockquote:before,
	.udi .articles-proposition blockquote p:last-child:after,
	.udi .cartel-candidat h2,
	.udi .couleur-parti			{ color: #7a518d; }
	
	
	.ps.page-candidat .article-header,
	.ps #header-proposition,
	.ps #proposition,
	.ps .aside-proposition,
	.ps .articles-proposition article + article	{ border-color: #ff3a3e; }

	.ump.page-candidat .article-header,
	.ump #header-proposition,
	.ump #proposition,
	.ump .aside-proposition,
	.ump .articles-proposition article + article { border-color: #3f99db; }
	
	.ump-u.page-candidat .article-header,
	.udi.page-candidat .article-header,
	.udi #header-proposition,
	.udi #proposition,
	.udi .aside-proposition,
	.udi .articles-proposition article + article { border-color: #7a518d; }


	
	.ps .nom-candidat,
	.article-autre .ps .nom-candidat	{ background-image: url(../img/puce-ps.png); }
	.ump .nom-candidat,
	.article-autre .ump .nom-candidat	{ background-image: url(../img/puce-ump.png); }
	.udi .nom-candidat,
	.article-autre .udi .nom-candidat 	{ background-image: url(../img/puce-udi.png); }
	
	.ps		.icon-cout-partage:before	{ background-image: url(../img/icon-cout-partage-rouge.png); }
	.ump 	.icon-cout-partage:before  { background-image: url(../img/icon-cout-partage-bleu.png); }
	.udi 	.icon-cout-partage:before 	{ background-image: url(../img/icon-cout-partage-violet.png); }
	.ps		.icon-cout-supporte:before	{ background-image: url(../img/icon-cout-supporte-rouge.png); }
	.ump 	.icon-cout-supporte:before { background-image: url(../img/icon-cout-supporte-bleu.png); }
	.udi 	.icon-cout-supporte:before { background-image: url(../img/icon-cout-supporte-violet.png); }
	
	
	.ps		.icon-cout-:before	{ background-image: url(../img/icon-cout-autre-rouge.png); }
	.ump 	.icon-cout-:before  { background-image: url(../img/icon-cout-autre-bleu.png); }



/* ==========================================================================
   Helper classes
   ========================================================================== */

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.float-left 	{ float: left; }
.float-right	{ float: right; }


.large { 
	display: block;
	width: 100%; 
}

article.no-border { border-bottom: none; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */


@media print {
    * {
        background: transparent !important;
       /* color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
        text-decoration:none;
    }
	
	 div,img,li  {
        page-break-inside: avoid;
    }
    
	a { text-decoration:none;}
	
	#navigation,
	#aside,
	#footer,
	#villes_sections,
	#page-header,
	.nav-bilan-sections,
	.voir-graph,
	.retour,
	#proposition aside,
	#aside_right,
	.nav_page,
	.share ,
	ul.table-chiffrage li.tri-chiffrage,
	ul.table-chiffrage .col.col3,
	ul.table-chiffrage .col.col4
	{
		display:none;
	}
	
	#header-proposition h1, 
	#proposition, 
	.articles-proposition, 
	#header,
	#header-proposition 
	{
		width:860px;
	}
	
	#header-proposition h1 {
		width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#content {
		width:860px;
		margin-left:60px;
	}
	#header {
		margin-bottom:30px;
	}
	
    a,
    a:visited {
        text-decoration: none;
    }

	/*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
	*/
	
    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        /* border: 1px solid #999; */
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    .table.table-chiffrage {
    	margin-left:100px;
    }
    .icon-theme-all			{ display: list-item;
list-style-image: url("../img/icon-theme-all.png");
list-style-position: inside;
}
	.icon-theme-securite	{ display: list-item;
list-style-image: url("../img/icon-theme-securite.png");
list-style-position: inside;
}
	.icon-theme-logement	{ display: list-item;
list-style-image: url("../img/icon-theme-logement.png");
list-style-position: inside;
}
	.icon-theme-projets	 	{ display: list-item;
list-style-image: url("../img/icon-theme-projets.png");
list-style-position: inside;
}
	.icon-theme-enfance	 	{ display: list-item;
list-style-image: url("../img/icon-theme-enfance.png");
list-style-position: inside;
}
	.icon-theme-solidarite	{ display: list-item;
list-style-image: url("../img/icon-theme-solidarite.png");
list-style-position: inside;
}
	.icon-theme-transport 	{ display: list-item;
list-style-image: url("../img/icon-theme-transport.png");
list-style-position: inside;
}
	.icon-theme-fiscalite 	{ display: list-item;
list-style-image: url("../img/icon-theme-fiscalite.png");
list-style-position: inside;
}
	.icon-theme-espaces	 	{ display: list-item;
list-style-image: url("../img/icon-theme-espaces.png");
list-style-position: inside;
}
	.icon-theme-moyen	 	{ display: list-item;
list-style-image: url("../img/icon-theme-moyen.png");
list-style-position: inside;
}

.ps .nom-candidat	{ display: list-item;
list-style-image: url("../img/puce-ps.png");
list-style-position: inside; }
	.ump .nom-candidat	{ display: list-item;
list-style-image: url("../img/puce-ump.png");
list-style-position: inside; }
	.udi .nom-candidat 	{ display: list-item;list-style-image: url("../img/puce-udi.png");list-style-position: inside; }
	
	.ps		.icon-cout-partage:before	{display: list-item;list-style-image: url("../img/icon-cout-partage-rouge.png");list-style-position: inside;   }
	.ump 	.icon-cout-partage:before  {display: list-item;list-style-image: url("../img/icon-cout-partage-bleu.png");list-style-position: inside;   }
	.udi 	.icon-cout-partage:before 	{display: list-item;list-style-image: url("../img/icon-cout-partage-violet.png");list-style-position: inside;  }
	.ps		.icon-cout-supporte:before	{display: list-item;list-style-image: url("../img/icon-cout-supporte-rouge.png");list-style-position: inside;   }
	.ump 	.icon-cout-supporte:before {display: list-item;list-style-image: url("../img/icon-cout-supporte-bleu.png");list-style-position: inside;   }
	.udi 	.icon-cout-supporte:before {display: list-item;list-style-image: url("../img/icon-cout-supporte-violet.png");list-style-position: inside;  }


}