@charset "UTF-8";
/* CSS Document */

body {
	background: #eeecdd;
	margin: 0 auto;
	font: 12px/100% Arial, Helvetica, sans-serif;
}

#wrapper {
	padding: 20px 0 0 0;
}

#container {
	background: url(../images/layout/bgTivazadou.jpg) no-repeat top right #fff;
	border: 1px solid #658ec2;
	width: 850px;
	height: 650px;
	margin: 0 auto;
	position: relative;
}

.trShadow {
	background: url(../images/layout/trShadow.gif) top right no-repeat;
	position: absolute;
	top: 0;
	right: -7px;
	width: 6px;
	height: 9px;
}
.blShadow {
	background: url(../images/layout/blShadow.gif) bottom left no-repeat;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 8px;
	height: 7px;
}
.rShadow {
	background: url(../images/layout/rShadow.gif) top right repeat-y;
	position: absolute;
	top: 9px;
	right: -7px;
	width: 8px;
	height: 100%;
}
.bShadow {
	background: url(../images/layout/bShadow.gif) bottom left repeat-x;
	position: absolute;
	left: 8px;
	bottom: -8px;
	height: 7px;
	width: 100%;
}
.brShadow {
	background: url(../images/layout/brShadow.gif) bottom right no-repeat;
	position: absolute;
	bottom: -10px;
	right: -9px;
	width: 8px;
	height: 9px;
}

#modLogos {
	position: absolute;
	top: 245px;
	right: -38px; /* ou bien -43px*/
}
#modLogos ul li {
	margin: 10px 0 0;
}
#routard {
	background: url(../images/layout/logoRoutardShadow.png) top left no-repeat;
	width: 76px;
	height: 30px;
}
#michelin {
	background: url(../images/layout/logoMichelinShadow.png) top left no-repeat;
	width: 76px;
	height: 32px;
}
#gallimard {
	background: url(../images/layout/logoGallimardShadow.png) top left no-repeat;
	width: 76px;
	height: 40px;
}
#maisonshotes {
	background: url(../images/layout/logoMaisonsHotesShadow.png) top left no-repeat;
	width: 76px;
	height: 65px;
}

#header {
	background: url(../images/layout/headerBisTivazadou.jpg) top left no-repeat;
	width: 850px;
	height: 216px;
}
#header p {
	position: absolute;
	top: 19px;
	left: 314px;
	width: 213px;
	height: 176px;
}
#nav {
	font-size: 18px;
	color: #58585a;
	padding: 153px 0 0;
}
#nav a {
	color: #58585a;
}
#nav a:hover {
	color: #5b85ba;
}
#nav .activ {
	font-style: italic;
	color: #5b85ba;
}
.float_left, .float_left li, .float_right li {
	float: left;
}
.float_right {
	float: right;
}
#navLeft {
	margin: 0 0 0 18px;
}
#navLeft li {
	margin: 0 0 0 45px;
}
#navRight li {
	margin: 0 70px 0 0;
}

#content {
	width: 742px;
	height: 417px;
	margin: 0 auto;
}
#content #sidebar {
	margin: -15px 0 0;
	width: 200px;
	float: left;
}
#content #sidebar ul li {
	width: 200px;
	height: 200px;
	background: url(../images/layout/bgPhotos.gif) center no-repeat;
	position: relative;
	margin: 0 0 18px;
}
#content #sidebar ul li img {
	width: 183px;
	height: 183px;
	position: absolute;
	top: 8px;
	left: 8px;
}
#content #main {
	float: right;
	width: 486px;
	margin: 25px 10px 0 0;
}
#content #main h1 {
	font: 22px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 1px;
	color: #253940;
	text-shadow: 0px 0px 1px #839EBF;
}
#content #main p {
	margin: 32px 0 33px 0;
	font: italic 14px "Times New Roman", Times, serif;
	color: #253940;
	word-spacing: 3px;
	text-align: justify;
	line-height: 120%;
}
#content #main span {
	background: url(../images/layout/bgPhotosPano.gif) center no-repeat;
	width: 486px;
	height: 200px;
	display: block;
	position: relative;
}
#content #main span img {
	width: 468px;
	height: 184px;
	position: absolute;
	top: 9px;
	left: 8px;
}

#contentPresentation {
	width: 742px;
	height: 417px;
	margin: 0 auto;
}
#contentPresentation #sidebar {
	margin: -15px 0 0;
	width: 214px;
	float: left;
}
#contentPresentation #sidebar ul li {
	width: 101px;
	height: 101px;
	background: url(../images/layout/bgThumbPhotos.gif) center no-repeat;
	position: relative;
	float: left;
	margin: 0 6px 6px 0;
}
#contentPresentation #sidebar ul li img {
	width: 84px;
	height: 84px;
	position: absolute;
	top: 8px;
	left: 8px;
}
#contentPresentation #sidebar ul li a:hover img {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.imgPresActiv {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
#contentPresentation #main {
	float: right;
	width: 486px;
	margin: 25px 10px 0 0;
}
#contentPresentation #main h1 {
	font: 21px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 2px;
	color: #253940;
	text-shadow: 0px 0px 1px #839EBF;
}
#contentPresentation #main p {
	margin: 18px 0 7px 0;
	font: italic 14px "Times New Roman", Times, serif;
	color: #253940;
	word-spacing: 3px;
	text-align: justify;
	line-height: 120%;
}
#contentPresentation #main ul {
	margin-top: 18px;
	background: url(../images/layout/bgSlideshow2.gif) center no-repeat;
	width: 487px;
	height: 277px;
	display: block;
	position: relative;
	z-index: 0;
}
#contentPresentation #main ul li {
	width: 470px;
	height: 261px;
	position: absolute;
	top: 8px;
	left: 8px;
}

