body {
	margin: 0;
	padding: 0;
	font-family: 'Marmelad', sans-serif;
	background: #f4f4f4 url(/theme/images/back-plan.png) no-repeat center top;
}	
		
body>header[role='banner'] {
}		
	
	body>header[role='banner'] h1 {
		margin: 35px;
		font-size: 1.8em;
		color: #382a5d;
		line-height: 90%;
		background: #ff0000;
		border: 1px solid #000;
		display: inline-block;
		padding-right: 20px;
	}	

		body>header[role='banner'] h1>div {
			padding: 10px 25px 5px 10px;
			background: #fff;
		}
	
			body>header[role='banner'] h1 a {
				color: #382a5d;
				text-decoration: none;
				font-weight: normal;
				font-size: 1.3em;
			}
			body>header[role='banner'] h1 small {
				font-size: 0.6em;
				font-weight: normal;
			}
		
	body>header[role='banner'] nav {	
		overflow: hidden;
		background: #322b43;	
		width: 100%;
	}
	
		body>header[role='banner'] nav ul {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			/*position: absolute;
			right: 15px;
			top: 0;	*/		
			justify-content: flex-end;
			margin: 0;
		}			
			body>header[role='banner'] nav ul li {
				margin-left: 20px;
				list-style-type: none;
			}	
				body>header[role='banner'] nav ul li a {
					color: #fff;
					padding: 34px 25px 34px 55px;
					display: block;
					text-decoration: none;
					font-size: 1.1em;
				}
					body>header[role='banner'] nav ul li#navHome a {
						background: transparent url(/theme/images/nav-tab-blue.png) no-repeat center left;
					}
					body>header[role='banner'] nav ul li#navPresentation a {
						background: transparent url(/theme/images/nav-tab-red.png) no-repeat center left;
					}
					body>header[role='banner'] nav ul li#navContact a {
						background: transparent url(/theme/images/nav-tab-pink-blue.png) no-repeat center left;
					}
					body>header[role='banner'] nav ul li#navFormation a {
						background: transparent url(/theme/images/nav-tab-grey.png) no-repeat center left;
					}
					body>header[role='banner'] nav ul li#navConfiance a {
						background: transparent url(/theme/images/nav-tab-red-black.png) no-repeat center left;
					}

section#main {
	margin: 0 7px 0 7px;
}	
	section#main header {
		text-align: center;
	}
		section#main header h1 {
			display: inline-block;
			padding: 4px 9px;
			background: #fff;
			font-size: 2.5em;
			color: #000;
			font-weight: normal;
			margin: 0px 0 50px 0;
		}
			
	section#main .error {
		color: #fff;
		background: #990000;
	}
	
	section#main .success {
		color: #fff;
		background: #009900;
	}
			
.diaporama  {
	width: 771px;
}	
.itemDiaporama img {
	padding: 20px;
	background: #fff;
	border: solid 1px #000;
}		

#fold {
	display: flex;
	flex-wrap: wrap-reverse;
	max-width: 1075px;
    margin: 0 auto;	
	margin-bottom: 100px;
}
#fold>section {
	flex: 1 0 50%;
}

#containerDiapo {
	min-width:0;
}

section.presentation {
	display: flex;
    flex-direction: column;
    justify-content: center;		
}
section.presentation>div {
	margin-right:30px;
	max-width: 500px;	
}
	section.presentation p {
		font-size: 1.2em;
	}

footer[role="footer"] {
	background: #382a5d url(/theme/images/footer-repeat.png) center center repeat-x;
}
	footer[role="footer"]>div {
		max-width: 1010px;
		height: 253px;
		background: transparent url(/theme/images/footer.png) center center no-repeat;
	}

section.simple {
	max-width: 1075px;
	margin: 0 auto;
	margin-bottom: 80px;
}	

section#main {
	
}
	section#main img {
		max-width: 100%;
	}
	section#main figure {
		text-align: center;
	}
	section#main h2 {
		font-size: 2em;
		font-weight: normal;
		color: #382a5d;
	}
	

@media screen and (max-width: 1000px) {	

	#containerDiapo {
		min-width:auto;
	}

	section.presentation {
		display: block;	
	}

}