html {
	color: #6a8698;
	background-color: white;
	height: 100%;
	cursor: default;
}
body {
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
}
div#header {
	padding: 3em 8ex 2em 6ex;
}
div#page {
	color: white;
	background-color: #53813f;
	background-color: #6a8698;
	padding: 2em 2ex 2em 6ex;
	position: relative;
	min-width: 825px;
	-moz-box-shadow : 0px 0px 4px 0px #a0a0a0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-box-shadow : 0px 0px 4px #a0a0a0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	margin-right: 2.1em;
}
div#page a {
	color: white;
}
div#footer {
 	-moz-transform: rotate(-90deg);
 	-moz-transform-origin: bottom right;
 	-webkit-transform: rotate(-90deg);
 	-webkit-transform-origin: bottom right;
 	position: absolute;
 	top: 213px;
 	right: -1.5em;
 	color: #6a8698;
	font-family: "Klavika";
	font-weight: normal;
}
div#page .content {
	position: relative;
	width: 800px;
	height: 380px;
}
iframe {
	border: none;
	margin:0; padding:0;
}
@font-face {
	font-family: "Klavika-light";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/KlavikaBasic-Light.otf") format("opentype");
}
@font-face {
	font-family: "Klavika";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/KlavikaBasic-Regular.otf") format("opentype");
}
/*
@font-face {
	font-family: "Klavika";
	font-style: italic;
	font-weight: normal;
	src: url("fonts/KlavikaBasic-RegularItalic.otf") format("opentype");
}
*/
@font-face {
	font-family: "Klavika-medium";
	font-style: normal;
	font-weight: medium;
	src: url("fonts/KlavikaBasic-Medium.otf") format("opentype");
}
@font-face {
	font-family: "Klavika-bold";
	font-style: normal;
	font-weight: bold;
	src: url("fonts/KlavikaBasic-Bold.otf") format("opentype");
}
div.title {
	color: #6a8698;
	font-family: "Klavika-bold";
	font-size: 48px;
}
div.subtitle {
	color: #6a8698;
	font-family: "Klavika-bold";
	font-size: 12px;
}
h1 {
	font-family: "Klavika-medium";
	font-size: 33px;
	opacity: 0.95;
}
h2 {
	font-family: "Klavika-medium";
	font-size: 19px;
	opacity: 0.95;
	margin: 0 0 1ex 0;
}
h3 {
	font-family: "Klavika";
	font-weight: normal;
	font-size: 120%;
	margin: 0 0 1ex 0;
}
a {
	color: #495d71;
}
a:visited {
	color: #554c74;
}
a img {
	opacity : .87;
	text-decoration: none;
}
a:hover img {
	opacity : 1;
	text-decoration: none;
}

.accordion h2 {
	margin: 0;
	cursor: pointer;
}
.accordion h3 {
	margin: 0;
}
.accordion div {
	margin-bottom: 1em;
	border-top: 1px solid #9ab6c8;
	padding: 0 0 0 8ex;
}
.accordion h2.selected {
}
.accordion p {
	margin: 0 0 0 8ex;
}
/*
.accordion h2.selected + div + h3{
	margin-top: .5em;
}
	*/

.feuillet a {
	position: absolute;
}
.feuillet img {
	height: 240px;
	height: 390px;
}
.feuillet a:nth-child(1) {
	bottom: 140px;
	left: 0px;
	left: 0; bottom: 0;
	/*
	-moz-transform : matrix(.8,0,0,1);
	-moz-transform : rotate(-10deg);
	-moz-transform : skew(0deg,-2deg);
	*/
}
.feuillet a:nth-child(2) {
	bottom: 70px;
	left: 80px;
	left: 0; bottom: 0;
	/*
	height: 240px;
	-moz-transform : rotate(15deg);
	-moz-transform : skew(0deg,-2deg);
	*/
}
.feuillet a:nth-child(3) {
	bottom: -10px;
	left: 150px;
	left: 0; bottom: 0;
	/*
	-moz-transform : rotate(-10deg);
	-moz-transform : matrix(1,0,.8,1);
	-moz-transform : perspective(500px);
	-moz-transform : skew(0deg,-2deg);
	-webkit-transform : perspective(500px) rotateY(20deg);
	*/
}

.photos a {
	position:absolute;
	background-color: white;
	border: 7px solid white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity : .87;
}
.photos a:hover {
	z-index: 9;
}
.photos a.selected {
	opacity : 1;
	border: 7px solid orange;
	z-index: 8;
}
.photos img {
	margin: -4px;
	opacity : 1;
}

.photos a:nth-child(1) {
	-moz-transform : rotate(-10deg);
	-webkit-transform : rotate(-10deg);
	top: 200px;
	left: 0;
}
.photos a:nth-child(3) {
	-moz-transform : rotate(11deg);
	-webkit-transform : rotate(11deg);
	top: 140px;
	left: 140px;
}
.photos a:nth-child(5) {
	-moz-transform : rotate(-10deg);
	-webkit-transform : rotate(-10deg);
	top:116px;
	left:305px;
}
.photos a:nth-child(7) {
	-moz-transform : rotate(5deg);
	-webkit-transform : rotate(5deg);
	top:145px;
	left:462px;
}
.photos a:nth-child(9) {
	-moz-transform : rotate(-19deg);
	-webkit-transform : rotate(-19deg);
	top:182px;
	left:604px;
}
.photos a+div {
	display: none;
}

/*
.photos a:hover+div {
	display: block;
}
	*/

.tabs {
	font-family: "Klavika-bold";
	font-weight: normal;
	margin : 2em 0 0 0;
	font-size: 15px;
	width: 750px;
}
.tabs a {
	display: inline-block;
	border-left: 2px solid #6a8698;
	color : #6a869f;
	padding: 0 4ex 1ex 1ex;
	text-decoration: none;
}
.tabs a:hover {
	text-decoration: none;
}

/*
.shadow6 {
	background-color: #63914f;
	padding: 1ex;
}
*/

.sibling-nav {
	position: absolute;
	left: 0;
	right: 0;
	text-align:left;
	padding-right: 81px;
	top: -2.7em;
	font-weight: bold;
}
.sibling-nav a, a.shadow6 {
	color: white;
	background-color: #7a96a8;
	background-color: #8aa6b8;
	padding: .5ex 1ex;
	margin-right:1ex;
	font-family: "Klavika";
	font-weight: normal;
	font-size: 120%;
	text-decoration: none;
/*
	border: 1px solid white;
*/
}
.sibling-nav a img {
	vertical-align: top;
}