/* CSS Document */

body {
	background:url(images/fond.png) repeat-x #4D3729 ;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
select {
		font-size: 11px;
	}
#footer{
	clear:both;
	width:1021px;
	height:19px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #9D9189;
	margin:auto;
}
#footer a{
	color: #9D9189;
	text-decoration:underline;
}
#footer a:hover{
	color: #FF3399;
	text-decoration:none;
}
p{
	margin:0;
	padding:0;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
p a{
	color: #FFFFFF;
}
p a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
#conteneur{
	margin:auto;
	width:1021px;
}
#header{
	width:auto;
	height:78px;
}
#headerDroite{
	width:550px;
	float:right;
	height:78px;
	margin-bottom:0;
}
h1{
	background:url(images/logo.png) no-repeat;
	width:325px;
	margin:0;
	padding:0;
	height:78px;
	float:left;
	cursor:pointer;
}
h1 span{
	display:none;
}
h2{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
h3{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #FF3399;
	margin:10px 0 10px 0;
}
#flag{
	height:20px;
	width:75px;
	float:right;
	background:#3D2616;
}
#flag ul{
	margin:0 0 0 5px;;
	padding:0;
}
#flag li{
	list-style-type:none;
	float:left;
	padding:2px;
}
#menu{
	height:25px;
	width:550px;
	float:right;
	margin-top:33px;
}
#menu ul{
	margin:0;
	padding:0;
	float:right;
}
#menu li{
	float:left;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height:25px;
	list-style-type:none;
	line-height:25px;
	margin:0;
	padding: 0 8px 0 8px !important;
	
}
#menu li a{
	color: #FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	color: #FF3399;
	text-decoration:none;
}
.menuOn{
	background:#4C3728;
	display:block;
	text-align:center;	
}
.menuOff{
	border-right:3px solid #4C3728;
	text-align:center;
}


#photoHome{
	width:1020px;
	height:328px;
	clear:both;
	background:url(images/photoHome.jpg)
}
#contentHome{
	clear:both;
	width:1020px;
	height:166px;
}
.homeBloc1{
	width:605px;
	height:166px;
	float:left;
}
.homeBloc2{
	width:415px;
	height:166px;
	float:left;
}

.TitreHomepage1{
	width:605px;
	height:52px;
	background:url(images/titre1-home.png) no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:30px;
	text-indent:20px;
}
.TitreHomepage2{
	width:415px;
	height:52px;
	background:url(images/titre2-home.png) no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:30px;
	text-indent:20px;
}
#contentPromo{
	background:url(images/fond-promoHome.png) repeat-y;
	width:400px;
	height:114px;
	padding-left:15px;
}
.titrepromoHome{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
		margin-bottom:10px;
}
#sepmenu{
width:auto;
height:11px;
background: url(images/sepmenu.jpg);
}
#contentpage{
	width:auto;
	height:auto;
	background:#432D1E;
}
#blocpage{
	width:1021px;
	margin:auto;
	background:#503C2E;
}

#blocimagepage{
	float:left;
	width:475px;
	height:auto;
	margin:10px;
}
#blocimageservice{
	float:left;
	width:600px;
	height:400px;
	margin:10px;
	border:4px solid #4C3728;
}
#bloctextepage{
	float:left;
	width:500px;
	height:auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}
#bloctextepage2{
	float:left;
	width:380px;
	height:auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}
#bloctextepage3{
	float:left;
	width:auto;
	height:auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	margin:10px;
}
#bloctextepage3 a{
	color: #FFFFFF;
}
#bloctextepage3 a:hover{
	color: #FFFFFF;
	text-decoration:none;
}

#bloctextepage3 td{
	padding:0 5px 0 5px; 
	font-size: 11px !important;
	font-family: Tahoma !important;
	height:20px;
}
#bloctextepage2 li{
	list-style:square;
}
#grandeimage{
	width:460px;
	height:352px;
	border:4px solid #4C3728;
	padding:0;
}
#blocimagepage ul{
	margin:5px 0 0 0;
	padding:0;
}
#blocimagepage li{
	padding:0;
	float:left;
	list-style-type:none;
	border:4px solid #4C3728;
	height:78px;
	width:102px;
	margin:0 8px 0 0;

}
/*-------------------Reservation Motor----------------*/
#mirai_bookentrance {
	padding:10px;
	text-align:center;
	background-color:#2d1c10;
	color:#FFF;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be1, #mirai_be3, #mirai_be5, #mirai_be7, #mirai_be8 { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
	font-weight:bold;
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.3em 0 0;*/
}
#mirai_be2, #mirai_be4, #mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.8em 0 0;*/
}
#mirai_bookentrance div#mirai_be7  { /* Margin Right div contenedor de "Input Reservar"*/
    /*margin:0 1em 0 0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2 { /* Anchura para "Input Entrada" */
    /*width:7em;*/
}
 #mirai_be6 { /* Anchura para "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
      /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
      /*border:1px solid #999;*/
      /*color: #444;*/
    }
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    background-color:#fdc800;
	border:1px solid grey;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
   color:#fff;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:0.8em!important;
	width: 41em!important;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/
#offersHs .rowOffers p, #offersHs .rowOffers h2, #offersHs .rowOffers ul {
color:black!important;
width:550px!important;
}
