.marginTop10 {
    margin-top: 10px !important
    }
body.hebergement .content {
    margin-left: -10px;
    width: 590px
    }
body.hebergement .sidebar {
    margin-right: -5px;
    width: 300px
    }
/*body.hebergement #inner {
  padding-left:16px;
  padding-right:16px;
  width: 950px;
}*/
/* --------------------------------------------------------
    reservation tabs    
   -------------------------------------------------------- */
.widerechercher {
    margin-left: -11px !important
    }
.widerechercher h3 {
    padding-bottom: 8px
    }
.widerechercher .tabs {
    clear: both;
    float: left;
    height: 30px;
    margin-top: -30px;
    width: 920px
    }
.widerechercher .tabs li, .widerechercher .tabs li a:hover {
    text-decoration: none
    }
.widerechercher .tabs li, .widerechercher .tabs li a, .widerechercher .tabs li a em {
    color: #FFF;
    display: block;
    float: left
    }
.widerechercher .tabs li a em {
    font-style: normal;
    height: 15px;
    line-height: 20px;
    padding-bottom: 7px;
    padding-top: 8px
    }
.widerechercher .tabs li.first {
    background: url(../_ui/images/reservation/reservation-tab-first-right.png) no-repeat right top transparent
    }
.widerechercher .tabs li.pro {
    background: url(../_ui/images/reservation/reservation-tab-first-right-only.png) no-repeat right top transparent
    }
.widerechercher .tabs li.first a {
    background: url(../_ui/images/reservation/reservation-tab-first-left.png) no-repeat 0 0 transparent;
    font-size: 1.54em;
    height: 17px;
    line-height: 17px;
    margin-right: 33px;
    padding: 0 0 13px 11px
    }
.widerechercher .tabs li.last {
    background: url(../_ui/images/reservation/reservation-tab-last-right.png) no-repeat right top transparent
    }
.widerechercher .tabs li.last a {
    background: url(../_ui/images/reservation/reservation-tab-last-left.png) no-repeat 0 0 transparent;
    font-size: 1.36em;
    margin-right: 27px;
    padding: 0 0 0 4px
    }
.widerechercher .three-cols .col3 label {
    font-weight: bold
    }
/* --------------------------------------------------------
    Search by name    
   -------------------------------------------------------- */
.widerechercher fieldset.inputSearch {
    float: right;
    position: relative;
    width: 295px;
    height: 30px;
    padding: 0;
    margin: 0 0 0 -4px;
    background: url(../_ui/images/bg/rechercher-input.png) no-repeat
    }
.widerechercher fieldset.inputSearch input.text {
    display: block;
    margin: 0 0 0 1px;
    height: 18px;
    line-height: 18px;
    width: 175px;
    padding: 5px 5px 5px 10px;
    border: none;
    background: transparent
    }
.widerechercher fieldset.inputSearch button.rechercher {
    color: #fff;
    position: absolute;
    top: 4px;
    left: 216px;
    display: inline;
    width: 74px;
    height: 22px;
    padding: 0;
    border: none;
    background-image: url(../_ui/images/reservation/btnSearch.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 0 2px 1px
    }
/* --------------------------------------------------------
    3 cols    
   -------------------------------------------------------- */
.widerechercher .three-cols {
    background: url(../_ui/images/reservation/backReservationSmall.png) top center no-repeat;
    height: 121px;
    margin-bottom: 50px;
    padding: 10px 13px 1px 15px;
    position: relative;
    z-index: 20
    }
.widerechercher .inner {
    display: none;
    top: -57px;
    position: relative;
    z-index: 15
    }
.widerechercher .inner .three-cols {
    background: url(../_ui/images/reservation/backReservationMore.png) top center no-repeat;
    height: 220px;
    margin-bottom: 20px
    }
.widerechercher .advancedSearch {
    background: url(../_ui/images/reservation/backReservationMore.png) bottom center no-repeat;
    height: 37px;
    left: 1px;
    margin-top: -57px;
    margin-bottom: 20px;
    position: absolute;
    width: 100%;
    z-index: 10
    }
.widerechercher .three-cols .col1 {
    float: left;
    margin-right: 24px;
    width: 240px
    }
.widerechercher .three-cols .col2 {
    float: left;
    width: 240px
    }
.widerechercher .three-cols .col3 {
    float: right;
    width: 340px
    }
.widerechercher .inner .col3 {
    float: left;
    width: 600px
    }
.widerechercher .inner .col3 ol.first {
    margin-right: 20px;
    width: 260px !important
    }
.widerechercher .inner .col3 ol.services {
    float: left !important;
    width: 280px !important
    }
.widerechercher .inner .col3 ol.services li {
    position: relative;
    height: 1%
    }
.widerechercher .inner .col3 ol.services input {
    position: absolute;
    left: -5px
    }
.widerechercher .inner .col3 ol.services label {
    display: block;
    padding: 3px 0 0 0;
    margin-left: 20px
    }
#btnAdvancedSearchHide {
    font-weight: bold;
    position: absolute;
    left: 20px;
    top: 206px;
    color: #fff;
    z-index: 40
    }
