/* basic elements */

html {
	margin: 0px;
	padding: 0px;
	}

body {
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(Menu/fond.jpg);
	height: 100%;
	width: 100%;
	margin: 0px 0px 100% 0px;
	padding: 0px;
	font: 9pt/17pt georgia;
}

#container {
	position: absolute;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(Menu/bordure.jpg);
	/*height: 100%;*/
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#supportingText {	
	padding-left: 270px; 
	padding-right: 150px;
	margin-bottom: 40px;
	}
	
p { 
	font: 9pt/17pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}

h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #9685BA;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #D4CDDC;
	}

#mentions {
	font-family: verdana, arial, sans-serif;
	position: absolute;
	bottom : 200px;
	left : 10px;
	color: #000;
	background-color: #ddd;
}

#mentions a {
	text-decoration: none;
	color: #222;
}

#mentions a:hover{
	text-decoration: underline;
}

#root {
	position:absolute;
	height:300px;
	width:220px;
	background-color:#F4F4F4;
	border:1px solid #333;
	font-family:verdana, sans-serif;
	font-size:10px;
}

#handle {
	margin:2px;
	padding:2px;
	width:212px;
	color:white;
	background-color:navy;
	cursor:default;
}

#icones {
	margin:0px;
	padding:0px;
	width:216px;
	cursor:default;
	height:280px; 
	overflow-y:scroll;
}

#photos {
	width:100%;
	cursor:default;
	height:152px;
	overflow-X:scroll;
}