/* 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;
	text-align: left;
}
body, td, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #797878;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	text-align: right;
}

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

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

#page4 {
	background: url(/img-drome-provencale/sejours-drome/fd-nav-ombre.gif) no-repeat center bottom;
}
#pageCarte {
	background: url(/img-drome-provencale/cartographie-drome/fd-global.png) no-repeat center top;
	height: 100%;
	width:1068px;
}

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

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


#headerOT h1 {
	background: url(/img-drome-provencale/preparer-drome/ti-offices-tourisme.gif) no-repeat 0px 0px;
	height: 60px;
	width: 763px;
	display: block;
	text-indent: -5000px;}



#headerBlanc h1 {
	background: url(/img-drome-provencale/sejours-drome/titre-neutre.gif) no-repeat 0px 0px;
	height: 48px;
	width: 763px;
	display: block;
	text-indent: -5000px;}
	
	
td.FdContact, table.FdContact {
	background: url(/img-drome-provencale/vacances-drome/fd-contact.gif) no-repeat top;
	width: 308px;
	height:298px;}
	
	
td.FdTelechargement, table.FdTelechargement {
	background: url(/img-drome-provencale/telechargement-drome/haut-telechargement.gif) no-repeat top;
	width: 165px;
	height:46px;}	
	
td.FdContenuTelechargement, table.FdContenuTelechargement {
	background: url(/img-drome-provencale/telechargement-drome/fd-drome.gif) repeat top;}
	
	
select.ChampsViolet, input.ChampsViolet, textarea.ChampsViolet  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #600179;
	background-color: #FFFFFF; margin: 0px; border: 1px solid #9579AC;}
	
select.ChampsRose, input.ChampsRose, textarea.ChampsRose  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #900060;
	background-color: #FFFFFF; margin: 0px; border: 1px solid #900060;}
	
img.ContourViolet{
	border: 2px solid #9579AC;
}

/*li { background: url(/img-drome-provencale/puce-violette.gif) no-repeat 0px 0px;
	padding-left:10px;
	padding-bottom:2px;
	list-style:none;}
	
	
ul.menuCarte li, ul.menuGlobal li, ul.menuDecouvrir li, ul.menuHaut li, ul.menuPreparer li, {
	list-style:none;}*/
	

td.FdEncart2, table.FdEncart2 {
	background: url(/img-drome-provencale/decouvrir-drome/fd-encart.gif) repeat top;}
	
td.FdEncart, table.FdEncart {
	background: url(/img-drome-provencale/preparer-drome/fd-encart.gif) repeat top;}
	
td.FdBasEncart, table.FdBasEncart {
	background: url(/img-drome-provencale/preparer-drome/bas-encart.gif) repeat top;
	height:45px;}
	
.Titre, a.Titre, span.Titre, td.Titre, table.Titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #900060;
	text-decoration: none;
	font-weight: bold;
	background: #F4E5EF;}
	
#headerNeutre h1 {
	background: url(/img-drome-provencale/sejours-drome/fd-titre.gif) no-repeat 0px bottom;
	height: 68px;
	width: 763px;
	display: block;
	text-indent: -5000px;}

#BtnEnSavoir {
	background: url(/img-drome-provencale/vacances-drome/en-savoir-plus-violet.gif) no-repeat center top;
	height: 32px;
	width: 119px;}

#BtnEnSavoir a {
	display: block;
	height: 32px;
	width: 119px;
	text-indent: -5000px;}


#BtnCarte {
	background: url(/img-drome-provencale/vacances-drome/btn-voir-carte.gif) no-repeat center top;
	height: 70px;
	width: 119px;}

#BtnCarte a {
	display: block;
	height: 70px;
	width: 119px;
	text-indent: -5000px;}



/* NAV CARTE */


ul.menuCarte {
	width: 207px;
	height: 167px;
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px 0px;
}
ul.menuCarte li {
	float: left;
	list-style: none;
	width: 207px;
	margin-bottom: 0px;

}
ul.menuCarte li.btn1 a{
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -233px;
	height:39px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuCarte li.btn2 a {
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -260px;
	height:26px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuCarte li.btn3 a {
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -287px;
	height:26px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuCarte li.btn4 a {
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -314px;
	height:26px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuCarte li.btn5 a {
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -341px;
	height:26px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}
ul.menuCarte li.btn6 a {
	background: transparent url(/img-drome-provencale/sejours-drome/nav-carte3.gif) no-repeat 0px -368px;
	height:26px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;
}




/* LAYER DECOUVRIR */

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





/* LAYER DECOUVRIR */

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

ul.menuDecouvrir li.btn1 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-decouvrir.jpg) no-repeat 0px -198px;
}
ul.menuDecouvrir li.btn2 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-decouvrir.jpg) no-repeat 0px -237px;
}
ul.menuDecouvrir li.btn3 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-decouvrir.jpg) no-repeat 0px -276px;
}
ul.menuDecouvrir li.btn4 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-decouvrir.jpg) no-repeat 0px -315px;
}
ul.menuDecouvrir li.btn5 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-decouvrir.jpg) no-repeat 0px -354px;
}





/* LAYER PREPARER */

ul.menuPreparer {
	width: 207px;
	height: 193px;
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px 0px;
}
ul.menuPreparer li {
	float: left;
	list-style: none;
	width: 207px;
	margin: 0px;
}
ul.menuPreparer li a {
	width: 208px;
	height: 36px;
	font-size: 0px;
	text-indent: -5000px;
	display: block;	
}
ul.menuPreparer li.btn4 a {
	height: 49px;
}

ul.menuPreparer li.btn1 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px -193px;
}
ul.menuPreparer li.btn2 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px -229px;
}
ul.menuPreparer li.btn3 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px -265px;
}
ul.menuPreparer li.btn4 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px -301px;
}
ul.menuPreparer li.btn5 a:hover {
	background: transparent url(/img-drome-provencale/sejours-drome/menu-preparer.jpg) no-repeat 0px -350px;
}



table.FdEcran{
	background: url(/img-drome-provencale/videos-drome/fd-ecran.jpg) no-repeat left top;
	height:133px;
	width:621px;
}
/*table.FdVideos{
	background: url(/img-drome-provencale/videos-drome/videos.jpg) no-repeat left top;
	height:123px;
	width:621px;
}*/
table.FdVideos{
	background: url(/img-drome-provencale/videos-drome/videos-3.jpg) no-repeat left top;
	width:702px;
	height:107px;
}


/* FD Titres */

td.FdTitreVideos, table.FdTitreVideos {
	background: url(/img-drome-provencale/vacances-drome/fd-titre.gif) repeat top right;
	height:94px}