/* CSS Document */

html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
img, map, area, form, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	border: none;
}
body, td, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #797878;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#page1 {
	background: url(/img-drome-provencale/vacances-drome/fd-deco-drome.gif) repeat center top;
	height: 100%;
}

#page2 {
	background: url(/img-drome-provencale/vacances-drome/fd-nav-milieu.gif) repeat-y center top;
	height: 100%;
}

#page3 {
	background: url(/img-drome-provencale/vacances-drome/fd-ombre.gif) repeat-y center top;
}
#page4 {
	background: url(/img-drome-provencale/vacances-drome/fd-nav-ombre.gif) no-repeat center bottom;
}

#pageHaut {
	background: url(/img-drome-provencale/vacances-drome/fd-haut.gif) no-repeat center top;
}
#pageBas {
	background: url(/img-drome-provencale/vacances-drome/fd-bas.gif) no-repeat center top;
}

input#recherche {
	width: 155px;
}
input.ok {
	border: none;
}






/* NAV MILIEU */

ul.menuGlobal {
	width: 235px;
	height: 178px;
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px 0px;
}
ul.menuGlobal li {
	float: left;
	list-style: none;
	width: 235px;
	margin-bottom: 0px;

}
ul.menuGlobal li.btn1 a{
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -233px;
	height:40px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuGlobal li.btn2 a {
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -260px;
	height:28px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuGlobal li.btn3 a {
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -287px;
	height:28px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuGlobal li.btn4 a {
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -314px;
	height:28px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuGlobal li.btn5 a {
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -341px;
	height:28px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuGlobal li.btn6 a {
	background: transparent url(/img-drome-provencale/vacances-drome/drome-tourisme2.gif) no-repeat 0px -368px;
	height:28px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}









/* NAV HAUT */

ul.menuHaut {
	background: url(/img-drome-provencale/vacances-drome/decouvrir-preparer.gif) no-repeat 0px 0px;	
	height: 51px;
	width: 485px;
}
ul.menuHaut li {
	float: left;
	list-style: none;
	font-size: 0px;
	height: 51px;
	text-indent: -5000px;
}
ul.menuHaut li a {
	display: block;
	font-size: 0px;
	height: 51px;
	text-indent: -5000px;
}



ul.menuHaut li.btn1 a {
	width: 244px;
	height: 51px;
}
ul.menuHaut li.btn2 a {
	width: 241px;
	height: 51px;
}

ul.menuHaut li.btn1 a:hover {
	background: transparent url(/img-drome-provencale/vacances-drome/decouvrir-preparer.gif) no-repeat 0px -51px;
}
ul.menuHaut li.btn2 a:hover {
	background: transparent url(/img-drome-provencale/vacances-drome/decouvrir-preparer.gif) no-repeat -244px -51px;
}




/* BTN RESERVER */

#btnResa {
	background: url(/img-drome-provencale/vacances-drome/reserver-en-drome.gif) no-repeat 0px 0px;

}
#btnResa a{
	height: 51px;
	width: 240px;
	float: left;
	list-style: none;
	font-size: 0px;
	text-indent: -5000px;

}

#btnResa a:hover {
	width: 240px;
	height: 51px;
	background: transparent url(/img-drome-provencale/vacances-drome/reserver-en-drome.gif) no-repeat 0px -51px;
}








/* LAYER DECOUVRIR */

ul.menuDecouvrir {
	width: 243px;
	height: 315px;
	background: transparent url(/img-drome-provencale/vacances-drome/menu-decouvrir.jpg) no-repeat 0px 0px;
}
ul.menuDecouvrir li {
	float: left;
	list-style: none;
	width: 243px;
	margin-bottom: 0px;
}
ul.menuDecouvrir li a {
	width: 243px;
	height: 63px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}




/* LAYER PREPARER */

ul.menuPreparer {
	width: 240px;
	height: 315px;
	background: transparent url(/img-drome-provencale/vacances-drome/menu-preparer.jpg) no-repeat 0px 0px;
}
ul.menuPreparer li {
	float: left;
	list-style: none;
	width: 240px;
	margin-bottom: 0px;
}
ul.menuPreparer li a {
	width: 240px;
	height: 78px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}






/* LAYER PREPARER OLD*/
/*
ul.menuPreparer {
	width: 240px;
	height: 315px;
	background: transparent url(/img-drome-provencale/vacances-drome/menu-preparer.jpg) no-repeat 0px 0px;
}
ul.menuPreparer li {
	float: left;
	list-style: none;
	width: 240px;
	margin-bottom: 0px;
}
ul.menuPreparer li a {
	width: 240px;
	height: 62px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
*/