#btnAdvancedSearchShow {
    margin-left: 15px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    bottom: 10px;
    color: #fff;
    z-index: 40
    }
#btnAdvancedSearchShow span, #btnAdvancedSearchHide span {
    background-image: url(../_ui/images/reservation/fleches.png);
    background-repeat: no-repeat;
    background-position: -120px 3px;
    margin-left: 5px
    }
#btnAdvancedSearchShow:hover, #btnAdvancedSearchHide:hover {
    text-decoration: none
    }
#btnAdvancedSearchShow:hover strong, #btnAdvancedSearchHide:hover strong {
    text-decoration: underline;
    font-weight: bold
    }
#btnAdvancedSearchHide span {
    background-position: -140px 3px
    }
/* --------------------------------------------------------
    Search Content    
   -------------------------------------------------------- */
/*.widerechercher .inner {
	background: url(../_ui/images/reservation/reservation-bottom.png) left bottom no-repeat;
	padding-bottom:10px;
} */
.classification {
    background: url(../_ui/images/reservation/legend-StarSun.png) right center no-repeat;
    padding-right: 50px
    }
a.drop:hover {
    text-decoration: none
    }
a.drop {
    background: url(../_ui/images/reservation/drop-background.png) no-repeat;
    color: #616161;
    display: block;
    height: 19px;
    margin-bottom: 10px;
    padding: 5px 22px 0 10px;
    overflow: hidden;
    width: 170px
    }
#sliderContent {
    background: url(../_ui/images/reservation/backContentSlider.png) left bottom no-repeat;
    height: 21px;
    width: 236px
    }
#slider-range {
    margin-left: 23px;
    width: 190px;
    position: relative;
    left: -2px
    }
#stars {
    /*margin-left: 12px;*/
    position: relative;
    width: 190px;
    height: 19px
    }
.star_number {
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    width: 20%;
    text-align: center;
    height: 30px;
    background: url(../_ui/images/reservation/filet.png) center bottom no-repeat
    }
#star1 {
    left: 0
    }
#star2 {
    left: 25%
    }
#star3 {
    left: 50%
    }
#star4 {
    left: 75%
    }
#star5 {
    left: 100%
    }
.dropSearch {
    background: url(../_ui/images/reservation/typeHebergementBulleTop.png) left top no-repeat;
    display: none;
    left: -5px;
    padding-top: 20px;
    position: absolute;
    top: 22px;
    width: 419px;
    z-index: 99999 !important;
    zoom: 1
    }
#dropAutresCriteres {
    background: url(../_ui/images/reservation/BulleTop.png) left top no-repeat;
    left: 200px;
    top: -18px
    }
.contentDrop {
    position: relative;
    z-index: auto
    }
.inner .contentDrop {
    margin-bottom: 20px
    }
.dropSearch .cols {
    background: url(../_ui/images/reservation/typeHebergementBulleBottom.png) left bottom;
    padding: 0 15px 20px;
    position: relative
    }
#dropZoneBubble .cols .col1 {
    float: left;
    margin-right: 10px !important;
    position: relative;
    width: 282px !important;
    z-index: 100
    }
