div, img {
    _behavior: url(../iloBasesPlugin/css/iepngfix.htc)
}

body {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.93em;*/
    font-size: 8pt;
    color: #383838;
    text-align: left;
    margin: 0;
    background-color: #3a3a3a;
    margin: 0; 
    padding: 0; 
    width: 100%;
}

h1 {
    color: #8F8F90;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    left: -912px;
    overflow: visible;
    position: absolute;
    top: 47px;
    width: 650px;
    font-size: 2em;
    font-weight: bold;
    /*font-variant:small-caps;*/
    font-stretch: condensed;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;
}

h1 a {
    color: inherit;
    text-decoration: none;
}

h2 {
    color: #c20900;
    font-weight: bold;
    margin: 5px 0;
    font-size: 1.3em;
}

h3 {
    margin: 0;
    font-size: 1.1em;
}

p {
    margin: 6px 0;
}

.rouge{
	color:#ff0000;
}

td {
    text-align: center;
}

a{
    color:#fff;
}

th {
    vertical-align: top;
}

label {
    text-align: left;
    font-weight: bold;
    display: block;
    font-style: italic;
}
li label,
.appartements_filter label
{
    display: inline;
    font-style: normal;
}
li label
{
    font-weight: normal;
}
.appartements_filter label
{
    padding-right: 10px;
}

.red {
    color: #c93c30;
}

.badge {
    /*color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    width: 100px;*/
    color:#FFFFFF;
    font-weight:normal;
    height:34px;
    text-align:center;
    text-transform:uppercase;
    width:100px;
    position: absolute;
    top: 103px;
    padding-left: 80px;
    padding-top: 16px;
}
.badge_link {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}
/*#reservation_badge {
    position: absolute;
    top: 120px;
    left: 87px;
}

#plan_access_badge {
    position: absolute;
    top: 120px;
    left: 286px;
}*/
#reservation_badge {
	left:7px;
}
#plan_access_badge {
	left: 200px;
}

#subtitle {
    font-family: Arial, Helvetica, sans-serif;
    color: #c9c9c9;
    font-size: 0.75em;
    letter-spacing: normal;
}

#credits {
    color: #37312a;
}

#credits a {
    color: inherit;
    text-decoration: none;
    font-weight: normal;
}

#credits a:hover {
    text-decoration: underline;
}

/*
 * FORMULAIRE DE CONTACT
 */
#contact_form_table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.error_list {
    color: #c93c30;
    font-weight: bold;
}

#contact_form_table td, #room_specs td {
    text-align: left;
    vertical-align: top;
    padding-top: 0;
}

#contact_form_table td.odd {
    padding-top: inherit;
    padding-bottom: 10px;
}

#contact_form_table th {
    min-width: 35%;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

#gmap {
    text-align: center;
}
#gmap ul
{
    display: none;
}

#map {
    margin: 0 auto;
}

.notice {
    background: url(../iloBasesPlugin/images/tick.png) no-repeat left center;
    padding-left: 20px;
}

.error {
    background: url(../iloBasesPlugin/images/error.png) no-repeat left center;
    padding-left: 20px;
    color: #ff0000;
    font-weight: bold;
}

/*
 * APPARTEMENTS
 */
/*
 * FILTRES
 */
#appartements_list #filters_button {
    position: relative;
    float: right;
}

div.button {
    background: transparent url(../images/bouton.jpg) no-repeat center center;
    width: 128px;
    height: 38px;
    border: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height:38px;
}

div.button2 {
    background: transparent url(../images/bouton.jpg) no-repeat center center;
    width: 128px;
    height: 38px;
    border: none;float:left;
    text-align: center;
    vertical-align: middle;
    line-height:38px;
}
div.button2 input, div.button2 a {
    border: none;
    background: none;
    color: #ffffff !important;
    text-decoration: none;
    height: 38px;
    white-space: normal;
    width: 128px;
    cursor: pointer;
    font-size: 1em;
}
div.button input, div.button a {
    border: none;
    background: none;
    color: #ffffff !important;
    text-decoration: none;
    height: 38px;
    white-space: normal;
    width: 128px;
    cursor: pointer;
    font-size: 1em;
}

