@font-face {
	font-family: Kingthings;
	src: url('Kingthings_Foundation.ttf');
}

@font-face {
	font-family: KingthingsCal;
	src: url('Kingthings_Calligraphica.ttf');
}


BODY {
	margin: 0px;
	padding: 0px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	background: url(../images/background_repeat.jpg) repeat left;
	font-size: 13px;
}

/* COMPOSANTS */

img, img a {
	outline-style: none;
	border: none;
}

a:link, a:visited {
	color:#874b28;
	text-decoration: none;
	}

a:hover {
	color:black;
	text-decoration: none;
}

h1 {
	font-size: 26px;
	font-weight: bold;
	color: #2b1c1b;
	font-family: Kingthings;
}

h2 {
	font-weight: bold;
	color: #554630;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
}

h3 {
	font-weight: bold;
	color: #554630;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}

.texte {
	font-size: 14px;
	color:#4c381c;
	text-indent: 15px;
	color: black;
}

.photo {
	text-align: center;
}


/* STRUCTURE */

#header-background {
	height: 186px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	background-image: url(../images/header_background_repeat.png);
	background-position: left;
	background-repeat: repeat-x;
}

#header-components {
	height: 303px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 15;
	background-image: url(../images/header_components.png);
	background-position: center;
	background-repeat: no-repeat;
}

#background-top {
	height: 151px;
	width: 100%;
	position: fixed;
	top: 166px;
	z-index: 2;
	background-image: url(../images/background_top.jpg);
	background-repeat: repeat-x;
}

#background-repeat {
	z-index: 0;
	position: relative;
	height: 100%;
	background-image: url(../images/background-repeat.jpg);
	background-repeat: repeat;
}

#background-bottom {
	height: 144px;
	width: 100%;
	position: fixed;
	bottom: 107px;
	z-index: 2;
	background-image: url(../images/background_bottom.jpg);
	background-position: left;
	background-repeat: repeat-x;
}

#photo-frame {
	position: fixed;
	margin-top: -260px;
	top:50%;
	height: 580px;
	width: 100%;
	z-index: 5;
	background-image: url(../images/cadre_photos.png);
	background-position: center;
	background-repeat: repeat-x;
}

#photo-content {
	position: fixed;
	margin-top: -235px;
	margin-left: -1063px;
	top: 50%;
	left: 50%;
	height: 518px;
	width: 2127px;
	z-index: 4;
	}

	
/* CONTENT */	
	
#content-main {
	position: relative;
	width: 716px;
	margin-top: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
	z-index: 7;
}

#content-background {
position: absolute;
	width: 100%;
	top: 3px;
	bottom: 3px;
	z-index: 7;
	background: url(../images/back_text.jpg) repeat-y center;
}

#content-top-frame {
	position: relative;
	width: 716px;
	height: 31px;
	z-index: 8;
	background: url(../images/cadre_top.png) no-repeat center;
}

#content-repeat-frame {
	position: relative;
	float: left;
	width: 716px;
	z-index: 8;
	background: url(../images/cadre_repeat.png) repeat-y center;
}

#content-text {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	z-index: 9;
}

#content-bottom-frame {
	position: relative;
	width: 716px;
	height: 31px;
	z-index: 8;
	clear: both;
	background: url(../images/cadre_bottom.png) no-repeat center;
}

/* FIN CONTENT */

#footer {
	height: 115px;
	text-align: right;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 10;
	background-image: url(../images/footer.png);
	background-position: left;
	background-repeat: repeat-x;
}

/* MENU */

#menu {
	height: 105px;
	width: 1068px;
	margin-left: -581px;
	position: fixed;
	left: 50%;
	top: 91px;
	z-index: 15;
	color: white;
	font-family: "MS Serif", "New York", serif;
}

#ecu01 {
	float: left;
	margin-left: 2px;
	margin-right: 3px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu01.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu01:hover {
	background: transparent url(../images/ecu01.png) no-repeat -89px;
}

#ecu02 {
	float: left;
	margin-left: 2px;
	margin-right: 3px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu02.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu02:hover {
	background: transparent url(../images/ecu02.png) no-repeat -89px;
}

#ecu03 {
	float: left;
	margin-left: 2px;
	margin-right: 3px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu03.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu03:hover {
	background: transparent url(../images/ecu03.png) no-repeat -89px;
}

#ecu04 {
	float: left;
	margin-left: 2px;
	margin-right: 3px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu04.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu04:hover {
	background: transparent url(../images/ecu04.png) no-repeat -89px;
}

#ecu05 {
	float: left;
	margin-left: 2px;
	margin-right: 3px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu05.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu05:hover {
	background: transparent url(../images/ecu05.png) no-repeat -89px;
}

#ecu06 {
	float: right;
	margin-left: 3px;
	margin-right: 2px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu06.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu06:hover {
	background: transparent url(../images/ecu06.png) no-repeat -89px;
}

#ecu07 {
	float: right;
	margin-left: 3px;
	margin-right: 2px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu07.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu07:hover {
	background: transparent url(../images/ecu07.png) no-repeat -89px;
}

#ecu08 {
	float: right;
	margin-left: 3px;
	margin-right: 2px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu08.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu08:hover {
	background: transparent url(../images/ecu08.png) no-repeat -89px;
}

#ecu09 {
	float: right;
	margin-left: 3px;
	margin-right: 2px;
	text-align: center;
	width:89px;
	height:130px;
	background: transparent url(../images/ecu09.png) no-repeat 0;
	position: relative;
	outline: none;
}

#ecu09:hover {
	background: transparent url(../images/ecu09.png) no-repeat -89px;
}

#menu a {
	font-family: "Times New Roman", Times, serif;
	text-shadow:#f7f2e7 0px 1px 0, #4e3c25 0 -1px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #9b907e;
}

#menu a:hover {
	color: #2b1c1b;
}