#dropZoneBubble .cols .col2 {
    float: right;
    position: relative;
    width: 283px !important;
    z-index: 80
    }
.dropSearch .cols .col1 {
    float: left;
    width: 160px
    }
.dropSearch .cols .col2 {
    float: right;
    width: 195px
    }
.dropSearch .cols li {
    float: none;
    position: relative
    }
.dropSearch .cols li ol {
    margin-left: 20px
    }
.dropSearch .cols li input {
    position: absolute;
    left: -5px
    }
.dropSearch .cols li h4 {
    color: #609004;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 0 5px
    }
.dropSearch .cols li label {
    color: #616161;
    display: block;
    font-weight: bold;
    padding: 2px 0 0 20px
    }
.dropSearch a.close {
    background: url(../_ui/images/reservation/btnClose.png) no-repeat;
    display: block;
    height: 17px;
    position: absolute;
    right: 10px;
    top: -7px;
    width: 17px;
    z-index: 10001
    }
#dropZoneBubble a.close {
    top: 0;
    z-index: 20
    }
#dropAutresCriteres a.close {
    top: -4px
    }
.dropSearch a.close:hover {
    text-decoration: none
    }
.dropSearch a.action {
    color: #616161;
    font-weight: bold;
    text-decoration: underline
    }
#dropZoneBubble .cols {
    padding: 0 6px 20px 5px
    }
#dropZoneBubble .secteur {
    background: #a1c942;
    padding: 5px 10px;
    /*position: relative;*/
    z-index: 10
    }
#dropZoneBubble li:hover, #dropZoneBubble label:hover {
    cursor: pointer
    }
#dropZoneBubble li ol li:hover {
    background: #ebebeb
    }
#dropZoneBubble li ol {
    margin-left: 0
    }
#dropZoneBubble li ol li label {
    padding: 2px 0 0 40px
    }
.bulleSecteur {
    position: absolute;
    right: -220px;
    top: -20px;
    width: 273px;
    z-index: 99999;
    zoom: 1
    }
.bulleSecteur h3 {
    margin-top: 0
    }
.bulleSecteur p {
    margin-bottom: 0
    }
.bulleSecteur .top {
    background: url(../_ui/images/reservation/ZoneGeoBulleTop.png) left top no-repeat;
    color: #727272;
    height: 1%;
    padding: 5px 30px
    }
.bulleSecteur .bottom {
    background: url(../_ui/images/reservation/ZoneGeoBulleBottom.png) no-repeat;
    height: 17px
    }
#dropZoneBubble {
    background: url(../_ui/images/reservation/ZoneGeoBulleTopBig.png) left top no-repeat;
    display: none;
    left: -5px;
    padding-top: 15px;
    position: absolute;
    top: 22px;
    width: 624px;
    z-index: 99999 !important;
    zoom: 1
    }
#dropZoneBubble .cols {
    background: url(../_ui/images/reservation/ZoneGeoBulleBottomBig.png) left bottom;
    padding: 0 32px 20px 15px;
    position: relative
    }
#dropZoneBubble .secteur label {
    color: #fff
    }
#dropZoneBubble li ol li {
    padding: 5px 10px
    }
#dropZoneBubble .cols li input {
    left: 5px
    }
#dropZoneBubble .cols li ol li input {
    left: 25px
    }
#dropZoneBubble .btnHide {
    border-top: 1px solid #d7d7d7;
    padding: 5px 10px 0;
    position: relative;
    width: 100%;
    z-index: 60
    }
/* --------------------------------------------------------
    Sidebar Content    
   -------------------------------------------------------- */
.pub {
    margin: 20px 0
    }
.listing.view-2 {
    padding-left: 0
    }
/* --------------------------------------------------------
    Snippet membre   
   -------------------------------------------------------- */
ul.hebergement {
    padding-left: 0 !important
    }
ul.hebergement li .hebergementContent {
    background: url(../_ui/images/reservation/snippetContent.png) left bottom no-repeat;
    padding-bottom: 10px
    }
ul.hebergement li {
    background: url(../_ui/images/reservation/snippetTop.png) 0 0 no-repeat;
    padding-top: 10px;
    width: 584px
    }