#appartements_list .appartements_filter {
    display: none;
}

#filters-table {
    vertical-align: top;
    width: 100%;
}

#filters-table th {
    width: 8em;
    text-align: left;
}

#filters-table td {
    text-align: left;
}

.appartements_filter #filters_separation {
    background: transparent url(../images/ligne.jpg) no-repeat scroll center center;
    width: 761px;
    height: 4px;
    border: none;
}

.appartements_filter .checkbox_list {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%
}

.appartements_filter .checkbox_list li {
    display: block;
    width: 10em;
    margin: 0;
    padding: 0px;
    float: left;
}

div.appartements {
    background: transparent url(../images/ban-page.jpg) no-repeat center top;
    padding-top: 75px
}

div.appartements h2 {
    color: #FFFFFF;
    font-style: italic;
    font-weight: normal;
    text-indent: 1em;
}

#rooms_list {
    width: 100%;
    border-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

#rooms_list th {
    vertical-align: middle;
}

#rooms_list td {
    vertical-align: middle;
}

#rooms_list td.description {
    text-align: left;
}

#rooms_list td, #rooms_list th {
    border: 1px solid #c20900;
    border-spacing: 0;
}

#rooms_list th {
    color: #ffffff;
    text-align: center;
    background: #c20900;
    font-weight: normal;
    padding: 5px 0;
    border-color: #c20900;
}

#rooms_list th a {
    color: inherit;
}

th#th_pagination {
    text-align: left;
    padding: 0 5px;
}

a.detail_link {
    display: block;
    padding-top: 5px;
    color: #383838;
}

.footer{
    color: #383838;
}
/*.detail_link:hover{
 te
 }*/
div#appartement_pagination {
    float: right;
    width:80%;
    text-align: right;
}
div#appartement_pagination img{
    display: inline;
}

#rooms_list img, #appartements_details img {
    max-width: 120px;
    max-height: 91px;
    border: none;
}

div.photo{
    display: inline-block;
    max-width: 120px;
    max-height: 91px;
    padding:0 5px;
}

div#photo-none {
    background: transparent url(../images/photo.jpg) no-repeat center center;
    width: 120px;
    height: 91px;
}

#rooms_list div#photo-none, #rooms_list img {
    margin: 0 auto;
    display: block;
    margin: 0 auto;
}

#features-list {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%
}

#features-list li {
    display: block;
    width: 6.9em;
    margin: 0;
    padding-left: 20px;
    float: left;
    background: url(../iloCorePlugin/images/icons/cross_16.png) no-repeat left center;
}

#features-list li.has {
    background: url(../iloCorePlugin/images/icons/tick_16.png) no-repeat left center;
}

#features-list li span {
    display: none
}

.calendrier {
    float: left;
}

.calendrier li.itemNotExistingItem {
    padding-bottom: 10px;
    background: url(../iloCorePlugin/images/icons/tick_16.png) no-repeat center bottom;
}

.calendrier li.itemExistingItem {
    padding-bottom: 10px;
    background: url(../iloCorePlugin/images/icons/cross_16.png) no-repeat center bottom;
}

#legende {
    padding: 0;
    margin: 0;
    text-align: left;
    float: left;
}

#legende ul {
    padding: 0;
    text-align: left;
}

#legende li.legende {
    text-align: left;
    padding-bottom: 0;
    padding-left: 20px;
    background-position: left center;
}

/*
 * RESERVATION
 */
.expand_button {
    font-size: 1.5em;
    font-weight: bold;
    min-height: 20px;
    min-width: 10px;
    text-align: center;
    cursor: help;
    display: inline-block;
    margin-left: -13px;
}

