body {

	background-color: #f8fdff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #036;

	margin: 0;

	padding: 0;

}

body#home, body#resultats, body#hotel {

	background-repeat: no-repeat;

	background-position: left top;

	background-image: url(imgs/fond/fond-2.gif);

}



#premiere-ligne {

	font-size: 11px;

	text-align: center;

}





a:link, a:visited {

	text-decoration: none;
	color: #036;

}


a:hover {

	text-decoration: underline;
	color: #fab521;

}


#acces {
	border: 1px solid #036;
	width: 602px;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
	text-align:right;
}



img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.vignette {

	float: left;

	border: 1px solid #fab521;

	margin: 0 5px 0 0;

}

.vignette-logo {

	float: left;

	margin: 0 5px 0 0;

	vertical-align: middle;

}

ul {

	margin: 7px 0 15px 15px;

	padding: 0 0 0 5px;

}

.partners {

	margin: 10px 0 5px 0;

	padding: 0 5px 0 5px;

	border-top: 1px dashed #014f7f;

	font-size: 14px;

}

.liste-hotels {

	float: right;

	width: 255px;

	margin: 5px 0 5px 0;

	border-top: 1px dashed #014f7f;

}

.liste-hotels-resultats {

	margin: 5px 0 5px 0;

	padding: 5px;

	border-top: 1px dashed #014f7f;

}

#liste-hotels-resultats {

	padding: 5px;

	font-style: italic;

}

table, td, tr, div {

	border-spacing: 0;

	border-collapse: collapse;

	padding: 0;

	margin: 0;

	border: 0;

}

table#contenu {

	width: 740px;

}

p {

	font-size: 0.8em;

	font-weight: normal;

	margin: 0;

	padding-left: 5px;

}

#intro {

	font-size: 0.7em;

	color: #014f7f;

	padding: 5px;

}

h1, h2, h6, th {

	color: #014f7f;

}

h1 {

	font-size: 1.4em;

	margin: 5px;

	padding: 0;

	text-align: center;

}

h2 {

	font-size: 1.4em;

	margin: 5px;

}

h3 {

	margin: 0;

	padding: 0;

	font-size: 0.8em;

	font-weight: normal;

}

h4 {

	font-size: 0.9em;

}

h4, h5 {
	margin: 5px auto 5px 0;
	padding: 0 5px 0 0;
	text-align: left;

}

h5 {
	font-size: 0.7em;
	text-align: justify;
	font-weight: normal;

}

h6 {

	font-size: 1.3em;

	margin: 0;

	padding: 0 0 5px 0;

}

.titre-hotel {

	margin-left: 5px;

	font-size: 1.2em;

	vertical-align: text-top;

}

#adresse-hotel {

	padding: 5px;

	border-top: 1px dashed #014f7f;

	border-bottom: 1px dashed #014f7f;

}

.cadre-photo-hotel {

	border: 1px solid #014f7f;

}

.texte-hotel {

	width: 600px;

	list-style-image: url(imgs/puce-1.gif);

}

.photo-hotel {

	text-align: center;

}

.texte-hotel, .photo-hotel {
	margin: 5px auto 5px auto;
	text-align: center;

}

h4#texte-hotel {
	margin: 5px 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 0.8em;
	text-align: left;

}

div#drapeaux {

	margin: 0;

	text-align: right;

	padding: 5px 5px 0 0;

}
div#search {

	margin: 0;

	padding-top: 20px;
	padding-left: 180px;

}

.align-droite {

	text-align: right;

}

.top {

	font-size: 0.8em;

	vertical-align: text-bottom;

}

table#footer {

	background-color: #eef7ff;

	width: 740px;

	height: 39px;

	margin-top: 5px;

	border-top: 1px dashed #014f7f;

}

div#liens-footer {
	border-top: 1px dashed #014f7f;
	padding: 5px;
	font-size: 0.7em;
	text-align: center;

}

.separ//ation {

	clear: both;

	visibility: hidden;

}

td#footer-gauche {

	width: 198px;

}

p#jbk {

	font-size: 0.6em;

	margin-left: 5px;	

}

div#global {

	background-color: #fff;

	border: 1px solid #014f7f;

	width: 740px;

	margin: 20px auto 20px auto;

}

.location {

	margin: 0;

	padding: 5px;

	border-top: 1px dashed #014f7f;

	border-bottom: 1px dashed #014f7f;

	font-size: 0.8em;

	font-weight: bold;	

}

div#blabla {

	width: 740px;

	text-align: justify;

	border-bottom: 1px dashed #014f7f;

}

.colonne {

	padding: 5px;

}

.colonne-droite {

	padding: 5px 0 0 5px;

}

.colonne1, .colonne2, .colonne3 {

	height: auto;

	vertical-align: top;

}

.colonne1 {

	width: 240px;

	list-style-image: url(imgs/puce-1.gif);

}

.colonne2 {
	background-color: #eef7ff;
	width: 220px;
	list-style-image: url(imgs/puce-2.gif);
	padding-left: 4px;

}

.colonne3 {

	width: 260px;

}

.titre-colonne {

	font-weight: bold;

}

