body,html{height:100.1%}html{overflow:hidden}body{overflow-x:hidden;background-color:#ffffff}body:after{content:'max';display:none}@media (max-width: 999px){body:after{content:'full'}}@media (max-width: 799px){body:after{content:'medium'}}@media (max-width: 499px), (max-height: 499px){body:after{content:'small'}}*{margin:0;padding:0;font-family:Hind, verdana, sans-serif;font-weight:400;font-size:16px;color:#000}h1{font-size:24px;font-weight:400;margin:0;padding:0}h2,h3{font-size:18px;font-weight:700;letter-spacing:1px;margin:20px 0 15px 0}h2:first-child,h3:first-child{margin-top:0}h4,h5,h6{font-weight:700;margin:20px 0 15px 0}h4:first-child,h5:first-child,h6:first-child{margin-top:0}strong{font-weight:700}p{margin:0 0 15px 0}#pageWrapper{padding:100px 0 50px 0}@media (max-width: 499px), (max-height: 499px){#pageWrapper{padding:20px 0 20px 0}}table{width:100%;margin:0 0 30px 0;border-collapse:collapse}table td{padding:3px 6px}table th{padding:3px 6px;font-weight:700}table tr:nth-child(odd){background-color:#e1d9d3}#headerSection{width:100%;top:0;left:0;background:#C5B2A7;position:fixed;z-index:1000;text-align:center}@media (max-width: 499px), (max-height: 499px){#headerSection{position:relative}}@media (max-width: 999px){#headerSection .content{position:relative}}#homeWrapper{position:relative;height:100%;width:100%;overflow:visible;margin:0 0 -40px 0}@media (max-width: 499px), (max-height: 499px){#homeWrapper{height:auto;margin:0}}#homeWrapper .backgroundFaderWrapper{position:absolute;z-index:-1;width:100%;height:100%;top:0;box-sizing:border-box}#homeWrapper .backgroundFaderWrapper .backgroundFaderDesktop,#homeWrapper .backgroundFaderWrapper .backgroundFaderMobile{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:-1;opacity:1;transition:opacity 1.6s;transition-delay:0.6s}@media (max-width: 499px), (max-height: 499px){#homeWrapper .backgroundFaderWrapper .backgroundFaderDesktop{display:none}}#homeWrapper .backgroundFaderWrapper .backgroundFaderMobile{display:none}@media (max-width: 499px), (max-height: 499px){#homeWrapper .backgroundFaderWrapper .backgroundFaderMobile{display:block}}#homeWrapper .backgroundFaderWrapper .backgroundFading{opacity:0}#homeWrapper .backgroundFaderWrapper .backgroundFaderDesktop.bgImageDefault{background-image:url(../gfx/petithotel-default-desktop.jpg)}#homeWrapper .backgroundFaderWrapper .backgroundFaderMobile.bgImageDefault{background-image:url(../gfx/petithotel-default-mobile.jpg)}@media (max-width: 499px), (max-height: 499px){#homeWrapper .backgroundFaderWrapper{border:none;position:relative;height:240px}}#homeWrapper .backgroundOverlay{background:rgba(255,255,255,0.6);width:100%;position:absolute;bottom:12%}#homeWrapper .backgroundOverlay .contentWrapper{padding:30px 0 15px 0}#homeWrapper .backgroundOverlay .contentWrapper .mainContentText h1,#homeWrapper .backgroundOverlay .contentWrapper .mainContentText h1+p{display:inline}#homeWrapper .backgroundOverlay .contentWrapper .mainContentText h1+p:after{content:'';height:0;overflow:hidden;display:block;margin:0 0 15px 0}#homeWrapper .backgroundOverlay .contentWrapper .mainContentText *{color:#000;font-size:20px;font-weight:lighter;line-height:160%}@media (max-width: 799px){#homeWrapper .backgroundOverlay .contentWrapper .mainContentText *{font-size:16px}}@media (max-width: 499px), (max-height: 499px){#homeWrapper .backgroundOverlay{position:static;height:auto}}#homeWrapper .bgImagesIconNavi{position:absolute;bottom:6px;width:100%;text-align:center;display:none}@media (max-width: 499px), (max-height: 499px){#homeWrapper .bgImagesIconNavi{position:relative;bottom:0;top:6px;margin:0 0 -3% 0}}#homeWrapper .bgImagesIconNavi.iconNaviDesktop{display:block}@media (max-width: 499px), (max-height: 499px){#homeWrapper .bgImagesIconNavi.iconNaviDesktop{display:none}}#homeWrapper .bgImagesIconNavi.iconNaviDesktop div{display:inline-block;width:16px;height:16px;margin:0 10px 0 10px;border:1px solid #fff;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px}#homeWrapper .bgImagesIconNavi.iconNaviDesktop div.iconSelected{background:rgba(255,255,255,0.6)}#homeWrapper .bgImagesIconNavi.iconNaviMobile{display:none}@media (max-width: 499px), (max-height: 499px){#homeWrapper .bgImagesIconNavi.iconNaviMobile{display:block}}#homeWrapper .bgImagesIconNavi.iconNaviMobile div{display:inline-block;width:14px;height:14px;margin:0 10px 0 10px;border:1px solid #C5B2A7;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}#homeWrapper .bgImagesIconNavi.iconNaviMobile div.iconSelected{background:#e1d9d3}.content{margin:auto;max-width:1000px;padding:0 30px 0 30px;text-align:left}@media (max-width: 999px){.content{padding:0 4% 0 4%}}.columnWrapper:after{content:".";clear:both;display:block;height:0;visibility:hidden}.columnWrapper .columnLeft{float:left;width:48%}@media (max-width: 799px){.columnWrapper .columnLeft{width:auto;float:none;padding:0 0 2% 0}}.columnWrapper .columnRight{float:right;width:48%}@media (max-width: 799px){.columnWrapper .columnRight{width:auto;float:none}}.iconTeaser .iconOption{width:120px;height:120px;display:block;margin:0 auto 20px auto;background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat}.iconTeaser .iconOption.iconOptionBoat{background-image:url(../gfx/boat.svg)}.iconTeaser .iconOption.iconOptionCulture{background-image:url(../gfx/culture.svg)}.iconTeaser .iconOption.iconOptionWine{background-image:url(../gfx/wine.svg)}.iconTeaser p{font-size:16px;line-height:160%}.iconTeaser a{font-weight:700;text-transform:uppercase}.grid-33{width:104%;margin:0 -2% 0 -2%}.grid-33:after{content:".";clear:both;display:block;height:0;visibility:hidden}.grid-33 .grid-item-fullsize{clear:both;margin:0 0 20px 0;padding:0 2% 0 2%;clear:both}@media (max-width: 799px){.grid-33 .grid-item-fullsize{padding:0}}.grid-33 .grid-item{width:29.3%;padding:0 2% 30px 2%;float:left}@media (max-width: 799px){.grid-33 .grid-item{float:none;width:auto;padding:0 0 30px 0}}@media (max-width: 799px){.grid-33{width:auto;margin:0}}#footerSection{background:#C5B2A7;min-height:100px;padding:20px 0 0 0}#footerSection h3,#footerSection h4,#footerSection h5,#footerSection h6{margin:0;padding:0 0 20px 0}#footerSection *{color:#fff;text-decoration:none;font-size:14px}#footerSection .grid-33{overflow:hidden}#footerSection .grid-item-fullsize{margin:0}#footerSection .footerCopyright{padding:0 0 20px 0;margin:0}@media (max-width: 799px){#footerSection .grid-33{text-align:center}}.caps{color:inherit;font:inherit}sup{color:inherit}.contentTextWrapper{padding:2% 0 2% 0}.contentTextWrapper ul{padding:0 0 20px 20px}.contentTextWrapper.noHeadroom{padding-top:0}.contentTextWrapper.noFootroom{padding-bottom:0}.contentTextWrapper.contentTextTeaser h1,.contentTextWrapper.contentTextTeaser h1+p{display:inline}.contentTextWrapper.contentTextTeaser h1+p:after{content:'';height:0;overflow:hidden;display:block;margin:0 0 15px 0}.contentTextWrapper.contentTextTeaser *{color:#000;font-size:20px;font-weight:300;line-height:160%}.contentTextWrapper.turnLinkIntoButton a{display:inline-block;text-decoration:none;font-size:16px;color:#ffffff;padding:3px 10px 3px 10px;background:#B00035;text-transform:uppercase}.contentTextWrapper2Columns:after{content:".";clear:both;display:block;height:0;visibility:hidden}.contentTextWrapper2Columns .contentTextWrapper:first-child{float:left;width:48%}.contentTextWrapper2Columns .contentTextWrapper:last-child{float:right;width:48%}@media (max-width: 499px), (max-height: 499px){.contentTextWrapper2Columns .contentTextWrapper:first-child{width:auto;float:none}.contentTextWrapper2Columns .contentTextWrapper:last-child{width:auto;float:none}}.contentImageTextWrapper{padding:2% 0 2% 0}.contentImageTextWrapper:after{content:".";clear:both;display:block;height:0;visibility:hidden}.contentImageTextWrapper.noHeadroom{padding-top:0}.contentImageTextWrapper.noFootroom{padding-bottom:0}.contentImageTextWrapper .imageWrapper img{width:100%;height:auto;border:none;display:block}.contentImageTextWrapper .textWrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.contentImageTextWrapper .textWrapper:after{content:".";clear:both;display:block;height:0;visibility:hidden}.contentImageTextWrapper .textWrapper h3:first-child,.contentImageTextWrapper .textWrapper h4:first-child{margin-top:0}.contentImageTextLeft .imageWrapper{float:left;margin-right:4%}.contentImageTextRight .imageWrapper{float:right;margin-left:4%}.contentImage250 .imageWrapper{width:22%;max-width:250px;margin-bottom:20px}@media (max-width: 799px){.contentImage250 .imageWrapper{width:35%}}@media (max-width: 499px), (max-height: 499px){.contentImage250 .imageWrapper{width:50%}}.contentImage500 .imageWrapper{width:48%;margin-bottom:20px}@media (max-width: 499px), (max-height: 499px){.contentImage500 .imageWrapper{width:100%;float:none;margin-left:0;margin-right:0}}.mediaDownloadWrapper{padding:2% 0 2% 0}.mediaDownloadWrapper.noHeadroom{padding-top:0}.mediaDownloadWrapper.noFootroom{padding-bottom:0}.mediaDownloadWrapper ul{margin:0;padding:0;list-style:none}.mediaDownloadWrapper li{margin:3px 0 3px 0;padding:0;list-style:none}.mediaDownloadWrapper li .downloadIcon{display:inline-block;height:22px;width:30px;background-position:0 0;background-size:auto 100%;background-repeat:no-repeat;vertical-align:middle}.mediaDownloadWrapper li .wordDownload{background-image:url(../gfx/icon-doc.svg)}.mediaDownloadWrapper li .zipDownload{background-image:url(../gfx/icon-zip.svg)}.mediaDownloadWrapper li .pdfDownload{background-image:url(../gfx/icon-pdf.svg)}.footerSocialIcon{height:60px;width:auto;display:inline-block;margin:0 6px 6px 6px;vertical-align:middle;opacity:0.6}.pureHtml{padding:2% 0 2% 0}#footerSection .TA_cdsratingsonlynarrow{display:inline-block;margin:20px 0 20px 0}#footerSection .TA_cdsratingsonlynarrow a{color:#000}.tripadvisorWrapper .cdsComponent span{font-size:12px;color:grey}.contentTextWrapper.contentTextTeaser h2{padding:0 0 20px 0;margin:0;font-size:28px}.roomList{width:100%;background:#e1d9d3;margin:0 0 20px 0}.roomList:after{content:".";clear:both;display:block;height:0;visibility:hidden}.roomList .roomItem{width:50%;padding:25% 0 0 0;float:left;position:relative}.roomList .roomItem .roomImage,.roomList .roomItem .roomContent{position:absolute;left:0;top:0;width:50%;height:100%;text-align:center;overflow:hidden}.roomList .roomItem .roomImage img,.roomList .roomItem .roomContent img{display:block;margin:auto;height:100%;width:auto}.roomList .roomItem .roomContent{left:auto;right:0}.roomList .roomItem .roomContent .roomContentInner{display:inline-block;vertical-align:middle}.roomList .roomItem .roomContent .roomContentInner p{font-size:16px;padding:0 0 10px 0;margin:0;font-weight:bold}.roomList .roomItem .roomContent .roomContentInner a{display:block;text-decoration:none;font-size:16px;color:#fff;padding:3px 10px 3px 10px;background:#B00035}.roomList .roomItem .roomContent:before,.roomList .roomItem .roomContent:after{height:100%;width:0;overflow:hidden;display:inline-block;content:'span';vertical-align:middle}.roomList .roomItem.roomItemGroupEven .roomImage{left:auto;right:0}.roomList .roomItem.roomItemGroupEven .roomContent{left:0;right:auto}@media (max-width: 499px), (max-height: 499px){.roomList .roomItem{width:100%;padding:50% 0 0 0;float:none}.roomList .roomItem.roomItemRowOdd .roomImage{left:0;right:auto}.roomList .roomItem.roomItemRowOdd .roomContent{left:auto;right:0}.roomList .roomItem.roomItemRowEven .roomImage{left:auto;right:0}.roomList .roomItem.roomItemRowEven .roomContent{left:0;right:auto}}.headerContainer{display:table;width:100%}.headerContainer .headerRow{display:table-row}.headerContainer .headerRow .logoWrapper{display:table-cell;height:86px;width:170px;vertical-align:bottom;background:transparent url(../gfx/petit-hotel-marseillan.svg) no-repeat 0 0;background-size:auto 100%}@media (max-width: 499px), (max-height: 499px){.headerContainer .headerRow .logoWrapper{height:65px;width:150px}}.headerContainer .headerRow .logoWrapper a{display:block;width:100%;height:100%}.headerContainer .headerRow .logoWrapper span{display:none}.headerContainer .headerRow .topNaviWrapper{display:table-cell;vertical-align:bottom;text-align:right}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper{vertical-align:middle}}.headerContainer .headerRow .topNaviWrapper .topNavi{display:inline-block;white-space:nowrap;text-align:left}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper .topNavi{position:absolute;top:100%;left:100%;width:100%;background:rgba(255,255,255,0.9);padding:10px 4%;display:block;transition:all 0.5s;z-index:10000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.headerContainer .headerRow .topNaviWrapper .topNavi.topNaviOpen{left:0}}.headerContainer .headerRow .topNaviWrapper .topNavi li{display:inline-block}.headerContainer .headerRow .topNaviWrapper .topNavi li a{display:inline-block;text-decoration:none;padding:3px 10px 12px 10px;border-bottom:6px solid #C5B2A7;font-size:14px;color:#000;font-weight:bold}.headerContainer .headerRow .topNaviWrapper .topNavi li.selected a,.headerContainer .headerRow .topNaviWrapper .topNavi li:hover a{border-color:#B00035}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper .topNavi li.selected a,.headerContainer .headerRow .topNaviWrapper .topNavi li:hover a{color:#B00035}}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper .topNavi li{display:block}.headerContainer .headerRow .topNaviWrapper .topNavi li a{padding:10px 0 10px 0;font-size:14px;min-width:50%}}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper .topNavi li{transition:transform 0.5s ease 0.2s;transform:scale(0.1, 1)}.headerContainer .headerRow .topNaviWrapper .topNavi.topNaviOpen li{transform:scale(1, 1)}}.headerContainer .headerRow .topNaviWrapper .langSelect{display:inline-block;white-space:nowrap;height:30px;padding:0 10px;vertical-align:middle}.headerContainer .headerRow .topNaviWrapper .langSelect li{display:inline-block;width:30px;height:30px;text-align:center;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;background:rgba(255,255,255,0.6);margin:0 5px}.headerContainer .headerRow .topNaviWrapper .langSelect li a{text-decoration:none;display:inline-block;line-height:33px}.headerContainer .headerRow .topNaviWrapper .hamburgerMenu{width:34px;height:34px;display:none;border:none}.headerContainer .headerRow .topNaviWrapper .hamburgerMenu:focus{outline:0}@media (max-width: 999px){.headerContainer .headerRow .topNaviWrapper .hamburgerMenu{display:inline-block;vertical-align:middle;background:transparent url(../gfx/hamburgermenu.svg) no-repeat 50% 50%;background-size:100% auto;-webkit-transition:transform 0.3s ease-out 0s;-moz-transition:transform 0.3s ease-out 0s;-ms-transition:transform 0.3s ease-out 0s;-o-transition:transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s}.headerContainer .headerRow .topNaviWrapper .hamburgerMenu.hamburgerMenuOpen{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:transform 0.3s ease-out 0.5s;-moz-transition:transform 0.3s ease-out 0.5s;-ms-transition:transform 0.3s ease-out 0.5s;-o-transition:transform 0.3s ease-out 0.5s;transition:transform 0.3s ease-out 0.5s}}.contentImageTextMultiple{display:flex;align-items:stretch;background:#e1d9d3;padding:0}.contentImageTextMultiple .imageWrapper,.contentImageTextMultiple .textWrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;flex-basis:50%;flex-grow:1;width:auto;margin:0}.contentImageTextMultiple:nth-child(even) .imageWrapper{order:1}.contentImageTextMultiple:nth-child(even) .textWrapper{order:2}.contentImageTextMultiple:nth-child(odd) .imageWrapper{order:2}.contentImageTextMultiple:nth-child(odd) .textWrapper{order:1}.contentImageTextMultiple .imageWrapper{background:#4E4642;white-space:nowrap}.contentImageTextMultiple .imageWrapper img{width:100%;height:auto;vertical-align:middle;display:inline-block}.contentImageTextMultiple .imageWrapper:after{content:'span';display:inline-block;height:100%;width:0;overflow:hidden;vertical-align:middle}.contentImageTextMultiple .textWrapper{padding:20px;align-self:center}@media (max-width: 799px){.contentImageTextMultiple .textWrapper{padding:10px}.contentImageTextMultiple .textWrapper p{font-size:14px}}@media (max-width: 499px), (max-height: 499px){.contentImageTextMultiple .textWrapper p{font-size:16px}}.contentImageTextMultiple.firstMultiBox{margin-top:20px}.contentImageTextMultiple.lastMultiBox{margin-bottom:20px}@media (max-width: 499px), (max-height: 499px){.contentImageTextMultiple{display:block}}.imagesGalleryWrapper{padding:0 0 2% 0}.imagesGalleryWrapper:after{content:".";clear:both;display:block;height:0;visibility:hidden}.imagesGalleryWrapper .viewImageWrapper{float:left;width:88%;position:relative}.imagesGalleryWrapper .viewImageWrapper img{width:100%;height:auto;position:relative;z-index:1}.imagesGalleryWrapper .viewImageWrapper img.nextViewImage{position:absolute;left:0;top:0;z-index:2;opacity:0;transition:opacity 1s}.imagesGalleryWrapper .viewImageWrapper img.fadeIn{opacity:1.0}@media (max-width: 499px), (max-height: 499px){.imagesGalleryWrapper .viewImageWrapper{float:none;width:auto}}.imagesGalleryWrapper .thumbListWrapper{float:right;width:10%}.imagesGalleryWrapper .thumbListWrapper ul,.imagesGalleryWrapper .thumbListWrapper li{margin:0 0 3px 0;padding:0;list-style:none;width:100%}.imagesGalleryWrapper .thumbListWrapper ul img,.imagesGalleryWrapper .thumbListWrapper li img{width:100%;height:auto;display:block}.imagesGalleryWrapper .thumbListWrapper a{opacity:1.0;transition:all 1s;margin:0;padding:0;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.imagesGalleryWrapper .thumbListWrapper a.imgSelected{opacity:0.3}@media (max-width: 499px), (max-height: 499px){.imagesGalleryWrapper .thumbListWrapper{float:none;width:auto}.imagesGalleryWrapper .thumbListWrapper ul{display:flex;width:100.6%;margin:0 -0.3%;justify-content:space-between}.imagesGalleryWrapper .thumbListWrapper li{width:auto;margin:0 0.3%}.imagesGalleryWrapper .thumbListWrapper img{width:auto;max-width:100%}}.kgde-contactform{clear:both;padding:2% 0 2% 0}.kgde-contactform *{font-size:16px}.kgde-contactform p{clear:both;overflow:hidden}.kgde-contactform p label{float:left;padding:0 3% 0 0;width:30%;font-weight:bold}@media (max-width: 499px), (max-height: 499px){.kgde-contactform p label{padding:0;display:block;width:auto;float:none}}.kgde-contactform input[type=text],.kgde-contactform input[type=submit]{padding:6px;font-size:16px;width:65%;border:1px solid #C5B2A7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.kgde-contactform input[type=submit]{border:none;text-transform:uppercase}.kgde-contactform textarea{padding:6px;font-size:16px;width:65%;min-height:200px;border:1px solid #C5B2A7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.kgde-contactform input.sender{margin:0 0 0 33%;padding:6px;background:#B00035;font-weight:bold;color:#fff}.kgde-contactform input.customer{width:0;height:0;overflow:hidden;display:block;opacity:0;padding:0;border:none}@media (max-width: 799px){.kgde-contactform input[type=text],.kgde-contactform input[type=submit],.kgde-contactform textarea{width:66%}}@media (max-width: 499px), (max-height: 499px){.kgde-contactform input[type=text],.kgde-contactform input[type=submit],.kgde-contactform textarea{width:100%}.kgde-contactform input.sender{margin:0}.kgde-contactform label{padding:0 0 3px 0;float:none;display:block}}.messageContainer{margin:0 0 20px 0}.messageContainer .error{background:#B00035;color:#fff;padding:3%;margin:0;font-size:16px}.messageContainer .message{background:#C5B2A7;color:#fff;padding:3%;margin:0;font-size:16px}#cookieBannerWrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;overflow:auto}#cookieBannerWrapper .cookieBannerOverlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)}#cookieBannerWrapper .cookieBanner{background:#e1d9d3;padding:30px;width:100%;max-width:400px}#cookieBannerWrapper .buttonWrapper{text-align:center;padding:10px 0 20px 0}#cookieBannerWrapper .buttonWrapper .acceptButton{display:inline-block;text-decoration:none;font-size:16px;color:#fff;padding:3px 10px 3px 10px;background:#B00035;cursor:pointer;text-transform:uppercase}#cookieBannerWrapper .buttonWrapper .denyButton{display:inline-block;text-decoration:none;font-size:16px;color:#000;padding:3px 10px 3px 10px;background:#C5B2A7;cursor:pointer;text-transform:uppercase}
/*# sourceMappingURL=base.css.map */