#possible_reservations_list, #possible_reservations_list ol {
    list-style: none;
    padding-left: 3em;
}

/*
 * PLACEMENT ET FONDS
 */
#r_gauche_haut {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    background: url('../images/r_gauche_haut.jpg') transparent top right repeat-x;
}

#r_droit_bas {
    background: transparent url(../images/r_droit_bas.jpg) repeat-x scroll right bottom;
    bottom: 0;
    height: 255px;
    margin-left: 50%;
    margin-top: -298px;
    position: relative;
    right: 0;
    width: 50%;
    z-index: 0;
}

#page {
    margin: 0 auto;
    position: relative;
    width: 1152px;
    z-index: 1;
    
}

#header {
    position: relative;
    width: 100%;
    height: 345px;
}

#header-left {
    background: transparent url(../images/gauche_haut.jpg) no-repeat scroll right top;
    position: absolute;
    width: 252px;
    height: 345px;
}

#header-center-top {
    background: transparent url(../images/haut.jpg) no-repeat scroll center top;
    position: absolute;
    left: 252px;
    width: 777px;
    height: 80px;
}

#header-center-bottom {
    background: transparent url(../images/ban.jpg) no-repeat scroll center top;
    position: absolute;
    left: 252px;
    top: 80px;
    width: 777px;
    height: 222px;
}

#header-center-bottom.home {
    background-image: url(../images/ban-home.jpg);
}

#header-marquee {
    color: #000;
    font-family: Arial Narrow;
    font-size: 0.8em;
    font-weight: normal;
    left: 205px;
    letter-spacing: 0.2em;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 188px;
}

#header-right {
    background: transparent url(../images/droit_haut.jpg) no-repeat scroll left top;
    position: absolute;
    left: 1029px;
    width: 123px;
    height: 345px;
}

#center {
    position: relative;
    width: 100%;
    min-height: 183px;
    background: transparent url(../images/centre-nico.jpg);
}

#center_conteneur {
    position: relative;
    width: 1100px;
    margin-left:0px;
    min-height: 183px;
}

#center-left {
    background: transparent url(../images/gauche_centre.jpg) repeat-y scroll right top;
    width: 252px;
    height: 100%;
    left: 0pt;
    bottom: 0pt;
    position: absolute;
}

#content-background-top {
    background: transparent url(../images/centre-h.jpg) no-repeat scroll center top;
    width: 777px;
    height: 5px;
    top: -43px;
    position: relative;
    left: 252px;
}

#content-background-bottom {
    background: transparent url(../images/centre-b.jpg) no-repeat scroll center top;
    width: 777px;
    height: 9px;
    bottom: 43px;
    position: relative;
    left: 252px;
}

#content-background {
    background: transparent url(../images/centre-r.jpg) repeat-y scroll center top;
    width: 777px;
    height: 100%;
    top: -43px;
    position: relative;
    left: 252px;
}

#content-background.home {
    background: transparent url(../images/centre-g.jpg) no-repeat scroll center top;
    width: 390px;
    height: 225px;
    top: -43px;
    position: relative;
    left: 252px;
}

#content {
    padding: 1px 5px;
    min-height: 211px;
    text-align: justify;
}
#content a { color: #383838 }

#content.home {
    height: 185px;
    min-height: 185px;
    overflow: hidden;
    padding: 15px;
}