ul.hebergement li .zoom {
    background: url(../_ui/images/reservation/snippetZoom.png) no-repeat;
    display: block;
    height: 22px;
    position: absolute;
    right: 7px;
    bottom: 24px;
    width: 23px
    }
ul.hebergement h3 {
    font-size: 1.2em;
    padding-right: 55px;
    position: relative
    }
ul.hebergement h3 a {
    color: #4173a2
    }
/*ul.hebergement h3 a strong { margin-right: 55px;}*/
ul.hebergement h3 a span {
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    float: right;
    background: url(../_ui/images/reservation/btnDetails.png) left top;
    display: block;
    height: 20px;
    line-height: 19px;
    padding: 0 0 0 7px;
    width: 46px;
    position: absolute;
    right: 0;
    top: -3px
    }
ul.hebergement h3 a:hover span {
    background: url(../_ui/images/reservation/btnDetails.png) left bottom
    }
ul.hebergement .photo {
    background-position: 0 -167px !important;
    height: 118px;
    margin-left: 10px;
    overflow: hidden
    }
.hebergement span.band-reservation {
    background: url(../_ui/images/reservation/bande-reservation.png) no-repeat
    }
.hebergement span.band-reservation-en {
    background: url(../_ui/images/reservation/en/bande-reservation.png) no-repeat
    }
#map .hebergement span.band-reservation {
    background: url(../_ui/images/reservation/bande-disponible.png) no-repeat
    }
#map .hebergement span.band-reservation-en {
    background: url(../_ui/images/reservation/en/bande-disponible.png) no-repeat
    }
.hebergement span.band {
    height: 93px;
    left: 7px;
    top: 7px
    }
ul.hebergement .details {
    float: left;
    margin-left: 155px;
    width: 265px
    }
ul.hebergement .optionsRight {
    float: right;
    margin-right: 10px;
    width: 135px
    }
ul.hebergement .optionsRight p {
    margin: 0;
    text-align: center
    }
p.zoneGeo {
    color: #909090;
    margin: 0 0 5px
    }
p.type {
    color: #3c3c3c;
    margin: 0
    }
p.aime {
    color: #6f6f6f;
    margin: 0
    }
p.prix {
    color: #4173a2 !important
    }
p.prix span {
    font-size: 1.8em;
    margin-right: 5px
    }
p.commentaires {
    height: 20px;
    margin-top: 10px;
    margin-bottom: 0
    }
p.commentaires img {
    vertical-align: bottom
    }
p.commentaires a {
    color: #616161;
    margin-left: 5px;
    text-decoration: underline
    }
p.commentaires a span {
    color: #468308
    }
ul.hebergement .optionsRight .options {
    height: auto !important;
    background: none;
    margin-top: 10px
    }
ul.hebergement .optionsRight .options ul {
    background: url(../_ui/images/bg/dots-h.png) repeat-x left top !important
    }
ul.hebergement .optionsRight .options ul li {
    background: url(../_ui/images/bg/dots-h.png) repeat-x left bottom;
    float: none;
    height: 22px;
    margin: 0;
    width: auto !important
    }
ul.hebergement .optionsRight .options ul li a {
    padding: 5px 10px 2px 28px
    }
ul li.result li {
    background: none;
    margin-bottom: 0;
    padding: 0
    }
.nbResults {
    color: #f7790b;
    background: url(../_ui/images/bg/dots-h.png) left bottom repeat-x;
    margin: 15px 0;
    padding-bottom: 5px
    }
.nbResults span.detail {
    color: #f7790b;
    float: left;
    font-size: 1.9em;
    padding-right: 20px;
    line-height: 20px
    }
.nbResults span.detail strong {
    font-size: 1.2em;
    position: relative;
    top: 1px
    }
.jcarousel-skin-snippet {
    cursor: pointer
    }
div#fancy-div {
    background: transparent !important
    }
.btnDisplay {
    background: url(../_ui/images/reservation/btnOrangeBig.png) right top no-repeat;
    text-decoration: none;
    float: left;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-left: 20px;
    /*height:16px;*/
    }
