@charset "utf-8";


/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Courier New", Courier, monospace;
}
body {
	line-height: 1;
  position  : relative;
}
ol, ul {
	list-style: none;
  list-style-position : inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

html, body {
	width:100%;
	height:   100%;
  overflow: hidden;
}

#navigation {
	width:  230px;
	height: 100%;
}

#content {
	position: absolute;
	top:  0;
	left: 230px;
	height:   100%;
	width:100%;
	overflow: auto;
}

#container {
	height:   100%;
}

.subcontent {
	float   : left;
	width   : 658px;
	height  : 100%;
	background  : #FFF;
	overflow: auto;
  border-left : 1px solid #666666;
  display : block;
}

.submenu {
  margin:   0 25px 0;
  padding-left: 10px;
  background-position:  left -20px;
  background-repeat:no-repeat;
  background-image: url(../images/arrow.gif)
}



html body .ui-tabs li{
  list-style: none;
  float: left;
  width: 180px;
  padding: 5px;
}

html body .tabs-ajax.ui-tabs li {
  float: none;
  width: auto;
  list-style: none;
}

html body .ui-tabs li a{
  background: #999999;
  padding: 1px 5px;
  color: #ffffff;
}

.ui-tabs li a:hover{
  text-decoration: none;
}

.ui-tabs-hide {
  display : none;
}

.tabs .tabs-control {
  margin: 5px 0;
}

.submenu li, .tabs .tabs-control li {
  display   : inline;
  line-height   : 17px;
  height: 17px;
}

#tabs-video li {
  display   : block;
}

.submenu li a, .tabs .tabs-control li a {
  line-height:  16px;
  height:   16px;
}

.subsubcontent li.flag{
  float: left;
  list-style: none;
}

.subsubcontent li.flag a{
  display: block;
  height: 15px;
  width: 30px;
  background-image: url(../images/flags.png);
}

a.flag-fr{
  background-position   : left top;
}

a.flag-en{
  background-position   : left -15px;
}

a.flag-de{
  background-position   : left -30px;
}

a.flag-es{
  background-position   : left -45px;
}

a.flag-it{
  background-position   : left -60px;
}


h1 {
  margin: 0 25px;
  text-align: left;
  color : #000000;
  text-decoration   : underline;
  font-size : 3.5em;
  line-height   : 1.5em;
  font-weight   : normal;
  font-family   : 'OCRF Light', Arial, sans-serif;
  letter-spacing: 0;
}

h2, .h2 {
  margin: 25px 25px 0 25px;
  font-size:  15px;
  line-height:27px;
  height: 27px;
  border-top: 1px dashed #000000;
  border-bottom:  1px dashed #000000;
  clear:  both;
  font-weight:500;
}

h2 a.ah2, #navigation h2 , #navigation .h2 {
  font-size   : 15px;
  line-height : 27px;
  height  : 27px;
  text-decoration : none;
  text-transform: uppercase;
  font-family   : 'OCRF Light', Arial, sans-serif;
}
h2 a:hover, .h2 a:hover {
  text-decoration : none;
}

.updated {
  color : #A19262;
  font-size:11px;
  background-color:#F2F2F2;
  line-height : 14px;
  height : 14px;
  display : block;
  float : right;
  margin : 25px 25px 0 0;
  padding : 6px 8px;
}

#network_myspace_title, #network_myspace-en_title {
  background-position : 3px -55px;
  background-repeat   : no-repeat;
  background-image: url(../images/file.gif);
  padding-left: 20px;
}
#network_facebook_title, #network_facebook-en_title, #network_facebook-ar_title {
  background-position : 3px -83px;
  background-repeat   : no-repeat;
  background-image: url(../images/file.gif);
  padding-left: 20px;
}
#network_tripadvisor_title {
  background-position : 0 -345px;
  background-repeat   : no-repeat;
  background-image: url(../images/file.gif);
  padding-left: 40px;
}
#network_blog_title, #media_presse_title, #media_presse-ar_title {
  background-position : 3px -248px;
  background-repeat   : no-repeat;
  background-image: url(../images/file.gif);
  padding-left: 20px;
}
#network_twitter_title,  #network_twitter-ar_title{
  background-position : 3px -294px;
  background-repeat   : no-repeat;
  background-image: url(../images/file.gif);
  padding-left: 20px;
}

