/* ==========================================================================
   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			{ font-family: Georgia, Arial, sans-serif; }

	.jours-restant 					{ font-family: 'brandon_grotesquethin', sans-serif; }
	
	.note-precision					{ font-family: 'brandon_grotesquelight'; }

	#navigation,
	#villes_navigation,
	.copyright,
	.article-inner h2,
	.date,
	.more-link,
	.all-articles,
	.aside-liste dd,
	.voir-graph,
	.more,
	.rappel-precision,
	.page-liste article h2,
	.graph figcaption,
	.graph .figcaption,
	p.LegendeGraphique,
	.select-liste ul,
	#navigation_glosaire			{ font-family: 'brandon_grotesque_regularRg', sans-serif; }
	
	.retour							{ font-family: 'brandon_grotesqueRgIt', sans-serif; }
	
	nav,
	.aside-liste dt,
	#villes_sections,
	.select-liste > li > a,
	.select-liste > li li a:hover 	{ 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; }
	
	.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	{ font-size: 34px; font-size: 3.4rem; }
	
	.note-precision span			{ font-size: 30px; font-size: 3rem; }

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

	.article-inner h1,
	.gros-titre h2,
	.header-section em,
	.n-item			 				{ font-size: 24px; font-size: 2.4rem; }	
	
	.page-liste article h1			{ font-size: 24px; font-size: 2.4rem; }
	
	.content-header h2,
	.aside-liste .titre,
	.nav-bilan-sections h2,
	#navigation_glosaire 			{ font-size: 20px; font-size: 2rem; }
		
	.candidat figcaption,
	.voir-graph,
	.article-header + section,
	.sommaire-item,	
	#link_villes_wrapper a,
	.select-liste ul,
	a.retour,
	.select-liste > li > a		 	{ font-size: 18px; font-size: 1.8rem; }
	
	.page-candidat article .titre,
	.note-precision					{ font-size: 20px; font-size: 2rem; line-height:24px; line-height:2.4rem;}
	
	#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			 	{ font-size: 16px; font-size: 1.6rem; }

	.aside-liste dt:before 			{ font-size: 15px; font-size: 1.5rem; }

	.article-inner h2,
	.date,
	#navigation_footer .villes,
	#navigation_footer .rubriques,
	.share,
	.doc-type,
	.page-liste article h2			{ font-size: 14px; font-size: 1.4rem; }
	
	.nom 			{ font-size: 15px; font-size: 1.5rem; line-height:20px;  line-height:2rem;}
	
	.nav-bilan-sections				{ font-size: 13px; font-size: 1.3rem; }

	#navigation,
	.aside-liste dd,
	.copyright 						{ font-size: 12px; font-size: 1.2rem; }
	
	
	nav,
	.share,
	.candidat figcaption,
	.nom,
	.aside-liste dd,
	#villes_sections,
	#link_villes_wrapper a,
	.select-liste ul,
	.copyright						{ 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 {					font-weight: bold;
									text-transform: none;
	}	
	
	.page-liste .article-inner 		{ font-style: normal; }
	
	.article-inner.edito { font-style: italic; font-size:16px; font-size:1.6rem; line-height: 2.2rem;  line-height: 22px;}
	
	 .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				{ line-height: 26px; line-height: 2.6rem; }
	 
	.article-header + section,
	.sommaire-item					{ line-height: 24px; line-height: 2.4rem; }
		
	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 .paris li { 
					width: 25%;
				}
				
				#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 {
					text-decoration:none;
					color:#000000;
				}
				a.voir-graph: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 {
		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 { margin-bottom: 32px; }
		#aside > 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 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;
	}
	
	.hidden-tooltip { display: none; }
	
	.tooltiptittle { 
		font-size: 18px; font-size: 1.8rem; 
	}
		.tooltiptittle:after {
			content: "";
			display: block;
			padding-bottom: 5px;
		}

/*!-- 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;
	}
	#footer .editeur li { display: inline-block; }
	#footer .editeur li + li { padding-left: 36px; }
	

/*!-- 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-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,
	.select-liste ul,
	#footer {
		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;
	}

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


	html,
	button,
	input,
	select,
	textarea,
	a,
	.page-liste article h1	{	    
		color: #222;
	}
	
	.share li {
		color: #CCC;
	}
	
	#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 {
		color: #FFF;
	}
		
	.content-header,
	.home #content > article,
	#content > article,
	#aside > 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  {
		border-color: #CCC;
	}
	
	#search,
	#search input,
	.select-liste ul {
		border-color: #222;
	}
	
	.sommaire {
		border-color: #5d6e7e;
	}
	
	#villes_sections a:hover,
	#villes_sections a.select {
		border-color: #2a2a2a;
	}


/*! -- couleurs partis -->

	ps 		#ff3a3e
	ump		#3f99db
	
*/
	.ps.page-candidat em,
	.ps.page-candidat article .titre,
	.ps.page-candidat .note-precision 	{ /*color: #ff3a3e; */ font-style:italic;}

	.ps.page-candidat .article-header	{ border-color: #ff3a3e; }
	
	.ump.page-candidat em,
	.ump.page-candidat article .titre,
	.ump.page-candidat .note-precision 	{ color: #3f99db; }

	.ump.page-candidat .article-header	{ border-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	{ color: #7a518d; font-style:italic;}

	.ump-u.page-candidat .article-header,
	.udi.page-candidat .article-header	{ border-color: #7a518d; }


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

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

.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;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    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;
    }
}