/* RAZ
--------------------------------------------------- */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Couleurs

Faux noir titraille:  #4f4955
Mobilité :            #9a3a6c / contraste petit texte : #8a1c55
Énergie :             #5c8a53 / contraste petit texte : #447339
Durable :             #1c628a / contraste petit texte : #0F4667

Marron :              #482425
--------------------------------------------------- */


/* Styles de base
--------------------------------------------------- */
	a {text-decoration: none; color: #2D7ABA;}
	a:hover {color: #000!important;}
	body {color: #333; background-color: #fff;}
	b,strong,b *,strong * {font-weight: bold!important;}
	i,em,i *,em * {font-style: italic;}
	html {color: #333;}
	.right {text-align: right;}


/* Styles communs
--------------------------------------------------- */

	/* Layout -------------------- */

	#top {padding-bottom: 20px;}
	#content {}
	#content, #copy {background:#EBEAE6 url('../img/bgContent.png');}
	#center {margin-top: 20px;}
	#footer {margin-top: 20px; padding-bottom: 20px;}
	#footer a {color: #333;}
	#footer li, #footer p {font-size: 93%;}
	#footer li {margin: 0 0 2px 0;}
	#footer li, #footer h2 {font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;font-size: 85%;}
	#footer h2 {text-transform: uppercase; margin-bottom: 15px; letter-spacing: 2px; word-spacing: 1px;}
	#footer img {
		width: 220px; height: 49px;
		margin-bottom: 15px;
		background: url('../img/logoNantesMetropole.png') no-repeat;
	}
	#footer address {margin-top: -57px; line-height: 1.5;}
	#copy {padding: 15px 0; font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;font-size: 85%;}
	#copy a {color: #333;}
	#copy li {display: inline; border-right: 1px #777 solid; padding: 0 3px 0 3px;}
	#copy li.first {padding-left: 0;}
	#copy li.last {border: 0;}



	/* Couleurs par thèmes -------------------- */
	.mob a {color: #E14E20;}
	.nrj a {color: #447339;}
	.dev a {color: #0F4667;}
	.metro a {color: #5D8B53;}
	.agir a {color: #1c628a;}

	.mob .infosSemaine, .mob .infosSemaine a  {color: #E14E20;}
	.nrj .infosSemaine, .nrj .infosSemaine a  {color: #5c8a53;}
	.dev .infosSemaine, .dev .infosSemaine a  {color: #1c628a;}
	.metro .infosSemaine, .metro .infosSemaine a  {color: #5D8B53;}
	.agir .infosSemaine, .agir .infosSemaine a  {color: #1c628a;}
	
	

	
	/* Contenu -------------------- */

	/* Copenhague */
		#bannerCopenhague {
				background: #ddd url('../img/bgCopenhague.png');
/*				height: 20px;*/
			}
 		#bannerCopenhague h2 {
				margin-top:5px;
				color: #fff6e2;
				font-size: 280%;
				}
		#bannerCopenhague h3 {
							margin-top:3px;
				color: #482425;
				font-size: 300%;
				font-weight: bold;
				}
		#bannerCopenhague a {color: #fff6e2;}
		#bannerCopenhague li {
				font-weight: bold;
				padding-bottom: .2em;
			}
			
	   #bannerCopenhague .listeArticles{
				margin:11px 0 0 0;
				padding:0;
				border:0;
			}
	
	/* Partie centrale */
		.semaine {padding-bottom: 40px;}
		.semaine h3 {
				color: #4f4955;
				font-size: 161.1%;
				background: url('../img/bgTitreSemaines.png') top left no-repeat;
				padding: 15px 0 5px 10px;
				}

		.semaine h3 a {color: #4f4955;}
		.infosSemaine h2 {
				text-transform: lowercase;
				font-size: 200%;
				line-height: .5em;
				position: relative;
			}
		.infosSemaine {margin-bottom: 20px;}
		.infosSemaine small {font-size: 65%;}
		.infosSemaine .date {
				color: #47352E;
				font-size: 108%;
				position: relative;
			}

		#center .infosSemaine {height: 60px; position: relative;}
		#center .cop .infosSemaine h2 {font-size: 280%; position: relative; bottom: 0;}
		#center .metro .infosSemaine h2 {font-size: 280%; position: relative; bottom: 0;}
		#center .agir .infosSemaine h2 {font-size: 280%; position: relative; bottom: 0;}
		
		#center .infosSemaine p{color:#4f4955;}
		
		#center .agir .listeArticles {
			font-size: 160%;
		}
		#center .agir .listeArticles li {
			display: inline;
		}
		
	/* Liste d’articles */
	.listeArticles {
		padding-top: 20px; margin-top: 15px;
		border-top: 3px #C4C1C2 solid;
		font-weight: bold;
	}
	
 
	
	.listeArticles a.current {color: #000;}
	.listeArticles li {margin-bottom: .5em;}
	.listeArticles li ul {
		font-size: 93%;
		font-weight: normal;
		margin: 8px 0 20px 15px;
	}
	.listeArticles li li {}


	/* Articles -------------------- */
	.article, .meta {font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;}
	.article .chapo {
		font-size: 123.1%;
		line-height: 135%;
		margin-bottom: .35em;
		}
	.article .chapo p {
		margin-bottom: .7em;
		}
	.article .corps {}
	.article .corps p {
		font-size: 85%;
		margin-bottom: .7em;
		line-height: 1.5em;
	}
	.article .corps ul, .article .corps ol {
		font-size: 93%;
		margin: 0 0 .7em 3em;
		}
	.article .corps li {
		line-height: 1.5em;
		list-style: disc;
	}
	.article .corps h2, .article .corps h3,
	.article .corps h4, .article .corps h5,
	.article .corps h6 {
		padding: 1em 0 .5em 0;
		font-weight: bold;
		line-height: normal;
		color: #4f4955;
		}
	.article hr {
		border: 0;
		height: 2px;
		background-color: #ddd;
		margin-top: 20px; margin-bottom: 15px;
	}
	.semaine .article .next {font-family: Arial, sans-serif; font-weight: bold; white-space: nowrap;}
	.meta {font-size: 77%;}
	


	/* Titre + image article centres */
	.illustTitre {position: relative; margin-bottom: 10px;}
	.illustTitre .illustration {position: relative;}
	.illustTitre h3 {position: relative; margin-top: -10px;}
	
	/* Agir -------------------- UNUSED */
/* 	#agir {
		border-top: 3px #C4C1C2 solid;
		margin: 30px 0 0 0; padding: 30px 0 50px 0;
	}
	#agir h2 {
		color: #4f4955;
		font-size: 210%;
		margin-bottom: 18px;
	}
	#agir .listeArticles {
		padding-top: 0; margin-top: 0;
		border-top: 0;
		font-weight: bold;
	}
	#agir .listeArticles a {color: #482425;}
	#agir #vousAgissez .intro {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		font-size: 93%;
		margin-bottom: 15px;
		line-height: 18px;
	}
	#agir .tagList {
		font-weight: bold;
		font-size: 161.6%;
		color: #4A6E79;
	}
	#agir .tagList a {color: #4A6E79;} */
	
	
/* Accueil
--------------------------------------------------- */
	#home #logo {
		margin-bottom: 20px; padding-top: 20px;
		vertical-align: middle;
		float:right;
		}
	#home #greenCity {
		margin-bottom: 20px; padding-top: 20px; 
		}
	#home #top .une {
		position: relative;
		}
	#home #top #alaune {font-size: 85%; color: #777;}
	#home #top .une .infosSemaine {position: absolute; top: 10px; right: 5px; font-size: 108%; text-align: right;}
	
	#home #top .illustrationArticle {}
	#home #top .contenuArticle {
		position: absolute;
		top: 0;left: 490px;
		width: 460px;
	}
	#home #top .article {
		background: url('../img/bgArtUne.png') no-repeat bottom left;
		margin-left: 100px; padding:  10px 0 10px 40px;
	}
	#home #top .meta {margin-left: 100px; padding-left: 40px;}
	#home #top .date {
		font-family: 'Courier New', Courier, monospace; font-weight: bold;
		background: url('../img/bgDate.png') no-repeat;
		padding: 10px 0 9px 10px; margin: 0 0 -14px 50px;
		font-size: 108%;
	}
	#home #top .une h2 {
		padding: 18px 0 15px 20px; margin-bottom: -15px;
		background: url('../img/bgTitreUne.png') no-repeat;
		color: #4f4955;
		font-size: 275%; /* 36px */
	}
	#home #top .une .next {
		font-style: italic;
		border-bottom: 1px #ddd solid;
		margin: 15px 0 0 0; padding: 0 0 20px 0;
		}