.separator {
  margin  : 25px 0;
  height  : 1px;
  line-height : 1px;
  font-size   : 0;
  border-top  : 1px dashed #000000;
}

h3 {
  display : inline;
}

h3.feed-title {
  padding-left  : 25px;
  background-position   : 3px -254px;
  background-repeat : no-repeat;
  background-image  : url(../images/file.gif);
  line-height   : 16px;
  height: 16px;
  display   : block;
}

h4 {
  display:  inline;
  font-size:11px;
  font-weight:  bolder;
  color:#FFFFFF;
  margin-right: 2px;
  padding:  1px 5px;
}

div.guidetop {
  line-height   : 25px;
  border-bottom : 1px dashed #000000;
}

div.guide {
  line-height   : 25px;
  border-top: 1px dashed #000000;
  border-bottom : 1px dashed #000000;
}


p {
  margin: 0.8em 0 0;
}

.subsubcontent ul li {
  list-style-type   : square;
  list-style-position   : inside;
}

ul.feed {
  margin-bottom : 1em;
  list-style: none;
}

ul.feed li {
  list-style: none;
}

.feed li h5 {
  padding-left  : 21px !important;
  background-position   : 3px 1px;
  background-repeat : no-repeat;
  background-image  : url(../images/file.gif);
}

.feed .feed-date {
  float : right;
  background-color  : #F2F2F2;
  color : #A19262;
  font-size : 11px;
  font-weight   : normal;
}

.feed h5 {
  margin-top: 2em;
}

.packages {
}

.packages li {
  display   : block;
  width : 270px;
  margin: 15px 0;
  overflow  : hidden;
}

.packages li.even {
  float : left;
  clear : both;
}

.packages li.odd {
  float : right;
}

.packages li a.l{
  float : right;
  margin-right  : 0;
}

.packages li img {
  width : 280px;
  height: 160px;
  margin-top: 5px;
}

.packages li .details {
  background-color  : #A19262;
  color : #FFFFFF;
  padding-left  : 10px;
  margin-bottom : 5px;
  cursor: pointer;
}

body.hi-hotel .packages li .details {
  background-color  : #782772;
}

.packages li .details-hover {
  background-color  : #999999;
}

.packages li .description {
  display   : none;
}

a, a:link, a:visited {color:#000000;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

a.x-scroll, a.y-scroll, a.y-scroll-top, a.x-scroll:visited, a.y-scroll:visited, a.y-scroll-top:visited, a.nav, a.l, a.out, .tabs .tabs-control a, a.b {
  font-size : 11px;
  height: 15px;
  line-height   : 15px;
  text-decoration   : none;
  padding   : 1px 8px;
  background-color  : #A19262;
  color : #FFFFFF;
  margin-right  : 2px;
}

a.y-scroll-top, a.y-scroll-top:visited {
  float : right;
  padding-left  : 20px;
  margin-top: 5px;
  margin-right  : 25px;
  margin-top: -22px;
  background-position   : left top;
  background-repeat : no-repeat;
  background-image  : url(../images/arrow.gif);
}

a.l, a.out {
  background-color  : #A19262;
  cursor: pointer;
}
a.x-scroll:hover, a.y-scroll:hover, a.x-scroll.active, a.y-scroll.active, a.y-scroll-top:hover, a.nav:hover, a.b:hover  {background-color: #999999;text-decoration:none;}
a.x-scroll:focus, a.y-scroll:focus, a.y-scroll-top:focus, a.nav:focus, a.b:focus  {background-color: #999999;text-decoration:none;}
a.x-scroll:active, a.y-scroll:active, a.y-scroll-top:active, a.nav, a.b:active {background-color:#A19262;text-decoration: none;}
a.l:hover, a.out:hover, a.l:active {background-color: #999999;text-decoration : none;}
.tabs .tabs-control a:link, .tabs .tabs-control a:visited {background-color: #999999;}
.ui-tabs-selected a:link, .ui-tabs-selected a:visited, .tabs .tabs-control a:hover , .tabs .tabs-control a:focus , .tabs .tabs-control a.active {background-color:#A19262 !important;}

y-scroll-top {
  font-family: "Courier New", Courier, monospace;
}

.controls {
  margin: 5px 0;
}

.controls span {
  font-size:11px;
  font-weight:  bolder;
  background-color: #A19262;
  color:#FFFFFF;
  margin-right: 2px;
  padding:  1px 5px;
  cursor:   pointer;
}

#concept-tabs .controls {
  text-align:right;
}

#header {
  padding: 25px 25px 0 25px;
}

#menu_checkin_title {
  border-bottom : none;
  margin-top : 17px;
}

#menu_checkin {
  padding: 5px 25px 0 25px;
}

#menu_hiradio {
  padding: 5px 25px 0 25px;
  height : 40px;
}

.bycompact {
  background : url(../images/titre_hiradio_kompakt.gif) no-repeat right center;
  margin-top : 13px;
}

#kompaktlink {
	display: block;
	height: 25px;
	width: 100px;
	float: right;
}

.contact {
  padding : 0 25px;
}

#cross-link {
  line-height: 14px;
  font-size: 11px;
}

