/* CSS Document */

body
{
	background-color: #cacaca;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
}

 #mySlideShow
{
width: 400px !important;
height: 200px !important;
}

#en-tete
{
	height: 39px;
	width: 820px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:35px;
}

#logo
{
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 457px;
	display: block;
	position: relative;
	left: 30px;
	float:left;
}

a#bt_acceuil
{
	background-image: url(images/onglet1.jpg);
	background-repeat: no-repeat;
	position:relative;
	top:28px;
	float:left;
	margin-left: 70px;
	height: 23px;
	width: 84px;
	
}

a#bt_acceuil:hover
{
	top:26px;
	
}


a#bt_carte
{
	background-image: url(images/onglet2.jpg);
	background-repeat: no-repeat;
	position:relative;
	float:left;
	top:28px;
	margin-left: 4px;
	height: 23px;
	width: 84px;
}

a#bt_carte:hover
{
	top:26px;
	
}
a#bt_liens
{
	background-image: url(images/onglet3.jpg);
	background-repeat: no-repeat;
	position:relative;
	float:left;
	top:28px;
	height: 23px;
	width: 84px;
	margin-left: 4px;
}
a#bt_liens:hover
{
	top:26px;
	
}
#arrondi
{
	background-image: url(images/arrondi.jpg);
	background-repeat: no-repeat;
	display:block;
	height: 28px;
	width: 820px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	float:left;
}

#contenu
{
	background-color: #FFFFFF;
	position: relative;
	width: 820px;
	height: auto;
	/*padding-top: -26px;*/
	padding-bottom: 30px;
	float: left;
	display: block;
}

/*CONTENU DES PAGES*/

#header
{
	/*background-image: url(images/header_1.jpg);*/
	top:-10px;
	height: 320px;
	width: 782px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	background-repeat: no-repeat;
	display: block;
}

a
{
	text-decoration:none;
	color:#1c9aef;
}

a:hover
{
	text-decoration:underline;
	color:#1c9aef;
}

#contenu_page
{
	position: relative;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	display: block;
	padding-left:10px;
}

.separateur
{
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #55A0FF;
	position: relative;
	width: 740px;
	float: left;
	display: block;
	height: 5px;
	margin-top: 25px;
	margin-left: 15px;
}

.page_gauche
{
	position:relative;
	width: 470px;
	float: left;
	display:block;
/* 	border: 1px solid #807f7f; */
}

div.nom_chambres
{
	padding-left:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
/* 	background-image: url(icones/btn_book.jpg); */
	background-repeat: no-repeat;
	position: relative;
/* 	height: 160px; */
	width: 420px;
/* 	float:left; */
	display: block;
	margin-top: 20px;
/* 	border: 1px solid #807f7f; */
}

div.adresse_chambres
{
	padding-left:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	position: relative;
	background: url(icones/btn_book.jpg) no-repeat;
/* 	height: 160px; */
	width: 200px;
/* 	top:20px; */
	display: block;
	float: left;
/* 	border: 1px solid #807f7f; */
}

div.info_prix
{
	padding-left:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(icones/btn_argent.jpg);
	background-repeat: no-repeat;
	position: relative;
/* 	height: 100px; */
	bottom:0px;
	width: 205px;
	display: block;
	float: left; 
/* 	margin-top: 20px;  */
/* 	border: 1px dashed #f80700; */
}

div.texte_descriptif
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(icones/btn_home.jpg);
	background-repeat: no-repeat;
	width: 420px;
	padding-left:25px;
	padding-bottom:20px;
	float:left;
	display: block;
	margin-top:20px;
/* 	border: 1px solid #807f7f; */
}

div.texte_informatif
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
	background-image: url(icones/btn_information.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 420px;
	padding-left:25px;
	padding-bottom:20px;
	display: block;
/* 	border: 1px solid #807f7f; */
}



div.page_droite
{
	margin-top:5px;
	position:relative;
	width:303px;
	float: right;
	margin-right:10px;
/* border: 1px solid #807f7f; */
}

.pic_gd
{
	height: 200px;
	width: 300px;
	border: 1px solid #807f7f;
	position: relative;
	float: left;
	display: block;
	
}

