/*
 * feuille de style de www.gite-haute-provence.com
 * fond lavande : #E6E6FA
 * nuances : #9683EC, #9370DB, #750075, #8A2BE2
 */
body {
	background-color:	#8A2BE2;
	font-family:		Georgia, Times, serif;
	color:			#8A2BE2;
	margin:		0px;
	padding:		0px;
}
/******** Mise en page ********/
div#page {
	background:		#E6E6FA;
	border:10px solid #FFF;
	margin-top:	20px;
	margin-left:	auto;
	margin-right:	auto;
	width:		740px;
	text-align:		left;
}

div#bandeau {
	width:		100%;
	clear:		both;
	padding:		0px;
	background-image:	url('images/bandeau.jpg');
	background-repeat:	no-repeat;
	background-position:	top right;
	height:			80px;
}
div#menu {
	margin:		0px;
	background:		#8A2BE2;
	width:		100%;
	clear:		both;	
	padding:		0px;
	text-align:		center;
}
div#contenu {
	margin-bottom:	10px;
	clear:		both;
	padding:		10px;
}
div#pub {
	border:			dashed thin #8A2BE2;
	background-color:	#FFF;
	text-align:		center;
	margin-bottom:	10px;
	margin-right:	10px;
	margin-left:	10px;
	clear:		both;
}
div#bascontenu {
	height:			31px;
}
div#bas {
	clear:		both;
	margin-top:		10px;
	padding:		0px;
	text-align:     center;
	color: #FFF;
}
div#accueil {
	clear:		both;
	padding:		0px;
	text-align:		center;
}
/******** Menu ********/
#menu ul {
	margin:		0px;
	margin-left:	auto;
	margin-right:	auto;
}
#menu li {
	display:	inline;
	margin-right:	0px;
	padding:	0px;
	list-style:	none;
	font:		bold 24px Georgia, Arial, Times, serif;
	color:	#E6E6FA;
}
#menu li a:link, #menu li a:visited
{
	color: #E6E6FA;
	font-style: italic;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}
#menu li a:hover
{
	color:	#fff;
}
#menu #active
{
	color:	#FFFF00;
}
/******** Titres ********/
h1, h2, h3 {
	font-family:    Trebuchet MS, arial, sans-serif;
	margin-top:     0;
}
#contenu h1 {
	color:	#750075;
	margin-top:		30px;
	font-variant: small-caps;
	font-size:      1.6em;
	font-style: italic;
	border-left: 4px solid #750075;
	border-bottom: 1px solid #750075;
	padding-left: 6px;
	background-image: url(images/fond_h1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contenu h2 {
	font-size:      1.2em;
	text-align:	center;
}
#contenu h3 {
	font-size:      1em;
	text-align:	left;
}
#accueil h1 {
	margin-top:     10px;
	margin-bottom:	0px;
	font-size:      1.6em;
	color:		#750075;
	font-style:	italic;
}
/******** P ********/
p {
	margin-top:     0;
	margin-bottom:  0;
}
#contenu  p {
	margin-bottom:	1em;
	font-size:	1.2em;
	line-height:	1.2em;
}
#bas p {
	margin-top:	10px;
	font-size:	80%;
	line-height:	1.2em;
}
#contenu .cadreblanc p {
	font-family:	Monotype corsiva, Georgia, Times, serif;
	font-size:	1.4em;
	line-height:	0.8em;
	margin:		0px;
}
/******** Divers ********/
#pub img {
	border: 0px;
}
hr {
	margin:	0px;
	color:#8A2BE2;
}
.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
}
.photo {
	border:		solid thin #750075;
}
.liste {
	font-style: italic;
}
.drapeaux img {
	border:		none;
}
#contenu .cadreblanc {
	border:			dashed thin #8A2BE2;
	background-color:	#FFF;
	padding:		8px;
	margin-top:		25px;
	margin-bottom:	25px;
}
.lettrine {
	float: left;
	font: bold 3em Georgia, Times New Roman, Times, serif;
	color: #8A2BE2;
	border: 1px solid #8A2BE2;
	background-color: #FFF; 
	margin: 1px;
	padding: 1px;
	line-height: 1em;
}
/******** Tarifs ********/
#tarifs {
	border:		dashed thin #8A2BE2;
	background-color: #FFF;
	padding:		8px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		25px;
}
#tarifs table {
	margin-top:		10px;
	margin-bottom:	10px;
	clear:		both;
	border:		1px solid #750075;
	text-align:		center;
	background:		none;
	font-weight:	bold;
	font-family:	Georgia, Times, serif;
}
#tarifs th {
	height:		15px;
	background-color:	#8A2BE2;
	color:		#FFF;
	padding:		4px;
}
#tarifs td {
	height:		45px;
	color:		#FFF;
}
.tarifsHS {
	background-color:	#FF3333;
	white-space:		nowrap;
}
.tarifsMS {
	background-color:	#FFCC33;
	white-space:		nowrap;
}
.tarifsBS {
	background-color:	#66CC66;
	white-space:		nowrap;
}
/******** Liens ********/
A:hover {
	background-color:	#8A2BE2;
	color:			#E6E6FA;
	text-decoration:	none;
}
#bas A {
	color:			#FFF;
	text-decoration:	underline; 
}
#bas A:hover {
	background:	none;
	text-decoration:	none;
}
#pub A.pub {
	position:	relative;
	top:		-16px;
}
/******** Bandeau ********/
#conteneur {
	position:absolute;
}
#bandeau h2 {
	color:		#8B0000;
	font-family:	Monotype corsiva, Georgia, Times, serif;
	font-size:	54px;
	position:	absolute;
	top:		-8px;
	left:		14px;
	padding-right:	6px;
	width:		500px;
}
#bandeau h1 {
	color:	#8B0000;
	font:		italic 18px verdana, arial, sans-serif;
	letter-spacing: 0.1em;
	position:	absolute;
	top:		50px;
	left:		40px;
	width:		530px;
} 
#bandeau .drapeaux {
	position:	absolute;
	top:		60px;
	left:		595px;
	width:		140px;
}
#bandeau #titleHP {
	color: #FFFFFF;
	font-size:larger;
	font-weight:bold;
}