#cross-link span.by-label {
  float: left;
  display: block;
  width: 44px;
  padding: 1px 5px;
  text-align: right;
}

#cross-link span.by-link {
  padding: 2px 25px 7px 0;
  float: left;
  display: block;
  width: 101px;
}

#cross-link ul {
  border-top: 1px dashed #000000;
  padding: 7px 0 0 0;
}

#cross-link li {
  padding: 2px 25px 2px 54px;
}

#cross-link a {
  background: #333333;
  color: #ffffff;
  display: block;
  height: 16px;
  padding: 1px 5px;
}

#cross-link a.cross-link-hi-hotel {background: #782772;color: #ffffff;}
#cross-link a.cross-link-hi-beach {background: #09AFD9;color: #ffffff;}
#cross-link a.cross-link-hi-matic {background: #CDCD00;color: #ffffff;}
#cross-link a.cross-link-dar-hi {background: #A19262;color: #ffffff;}
#cross-link a.cross-link-casa-hi {background: #FFEC33;color: #000000;}

#cross-link a:hover, #cross-link a:active, #cross-link a:focus {
  text-decoration: none;
  background: #999999;
  color: #ffffff;
}

#lang-switch {
  padding: 5px 0;
  direction: ltr;
  display : block;
  float : right;
  margin : 25px 25px 0 0;
  width: 200px;
  text-align: right;
}

.site-ar #lang-switch {
  float : left;
}

#menu {
  padding : 10px 25px 0 25px;
  margin : 0;
}

#menu li{
  padding: 0;
  margin: 0;
  list-style : none;
}

#menu li a, #menu li a:link, #menu li a:visited {
  display   : block;
  height: 20px;
  background-repeat : no-repeat;
  background-color  : transparent;
  background-image  : url(../images/bg_menu.png);
  padding   : 0;
  margin: 0;
  color : #FFFFFF;
}

#menu li a span {
  background-color: #A19262;
  padding:  1px 5px;
}

#menu li a:hover span, #menu li a:focus span , #menu li a:active span, #menu li a.active span {
  background-color  : #FFFFFF;
  color : #817651;
  padding   : 1px 5px;
}

