body {
				margin:0;
				padding: 0;
				font-size: 1em;
				font-family: verdana; sans-serif;
			}
			header#headerGeneral {
				overflow: hidden;
				padding: 3px;
				height: 80px;		
			
				width: 100%;		
				
			}	
			
				header#headerGeneral h1 {
					line-height: 0.4em;
					float: left;
				}
					header#headerGeneral h1 small {
						display: inline-block;
						margin-left: 47px;
					}
				header#headerGeneral a {
					text-decoration: none;
					display: block;
					padding: 3px;
				}
				
				header#headerGeneral nav ul {
					margin:0 7px 0 0;
					padding: 0;

					position: absolute;
					right: 15px;
					top: 0;
					
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -moz-flex;
					display: -webkit-flex;
					display: flex;
					-webkit-flex-wrap: wrap;
					flex-wrap: wrap;					
					
				}
					header#headerGeneral nav ul li {
						margin: 0px;
						padding:7px 12px;
						/*float: right;*/
						list-style-type: none;
					}
						header#headerGeneral nav ul li:hover, header#headerGeneral nav ul li.active {
							
						}
							header#headerGeneral nav ul li:hover a, header#headerGeneral nav ul li.active a {
								
							}
						header#headerGeneral nav ul li a {
							
						}
			header#headerGeneral #siteName {
				
			}
				header#headerGeneral #siteName > * {
					vertical-align: sub;
				}
		main {
		}		
		
			main img.imageLoading {
				background: url(images/loading_icon.gif) center center no-repeat;
			}		
			
			main {
				
			}	
				main h1, main h2, main h3 {
					
				}
				main  p, main  figure, main  blockquote, main  h1, main  h2, main  h3, main  ul, main  ol, main  .addthis_toolbox, main section.post {	
					margin: 0 auto;
					max-width: 950px;
				}
				main  figure {
					text-align: center;
				}
				main  p, main  figure {	
					margin-top: 11px;
					margin-bottom: 25px;
					line-height: 150%;
				}
				main  figure figcaption {
					text-align: center;
					font-size: 0.9em;
				}
				main  h1, main  h2 {
					text-align: center;
				}
				main section.post {
					margin-top: 35px;
					margin-bottom: 20px;
				}
				main section.post h2 {
					text-align: left;
				}
				
				main>header {
					padding-top: 120px;
				}
				
				main  section#cover {
					/*height: 344px;
					background-color: #534052;*/
					background-position: center 140px;
					background-repeat: no-repeat;
					text-align: center;
					overflow: hidden;
				}
					main  section#cover  img{
						width: auto;
						max-width: 100%;
					}
					main  section#cover .illustration {
						margin: 5px auto; 
					}
					main  section#cover a {
						
					}
					main  section#cover h1 {
						font-size: 2.2em;
						margin-top: 10px;
						margin-bottom: 10px;
					}
						main  section#cover h1 small {
							font-size: 0.7em;
						}
					main  section#cover p {
						margin-top: 15px;
						margin-bottom: 0px;
					}

/*footer[role="footer"] {
		min-height: 25px;					
		margin: 0 auto;
		max-width: 950px;
	}
		footer[role="footer"] nav {
			font-size: 0.8em;
			text-align: center;
		}
			footer[role="footer"] nav a {
				color: #654e65;
			}*/
			
footer[role="footer"] {
  margin: 25px 0 0 0 !important;
  max-width: none !important;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

footer[role="footer"] h1 {
	margin-bottom: 10px;
	text-transform: uppercase;
}

footer[role="footer"]>#footerBig {
	display: flex;
  max-width: 950px;
  margin: 0 auto;
  flex-wrap: wrap;
}
footer[role="footer"]>#footerBig>* {
  margin: 15px;
}

footer[role="footer"] a {
	
}

#footerNavigation {
	flex: 0 0 120px;
}
	#footerNavigation a:after {
		content: ' »';
	}
	#footerNavigation li {
		margin: 15px 0;
	}

#footerPresentation {
	flex: 0 0 200px;
}

#footerPresentation p {
	margin: 12px 0;
}


#footerTags {
	flex: 1 0 200px;
}


footer[role="footer"] nav {
	font-size: 1em;
	text-align: left;
}

#footerMin {
		text-align: center;
}			

.newsletter form input[type="email"] {width: calc(100% - 180px - 62px - 2px); border: solid 1px #650a0a; padding: 7px 7px 7px 55px; color: #650a0a; font-size: 1.1em; background: url(/mail/enveloppe.png) #fff no-repeat 3px center; }
.newsletter form p {margin: 5px 0;}
.newsletter { max-width: 910px; margin: 0 auto; background: #eee; overflow: hidden; padding: 20px; color: #650a0a; font-size: 1.1m;}
.newsletter form input[type="submit"], button[type="submit"] {width: 150px; font-size: 1.2em; background: #650a0a; color: #fff; border: none; height: 37px;}
main .newsletter p {
	margin: 0;
}
main .newsletter h1 {
	font-size: 1.5em;
}

.related h3 a, .related  ul li a {text-decoration: none;}
.related ul li {font-size: 1.1em; list-style-type: none; margin-bottom: 30px; margin-left: 0;}
main  .related .brief {
	border-left: 4px solid #78685c;
	padding-left: 15px;
	background: #fff;
	max-width: 930px;
	border-bottom: none;
}

main  section.author {
	background: #eee;
	padding: 15px;
	margin: 20px auto;
	max-width: 920px;
}
			
@media screen and (max-width: 1000px) {	
	header#headerGeneral nav ul {
		position: static;
	}
	

	header#headerGeneral h1 small {
		font-size: 1.1em;
	}	

	main {
		margin-left: 20px;
		margin-right: 20px;
	}
	
}		
		
@media screen and (max-width: 700px) {	
	header#headerGeneral {
		position: static;
		height: auto;
		padding: 0;
	}
	
	
	header#headerGeneral nav ul {
		margin:0;
		margin-top: 20px; 
		display: block;
	}
	
	header#headerGeneral nav ul li {
		float: none;
		text-align: center;
		padding: 5px;
		border-top: solid 1px #6b5369;
	}
	/*header#headerGeneral #siteName {
		float: none;
	}*/
	
	header#headerGeneral h1 {
		float: none;
	}
		header#headerGeneral h1 small {
			font-size: 1.3em;
			margin-left: 5px;
		}
	
	main>header {
		padding-top: 0;
	}
	
}