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

/* ELEMENTS NATIFS */
body {background: #7d766a url(../images/fond_corps_page.gif) repeat-x 0 413px ; font-family:Arial, Helvetica, sans-serif;}
.clear {margin: 0px;padding: 0px;clear: both;visibility: hidden;}
img{border:0;}
/* FIN DE ELEMENT NATIFS */

#entete {height:409px;margin:0;clear:both;padding:0;position:relative;background:url(../images/bg_header.jpg) repeat-x;}
#entete #entete_bg{border-bottom: 4px solid #C5D015;position:absolute;width: 100%;height: 409px;background: url(../images/illus/hotel_bollwiller_01.jpg);background-repeat: no-repeat;background-position: center center;}
#entete .loading{background: url(../images/loader.gif) no-repeat center center;}
#entete #entete_bg #logo{margin:0 auto;width:1045px;}
#entete #entete_bg #logo #raccourci{width:27px;margin-top:94px;float:left;}
#entete #entete_bg #logo #raccourci a{display:block;text-align:center;width:27px;height:27px;}
#entete #entete_bg #logo #raccourci a img{margin-top:8px;}
#entete #entete_bg #logo #raccourci a#acces-contact img{margin-top:10px;}
#entete #entete_bg #logo #raccourci a#acces-accueil {background:#9b1e37;}
#entete #entete_bg #logo #raccourci a#acces-accueil:hover {background:#851d32;}
#entete #entete_bg #logo #raccourci a#acces-contact {background:#bcb5ac;}
#entete #entete_bg #logo #raccourci a#acces-contact:hover {background:#a29e98;}
#entete #entete_bg #logo #raccourci a#acces-plan-site {background:#c5bf00;}
#entete #entete_bg #logo #raccourci a#acces-plan-site:hover {background:#a29d03;}

/* CORPS */
#corps {width: 995px;margin:0 auto;}
/* FIN CORPS */

/* COLONNE CENTRALE */
#corps #colonne-centrale{float:left;width:490px;padding:0 15px 0 20px;}
#corps #colonne-centrale #fil-ariane{margin:10px 0 20px 0;color:#ffffff; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
#corps #colonne-centrale #fil-ariane a {color:#cbd415;}
#corps #colonne-centrale #fil-ariane a:hover {text-decoration:none;}
#corps #colonne-centrale #contenu-principal{margin-top:20px;clear:both;color:#ffffff; font-family:Arial, Helvetica, sans-serif;text-align:justify;}
#corps #colonne-centrale #contenu-principal ul{margin:10px 0 10px 20px;}
 #corps #colonne-centrale #contenu-principal a{color:#cbd415;text-decoration:underline;}
  #corps #colonne-centrale #contenu-principal a:hover{text-decoration:none;}
  #corps #colonne-centrale #contenu-principal img {margin:5px;}
    #corps #colonne-centrale #contenu-principal .thumbs img {border:3px solid #ffffff;}
#corps #colonne-centrale #contenu-principal h3{margin-bottom:20px;color:#cbd415;}
#corps #colonne-centrale #contenu-principal h3.titre-page{margin-bottom:20px;color:#ffffff;font-size:20px;}
#corps #colonne-centrale #menu-tab li{list-style:none;float:left;margin:0 3px 0 0;font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#corps #colonne-centrale #menu-tab li a,#corps #colonne-centrale #contenu-principal #menu-tab li a:visited {display:block;padding:2px 5px 2px 5px;width:150px;color:#ffffff; background:#7d766a;text-decoration:none;}
#corps #colonne-centrale #menu-tab li a:hover,#corps #colonne-centrale #menu-tab li.active a,#corps #colonne-centrale #contenu-principal #menu-tab li a:visited:hover {color:#cbd415;}
#corps #colonne-centrale #image-promo {margin-top:40px;}

#corps #colonne-centrale #contenu-principal table{width:100%;text-align:left;}
#corps #colonne-centrale #contenu-principal table tr th{background:#cbd415;color:#ffffff;text-align:center;padding:5px 0 3px 0;border-collapse : collapse;}
#corps #colonne-centrale #contenu-principal table tr {background:#81182c;border-collapse : separate;}
#corps #colonne-centrale #contenu-principal table tr td {background:#81182c;color:#ffffff;padding:5px 0 3px 10px;min-height:20px;}
#corps #colonne-centrale #contenu-principal table tr td.prix {text-align:center;padding:5px 0 3px 0;min-width:145px;}
#corps #colonne-centrale #contenu-principal table.large{width:100%;text-align:left;}
#corps #colonne-centrale #contenu-principal table tr td {background:#81182c;color:#ffffff;padding:5px 3px 3px 3px;min-height:20px;}

/* FIN DE COLONNE CENTRALE border="0" cellspacing="3" cellpadding="0" width="100%"*/

/* FORMULAIRE */
#corps #colonne-centrale #contenu-principal form {margin-left:10px;}
#corps #colonne-centrale #contenu-principal form label.normal{color:#ffffff;width:150px;text-align:left;display:block;float:left;font-weight:bold;cursor:pointer;}
#corps #colonne-centrale #contenu-principal form input.INPUT {outline:none;color:#333333;float:left;width:150px;border:1px solid #45413b;padding:2px 5px;margin-right:5px;}
#corps #colonne-centrale #contenu-principal form input.required,#corps #colonne-centrale #contenu-principal form input.invalid,#corps #colonne-centrale #contenu-principal form textarea.required {background:#ffe5e5;border:1px solid #ffadad;}
#corps #colonne-centrale #contenu-principal form textarea {outline:none;color:#333333;float:left;width:250px;height:75px;border:1px solid #45413b;padding:5px;margin-right:5px;}
#corps #colonne-centrale #contenu-principal form fieldset{margin:10px 0;}
#corps #colonne-centrale #contenu-principal form fieldset.brochure label.normal{padding-top:20px;}
#corps #colonne-centrale #contenu-principal form fieldset.brochure{margin:10px 0 10px;}
#corps #colonne-centrale #contenu-principal form fieldset.code label{padding:20px 0;}
#corps #colonne-centrale #contenu-principal form div.choix-broche{margin:3px 0 3px 150px;border:#ffffff 1px solid;padding:3px;width:230px;}
#corps #colonne-centrale #contenu-principal form .errors{margin:20px 0;padding:10px;background:#7d766a;border:1px solid #ffffff;}
#corps #colonne-centrale #contenu-principal form .errors strong{color:#cbd415;}
#corps #colonne-centrale #contenu-principal form .erreur-message {color:#ffadad;display:none;}
#corps #colonne-centrale #contenu-principal form fieldset.titrefield{border:1px solid #ffffff;padding-left:10px;}
#corps #colonne-centrale #contenu-principal form fieldset.titrefield legend{padding:0 5px;font-weight:bold;color:#cbd415;}

/* FIN DE FORMULAIRE */

/* COLONNE GAUCHE */
#corps #colonne-gauche{float:left;width:250px;}
#corps #colonne-gauche #menu-principal{margin-bottom:10px;}
#corps #colonne-gauche #menu-principal li{ list-style:none;background:#6f1324 url(../images/fond_menu_principal.gif) repeat-x;}
#corps #colonne-gauche #menu-principal li a,#corps #colonne-gauche #menu-principal li a:visited{background:url(../images/puce_menu_niv1.png) no-repeat 4px 4px;display:block;width:215px;padding:4px 5px 4px 30px;color:#ffffff;text-decoration:none;font-family: Verdana, Geneva, sans-serif;	font-size: 14px;}
#corps #colonne-gauche #menu-principal li a:hover,#corps #colonne-gauche #menu-principal li a:visited:hover{background:url(../images/puce_menu_niv1_active.png) no-repeat 4px 4px;color:#cbd415;}
#corps #colonne-gauche #menu-principal li ul li a,#corps #colonne-gauche #menu-principal li ul li a:visited{display:block;width:200px;background: url(../images/puce_menu_niv2.png) no-repeat 30px 7px;padding:3px 5px 3px 45px;color:#ffffff;text-decoration:none;}
#corps #colonne-gauche #menu-principal li.pageActive,#corps #colonne-gauche #menu-principal li ul li.parent-actif{background:#9e102e;color:#cbd415;}
#corps #colonne-gauche #menu-principal li.pageActive a,#corps #colonne-gauche #menu-principal li.pageActive a:visited,#corps #colonne-gauche #menu-principal li ul li.parent-actif a{color:#cbd415;}
#corps #colonne-gauche #menu-principal li ul li a:hover,#corps #colonne-gauche #menu-principal li ul li a:visited:hover{color:#cbd415;background: url(../images/puce_menu_niv2.png) no-repeat 30px 7px;}
#corps #colonne-gauche #menu-principal li.nonActif{background:#6f1324 url(../images/fond_menu_principal.gif) repeat-x;color:#cbd415;}
#corps #colonne-gauche #module-reservation{padding: 34px 0 0 20px;float:left;width:191px;height:241px; background:url("../images/fond_reservation.png") no-repeat;margin-left:15px;color:white;}
#corps #colonne-gauche #module-reservation h2{font-size:14px;font-weight:normal;}
#corps #colonne-gauche #module-reservation #formPicker{margin-top:10px;}
#corps #colonne-gauche #animation-promo-gauche #logo-bw {display: none;width:51px;height:47px;background: url(../images/logo_best_western.png) no-repeat;position:absolute;top:-20px;right:10px;}
#corps #colonne-gauche #animation-promo-gauche {position:relative;border:5px solid #6f1324;width:234px;height:208px;margin-left:5px;}
/* FIN DE COLONNE GAUCHE */

/* COLONNE DROITE */
#corps #colonne-droite{float:right;padding-top:36px;}
#corps #colonne-droite #module-plat-jour{color:white;padding: 30px 0 0 20px;width:200px;height:186px; background:url("../images/fond_menu_jour.png") no-repeat;}
#corps #colonne-droite #module-plat-jour h2{font-size:14px;font-weight: normal;}
#corps #colonne-droite #module-plat-jour #entree{margin-top:25px;}
#corps #colonne-droite #module-plat-jour #plat{margin-top:15px;}
#corps #colonne-droite #module-plat-jour #dessert{margin-top:15px;}
#corps #colonne-droite #module-plat-jour #recevoir{display: block;color:white;padding-left:15px;font-size:10px;text-decoration: none;margin-top: 80px; }
#corps #colonne-droite #module-plat-jour #voir_menu{display: block;color:white;padding-left:15px;font-size:10px;text-decoration: none;margin-top: 25px; }
#corps #colonne-droite #animation-promo-doite{border:5px solid #6f1324;width:191px;height:177px;margin-left:5px;}
#corps #colonne-droite #module-reservation{color:white;padding: 34px 0 0 20px;margin-top:20px;width:191px;height:241px; background:url("../images/fond_reservation.png") no-repeat;}
#corps #colonne-droite #module-reservation h2{font-size:14px;font-weight:normal;}
#corps #colonne-droite #module-reservation #formPicker{margin-top:10px;}
#corps #colonne-droite #tel-brochure {margin:20px 0 0px 30px;font-family:Verdana, Geneva, sans-serif;font-size:14px;}
#corps #colonne-droite #tel-brochure a{display:block;background:url("../images/pdf.png") no-repeat; min-height:37px; padding:0px 0 0 50px;color:#ffffff;width:140px;text-decoration:none;}
#corps #colonne-droite #tel-brochure a:hover{text-decoration:underline;}
#corps #colonne-droite #animation-promo-accueil #logo-bw {display: none;width:51px;height:47px;background: url(../images/logo_best_western.png) no-repeat;position:absolute;top:-20px;right:10px;}
#corps #colonne-droite #animation-promo-accueil{position:relative;float:right;border:5px solid #6f1324;width:204px;height:208px;margin:40px 5px 0 0 ;}
/* FIN DE COLONNE DROITE */

/* PIED DE PAGE */
#pied-de-page{clear:both;height:70px;background:URL('../images/fond_pied_de_page.gif') repeat-x;padding-top:20px;margin-top:40px;}
#pied-de-page #contenu-pied-de-page{width:995px;margin:0 auto; font-family:Arial, Helvetica, sans-serif;  }
#pied-de-page #contenu-pied-de-page #coordonnees{float:left;color:#ddd804;font-size:12px;width:300px;}
#pied-de-page #contenu-pied-de-page #coordonnees span{font-size:20px;}
#pied-de-page #contenu-pied-de-page #coordonnees img{float:left;margin-right:10px;}
#pied-de-page #contenu-pied-de-page #menu-infos{float:right;}
#pied-de-page #contenu-pied-de-page #menu-infos a{color:#ffffff; text-decoration:none;margin-right:25px;}
#pied-de-page #contenu-pied-de-page #menu-infos a:hover{color:#ffffff; text-decoration:underline;margin-right:25px;}
/* FIN DE PIED DE PAGE */

/*MAP*/
/********************** contact *****************************/
#map {
	width:500px !important;
	height:350px !important;
}