a#hidentity {background-position:115px 0;}
a#rooms, a#ibiza, a#espaces {background-position:115px -40px;}
a#services, a#paris {background-position:115px -80px;}
a#hibookings, a#nice {background-position:115px -120px;}
a#media, body.casa-hi a#network {background-position:115px -160px;}
a#network {background-position:115px -200px;}
a#hidentity:hover, a#hidentity:focus, a#hidentity:active, a#hidentity.active {background-position:-65px 0;}
a#rooms:hover, a#rooms:focus, a#rooms:active , a#rooms.active, 
a#ibiza:hover, a#ibiza:focus, a#ibiza:active , a#ibiza.active,
a#espaces:hover, a#espaces:focus, a#espaces:active, a#espaces.active {background-position:-65px -40px;}
a#services:hover, a#services:focus, a#services:active, a#services.active, 
a#paris:hover, a#paris:focus, a#paris:active, a#paris.active {background-position:-65px -80px;}
a#hibookings:hover, a#hibookings:focus, a#hibookings:active , a#hibookings.active,
a#nice:hover, a#nice:focus, a#nice:active , a#nice.active {background-position:-65px -120px;}
a#media:hover, a#media:focus, a#media:active, a#media.active ,
body.casa-hi a#network:hover, body.casa-hi a#network:focus, body.casa-hi a#network:active, body.casa-hi a#network.active {background-position:-65px -160px;}
a#network:hover, a#network:focus, a#network:active, a#network.active {background-position:-65px -200px;}


.subsubcontent {
  margin: 25px;
  font-size:  11px;
  line-height:16px;
}
.no-margin {
  margin: 25px 0 0 0;
}

.loading{
  height:   100px;
  background-position:  center center;
  background-repeat:no-repeat;
  background-image: url(../images/loadingbar.gif);
}

.fake-loading {
  height:   0;
  overflow : hidden;
  background-position:  center center;
  background-repeat:no-repeat;
  background-image: url(../images/loadingbar.gif);
}
.subsubcontent.fake-loading {
  padding-top : 100px;
}

.clear {clear:both;}
.bouton {
  background-color: #C0C0C0;
  border-color: #DFDFDF #999999 #999999 #DFDFDF;
  border-width: 2px;
  color:#000000;
  font-family : "Courier New",Courier,monospace;
  font-size:11px;
  height:   21px;
  padding:  1px;
}

.form .bouton {
  padding:  1px 20px;
}

.champ_book {
  border-color: #DFDFDF #555555 #555555 #DFDFDF;
  border-width: 1px;
  color:#817651;
  font-size:11px;
  height:   16px;
  padding:  1px;
  margin:   1px 2px 1px 0;
  width:140px;
}

fieldset.form {
  border: 1px dashed #A19262;
  padding   : 10px 20px;
  margin: 0 10px;
}

fieldset.form legend {
  padding   : 0 10px;
  background-color  : #FFFFFF;
}

.booking-form fieldset.form label {
  width : 200px;
  display   : inline;
  zoom  : 1;
  display   : inline-block;
}

#form1 fieldset.form label {
  display			: inline-block;
  width				: auto;
  color : #A19262;
  font-weight : bolder;
  padding-bottom : 5px;
}

#form1 .form input {
  float : left;
}

#form1 fieldset {
  margin : 0;
  padding : 0;
  border : none;
}

#form1 legend {
  padding : 0 0 10px;
  font-size : 110%;
}

#form1 .champ_book {
  width : 140px;
}


.inline-form {
  float : left;
  padding-right : 5px;
}

.inline-form-last {
  float : right;
}

