@import url('yui-reset.css');
/*@import url("form.css");*/


*{
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none;
	}
	
html,body,#bg,#bg table,#bg td,#cont{
	width:100%;
	height:100%;
	overflow:hidden;
	}

body{
	font-family:verdana, sans-serif;
	font-size:20px;
	background:#222 url(/arboretterre_1/v1/img/site/load_bg.png);
	color:#fff;
	}

h1,h2,.large,.left{
	font-size:40px;
	}

h2,.box div img{
	padding-bottom:10px;
	}

a{
	text-decoration:none;
	color:#000;
	outline:0;
	}

img{
	display:block;
	}

#content
{
	position:absolute;
	z-index:60;
	width:270px;
	height:auto;
	/*background:#87C040;*/
	background:transparent url(/arboretterre_1/v1/img/site/fondvert.png) repeat;
	top:50px;
	right:50px;
	text-align:left;
	padding:8px 20px 20px 20px;
	}
	
#content p
{
	text-align:justify;
	font-size:56px;	
	color:#fff;
	}
	
#content span
{
	font-size:32px;	
	}

#content h1
{
	font-weight:normal;
	padding:20px;
	color:#333;
	}

#logo{
	position:absolute;
	top:16px;
	left:16px;
	width:120px;
	height:120px;
	z-index:61;
	}

#logo a img
{
	border:none;
	}

#bg div{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
	}

#bg td{
	vertical-align:middle;
	text-align:center
	}

#bg img{
	min-height:50%;
	min-width:50%;
	margin:0 auto
	}
	
