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

htlm {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: #000;
	overflow:hidden;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	min-width:1000px;
}

img{
	border:none;
}

#global{
	overflow:auto;
	position:absolute;
	height:100%;
	min-width:1000px;
	width:100%;
	}
#flashBack {
	z-index:-1;
	position: absolute;
	left:0px;
	top:0px;
}
/*----------------------MENU---------------------------------------------------------------------------*/
#menu {
	color:#FFF;
	font-size:14px;
	/*width:100%;*/
	margin:0;
	padding:5px 0 0 50px;
	list-style:none;
	background:url(/hotel-carnac/fond-menu.png) repeat-x;
	height:27px;
}
#menu li {
	float:left;
	margin:0 0 0 16px;
	padding:0 16px 0 0;
	background:url(hotel-carnac/sep-menu.png) no-repeat right;
}
#menu li a {
	color:#FFF;
	text-decoration:none;
}
#menu li a:hover, .menu_actif {
	color:#ccc;
}
#phone {
	color:#FFF;
	margin:5px 0 0 50px;
}
#phone a {
	color:#FFF;
	text-decoration:none;
}
#phone img {
	margin:0 10px;
}
/*----------------------MENU FIN---------------------------------------------------------------------------*/
/*----------------------ACCUEIL---------------------------------------------------------------------------*/
#accueil-gauche {
	background:url(hotel-carnac/fond-gauche-accueil.png) repeat-x;
	height:520px;
	width:7%;
	float:left;
}
#accueil {
	background:url(hotel-carnac/fond-accueil.png);
	height:520px;
	width:872px;
	float:left;
	position:relative;
}
#texte-accueil {
	color:#FFF;
	font-size:12px;
	width:420px;
	position:absolute;
	top:140px;
}
#texte-accueil h1 {
	color:#FFF;
	font-weight:normal;
	font-size:20px;
	width:300px;
	margin:0;
}
#texte-accueil p {
	margin:0;
}
#logo-accueil {
	z-index:9;
	position:absolute;
	top:0;
	left:360px;
}
#resa-mini-accueil {
	color:#FFF;
	font-size:12px;
	line-height:27px;
	position:absolute;
	top:410px;
	left:230px;
}
/*----------------------ACCUEIL FIN---------------------------------------------------------------------------*/
/*----------------------SLIDER---------------------------------------------------------------------------*/
#slider {
	width: 790px;
	height: 140px;
	overflow: hidden;
	margin:0;
	clear:both;
	position: absolute;
	top:248px;
}
/* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover {
	width: 2880px;
	position: relative;
}
.slide {
	width: 900px;
	float: left;
	position: relative;
}
.slide h1 {
	font-size: 24px;
	font-weight: normal;
	color: #996699;
	margin:10px 0 0 0;
}
.slide p {
	color:#333;
	font-size: 12px;
	width:250px;
	margin:5px 0;
	padding:0;
}
.slide img {
	position: absolute;
	top:0px;
	left: 300px;
	border:none;
}
#slider-stopper {
	position: absolute;
	left:262px;
	top:0px;
	background: #999;
	color: white;
	padding: 3px 8px;
	font-size: 10px;
	z-index: 99;
}
/*----------------------SLIDER FIN---------------------------------------------------------------------------*/
/*----------------------CONTENU ---------------------------------------------------------------------------*/
#inter-gauche {
	background:url(hotel-carnac/fond-gauche-inter.png) repeat-x;
	height:676px;
	width:7%;
	float:left;
}
#inter {
	background:url(hotel-carnac/fond-inter.png);
	height:676px;
	width:872px;
	float:left;
	position:relative;
}
#texte-inter {
	color:#FFF;
	font-size:12px;
	width:400px;
	margin:100px 0 0 0;
	height:132px;
	float:left;
}
#texte-inter h1 {
	color:#FFF;
	font-weight:normal;
	font-size:20px;
	width:300px;
	margin:0;
}
#texte-inter p {
	margin:0;
}
#logo-inter {
	z-index:9;
	position: absolute;
	top:48px;
	left:460px;
}
#resa-mini {
	color:#FFF;
	font-size:12px;
	line-height:27px;
	position:absolute;
	top:570px;
	left:230px;
}
#pied{
	clear:both;
	color:#FFF;
	font-size:11px;
	
	}
