body{
	color:	#000;
	font-family:	sans-serif;
	font-size:	12pt;
	background-color:	#FFF;
}

h1{
	margin:	0.1em 1em;
	font-size: 25pt;
	font-family:	serif;
}
h2{
	display:	inline-block;
	margin:		1em 0.25em 0.4em;
	font-size:	1.1em;
	font-weight:	bolder;
	font-family:	serif;
	/*text-align:	center;*/
	color:	#00F;
	border-bottom:	dotted 1px #00F;
}
h3{
	margin-left:	2em;
	font-size:	1.1em;
	font-family:	serif;
	text-decoration:	underline;
	clear:	both;
}
 
div.container{
	margin:	auto;
	width:	750px;
	/*background-color:	#FFF;*/
}

div.header > div.logo{
	display:	inline-block;
	float:	left;
	padding:	0.1em 1em;
}
div.header > div.title{
	margin:	0.1em 1em;
}
div.header div.year{
	font-size:	0.9em;
	text-align:	center;
	color:	#00F;
}

ul.navigation{
	font-size:	0.85em;
	font-weight:	bolder;
	text-align:	center;
	background-color:	#CFEFFF;
	background-image:	-o-linear-gradient(top, #99AAFF, #FFFFFF, #99AAFF);
	background-image:	-webkit-linear-gradient(top, #99AAFF, #FFFFFF, #99AAFF);
	background-image:	-moz-linear-gradient(top, #99AAFF, #FFFFFF, #99AAFF);
	list-style:	none;
	border-top:	2px solid #00F;
	border-bottom:	2px solid #00F;
	-o-box-shadow:	0em 0.1em 0.5em #00F;
	-webkit-box-shadow:	0em 0.1em 0.5em #00F;
	-moz-box-shadow:	0em 0.1em 0.5em #00F;
	clear:	both;
}
ul.navigation li{
	display:	inline-block;
	padding:	0.6em 1.5em 0.1em 1em;
	height:	2em;
	border-left:	1px dashed #00F;
	border-right:	1px dashed #00F;
	border-color:	#00F;
	border-collapse:	collapse;
}

div.content{
	padding:	0.1em 0.5em;
}
div.content > p{
	text-align:	justify;
}

div.footer{
	background-color:	#CFEFFF;
	background-image:	-o-linear-gradient(top, #99AAFF, #FFFFFF);
	background-image:	-webkit-linear-gradient(top, #99AAFF, #FFFFFF);
	background-image:	-moz-linear-gradient(top, #99AAFF, #FFFFFF);
	margin:	0.25em 0;
	padding:	0.1em 0 1em;
	border-top:	2px solid #00F;
	-o-box-shadow:	0em -0.2em 0.4em #00F;
	-webkit-box-shadow:	0em -0.2em 0.4em #00F;
	-moz-box-shadow:	0em -0.2em 0.4em #00F;
	clear:	both;
}
div.footer > ul{
	display:	inline-block;
	margin:	0.1em;
	padding:	0.1em 0.2em;
	list-style:	none;
}
div.footer > ul > li{
	display:	inline-block;
	margin:	0.1em 1em;
	font-size:	0.86em;
}
div.footer > p{
	margin:	0.25em 1em;
	font-size:	0.9em;
	color:	#00F;
}

div.gallery > div.pic{
	display:	inline-block;
	width:	330px;
	margin:	1em;
	text-align:	center;
	vertical-align:	middle;
}
div.gallery > div.pic > a > img{
	-o-transition:	-o-box-shadow ease-in-out 0.5s;
	-webkit-transition:	-webkit-box-shadow ease-in-out 0.5s;
	-moz-transition:	-moz-box-shadow ease-in-out 0.5s;
	-o-box-shadow:	0.2em 0.2em 1em #000;
	-webkit-box-shadow:	0.2em 0.2em 1em #000;
	-moz-box-shadow:	0.2em 0.2em 1em #000;
}
div.gallery > div.pic > a:hover > img{
	-o-box-shadow:	0.2em 0.2em 1em #00F;
	-webkit-box-shadow:	0.2em 0.2em 1em #00F;
	-moz-box-shadow:	0.2em 0.2em 1em #00F;
}

img.thumb{
	float:	right;
	margin:	0.1em;
	-o-box-shadow:	0.2em 0.2em 1em #000;
	-webkit-box-shadow:	0.2em 0.2em 1em #000;
	-moz-box-shadow:	0.2em 0.2em 1em #000;
}

div.thumb{
	float:	right;
	margin:	0.1em;
}
div.thumb > img{
	-o-box-shadow:	0.2em 0.2em 1em #000;
	-webkit-box-shadow:	0.2em 0.2em 1em #000;
	-moz-box-shadow:	0.2em 0.2em 1em #000;
}
div.thumb > div.note{
	font-size:	0.75em;
	text-align:	center;
}

a:link {
	color:	#0000FF;
	-o-transition:	color ease-in-out 0.2s;
	-webkit-transition:	color ease-in-out 0.2s;
	-moz-transition:	color ease-in-out 0.2s;
}
a:visited {
	color:	#880088;
	-o-transition:	color ease-in-out 0.2s;
	-webkit-transition:	color ease-in-out 0.2s;
	-moz-transition:	color ease-in-out 0.2s;
}
a:hover {
	color:	#AA33CC;
}
 
a.stat4u{
	float:	right;
}

a img{
	border:	none;
}

ul.contact{
	margin:	0;
	padding:	0 auto;
	list-style:	none;
	font-size:	0.8em;
}
ul.contact li{
	display:	inline;
	padding:	0 0.2em;
	border-left:	1px dotted black;
	border-right:	1px dotted black;
}
ul.contact > li:first-child {
	border-left:	none;
}
ul.contact > li:last-child {
	border-right:	none;
}
ul.profil > li{
	margin:	0.7em 0.1em 0.5em;
	clear:	both;
}
ul.profil > li ul > li{
	margin:	0.4em 0.1em;
}
ul.sparse > li{
	margin: 1em 0.1em;
}

.center{
	text-align:	center;
}

.justify{
	text-align:	justify;
}

.small{
	font-size:	0.86em;
}

em{
	border-bottom:	1px dotted #00F;
}

hr{
	color:	#00F;
	clear:	both;
}

@media print{
h2{
	border-bottom:	none;
}

ul.navigation{
	border-top:	1px solid #00F;
	border-bottom:	1px solid #00F;
	-o-box-shadow:	none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
}
ul.navigation > li{
	border-left:	1px solid #00F;
	border-right:	1px solid #00F;
}
div.footer{
	background:	#CFEFFF;
	border-top:	1px solid #00F;
	-o-box-shadow:	none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
}

img.thumb{
	-o-box-shadow:	none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
}

em{
	border-bottom:	none;
}

div.content{
}

}