.btnDisplay span {
    background: url(../_ui/images/reservation/btnOrangeBig.png) left top no-repeat;
    color: #fff;
    font-size: 1.2em;
    margin: 0 15px 0 -16px;
    padding: 0 0 0 20px;
    position: relative;
    /*To fix IE6 problem (not displaying)*/
    float: left;
    line-height: 27px
    }
.btnDisplay:hover {
    background: url(../_ui/images/reservation/btnOrangeBig.png) right bottom no-repeat;
    text-decoration: none
    }
.btnDisplay:hover span {
    background: url(../_ui/images/reservation/btnOrangeBig.png) left bottom no-repeat;
    text-decoration: none
    }
.btnDisplay.selected {
    display: none
    }
/*.btnDisplay.selected span {  background: url(../_ui/images/reservation/btnAffichePar.png) left top no-repeat; }*/
.orange {
    color: #f7790b !important
    }
.smallArrowDownGrey, .smallArrowUpGrey, .bigArrowUpGrey {
    padding-right: 15px;
    position: relative
    }
.smallArrowDownGrey span, .smallArrowUpGrey span, .bigArrowUpGrey span {
    background: url(../_ui/images/reservation/fleches.png) -20px 6px no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 10px;
    width: 10px
    }
.smallArrowUpGrey span {
    background: url(../_ui/images/reservation/fleches.png) -40px 6px no-repeat
    }
.bigArrowUpGrey span {
    background: url(../_ui/images/reservation/fleches.png) 0 6px no-repeat
    }
#dropServices {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0 0 320px;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff
    }
#dropServices:hover {
    text-decoration: none
    }
#dropServices span {
    background: url(../_ui/images/reservation/fleches.png) -60px 6px no-repeat;
    margin-left: 5px
    }
#list_tab ul.tri {
    margin-bottom: 14px
    }
#list_tab ul.tri li {
    display: inline;
    float: left;
    margin-right: 10px
    }
#list_tab ul.tri li a {
    color: #6f6f6f !important;
    font-size: 1.1em;
    text-decoration: underline;
    white-space: nowrap
    }
#list_tab ul.tri li a.selected {
    color: #f7790b !important
    }
/* --------------------------------------------------------
    Carte    
   -------------------------------------------------------- */
.widemap6 div {
    color: #f5780b !important
    }
.map-options {
    position: relative;
    height: 38px;
    top: -5px;
    width: auto;
    z-index: 3000
    }
.map-options div ol li {
    color: #6f6f6f !important;
    height: 38px;
    line-height: 34px;
    padding: 0 10px 0 25px
    }
.map-select-points-interets {
    padding-left: 0 !important
    }
.legend {
    background: url(../_ui/images/reservation/legendeRight.png) right top no-repeat;
    margin-left: -6px;
    width: 731px
    }
.legend div.ensembleLegend {
    background: url(../_ui/images/reservation/legendeLeft.png) 0 0 no-repeat;
    height: 38px;
    padding-top: 0;
    width: 700px
    }
.map-options div {
    padding: 0 !important
    }
.map-options div ol li strong {
    font-weight: bold;
    padding-top: 0
    }
.map-options div ol li.map-legend-hotels-qrr {
    background: url(../_ui/images/reservation/smallBulletGreen.png) 0 3px no-repeat;
    color: #5e8f00 !important
    }
.map-options div ol li.map-legend-hotels-non-qrr {
    background: url(../_ui/images/reservation/smallBulletRed.png) 0 3px no-repeat;
    color: #944040 !important
    }
.map-options div ol li input {
    margin-top: 10px
    }
/* --------------------------------------------------------
    Snippet dans la carte    
   -------------------------------------------------------- */
#map .photo img {
    display: block
    }
#map .optionsRight, #map .commentaires {
    display: none
    }
#map ul.hebergement {
    margin: 0 !important;
    padding: 0 !important
    }
#map ul.hebergement li {
    background: none;
    width: auto !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important
    }
#map ul.hebergement li .hebergementContent {
    background: none;
    padding-bottom: 0
    }
.map ul.hebergement .details {
    width: 280px
    }
.map ul.hebergement .head {
    padding-top: 10px
    }