.pics_mini
{
	overflow:visible;
	height: 60px;
	width: 300px;
	position:relative;
	float: right;
	margin-top: 8px;
}

.pic_mini_1
{
	height: 60px;
	width: 80px;
	border: 1px solid #807f7f;
	position:relative;
	float: right;
}
.pic_mini_2
{
	height: 60px;
	width: 80px;
	margin-right:25px;
	border: 1px solid #807f7f;
	position:relative;
	float: right;
}
.pic_mini_3
{
	height: 60px;
	width: 80px;
	border: 1px solid #807f7f;
	position:relative;
	float: left;
}

.plage_info
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/icones.jpg);
	background-repeat: no-repeat;
	background-position:10px;
	padding-left:35px;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	line-height:21.4px;
	width: 265px;
	display: block;
	float: left;
	margin-top: 20px;
	overflow:visible;
	border: 1px solid #588abd;
}

/* PAGE INDEX*/

#texte_orange
{
	font-weight: bold;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	color:#f47c25;
	font-size: 15px;
	width: 400px;
	padding-left:25px;
	padding-bottom:20px;
	z-index:20;
	padding-top:10px;
	left:-20px;
	position:relative;
	height: 173px;

}
#texte_index
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(images/guillmets1.jpg);
	background-repeat: no-repeat;
	width: auto;
	float:left;
	padding-left:25px;
	padding-bottom:30px;
	top:0px;
	position:relative;
	z-index:5;
/* 	border: 1px solid #807f7f; */
}

#carte_suisse
{
	background-image: url(images/suisse.jpg);
	background-repeat: no-repeat;
	position:absolute;
	left:350px;
	padding-top:30px;
	height: 314px;
	width: 445px;
}

a.zone_carte 
{
	float: left;
	position:absolute;
	display:block;
	width: 70px;
	height: 28px;
	top: 168px;
	left: 78px;
	Z-index:40;
}

a.zone_carte:hover {
	border-bottom:3px ;
	border-bottom-color:#f80700;
	border-bottom-style:solid;
}

div a.lavaux_rouge {
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#f80700;
	position:relative;
	
}

div a.lavaux_rouge:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#f80700;
	position:relative;
	text-decoration: none; 	border-bottom:1px ;
	border-bottom-color:#f80700;
	border-bottom-style:solid;
}

/*page Liens*/


div#liens
{
	font-weight: bold;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	color:#000000;
	font-size: 15px;
	width: 600px;
	padding-left:5px;
	z-index:20;
	position:relative;
	float:left;
	/*border:1px #2F2F2F solid;*/
}

div#liens p
{
	color:#000000;
	font-size: 16px;
	width:100%;
	margin-bottom:15px;
	padding:0px;
	padding-left:25px;
	z-index:20;
	padding-top:0px;
	left:50px;
	position:relative;
	float:left;
	/*border:1px #2F2F2F solid;*/
}

div#liens p a
{
	color:#f47c25;
	font-size: 15px;
	margin-left:325px;
	float:left;
	position:relative;
	bottom:15px;
/* 	border:1px #2F2F2F solid; */
}

div#liens p a:hover
{
	color:#f47c25;
	font-size: 15px;
	margin-left:325px;
	float:left;
	position:relative;
	bottom:15px;
	border:0px #FFFFFF solid;
}


/*page choix acceuil*/

#texte_orange2
{
	font-weight: bold;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	color:#f47c25;
	font-size: 15px;
	width: 300px;
	padding-left:25px;
	padding-bottom:20px;
	z-index:20;
	padding-top:10px;
	left:-20px;
	position:relative;
}

#texte_orange3
{
	font-weight: bold;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	color:#f47c25;
	font-size: 15px;
	width: 700px;
	padding-left:25px;
	padding-bottom:20px;
	z-index:20;
	padding-top:10px;
	left:-20px;
	position:relative;
}

#parentese_haut{
	background-image: url(images/guillmets1.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:20px;
	left:7px;
	height:18px;
	padding-bottom:35px;
}

#parentese_bas{
	background-image: url(images/guillmets2.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:20px;
	left:310px;
	top:180px;
	height:18px;
}