/* Page Article
--------------------------------------------------- */
	#main {margin-bottom: 20px;}
	/* Menu */
	#side {margin-top: 10px;}
	#side .infosSemaine {font-size: 1.5em;}
	.back {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;font-size: 85%;
		margin-bottom: 3em;
		}
	
	
	
	#article #logo {margin: 40px 0 40px 0;}
	#article #top {}
	#article #top .illustrationArticle {
		position: relative;
		margin-bottom: 20px;
/* 		min-height: 300px; */
/* 		outline: 1px blue solid; */
		}
	#article #top .illustrationArticle img {position: relative; margin-bottom: -50px;}
	#article #top .illustrationArticle h1 {
		position: relative;
		margin: 0 0 0 -3px; padding: 25px 8px 0 0;
		background: url('../img/bgTitreUne.png') no-repeat;
		font-size: 275%;
		color: #4f4955;
	}
	/* Contenu principal page article */

	#article .article .corps {
		font-size: 100%;
	}
	#article .article .corps p {
		font-size: 100%;
		margin-bottom: .7em;
		line-height: 1.6em;
	}
	#article .article .corps ul,
	#article .article .corps ol {
		font-size: 100%;
		margin: 0 0 .7em 3em;
		}
	#article .article .corps h2 {
		font-size: 160%;