#cont{
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto`
	}
	

	
#menu{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:80;
	width:100%;
	/*line-height:12px;*/
	}
	
#menu div{
	height:60px;
	background:transparent url(../img/site/fond-bottom.png) repeat;
	
	}

#menu div ul{
	/*padding:16px 0 0 19px;*/
	margin-left:16px;
	}	

#menu div ul li{
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	margin-right:-3px;
	/*padding:0 0 0 0;*/
	text-transform: uppercase;
	
	}
	
#menu div ul li a{
	color:#666;
	/*padding:5px;*/
	padding:24px 14px 24px 14px;
	line-height:60px;
	font-weight:normal;
	z-index:110;
	/*background:#222;*/
	background:transparent url(../img/site/button.png) repeat;
	}	
	
#menu div ul li a:hover, a:focus{
	color:#fff;
	background:transparent url(../img/site/button-hover.png) repeat;
	}
	
#menu li.active a{
	color:#222;
	/*background:#01B0EF;*/
	background:#01B0EF;
	}
	
#menu li.copyright a{
	position:absolute;
	right:16px;
	top:-24px;
	color:#888;
	background:transparent;
	/*font-style:italic;*/
	}
	
#menu li.copyright a:hover{
	color:#01B0EF;
	background:transparent;
	}
	
.barre{
color:#888;
padding-right:0;
padding-left:10px;
}

#legends_pro{
	position:absolute;
	top:18px;
	padding-right:200px;
	z-index:500;
	right:0;
	font: 14px verdana, sans-serif;
}

#galeries{
	position:absolute;
	top:16px;
	right:0;
	padding-right:30px;
	z-index:500;
	font: 12px verdana, sans-serif;
}


#bottombanner{	
	position: fixed;
	bottom: 0px;
	left: 14px;
	/*width:auto;*/
	font: 12px verdana, sans-serif;
	z-index: 50;
	width:100px;
	/*height:24px;*/
	min-height: 40px;
	max-height:40px;
	background-color: transparent;
	/*background:transparent url(../img/site/menu_title.png) 0px 0px no-repeat;*/
	}



h1{
	position:relative;
	left:0px;
	margin-bottom:0px;
	width:auto;
	opacity:0.99
	}
	
h1 a{
	padding:41px 10px 10px 0;
	color:#fff;
	background:green;
	font-size:11px;
	text-align:right;
	display:block
	}
	
h1 a:hover{
	background:#000;
	}
	
ul{
	/*float:left;width:auto; */
	}
	
li.cur a{
	color:#fff;
	}

.box{
	position:absolute;
	top:15%;
	right:200px;
	width:500px;
	padding-bottom:100px;
	}
	
.box div{
	line-height:1.5em;
	background:#fff;
	padding:20px 30px;
	}
	
.box div a{
	text-decoration:underline;
	}
	
.large{
	text-align:right;
	top:20%;
	right:120px;
	font-size:13px;
	}
	
.left{
	text-align:left;
	right:auto;
	left:180px;
	font-size:13px;
	}
	
.large h2{
	font-size:60px;
	}
	
.white{
	color:#fff;
	}
	
#beijing{
	top:15%;
	}

h3{
	position:relative;
	border-bottom-width:1px;
	padding:30px 30px 10px 30px;
	margin:0 -30px 20px -30px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold
	}
	
h3 span{
	position:absolute;
	right:510px;
	top:29px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal;
	}

dl{
	margin:10px 0;
	}
	
dt,dd p{
	padding:15px 0 25px 0;
	display:block;
	border-top-width:1px;
	width:440px;
	}
	
dt{
	text-transform:uppercase;
	padding:0 5px;cursor:pointer;
	line-height:20px;
	height:20px;
	font-weight:bold;
	width:430px;
	}
	
dd{
	height:0px;
	overflow:hidden;
	width:440px;
	}
	
	


#photos{
	position:absolute;
	z-index:90;
	bottom:20px;
	right:30px;
	height:20px;
	overflow:hidden
	}

#photos a{
	z-index:90;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:12px;
	}

#float{
	z-index:500;
	display:none;
	position:absolute;
	cursor:none;
	/*cursor:url("/arboretterre_1/v1/img/site/fleche.cur") 0px -34px no-repeat;*/
	height:69px;
	width:90px;
	background-color:transparent;
	background:transparent url(../img/site/fleche.png) 0px -34px no-repeat;
	}

#photos a{
	width:20px;
	float:left;
	margin-left:1px;
	font-weight:normal;
	overflow:hidden;
	}
	
#photos a:hover,#photos a.cur{
	background:#00AEEF;
	color:#000;
	}
	
/*#float{
	
	}*/
	
#float.nxt,#float.prv{
	display:block;
	}
	
#float.nxt{
	background-position:-45px 0px;
	}
	
#float.prv{
	background-position:45px 0px;
	}
	
#prv{
	position:absolute;
	width:30px;
	height:46px;
	left:20px;
	top:45%;
	z-index:100;
	background:transparent url(../img/site/prv.png) no-repeat;
	/*background:transparent;*/
	cursor:pointer;
}

#nxt{
	position:absolute;
	width:30px;
	height:46px;
	right:30px;
	top:45%;
	z-index:100;
	background:transparent url(../img/site/nxt.png) no-repeat;
	/*background:transparent;*/
	cursor:pointer;
}

	/* Menu Galeries
	--------------------------------------*/
	#menuDeroulant
	{
		background: #6A6458;
		width: auto;
		height: 21px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		position: relative;
		top: 0;
		left: 0;
	}
	
	#menuDeroulant span
	{
		vertical-align:1px; 
		background:#00AEEF;
		color:#000000;
		padding:2px 5.5px 2px 5.5px;
		text-transform: uppercase;
		font-size:8px;
	}
	
	#menuDeroulant li
	{
		float: left;
		width: 150px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	#menuDeroulant li a:link, #menuDeroulant li a:visited
	{
		display: block;
		height: 1%;
		color: #111111;
		background: #00AEEF;
		margin: 0;
		padding: 4px 8px;
		/*border-right: 1px solid #fff;*/
		text-decoration: none;
	}
	#menuDeroulant li a:hover { background-color: #00AEEF; color:#000;}
	#menuDeroulant li a:active { background-color: #00AEEF; }

	#menuDeroulant .sousMenu
	{
		display: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
	#menuDeroulant .sousMenu li
	{
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 149px;
		border-top: 1px solid transparent;
		border-right: 1px solid transparent;
	}
	#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
	{
		display: block;
		color: #777777;
		margin: 0;
		border: 0;
		text-decoration: none;
		background: #111111 url("fondTR.png") repeat;
	}
	#menuDeroulant .sousMenu li a:hover
	{
		background-image: none;
		background-color: #00AEEF;
		color:#000;
	}

	#menuDeroulant li:hover > .sousMenu { display: block; }
	
	
	#legends{
	position:absolute;
	display: block;
	background: #111111 url("fondTR.png") repeat;
	top:16px;
	/*padding-right:30px;*/
	z-index:500;
	right:190px;
	color:#777777;
	font-size:12px;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 10px;
	text-transform: uppercase;

}


	
/*------------------ CONTACT ------------------*/

#big-bloc-contact{
position:absolute;
z-index:100;
font-size:11px;
right:8%;
top:6%;
}
#bloc-coordonnees{
	background:transparent url(../img/site/fond-bleu.png) repeat;
	padding:20px 20px 20px 20px;
	margin:20px 0px 20px 0;
}
.form{
	background:transparent url(../img/site/fond-bleu.png) repeat;
	padding:20px;
	margin:0 0px 20px 0;
}

/*---------------------- ACCUEIL --------------------*/
#big-bloc-accueil{
	position:absolute;
	z-index:100;
	right:300px;
	top:92px;
}

.bloc-message-accueil_1{
	width:auto;
	text-transform:uppercase;
	background:transparent url(../img/site/fond-bleu.png) repeat;
	padding:10px 20px 10px 20px;
	margin:0px 0px 20px 0;
	letter-spacing:4px;
	font-size:50px;
}

.bloc-message-accueil_2{
	position:absolute;
	text-transform:uppercase;
	background:transparent url(../img/site/fond-bleu.png) repeat;
	padding:10px 20px 10px 20px;
	top:68px;
	left:160px;
	letter-spacing:4px;
	font-size:100px;
}