div#carte1, div#carte-alsace-lorraine, div#carte-alsace, div#carte-lorraine, div#carte-54, div#carte-55, div#carte-57, div#carte-67, div#carte-68, div#carte-88, div#carte-route-vins-alsace {

	background-repeat: no-repeat;

	background-position: left top;

	width: 240px;

	margin: 0 0 10px 0;

	padding: 0;

	float: left;

}

div#carte-alsace-lorraine {

	background-image: url(hotel-charme-alsace-lorraine/alsace-lorraine-FR.gif);

}

div#carte-alsace {

	background-image: url(hotel-charme-alsace/alsace-fr.gif);

}

div#carte-lorraine {

	background-image: url(hotel-charme-lorraine/lorraine-FR.gif);

}

div#carte-54 {

	background-image: url(hotel-charme-lorraine/54-fr.gif);

}

div#carte-55 {

	background-image: url(hotel-charme-lorraine/55-fr.gif);

}

div#carte-57 {

	background-image: url(hotel-charme-lorraine/57-fr.gif);

}

div#carte-67 {

	background-image: url(hotel-charme-alsace/67-fr.gif);

}

div#carte-68 {

	background-image: url(hotel-charme-alsace/68-fr.gif);

}

div#carte-88 {

	background-image: url(hotel-charme-lorraine/88-en.gif);

}

div#carte-route-vins-alsace {

	background-image: url(hotel-charme-alsace/route-vins-alsace.gif);

}

input, select, textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #036;

	font-size: 10px;

	text-align: left;

	line-height: normal;

	vertical-align: bottom;

	border: 1px solid #014f7f;

	margin: 2px 5px 2px 5px;

	padding: 0;

}

.tableau-prix, #form-hotel {

	margin: 10px auto 10px auto;

	font-size: 0.8em;

	background-color: #eef7ff;

	padding: 0px;

	border: 1px dashed #014f7f;

	width: 600px;

}

.asterix {

	font-weight: bold;

	color: #f60;

}

#pictos-hotel {

	background-color: #eef7ff;

	border-top: 1px dashed #014f7f;

	border-bottom: 1px dashed #014f7f;

	text-align: center;

	font-size: 0.8em;

	margin: 10px 0 10px 0;

	padding: 5px;

}

.pictos {

	vertical-align: text-bottom;

}

.tableau-ligne {

	background-color: #014f7f;

	padding: 0;

	margin: 0;

}

.cellule-haut, .cellule-bas, .cellule-droite, .cellule-gauche, .cellule-milieu, .form-text {

	padding: 2px 5px 2px 5px;

}

.cellule-droite {

	text-align: right;

}

.cellule-gauche {

	text-align: left;

}

.cellule-milieu {

	text-align: center;

}

.form-text {

	text-align: justify;

}

th {

	font-size: 1.5em;

	text-align: center;

	padding: 5px;

}

div#map {

	width: 450px;

	height: 450px;

	border: 1px solid #014f7f;

	margin: 5px auto;

}

.sitemap1 {

	padding-left: 30px;

}

.sitemap2 {

	padding-left: 60px;

}



#menu-header {

		font-size: 9px;

}

#separateur {

	clear: both;

	border-top-style: dashed;

	border-top-width: 1px;

	border-top-color: #004D7B;

	margin-left: 5px;

}
.separation {
	clear: both;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #004D7B;
	margin-left: 5px;
}
.boite-resa {
	font-size: 18px;
	font-weight: bold;
}

#hotel #global .legende {
	font-size: 10px;
}
#legende {
	font-size: 10px;
}
.bb_but input {
	padding: 1px 2px 1px 2px;
	cursor:pointer;
	color: red;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
}
.bb_but {
	tex//t-align:center;
	padding-top: 18px;	
	text-//align: center;	
}
.bb_header {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-top: 23px;
	padding-bottom: 0;
	padding-left: 24px;
	color: #000000;
}
.bb_header-droite {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-top: 23px;
	padding-bottom: 0;
	padding-left: 12px;
	color: #000000;
}
.bb_inputcontainer {
	float: left;	
	padding-left: 1px;
	padding-right: 6px;
	padding-top: 20px;	
	color: #000000;
}
.bb_inputcontainer input {
	font-size:11px;
}
.bb_inputcontainer select {
	font-size:11px;
	f//ont-weight: bold;	
}

.bb_borders {

	backg//round:#FFFFFF url(imgs/fond_1x51.gif) repeat-x scroll left bottom;
	background: url(../imgs/cadre_738x56.gif) no-repeat scroll left top;	
	height:56px;
	width:736px;
	border:0px;
	color: #000000;
	margin:0;
	padding:0;
    margin-bottom: 16px;	
    margin-top: 16px;	
	margin-left: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.bb_title {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding: 4px 0px 6px 7px;
	color: #000000;
}


.partenaires table tr td {
	font-size: 0.8em;
	border:#FFF;
	border-color:#FFF;
	border-collapse:collapse;
	padding: 6px;
	margin: 6px;
	border: 1px;
	border-style:dotted;
	background-color: #E2EFFE;

}