@charset "utf-8";
/* CSS Document */
.ui-slider-handle {
	width:0 !important;
	height:0 !important;
	border:7px solid transparent !important;
	border-left: 10px solid #655b9d !important;
	background:none !important;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f5eff7;
	color:#666;
	margin:0;
	padding:0;
}

.translation {
	border:1px dotted orange;
}

/* Habillage globale - placement des bloc et des fond */
.container {
	/* surcharge pour passer de 873px à 1000px - largeur de mes background */
	width:1000px;
}
#header {
	padding:29px 64px 0 63px;
	background:url(../_img/background-header.png) 0 top no-repeat;
	height:170px;
	position:relative;
}
#center {
	padding:0 51px 0 50px;
	background:url(../_img/background-center.png) 0 top repeat-y;
}
#center-gradient {
	padding:0 13px 25px 13px;
	background:url(../_img/background-center-gradient.png) -50px bottom repeat-x;
}

#footer {
	padding:0 64px 0 63px;
	background:url(../_img/background-footer.png) 0 -20px no-repeat;
}

/* Style de texte par défaut */
em {
	font-style:normal;
	background:#f0e7f2;
	padding:0 2px;
}
h1,h2,h3,h4,h5,p,ul,li,td{
	padding:0.5em 5px 0.3em;
	line-height:1.4em;
}
h1,h2,h3,h4,h5 {
	font-weight:bold;
	line-height:1.2em;
}
h1 {
	padding:0.7em 5px 0;
	font-size:20px;
}
h2 {
	padding:0.5em 5px 0;
	font-size:22px;
	color:#ff00ff;
	font-weight:normal;
}
h3 {
	font-size:16px;
	color:#71438e;
}
h4 {
	font-size:14px;
	color:#ff00ff;
	font-weight:normal;
	padding:0.5em 5px 0;
}
h4 small {
	color:#666;
}
h5 {
	color:#714c8f;
	font-size:12px;
	font-weight:normal;
	padding:0.5em 5px 0;
}
ul {
	margin-left:15px;
}

blockquote {
	margin:0.5em 0 0.3em;
	border:1px dotted #aaa;
}
a {
	color:#71438e;
}
a:hover {
	color:#ff00ff;
}

small {
	letter-spacing:-0.07em;
}
.highlight {
	color:#ff00ff;
}
.alert {
	background:#ECC6C7;
	color:#cc0000;
}
	.alert a {
		color:#cc0000;
	}

a.bullet {
	font-size:10px;
	text-decoration:none;
	color:#ff00ff;
}
a.bullet:before {
	content:"• ";
}
a.bullet:hover {
	text-decoration:underline;
}
a.url {
	background:url(../_img/world.gif) left center no-repeat;
	padding-left:16px;
}

input, textarea {
	border:1px solid #7e9db9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1px 2px;
	margin:2px 0 0;
}

.form-ok {
	background:#CCFFCC !important;
}
.form-error {
	background:#FFCC66 !important;
}

.button {
	display:inline-block;
	background:url(../_img/button.png) 0 top no-repeat;
	color:#fff;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:20px;
	border:none;
}

/* Version réinjecté du bouton d'origine via javascript */
.buttonSkinned {
	display:inline-block;
	background:url(../_img/button.png) right -20px no-repeat;
}
.buttonSkinned.special {
	display:inline-block;
	background:url(../_img/button.png) right -100px no-repeat;
}
.buttonSkinned.over {
	background:url(../_img/button.png) right -60px no-repeat;
}

.buttonSkinned a.button,
.buttonSkinned input.button {
	display:inline-block;
	background:url(../_img/button.png) 0 0 no-repeat;
	height:19px;
	line-height:19px;
	border:none;
	padding:0 0 1px 20px;
	margin:0 6px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff !important;
}
.buttonSkinned.special a.button,
.buttonSkinned.special input.button {
	background:url(../_img/button.png) 0 -80px no-repeat;
}
.buttonSkinned.over a.button,
.buttonSkinned.over input.button {
	background:url(../_img/button.png) 0 -40px no-repeat;
}
/**************************** Habillage de l'entête */
#header td {
	padding:0;
}
#header h1 {
	position:absolute;
	display:block;
	top:29px;
	left:63px;
	background:url(../_img/header-logo.png) 0 0 no-repeat;
	height:130px;
	width:140px;
}
	#header h1 a {
		display:block;
		height:130px;
		width:140px;
		text-indent:-8000px;
	}

#header-menu-top,
#header-menu-top a {
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
}
	#header-menu-top a:hover {
		color:#ff00ff;
	}

#header-pub {
	margin:5px 0 5px 140px;
}