/* 		font-weight: normal; */
		color: #333;
		}
	#article .article .corps h3 {
		font-family: Verdana;
		font-size: 93%;
		text-transform: uppercase; letter-spacing: 2px;
		color: #333;
		}
	#article .article .corps h4 {
		font-size: 93%;
		font-weight: bold;
	}
	#article .article .corps h5 {
		font-weight: normal;
		font-size: 77%;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
	#article .article .corps h6 {font-size: 85%;}
	
	#article .article .corps img {
		padding: 10px;
		border: 1px #333 solid;
	}
	#article .article .meta {
		font-size: 77%;
		border-bottom: 2px #ddd solid;
		border-top: 2px #ddd solid;
		padding: 15px 0 15px 0; margin: 20px 0 20px 0;
		line-height: normal;
	}
	#article .countCom {font-weight: bold; font-style: italic;}
	#article .article .date {
	}
	#article .article .date strong {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		text-transform: none;
		font-style: italic;
		color: #333;
	}
	
	
	/* Elements contextuels -------------------- */
	.context {
		color: #482425;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
	}
	.context p, .context li {
		font-size: 85%;
		line-height: 1.4;
	}
	.context p, .context ul {
		margin: 0 0 .8em 0;
		font-style: italic!important;
	}
	.context ul {
		margin-left: 1em;
	}
	.context li {
		list-style: square;
	}
	.context h2, .context h3, .context h4, .context h5, .context h6  {
		color: #923C3D;
		margin: 0 0 .5em 0;
		line-height: 1.5;
		}
	.context h2 {font-size: 93%; text-transform: uppercase; letter-spacing: 0.05em;}
	.context h3 {font-size: 85%; text-transform: uppercase; letter-spacing: 0.05em;}
	.context h4 {font-size: 85%; text-transform: uppercase;}
	.context h5 {font-size: 77%; font-weight: bold;}
	.context h6 {font-size: 77%;}
	.context .box {
		border-bottom: 1px #B89797 dashed;
		padding-top: .8em; margin-bottom: 15px;
	}
	
	/* Commentaires */
	#comList {}
	#comList h2 {
		border-top: 2px #ddd solid;
		padding-top: 20px; margin-top: 20px;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		color: #72685D;
		font-size: 160%;
		font-style: italic;
		margin-bottom: .8em;
	}
	#comList h3 {
		border-top: 1px #ddd dashed;
		padding-top: 15px; margin-top: 15px;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		color: #333;
		font-size: 110%;
		margin-bottom: .5em;
	}
	#comList .comAuteur {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		font-style: italic;
		font-size: 85%;
		color: #999;
		margin-bottom: .8em;
	}
	#comList .comContent {
		font-size: 93%;
		line-height: 1.4;
		padding-left: 1em;
	}
	#comList .comContent p {
		margin: 0 0 .8em 0;
	}
	
	#nextComs {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		font-size: 100%;
		font-style: italic;
		margin: 20px 0 0 0;
	}

	#comments {clear: both;}
	#comments #accesCom { /*Liens accès*/
		border-top: 2px #ddd solid;
		padding-top: 20px; margin-top: 20px;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		color: #72685D;
		font-size: 160%;
		font-style: italic;
		margin-bottom: .8em;
		}