#pied a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	}
#pied img{
	margin:10px;
	float:left;
	}
#pied p {
	float:left;
	display:block;
	margin:20px 0 0 30px;
	}
#map {
	width:770px;
	height:280px;
	overflow:hidden;
	background:#fff;
	position: absolute;
	top:248px;
	border: #FFF solid 10px;
}
#map {
	color:#333;
}
#liens{
	position: absolute; /* important */
	top:268px;
	left:0px;
	font-size:12px;
	}	
#liens ul{
	list-style-type: square;
	}
#liens li{
	margin:10px;
	}
#liens a{
	color:#333;
	text-decoration:none;
	}
/*----------------------CONTENU FIN---------------------------------------------------------------------------*/
/*----------------------SLIDER PHOTO---------------------------------------------------------------------------*/
#slider1 {
	width: 720px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: absolute; /* important */
	overflow: hidden; /* important */
	top:248px;
	left:0px;
}
#slider1Content {
	width: 720px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin: 0;
}
.slider1Image {
	float:left;
	position: relative;
	display:none;
}
.slider1Image span {
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	width: 720px;
	background-color: #fff;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #000;
	display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
	font-size: 14px;
}
.left {
	padding:20px 10px;
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	padding:30px 10px 20px 10px;
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 250px;
}
ul#slider1Content {
	list-style-type: none;
	margin:0;
	padding:0;
}
/*----------------------SLIDER PHOTO FIN---------------------------------------------------------------------------*/

/*----------CONTACT----------------------------------------*/
#form_contact{
	position: absolute; /* important */
	top:268px;
	left:0px;
	font-size:11px;
}

#form_contact p {
	margin:0 0 3px 0 ;
}
#form_contact label {
	width:55px;
	display: inline-block;
	text-align:right;
	margin-right:5px;
	color:#333;
}

#form_contact h2 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#666;
	margin:10px 0 0 0;
}
.grand_input {
	width:280px;
}
#message {
	height:100px;
	width:630px;
	margin-left:60px;
}
/*-----------CONTACT FIN----------------------------------------*/

/*----------FORFAITS----------------------------------------*/
#form_forfait{
	position: absolute; /* important */
	top:258px;
	left:0px;
	height:290px;
	width:790px;
	overflow:auto;
}
#form_forfait ul{
	list-style:none;
	margin:0;
	padding:0;
}
#form_forfait ul li{
	margin:10px 20px 0 0;
	float:left;
	width:350px;
	height:80px;
	display:block;
	border-bottom:#B8A48D solid 1px;
}
#form_forfait h1{ 
	font-family: Helvetica, Sans-Serif;
	font-size:16px;
	font-weight: normal;
	color: #996699; 
	margin:0;
}

#form_forfait p{ 
	color: #333;
	font-size:12px;
	margin:0;
}

#form_forfait a{
	color: #996699;
	font-size: 14px;
}
/*----------FORFAITS FIN----------------------------------------*/
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	width:100%;
	background:url(/hotel-carnac/fond-menu.png) repeat-x;
	height:40px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:125px;
	height:40px;
	position:relative;
	cursor:pointer;
	border-left:#4E4235 solid 1px;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
	height:40px;
	z-index:12;
}
.menu-anim a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	top:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:13px;
	left:0px;
	width:125px;
	z-index:110;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	top:40px;
	width:125px;
	height:0px;
	left:0px;
	z-index:14;
	/*-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;*/
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:7px;
	text-shadow:1px 1px 1px #000;
	color:#FFF;
	text-align:center;
}


ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:125px;
	overflow:hidden;
	height:125px;
	top:85px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}