#container {
	background-image: url(images/carte_lavaux.png);
	background-repeat: no-repeat;
	float:right;
	position:relative;
	width:447px;
	height:319px;
	padding-top:10px;
	margin-top:40px;
}

#container b {
position:absolute;
left:0; 
z-index:1;
}

/*Selection des villages*/
a.gallery, a.gallery:visited {
text-decoration:none; 
/* border: 1px dashed #f80700; */
border: 1px dashed #9b340c;
width: 13px;
height: 13px;
float:left;
position:absolute;
}

/* position des villages sur la map*/
a.slidea {left:149px;top:211px;} /*cully*/
a.slideb {left:61px;top:183px;} /*lutry*/
a.slidec {left:103px;top:204px;} /*Villette*/
a.slided {left:130px;top:183px;}  /*Grandvaux*/
a.slidee {left:167px;top:190px;} /*Riex*/
a.slidef {left:186px;top:188px;} /*Epesses*/
a.slideg {left:260px;top:187px;} /*Puidoux*/
a.slideh {left:254px;top:227px;} /*Chexbres*/
a.slidei {left:255px;top:255px;} /*Rivaz*/
a.slidej {left:280px;top:257px;} /*St.Saphorin*/
a.slidek {left:189px;top:130px;} /*Forel*/
a.slidel {left:146px;top:95px;} /*Savigny*/
a.slidem {left:199px;top:222px;} /*trey torrens*/
a.slide_chardonne	{left:330px;top:242px;} /*chardonne*/
a.slide_corseaux	{left:343px;top:257px;} /*corseaux*/
a.slide_ledalley	{left:107px;top:184px;} /*le dalley*/
a.slide_lacroix		{left:75px;top:163px;} /*la croix*/
a.slide_belmont		{left:62px;top:152px;} /*belmont*/
a.slide_aran		{left:114px;top:174px;} /*aran*/
a.slide_chatelard	{left:84px;top:181px;} /*le chatelard*/


/*photos des villages*/
a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute;
	width:274px;
	height:182px;
	cursor:default;
	text-decoration:none;
}

/*Position de la photo du village [317][415]*/
a.slidea span {left:-466px; top:-142px;} /*cully*/
a.slideb span {left:-376px; top:-116px;} /*lutry*/
a.slidec span {left:-420px;top:-135px;} /*Villette*/
a.slided span {left:-446px;top:-114px;}  /*Grandvaux*/
a.slidee span {left:-484px;top:-121px;} /*Riex*/
a.slidef span {left:-505px;top:-119px;} /*Epesses*/
a.slideg span {left:-579px;top:-119px;} /*Puidoux*/
a.slideh span {left:-573px;top:-160px;} /*Chexbres*/
a.slidei span {left:-574px;top:-187px;} /*Rivaz*/
a.slidej span {left:-600px;top:-191px;} /*St.Saphorin*/
a.slidek span {left:-506px;top:-61px;} /*Forel*/
a.slidel span {left:-462px;top:-26px;} /*Savigny*/
a.slidem span {left:-517px;top: -153px;} /*trey torrens*/
a.slide_chardonne span	{left:-645px;top:-173px;} /*chardonne*//*328px;top:242px -317*/
a.slide_corseaux span	{left:-663px;top:-189px;} /*corseaux 346px;top:258px; */
a.slide_ledalley span	{left:-423px;top:-115px;} /*le dalley 106px;top:184px; */
a.slide_lacroix	span	{left:-390px;top:-94px;} /*la croix*/
a.slide_belmont	span	{left:-378px;top:-85px;} /*belmont*/
a.slide_aran span	{left:-429px;top:-105px;} /*aran*/
a.slide_chatelard span	{left:-401px;top:-116px;} /*le chatelard*/


a.gallery:hover {
white-space:normal; border: 1px dashed #f80700;z-index:100;}

a.gallery:hover span {
visibility:visible; z-index:100;}

a.gallery:hover span img {
margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {
border:1px solid #c00;z-index:10;}

/*a.gallery:active span, a.gallery:focus span {
visibility:visible; z-index:10;}*/

a.gallery:active span img, a.gallery:focus span img 
{border:1px solid #000; position:relative; /*margin:10px;*/ z-index:10;}