.pdf {
  padding-left: 21px !important;
  background-position:  3px -30px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

.mail {
  padding-left: 21px !important;
  background-position:  3px -142px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

.screen {
  padding-left: 21px !important;
  background-position:  3px -114px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

.video {
  padding-left: 21px !important;
  background-position:  3px -172px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

.add {
  padding-left: 21px !important;
  background-position:  3px -197px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

.news {
  padding-left: 21px !important;
  background-position:  3px -399px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}

/*
.outlink {
  padding-right:16px !important;
  background-position:  right -228px;
  background-repeat:no-repeat;
  background-image: url(../images/file.gif)
}*/


/* Content specific */

#hidentity-hishop-cd {
  list-style-type : decimal-leading-zero;
}

.todo {
  font-weight : bolder;
  background-color: #880000;
  color   : white;
  background-color: white;
  color   : #880000;
}

.right {
  text-align  : right;
  margin  : 0;
}

.cityguide {
  border-top  : 1px dashed #000000;
}

.cityguide li {
  display : block;
  width   : 185px;
  margin-right: 15px;
  margin-bottom   : 15px;
  float   : left;
}

.cityguide span {
  font-weight : bolder;
}

.cityguide address span {
  font-weight : normal;
  
}

.cityguide address {
  font-style  : normal;
  margin-bottom   : 5px;
  margin-top  : 5px;
  height  : 5em;
}

.cityguide address span:before {
	content : '_';
}

.tarifs {
  width   : 100%;
}

.tarifs td {
  background-color: #F2F2F2;
  padding-left: 10px;
}

.tarifs th {
  padding-top : 1.2em;
  text-align  : left;
  padding-left: 10px;
}

.tarifs th.price {
  width   : 60px;
  text-align  : center;
  color   : #A19262;
  font-size   : 12px;
  font-weight : bolder;
}

.tarifs td.price {
  width   : 75px;
  text-align  : center;
}

.subsubcontent .ecology-list li:before {
	content : '_';
}

.subsubcontent .ecology-list li {
  list-style  : none;
}


/* End Content specific */

/* ie6msg */

#ie6msg{border:3px solid #900; margin:8px; color:#000;font-weight:normal;}
#ie6msg h4{font-size:150%;font-weight:bolder;margin:10px;background-color:#FFF; padding:0;color:#900;font-size:15px;display:block;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg a{font-size:110%;font-weight:bolder;color:#060;text-decoration:underline;}
/* End ie6msg*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-datepicker:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-datepicker { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-datepicker { height:1%; }
.ui-datepicker { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-datepicker-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-datepicker { font-family: Verdana,Arial,sans-serif; font-size: 8px; }
.ui-datepicker input, .ui-datepicker select, .ui-datepicker textarea, .ui-datepicker button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-datepicker { border: 1px solid #A19262; background: #ffffff url(../images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-datepicker a { color: #222222; }
.ui-datepicker-header { border: 1px solid #A19262; background: #A19262 url(../images/ui-bg_flat_100_A19262_40x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-datepicker-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_flat_100_e6e6e6_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus { border: 1px solid #A19262; background: #dadada url(../images/ui-bg_flat_100_dadada_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #A19262; outline: none; }
.ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { color: #A19262; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-active { border: 1px solid #A19262; background: #dadada url(../images/ui-bg_flat_100_dadada_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #A19262; outline: none; }
.ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited { color: #A19262; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-datepicker .ui-state-highlight {border: 1px solid #A19262; background: #fbf9ee url(../images/ui-bg_flat_100_fbf9ee_40x100.png) 50% 50% repeat-x; color: #A19262; }
.ui-state-highlight a, .ui-datepicker .ui-state-highlight a { color: #A19262; }
.ui-state-error, .ui-datepicker .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-datepicker .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-datepicker .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-datepicker .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-datepicker .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-datepicker .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-datepicker .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-datepicker-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-datepicker .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-datepicker .ui-state-hover .ui-icon, .ui-datepicker .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_A19262_256x240.png); }
.ui-datepicker .ui-state-active .ui-icon {background-image: url(../images/ui-icons_A19262_256x240.png); }
.ui-datepicker .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_A19262_256x240.png); }
.ui-datepicker .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0;font-size:11px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/* End Jquery ui theme */

/* Form validation */
.formError {
	position:absolute;
	top:300px; left:300px;
	width:150px;
	padding-bottom:15px;
	display:block;
	z-index:5000;
}
.formError .formErrorContent {
	width:100%; 
	background:#A19262;
	color:#fff;
  font-weight:bolder;
	font-size:10px;
	padding:4px 10px 4px 10px;
}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	
}
.formError .formErrorArrow div{
	font-size:0px; 
}
.formError .formErrorArrow .line10{width:15px;height:1px; background:#A19262;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#A19262;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#A19262;margin:0 auto;display:block;} 
/* End Form validation */

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error-field {border:3px solid #000;}

#map, #map_nice, #map_ibiza, #map_paris{
  width : 590px;
  height : 500px;
  overflow:hidden;
}

#hidentity_offers_title  .h2, #hibookings_packages_title .h2 {
  background-position   : right -254px;
  background-repeat : no-repeat;
  background-image  : url(../images/file.gif);
  padding-right : 20px;
}


.vcard a.fn:hover {
  text-decoration : none;
}

a.showhidevideo{
  background : #999999;
  color : #ffffff;
}


#addict-info ul li{
  list-style: none;
  text-align: center;
  color: #782772;
}

#addict-merci{
  text-align: right;
  margin-right: 50px;
}

#test_generosite_content, #test_generosite-en_content{
  height: 2200px;
}