#content-gal {
    position: absolute;
    right: 123px;
    top: -43px;
    width: 387px;
    height: 225px;
    /*background: #383838 url(../images/gal-photo.jpg) no-repeat scroll center top;*/
}
.ad-gallery .ad-image-wrapper, #masque {
    width: 100% !important;
    height: 180px !important;
    margin-bottom: 45px !important;
    position: relative !important;
    overflow: hidden !important;
    top: 0 !important;
    position: absolute !important;
}
.masque_thumb {
    background: transparent url(../images/gal-photo-transp-petit.png) no-repeat scroll center center;
    z-index: 10 !important;
    opacity: 1;
}
.ad-gallery .ad-controls {	display: none;	}
#masque {
    background: transparent url(../images/gal-photo-transp.png) no-repeat scroll center top;
    z-index: 10 !important;
    width: 100%;
    height: 100%
}
#gal-bottom {
    background: transparent url(../images/gal-b.jpg) no-repeat scroll center bottom;
    width: 387px;
    height: 46px;
    bottom: 0;
    position: absolute;
    z-index: 10;
    opacity: 0.75;
}
#gal-bottom .ad-thumbs {
    margin: auto;
    width: 90%;
}
#gal-bottom .ad-back {
    left: 0;
    height: 100%;
    background-position: 0 14px;
}
#gal-bottom .ad-forward {
    right: 0;
    height: 100%;
    background-position: 0 14px;
}


#center-right {
    background: transparent url(../images/droit_centre.jpg) repeat-y scroll left bottom;
    position: absolute;
    left: 1029px;
    width: 123px;
    height: 100%;
    top: 0pt;
}

#footer {
    position: relative;
    top: -43px;
}

#footer-left {
    background: transparent url(../images/gauche_bas.jpg) no-repeat scroll right bottom;
    position: absolute;
    bottom: 0px;
    width: 252px;
    height: 255px;
}

#footer-center {
    background: transparent url(../images/bas.jpg) no-repeat scroll center top;
    width: 777px;
    height: 257px;
    position: relative;
    left: 252px;
}

#credits {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 55px;
    margin-right: 3px;
}

#footer-right {
    background: transparent url(../images/droit_bas.jpg) no-repeat scroll left bottom;
    position: absolute;
    left: 1029px;
    bottom: 0px;
    width: 123px;
    height: 255px;
}

#pub-generale{
    position:absolute;
    top:300px;
    left:115px;
    height:430px;
    width:128px;
    z-index:20;
}

#pub-center {
    height: 347px;
    position:absolute;
    top: 0px;
    width: 128px;
	left:0px;
}

#pub-footer {
    position: absolute;
    top:358px;
    height:73px;
    width:126px;
    left:0px;
}

.ui-datepicker {
    z-index:2;
}

/*
 * FIN PLACEMENT ET FONDS
 */
/*
 * MENU
 */
#menu {
    float: right;
    padding-right: 8px;
    padding-top:67px;
    vertical-align: text-bottom;
    font-size: 14px;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    cursor:pointer;
}

#menu li {
    background: url('../images/menu.jpg') transparent left center no-repeat;
    height:38px;
    width:128px;
    list-style: none;
    cursor:pointer;
}

#menu li.current {
    background: url('../images/rouge.jpg') transparent left center no-repeat;
    height:38px;
    width:128px;
    vertical-align:middle;
    line-height:38px;
    cursor:pointer;
}

div.menu_item{
    display: table-cell;
    height: 38px;
    text-align: center;
    width: 128px;
    vertical-align:middle;
    line-height:38px;
    cursor:pointer;
}

div#presentation-de-la-residence,
div#residence-hoteliere-hebergement-havre-studio-meuble-economique-gare-laverie-hotel-para-hotelier-restaurant-confortable-sejour-handicape-havre{
    display: table-cell;
    height: 38px;
    text-align: center;
    width: 128px;
    vertical-align:middle;
    line-height:18px;
    cursor:pointer;
}

div.menu_item {
    display: table-cell;
    height: 38px;
    text-align: center;
    width: 128px;
    vertical-align:middle;
    line-height:38px;
    cursor:pointer;
}

#menu li, #menu li a {
    text-decoration: none;
    color: inherit;
    color:#fff;
    cursor:pointer;
}

img{
    border:0;
}

/*
 * FIN MENU
 */ 

#loader{
    background: url('../iloCorePlugin/images/facebox/loading.gif') no-repeat;
    height:50px;
    padding-left:60px;
    padding-top:10px;
    font-size: 20px;
}