/* CSS Document */

html, body {
	margin: 0px;
	/* hack pour IE5 Mac \*/
	height: 100%;
	width: 100%;
	background-color: #000000;
	/* fin du hack */
}
h1 {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	font-size: 12px;
	margin: 0px;
}
h3 {
	font-size: 12px;
	margin: 0px;
}
div {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}
p {
	margin-top: 5px;
	margin-bottom: 10px;
}
a {
	color: #0099CC;
}
.h {
	font-size: 18px;
}
.m {
	font-size: 18px;
	color: #9b0000;
	font-style: italic;
}

.box {
	height: 100%;
	width: 100%;
}
#container {
	height: 600px;
	width: 955px;
	position: relative;
}
#mag {
	position: absolute;
	left: 86px;
	top: 10px;
	width: 57px;
	height: 57px;
}
#audio {
	position: absolute;
	left: 28px;
	top: 123px;
	width: 57px;
	height: 57px;
}


#texte {
	position: absolute;
	left: 162px;
	top: 223px;
	height: 224px;
	width: 252px;
	text-align: center;
}
#pack {
	position: absolute;
	left: 6px;
	top: 268px;
	width: 57px;
	height: 57px;
}
#charte {
	position: absolute;
	left: 27px;
	top: 407px;
	width: 57px;
	height: 57px;
}
#photos {
	position: absolute;
	left: 96px;
	top: 535px;
	width: 57px;
	height: 57px;
}
#divers {
	position: absolute;
	left: 802px;
	top: 534px;
	width: 57px;
	height: 57px;
}
#cata {
	position: absolute;
	left: 872px;
	top: 407px;
	width: 57px;
	height: 57px;
}
#contact {
	position: absolute;
	left: 893px;
	top: 262px;
	width: 57px;
	height: 57px;
}
#logo {
	position: absolute;
	left: 869px;
	top: 125px;
	width: 57px;
	height: 57px;
}
#menu {
	position: absolute;
	left: 506px;
	top: 378px;
	width: 244px;
	height: 25px;
	text-align: center;
}
/*#menu img {
	margin-right: 12px;
}*/
#suite {
	position: absolute;
	left: 595px;
	top: 467px;
	width: 166px;
	height: 50px;
	text-align: right;
}
#suite img {
	margin-left: 15px;
}
#rubrique {
	position: absolute;
	left: 215px;
	top: 44px;
	width: 111px;
	height: 110px;
}
#hlm {
	position: absolute;
	left: 408px;
	top: 474px;
	height: 126px;
	width: 151px;
}
#site {

	position: absolute;
	left: 809px;
	top: 12px;
	width: 57px;
	height: 57px;
}
/*photos*/
#show {
	position: absolute;
	left: 457px;
	top: 115px;
	width: 332px;
	height: 238px;
}
/*#photo1 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
}
#photo2 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo3 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo4 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo5 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo6 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo7 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo8 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}
#photo9 {
	position: absolute;
	left: 457px;
	top: 40px;
	width: 332px;
	height: 318px;
	visibility: hidden;
}*/
.paysage {
	margin-top: 80px;
}
.portrait {
	margin-left: 52px;
	margin-top: 20px;
}