/******** Plans ********/
div#cont {
	position:	relative;
	height:		450px;
}
#planeurope  {
	width:		215px;
	position:	absolute;
	top:		0px;
	left:		450px;
	border:		dashed medium #8A2BE2;
}
#planprovence {
	position:	absolute;
	top:		25px;
	left:		40px;
	border:		dashed thin #8A2BE2;
}
div#situation {
	width:		190px;
	position:	absolute;
	top:		240px;
	left:		470px;
	border:		solid thin #8A2BE2;
	background-color: #FFFFFF;
	padding:	4px;
}
div#explications {
	width:		100%;
	border:		dashed thin #8A2BE2;
	background-color: #FFFFFF;
	padding:	4px;
}
div#explications h3 {
	margin:0px;
}
div#explications .indication {
	font-family:'courier new';
	font-weight: bold;
}
/******** Formulaire ********/
div#contact {
	width: 480px;
	background-color: #8A2BE2;
	border: 1px #E6E6FA;
	padding: 15px;
	margin: 0px auto;
	text-align: left;
}
#contactok,#contactechec {
	width: 480px;
	background-color: #FFF;
	border: dashed medium #8A2BE2;
	padding: 15px;
	margin: 0px auto;
	text-align: left;
}
#contactok h2, #contactechec h2 {
	text-align:	center;
	font:		bold 1.4em arial, sans-serif;
	color:		#339933;
	margin-bottom:	25px;
}
#contactok h2 {
	color:		#339933;
}
#contactechec h2 {
	color:		red;
}
#contactechec p {
	text-align:	left;
	font:		bold 1em arial, sans-serif;
	color:		#8A2BE2;
}
#contact p {
	margin-bottom:	4px !important;
	margin-top:	4px !important;
	clear:		both;
	color:		#E6E6FA;
}
#contact legend {
	color:	#E6E6FA;
	font:		bold italic 12px 'trebuchet ms', sans-serif;
}
#contact label {
	float: left;
	width: 160px;
	text-align: right;
	color:			#E6E6FA;
	font:	bold 12px 'trebuchet ms', sans-serif;
}
#contact span.forminput {
	margin-left:	10px;
	float: left;
	width: 235px;
	text-align: left;
}
#contact input, select, option, textarea {
	background-color:	#E6E6FA;
	color:			#8A2BE2;
	font:			bold 12px 'trebuchet ms', sans-serif;
	padding-left:		5px;
}
#contact .oblig {
	float:	left;
	color:	#E6E6FA;
	font:	bold italic 12px 'trebuchet ms', sans-serif;
}
.visites_bloc {
	background-color: white;
	width: 230px;
	float: left;	
}
.visites_bloc .liste {
	font:	bold 12px 'trebuchet ms', sans-serif;
	height: 170px;
}