#header-resa-box {
	position:absolute;
	top:54px;
	left:743px;
	height:90px;
	width:192px;
	background:#fff url(http://www.hotelspreference.com/_img/public/header_resa-background.jpg) no-repeat scroll right top;
}
	#header-resa-box a {
		position:absolute;
		top:40px;
		left:20px;
		color:#ff00ff;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		line-height:14px;
	}
	#header-resa-box a strong {
		color:#724b8e;
	}
	#header-resa-box a em {
		color:#724b8e;
		font-size:10px;
		font-style:normal;
	}


#header-menu {
	background:#dfcde3;
	color:#724b8e;
	
	display:block;
	text-align:left;
	height:20px;
	line-height:20px;
	margin:0 0 0 140px;
	padding:0 0 0 5px;
}
	#header-menu li {
		padding:0;
		display:inline;
		color:#714c8f;
		font-size:11px;
		font-weight:bold;
	}
	#header-menu li a {
		color:#714c8f;
		text-decoration:none;
		padding:0 4px 0 0;
		background:url(../_img/header-menu-separator.png) right center no-repeat;
	}
	#header-menu li a:hover {
		text-decoration:underline;
	}

/**************************** Menu langue - langue courante + liste déroulante */
#menu-langue {
	padding:0;
	margin:0;
	height:20px;
}
#menu-langue td {
	height:20px;
	line-height:20px;
	padding:0 2px;
	margin:0;
	font-size:10px;
}
#menu-langue a {
	margin:0;
	padding:0;
}
#menu-langue div {
	position:relative;
	display:block;
	height:20px;
	background:#666;
}
#menu-langue ul {
	display:none; /* par défaut le menu est masqué */
	position:absolute;
	left:0;
	top:20px;
	background:#666;
	margin:0;
	padding:0;
}
#menu-langue ul li {
	list-style:none;
	padding:0;
	margin:0;
}
#menu-langue ul li a {
	display:block;
	height:18px;
	line-height:18px;
	font-size:10px;
	padding:2px 3px;
	background:#666;
	white-space:nowrap;
}
#menu-langue ul li a:hover {
	background:#a392b7;

}

/**************************** Habillage du pied de page */
#footer-menu {
	display:block;
	text-align:center;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
}
	#footer-menu li {
		padding:0;
		display:inline;
		color:#ccc;
		font-size:10px;
	}
	#footer-menu li a {
		text-decoration:none;
		color:#ccc;
		border-right:1px solid #ccc;
		padding:0 4px 0 3px;
	}
	#footer-menu li a:hover {
		text-decoration:underline;
	}
#copyright {
	margin:20px 0 0 0;
	text-align:center;
	color:#666;
	font-size:10px;
}
	#copyright a {
		color:#666;
	}
	#copyright a:hover {
		text-decoration:underline;
	}


/**************************** Habillage du centre de la page */

ul.box {
	list-style:none;
	padding:0;
	margin:0;
	background:none;
}

div.box,
ul.box li {
	margin:0 0 4px 0;
	padding:0 0 3px 0;
	
	background:#eee;
	
	border:1px solid #ddd;
	border-radius:4px;
	-moz-border-radius:4px;
}
ul.box li {
	padding:3px 5px;
	border:1px solid #ddd;
}

div.box, /* placé après pour surcharger la taille mini lié à l'application sur les LI */
ul.box {
	margin:0 0 10px 0;
}
ul.box a {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#714c8f;
}
ul.box a:hover {
	color:#ff00ff;
}


.bronze { 
	color:#6b8811;
}
.argent { 
	color:#bdc5c8;
}
.or { 
	color:#e1bd38;
}
.platine { 
	color:#e67f63;
}

.table-18 { width:651px; background:url(../_img/table-18.png) -651px 0 repeat-y; }
.table-10 { width:355px; background:url(../_img/table-10.png) -355px 0 repeat-y; }
.table-7 { width:244px; background:url(../_img/table-7.png) -244px 0 repeat-y; }
.table-6 { width:207px; background:url(../_img/table-6.png) -207px 0 repeat-y; }

.table-18 td,
.table-10 td,
.table-7 td,
.table-6 td { padding:0.3em 10px 0.3em; border-right:1px solid #ddd; }

.table-18 td td,
.table-10 td td,
.table-7 td td,
.table-6 td td{ padding:0.5em 5px 0.3em; margin:0; border:none; }

.table-18 th,
.table-10 th,
.table-7 th,
.table-6 th { padding:0.3em 10px 0.3em; border-right:1px solid #ddd; font-weight:bold; }

.table-18 th p,
.table-10 th p,
.table-7 th p,
.table-6 th p { padding-top:0; border-bottom:1px solid #ddd; } 

.table-18 th h3,
.table-10 th h3,
.table-7 th h3,
.table-6 th h3 { padding-top:0; border-bottom:1px solid #ddd; }