.fake-h2{
  margin: 25px 0 0;
}

.fake-y-scroll-top{
margin-right: 0 !important;
}

.addict-form{
margin-top: 25px !important;
}

#test-form fieldset{
  border: none;
  margin: 0;
  padding: 0;
}

#test-form fieldset label{
  width: 478px;
  line-height: 30px;
}

#test-form fieldset label.message-label{
  width: 600px;
}

#test-form fieldset div{
  float: left;
  width: 33%;
  margin-bottom: 10px;
}

#test-form fieldset div label{
  width: 100px;
}

#test-form fieldset .bouton{
  float: right;
}

#test-form fieldset textarea{
  color: #782772;
}

#test_generosite, #hi-addict_hi-addict, #test_generosite_top, #hi-addict_hi-addict_top, #hi-addict_plus-de-douze, #hi-addict_huit-a-douze, #hi-addict_moins-de-huit, #hi-addict_huit-a-douze_top, #hi-addict_moins-de-huit_top, #hi-addict_plus-de-douze_top, #test_generosite-en, #hi-addict_hi-addict-en, #hi-addict_hi-addict-en_top, #test_generosite-en_top, #hi-addict_between-height-and-twelve, #hi-addict_more-than-twelve, #hi-addict_minus-than-eight, #hi-addict_between-height-and-twelve_top, #hi-addict_minus-than-eight_top, #hi-addict_minus-than-eight_top, #hi-addict_minus-than-height, #hi-addict_minus-than-height_top, #hi-addict_more-than-twelve_top{
  display: none;
}

body.hi-addict #navigation #menu li a, body.hi-addict #navigation #menu li a:link, body.hi-addict #navigation #menu li a:visited {
  background-image: url(../images/addict-menu-bg.png);
}

a#hi-addict{ background-position: left 20px; }
a#test{ background-position: left -19px; }

a#hi-addict:hover, a#hi-addict:active, a#hi-addict:focus, a#hi-addict.active{ background-position: -180px 20px; }
a#test:hover, a#test:active, a#test:focus, a#test.active{ background-position: -180px -19px; }













.diaporama-moodular {
  width: 588px;
  height: 350px;
  overflow: hidden;
  position: relative;
}

.diaporama-moodular ul{
  width: 588px;
  height: 350px;
  overflow: hidden;
  margin: 0; padding : 0;
}

.diaporama-moodular ul li{
  width: 588px;
  height: 350px;
  overflow: hidden;
  list-style : none;
  float: left;
}


.diaporama-moodular-next,
.diaporama-moodular-prev
{
  position: absolute;
  top: 145px;
  display: block;
  background-color: #D2BE7D;
  background-image: url(../images/big_arrow.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.diaporama-moodular-prev {
  left: 0;
  background-position: 0 -61px;
}

.diaporama-moodular-next {
  right: 0;
  background-position: 0 0;
}

.list-2col li {
  float: left;
  width: 295px;
}

a#life{background: #404040;color: #ffffff}
a#hotel{background: #782772;color: #ffffff}
a#beach{background: #09afd9;color: #ffffff}
a#dar{background: #a19262;color: #ffffff}
a#matic{background: #08ffff;color: #000000}
a#casa{background: #ffec33;color: #000000}


a#life:hover{background: #ffffff; color: #404040}
a#hotel:hover{background: #999999; color: #ffffff}
a#beach:hover{background: #999999; color: #ffffff}
a#dar:hover{background: #999999; color: #ffffff}
a#matic:hover{background: #000000;color: #08ffff}
a#casa:hover{background: #000000;color: #ffec33}