#footer {
	width: 666px;
	margin: 52px auto 0;
	clear: both;
	overflow: hidden;
}
#footer img {
	display: block;
	margin: 0 auto -32px;
}
#footer p {
	color: #658ec2;
	font-weight: bold;
	font-size: 13px;
	line-height: 240%;
	letter-spacing: 0.75px;
	text-align: center;
	background: #9c0d2d;
	padding: 0;
}
#footer a {
	color: #658ec2;
}

#credits {
	color: #658ec2;
	margin: 6px auto 25px;
	width: 850px;
	font-size: 10px;
}

#credits a {
	color: #658ec2;
}
#credits a:hover {
	text-decoration: underline;
}



/* AJOUT SWAPYYY */
div#contentDormir #main {
	width: 850px;
	margin: 25px 10px 0 0;
}
div#contentDormir #main h1 {
	font: 22px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 1px;
	color: #253940;
	text-shadow: 0px 0px 1px #839EBF;
}
div#contentDormir div#main h2 {
	font: 18px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 1px;
	color: #253940;
}
div#contentDormir #main p {
	margin: 10px 32px;
	font: italic 14px "Times New Roman", Times, serif;
	color: #253940;
	word-spacing: 3px;
	text-align: justify;
	line-height: 120%;
}

ul.slideshow {
	margin: 5px auto;
	width: 487px;
	height: 277px;
	display: block;
	position: relative;
	z-index: 0;
	
	-moz-box-shadow: 1px 1px 12px #999;  
	-webkit-box-shadow: 1px 1px 12px #999; 
	-khtml-box-shadow: 1px 1px 12px #999; 
	box-shadow: 1px 1px 13px #999; 
	border: 1px solid #999;
}
ul.slideshow li {
	width: 470px;
	height: 261px;
	position: absolute;
	top: 8px;
	left: 8px;
}


div#contentDecouvrir #main {
	width: 850px;
	margin: 25px 10px 0 0;
}
div#contentDecouvrir #main h1 {
	font: 22px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 1px;
	color: #253940;
	text-shadow: 0px 0px 1px #839EBF; 
}
div#contentDecouvrir div#main h2 {
	font: 18px "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 1px;
	color: #253940;
}
div#contentDecouvrir #main p {
	margin: 10px 32px;
	font: italic 14px "Times New Roman", Times, serif;
	color: #253940;
	word-spacing: 3px;
	text-align: justify;
	line-height: 120%;
}

div.decouvertePhoto {
	margin:0 auto;
	text-align:center;
}

div.decouvertePhoto img {
	-moz-box-shadow: 1px 1px 12px #999;  
	-webkit-box-shadow: 1px 1px 12px #999; 
	-khtml-box-shadow: 1px 1px 12px #999; 
	box-shadow: 1px 1px 13px #999; 
	
	border: 1px solid #999;
	margin: 5px 15px;
}
div.decouvertePhoto img:hover {
	border: 1px solid #666;
}


/* MENU */
div.menu {
	font-size: 14px;
	margin: 0;
	padding-top: 153px;
	height: 20px;
	padding-bottom: 10px;
}

div.menu.left {
	float:left;
}

div.menu.right {
	float:right;
	padding-right: 310px;
}

.menuDeroulant {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	border: 0;
	position: absolute;
	z-index:1000;
}
.menuDeroulant li {
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 155px;
	font-weight: bold;
}
.menuDeroulant li a:link, .menuDeroulant li a:visited {
	display: block;
	height: 1%;
	color: #262626;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
	letter-spacing: 1px;
}
.menuDeroulant li a:hover {
	background-color: #5681B4;
	color: #FFF;
	text-shadow: 0 0 1px #333;
}
.menuDeroulant li a:active {

}

.menuDeroulant .sousMenu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.menuDeroulant .sousMenu li {
	text-align: left;
	font-size: 12px;
	float: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e1e1e1;
	width: 155px;
	background-color: #FFF;
	font-weight: 100;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
}
.menuDeroulant .sousMenu li a:link, .menuDeroulant .sousMenu li a:visited {
	display: block;
	letter-spacing: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}
.menuDeroulant .sousMenu li a:hover {
	background-color: #56B1E2;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 1px #111;
}
.menuDeroulant li:hover > .sousMenu {
	display: block;
}



/* TABS */ 
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #e1e1e1;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #C2DAEF;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #e1e1e1;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}



/* TABLEAU TARIFS */
#mytable {
	width: 550px;
	padding: 0;
	margin: 16px auto;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}