#map span{
display:none;
}

#map img {
	border:none !important;
	background:none;
}
#maplinks {
	display:none !important;
}


/* Style bouton, etc...*/
#lien_accueil{
	list-style: none;
	margin: 0 !important;
}

#lien_accueil li{
	padding-left: 25px;
	background: url(../images/puce_accueil.png) no-repeat;
	float: left;
	margin: 0 3px;
}

#lien_permanent{
	color: white;
	margin-left: 15px;
	margin-bottom: 10px;
}

#lien_permanent a{
	color: white;
	text-decoration: none;
}

#envoyer_ami{
	position: absolute;
	width: 160px;
	height: 240px;
	z-index: 1000;
	top: 50%;
	left: 50%;
	margin-left: -90px;
	margin-top: -100px;
	background: #ffffff;
	padding: 10px;
	display: none;
		border: 4px solid #a9203a;
	
		-moz-border-radius : 20px; 
	
		-moz-box-shadow: 5px 5px 5px #888;
	
}

#envoyer_ami label{
	display: block;
	width: 150px;
	float: left;
}

#envoyer_ami input{
	float: left;
}

#envoyer_ami #fermer{
	float:right;
}

#top{
	float: right;
	color: white;
}

#splash{
	width: 400px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -200px;
	z-index: 1000000;
	display: none;
}

#fermer{
	float: right;
	cursor: pointer;
	display: block;
	background: white;
	padding: 3px;
}

#screen
{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	z-index: 100000;
}


.arrow_left{padding-left: 10px;	background: url(../images/arrow_white.png) no-repeat 0 2px;	border: none;color: white;}
#formPicker input[type=text]{width:150px;}
#formPicker select{width:155px;}
#formPicker label{font-size:10px;}
#formPicker #reserver{cursor: pointer;font-size:18px;text-transform: uppercase;margin-top:30px;margin-left:25px;padding-left: 20px;background: url(../images/arrow_white.png) no-repeat 0 7px;}

/*date picker*/
a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 13px 0 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ff9309;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ff9309;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}