/* 	#makeComment * {border: 1px blue solid;} */
	#makeComment {
		margin-top: 20px;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
	}
	#makeComment .inptTxt, #makeComment textarea {
		width: 95%;
		margin-bottom: .5em; padding: .2em;
		border: 1px #A79B8B solid;
		font-size: 100%;
		}
	#makeComment .inptBtn {
		font-size: 100%;
		border: 3px #A59B8C double;
		color: #504A42;
		padding: .5em;
		font-weight: bold;
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
		border-radius: 3px;
		-moz-border-radius: 3px;
		}
	#makeComment label {
		color: #504A42;
		font-size: 100%;
		line-height: 2;
		font-weight: bold;
		}
	#makeComment label small {font-weight: normal;}
	#makeComment .valid {padding-top: 15px;}

	/* Galerie d’images -------------------- */
	#galerie {border: 1px #ddd solid;}
	#galerie h2 {
		font-size: 150%;
		padding: 5px; margin: 5px;
		border-bottom: 1px solid #ddd;
	}
	#galerie .media {
		text-align: center;
		width: 618px; overflow: hidden;
		background-color: #ddd;
		
		position: relative;
		}

	#galerie .legende {
		padding: 10px;
		}
	#galerie .legende h3 {font-weight: bold;}

	#galerie #controls {
		padding: 15px; height: 10px;
		color: #555;
		}
	#galerie #controls li {display: inline;}
	#galerie #controls a {
		display: block;
		width: 8px; height: 8px;
		overflow: hidden;
		margin-left: 5px;
		border: 1px #777 solid;
		-moz-border-radius: 5px;
		float: left;
		text-indent: -1000em;
	}
	#galerie #controls a:hover {background-color: #ddd;}
	#galerie #controls a.current {background-color: #ddd;}


	.allArticles {margin-top: 20px;}
	.allArticles .art {
		border-bottom: 1px #ddd solid;
		padding: 10px 0 10px 0; margin-bottom: 20px;
	}
	.allArticles .date {font-size: 85%;}
	.allArticles h1, .allArticles h2 {color: #4f4955;}
	.allArticles h1 {font-size: 225%;}
	.allArticles h2 {font-size: 160%; margin-bottom: .8em;}
	.allArticles .next {font-family: Arial, sans-serif; font-weight: bold; white-space: nowrap;}


	form {
		font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
	}
	.inptTxt, textarea {
		width: 95%;
		margin-bottom: .5em; padding: .2em;
		border: 1px #A79B8B solid;
		font-size: 100%;
	}
	label {
		color: #504A42;
		font-size: 100%;
		line-height: 2;
		font-weight: bold;
		}
	.submit {text-align: right;}
	legend {float: left; display: none;}


	.message {
		padding: 15px; margin: 15px 0;
		border: 1px #ccc solid;
		font-size: 108%;
		font-weight: bold;
		background-color: #EEEADE;
	}


/* I haz Javascript
--------------------------------------------------- */
	.hazJS #comment {}
	.hazJS #accesCom a {
		
	}