@charset "utf-8";

/* -- visuels -- */
#container .visuel
{
	height:472px;
	width:257px;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:0 top
}

#container .visuel:hover	{ background-position:0 bottom; filter:Gray() }
#container .visuel236 		{height:472px;width:236px;display:block;float:left}

#container .accueil_1	{ background-image:url(../../../MEDIA/CONTENU/accueil/accueil_01.jpg) }
#container .accueil_2	{ background-image:url(../../../MEDIA/CONTENU/accueil/accueil_03.jpg) }
#container .accueil_3	{ background-image:url(../../../MEDIA/CONTENU/accueil/accueil_05.jpg) }


/* -- article -- */
#container #article		{ width:484px;height:auto;padding:50px 0 0 30px;display:block;float:left;margin:0 }

#container #article	h1,
#container #article	h2	{ text-transform:uppercase;margin:0;padding:0 0 15px 0;font:normal 16px/10px CenturyGothic, Arial, Helvetica, sans-serif }
#container #article	h2	{ padding:30px 0 10px 0;font-size:13px }
#container #article	h2 em,
#container #article	em.stnrm	{ font-style:normal }
#container #article	h3	{ font-size:13px;font-weight:normal;padding-bottom:20px }
#container #article	h4	{ text-transform:uppercase;color:#EB5733;margin:15px 0;font-size:11px }

#container #article	img	{ float:left;padding:20px 30px 30px 0;vertical-align:bottom }

#container #article	p	{ color:#FFF;text-align:justify;font:normal 11px/16px Arial, Helvetica, sans-serif }
#container #article	p a	{ color:#EB5733 }
#container #article	p.lesacotes_145			{ height:145px }
#container #article	p.lesacotes_diapos		{ padding-left:15px }
#container #article	p.lesacotes_diapos img	{ padding:20px 10px 0 0 }
#container #article	p.chambre_diapos		{ padding-left:58px }
#container #article	p.chambre_diapos img	{ padding:20px 10px 0 0 }

#container #article	p.situation_1			{ height:100px }
#container #article	p.situation_2			{ width:200px;float:left }
#container #article	p.situation_2 em		{ color:#EB5733;font-style:normal }
#container #article	p.situation_3			{ width:144px;float:right;font-size:10px;text-align:right }
#container #article	p.situation_3 img		{ padding:0;margin:5px 0 2px 0 }
#container #article	#suite					{ display:none }
#container #article	.h130					{ height:150px }
#container #article	.h150					{ height:170px }

#container ul#menuchambre
{
	position:relative;
	top:-20px;
	right:-33px;
	float:right;
	display:block;
	clear:none;
	font-size:10px;
	text-transform:uppercase;
	height:23px;
	letter-spacing:1px
}

#container ul#menuchambre + h1
{
	margin-top:40px
}

#container ul#menuchambre li
{
	float:left;
	list-style:none;
	border-left:1px solid #172023;
	background:#938A70;
	display:block;
	color:#FFF;
	width:auto;
	margin:0;
	padding:5px 20px;
	transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;

}

#container ul#menuchambre * a {}
#container ul#menuchambre * a:hover
{ color:#FFF }

#container ul#menuchambre li.on,
#container ul#menuchambre li.on:hover,
#container ul#menuchambre li:hover
{ background:#EB5733 }


/* -- tarif -- */
#container table.tarifchambres
{
	display:block;
	width:555px;
	height:330px;
	text-transform:uppercase;
	border-top:8px solid #938A70;
	border-right:8px solid #938A70;
	border-left:8px solid #938A70;
	text-align:center;
	background:#938A70 url(../../../MEDIA/CONTENU/tarif/table.jpg) no-repeat center top;
}

#container table.tarifchambres td
{
	width:138px;
	height:0px;
	padding-top:306px;
}

#container table.tarifchambres td a
{
	color:#333;
}

#container table.tarifs
{
	display:block;
	width:555px;
	height:auto;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	font-size:11px;
}

#container table.tarifs th,
#container table.tarifs td
{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	text-align:center;
	padding:10px;
	margin:0;
	width:138px;
}

#container table.tarifs th
{
	text-transform:uppercase
}


/* -- chambres -- */
#container table.chambres
{
	height:472px;
	width:100%;
	background:#938A70;
	border-right:6px solid #938A70;
	border-left:6px solid #938A70;
}

#container table.chambres td
{
	height:472px;
	width:183px;
	border-top:none;
	border-right:6px solid #938A70;
	border-bottom:20px solid #938A70;
	border-left:6px solid #938A70;
	text-align:center;
}

#container table.chambres td a
{
	color:#333;
	width:183px;
	height:0;
	display:block;
	padding-top:451px;
	line-height:22px;
	background:url(../../../MEDIA/CONTENU/chambres/accueil.jpg) no-repeat 0 0;
	text-transform:uppercase
}

#container table.chambres a.td2			{ background-position:-183px 0 }
#container table.chambres a.td3			{ background-position:-366px 0 }
#container table.chambres a.td4			{ background-position:-549px 0 }
#container table.chambres a.td1:hover	{ background-position:0 -452px }
#container table.chambres a.td2:hover	{ background-position:-183px -452px }
#container table.chambres a.td3:hover	{ background-position:-366px -452px }
#container table.chambres a.td4:hover	{ background-position:-549px -452px }


/* -- bienvenue -- */
a.bienvenue
{
	font-size:18px;
	height:18px;
	text-transform:uppercase;
	font-weight:normal;
	width:336px;
	text-align:right;
	display:block;
	float:left;
	padding:0 30px;
	margin:237px 0 0 0;
	border-right:1px solid #F60;
	line-height:18px;
	color:#526773
}

a.bienvenue:hover	{ color:#9EA3A7 }
a.bienvenue.fr		{ text-align:left;border-right:none;border-left:1px solid #EB5733 }


/* -- slideshow -- */
#slideshow {
    position:relative;
    height:472px;
	width:236px;
	background-color:#FFF
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active		{ z-index:10;opacity:1.0 }
#slideshow IMG.last-active	{ z-index:9 }

.b_blue	{border-right:12px solid #2B4656}
.b_lime	{border-right:12px solid #D4D153}
.b_oran	{border-right:12px solid #EB5733}
.b_brwn	{border-right:12px solid #938A70}
.b_ston	{border-right:12px solid #5C7381}