/* fond */
body {
background:#0099D9 url(../gfx/layout/body.jpg);
}
#wrap-t {
background:url(../gfx/layout/wrap-t.png) no-repeat center top;
height:39px;
left:-65px;
position:relative;
top:50px;
width:100%;
}
#wrap {
background:url(../gfx/layout/wrap.png) repeat-y center top;
left:-60px;
position:relative;
top:50px;
}
#main-t {
background:url(../gfx/layout/main-t.png) no-repeat;
left:60px;
margin:0 auto;
padding-top:33px;
position:relative;
top:-85px;
width:980px;
z-index:50;
}
#main-b {
background:url(../gfx/layout/main-b.png) no-repeat left bottom;
padding-bottom:32px;
position:relative;
z-index:55;
}
.home #main-b {
background:url(../gfx/layout/main-b-home.png) no-repeat left bottom;
padding-bottom:35px;
}
#main-m {
background:url(../gfx/layout/main-m.png) repeat-y;
min-height:600px;
padding:0 6px 0 5px;
width:969px;
}
#decos {
left:50%;
margin-left:-610px;
max-width:1220px;
position:absolute;
width:100%;
}
#ball {
background:url(../gfx/layout/ball-trans.png) no-repeat;
float:right;
height:204px;
margin-top:15px;
width:160px;
}
#lifesaver {
background:url(../gfx/layout/lifesaver-trans.png) no-repeat;
clear:both;
float:right;
height:314px;
margin-top:155px;
width:258px;
}
/* --- */

/* Header */
#top {
background:url(../gfx/layout/top.png) repeat-x;
height:104px;
}
#top .details {
background:url(../gfx/layout/top.jpg) no-repeat;
height:104px;
margin:0 auto;
position:relative;
width:980px;
}
#top .details #ladder {
background:url(../gfx/layout/ladder-trans.png) no-repeat;
height:105px;
position:absolute;
right:60px;
top:0;
width:242px;
}
#form-newsletter {
padding:10px 33px 0 140px;
width:290px;
}
#form-newsletter label {
float:left;
}
#form-newsletter input, #form-newsletter button {
border:1px solid #BAA47D;
display:block;
float:left;
margin:10px 0 0 5px;
padding:0;
}
#form-newsletter input {
background:url(../gfx/layout/news-input.png) repeat-x;
border-right:none;
height:20px;
padding:0 5px;
width:115px;;
}
#form-newsletter button {
background:#54452A url(../gfx/layout/news-button.png) repeat-x;
margin-left:0;
height:22px;
width:30px;
}
#form-newsletter button.disabled:hover {
background-position:top left;
}
#form-newsletter button:hover {
background-position:left bottom;
cursor:pointer;
}
#newsletter-msg {
background:url(../gfx/layout/tip-trans.png) no-repeat;
display:none;
height:46px;
left:240px;
padding:27px 20px 0;
position:absolute;
top:40px;
width:276px;
}
#form-newsletter.loading {
background:transparent url(../gfx/deco/ajax-loader.gif) no-repeat scroll right 22px;
}
#form-contact fieldset.loading {
background:transparent url(../gfx/deco/ajax-loader.gif) no-repeat scroll 358px bottom;
}
#header {
height:97px;
margin-bottom:-25px;
position:relative;
top:-26px;
width:964px;
z-index:110;
}
#header h1 {
background:transparent url(../gfx/logos/camping.png) no-repeat;
height:56px;
left:15px;
position:absolute;
text-indent:-5000px;
top:10px;
width:252px;
}
#header h1 a {
display:block;
height:56px;
width:252px;
}
#languages {
background:url(../gfx/layout/languages.png) no-repeat;
height:28px;
right:271px;
padding:7px 0 0 20px;
position:absolute;
top:0;
width:179px;
}
#languages li {
display:block;
float:left;
margin-right:12px;
width:32px;
}
#languages li a {
background:url(../gfx/deco/button/flags.png) no-repeat;
display:block;
float:left;
height:19px;
text-indent:-5000px;
width:32px;
}
#languages li a#l-en {
background-position:-32px 0;
}
#languages li a#l-de {
background-position:-64px 0;
}
#languages li a#l-nl {
background-position:-96px 0;
}
#phone {
background:url(../gfx/layout/phone.png) no-repeat;
height:52px;
padding-left:70px;
position:absolute;
right:0;
top:0;
width:202px;
}
#tools {
position:absolute;
right:10px;
top:55px;
z-index:105;
}
#tools li {
display:inline;
margin-left:15px;
}
#tools li a {
background:url(../gfx/deco/markers/tools.png) no-repeat left center;
padding-left:15px;
}
#tools li a:hover {
background-position:-391px center;
}
/* --- */


/* Menu */
#navigation {
background:url(../gfx/layout/navigation.png) no-repeat 37px 0;
border-bottom:1px solid #818181;
height:43px;
left:5px;
padding:0 213px 0 264px;
position:absolute;
top:54px;
width:476px;
z-index:100;
}
#navigation.nl {
background:url(../gfx/layout/navigation-nl.png) no-repeat 37px 0;
padding:0 175px 0 264px;
width:514px;
}
#navigation li {
display:block;
float:left;
padding:20px 0 3px;
position:relative;
text-align:center;
width:135px;
}
#navigation li a {
white-space:nowrap;
}
#navigation li#m-guide {
width:161px;
}
#navigation li#m-reservation {
padding:20px 0 3px;
width:161px;
}
#navigation.nl li#m-guide {
width:190px;
}
#navigation.nl li#m-reservation {
width:180px;
}
#navigation li ul {
border:1px solid #818181;
clear:both;
display:none;
left:3px;
top:43px;
position:absolute;
width:165px;
}
#navigation li#m-reservation ul {
left:-8px;
}
#navigation li:hover ul {
display:block;
}
#navigation li ul li {
border-top:1px solid #DCDCDC;
clear:both;
height:auto;
width:100%;
padding:0;
text-align:left;
}
#navigation li ul li a {
background:#F6F6F6 url(../gfx/deco/markers/navigation.png) no-repeat 7px 5px;
display:block;
padding-left:18px;
width:147px;
white-space:normal;
}
#navigation li ul li a:hover,
#navigation li ul li.active a {
background:#FACEB6 url(../gfx/deco/markers/navigation.png) no-repeat 7px -51px;
}
#navigation li#m-guide ul li a:hover,
#navigation li#m-guide ul li.active a {
background:#A8C99F url(../gfx/deco/markers/navigation.png) no-repeat 7px -107px;
}
#navigation li#m-reservation ul li a:hover,
#navigation li#m-reservation ul li.active a {
background:#D7CF5D url(../gfx/deco/markers/navigation.png) no-repeat 7px -163px;
}
/* --- *

/* Contenu */
#slideshow {
background:url(../upload/images/accueil/01.jpg) no-repeat;
height:230px;
position:relative;
width:637px;
z-index:10;
}
.slideShowImages {
display:none;
}
#content {
clear:both;
overflow:hidden;
padding:0 5px;
margin:0;
width:959px;
}
#slideshow {
float:left;
}
/* --- */

/* Formulaire de disponibilités */
#availability {
background:url(../gfx/layout/availability.png) no-repeat;
border-bottom:1px solid #818181;
float:left;
height:229px;
overflow:hidden;
padding:0 9px 0 11px;
width:296px;
}
#availability #availability-fr,
#availability #availability-en,
#availability #availability-de,
#availability #availability-nl {
display:block;
height:23px;
margin:11px 0 20px 49px;
text-indent:-5000px;
width:100%;
}
#availability #availability-fr {
background:url(../gfx/text/fr/title/availabilities.png) no-repeat;
}
#availability #availability-en {
background:url(../gfx/text/en/title/availabilities.png) no-repeat;
}
#availability #availability-de {
background:url(../gfx/text/de/title/availabilities.png) no-repeat;
}
#availability #availability-nl {
background:url(../gfx/text/nl/title/availabilities.png) no-repeat;
}
#availability li {
padding-left:6px;
}
.availability-type {
background:url(../gfx/deco/lines/availability.png) repeat-x left bottom;
float:left;
padding-bottom:5px;
width:140px;
}
.availability-date {
clear:both;
overflow:hidden;
padding-top:6px;
width:280px;
}
.availability-date label {
clear:both;
margin:2px 5px;
}
.availability-date input,
.availability-date span {
border:none;
border-top:1px solid #82807D;
border-bottom:1px solid #FAF3EB;
float:left;
}
.availability-date input {
height:17px;
line-height:17px;
padding:0 5px;
width:12px;
}
.availability-date input#date-1,
.availability-date input#date-2 {
border-right:1px solid #FAF3EB;
margin-right:5px;
width:25px;
}
.availability-date input#date-1-dd,
.availability-date input#date-1-dd,
.availability-date input#date-2-dd,
.availability-date input#date-2-dd {
border-left:1px solid #82807D;
padding-left:9px;
}
.availability-date span {
background:#fff;
display:block;
height:17px;
line-height:17px;
padding:0;
width:5px;
}
.availability-date  a.date-picker-control span {
background:none;
border:none;
}
.availability-date  a.date-picker-control,
.availability-date  label {
float:left;
}
.availability-only {
background:url(../gfx/deco/lines/availability.png) repeat-x;
clear:both;
margin-top:6px;
padding-top:5px;
}
.availability-nb {
float:left;
margin:5px 0 0 3px;
}
.availability-nb select {
line-height:12px;
}
#availability button {
background:url(../gfx/deco/button/availability.png) no-repeat;
border:none;
float:right;
height:22px;
margin-top:20px;
width:127px;
}
#availability button:hover {
background-position:left bottom;
}
/* --- */

/* Colonne gauche page contenu */
#col-left {
float:left;
overflow:hidden;
width:637px;
}
/* --- */

/* Colonne gauche Accueil */
.home #col-left {
background:url(../gfx/layout/col-left.png) repeat-y;
clear:both;
margin-right:5px;
min-height:675px;
padding:4px 6px 0 1px;
width:358px;
}
#focus {
background:url(../gfx/layout/focus.png) no-repeat;
height:411px;
width:358px;
}
#focus h1 {
padding:25px 0 16px 100px;
}
#focus h1 strong {
display:block;
}
#focus p {
margin:0 25px 0 34px;
}
#news {
background:url(../gfx/layout/news-b.png) no-repeat left bottom;
margin:0 0 -30px 5px;
padding-bottom:14px;
position:relative;
top:-30px;
width:353px;
}
#news h2 {
background:url(../gfx/layout/news-t-trans.png) no-repeat;
height:25px;
margin-left:5px;
padding:17px 0 0 30px;
width:314px;
}
#news div {
background:#EDEDED url(../gfx/layout/news-m.png) repeat-x;
border-left:1px solid #A7A7A7;
border-right:1px solid #A7A7A7;
margin:0 5px;
}
#news div h3 {
padding:14px 9px 0;
}
#news div p {
padding:6px 9px 8px;
}
#news div a {
background:#5D5D5D;
display:block;
margin:0 1px;
padding:6px 12px 5px;
}
#news div a:hover {
background:#E28723;
}
#news div a span {
background:url(../gfx/deco/markers/news.png) no-repeat left center;
padding-left:15px;
}
#news div a:hover span {
background-position:-390px center;
}
#news div p a {
background:none;
display:inline;
margin:0;
padding:0;
}
/* --- */

/* Colonne droite Accueil */
#col-right {
float:left;
}
.home #col-right {
overflow:hidden;
width:583px;
}
#welcome,
#buttons {
float:left;
margin:6px 6px 0 0;
}
#welcome a {
border:1px solid #F27E01;
display:block;
}
#welcome a img {
border:2px solid #fff;
display:block;
}
#buttons {
margin-right:0;
}
#bt-video,
#bt-catalogue,
#bt-tips,
#bt-tips-nl {
display:block;
height:75px;
margin-bottom:3px;
}
#bt-video {
background:url(../gfx/deco/button/video.jpg) no-repeat;
height:108px;
padding:8px 0 0 180px;
width:134px;
}
#bt-catalogue {
background:url(../gfx/deco/button/catalogue.jpg) no-repeat;
padding:8px 0 0 100px;
width:214px;
}
#bt-tips,
#bt-tips-nl {
background:url(../gfx/deco/button/tips.png) no-repeat;
padding:8px 0 0 160px;
width:154px;
}
#bt-tips-nl {
background:url(../gfx/deco/button/tips-nl.png) no-repeat;
padding:8px 0 0 100px;
width:214px;
}
#bt-video strong,
#bt-catalogue strong,
#bt-tips strong,
#bt-tips-nl strong {
display:block;
}
#panorama {
margin:5px 0;
}
#logos {
clear:both;
margin:0 5px 0 auto;
width:580px;
}
#logos li {
display:inline;
margin:0 0 0 18px;
}
/* --- */

/* Pages de contenu */
#banner img {
display:block;
}
#wrap-text {
background:#F1F1F1;
margin-bottom:10px;
padding:5px 10px 30px;
}
#col-left #wrap-text  {
border-right:1px solid #C9C9C9;
}
#text {
background:#fff;
border:1px solid #DEDEDE;
overflow:hidden;
padding:15px 10px 20px;
position:relative;
}
#col-left #text  {
padding-bottom:0;
}
#text h1,
#article-m h1,
#text p,
#article-m p,
#article-m ul {
margin-bottom:20px;
}
#article-m h1 {
width:715px;
}
#text h2,
#article-m h2 {
margin-bottom:10px;
}
a.bt-link {
background:transparent url(../gfx/deco/button/bg-button-a.png) no-repeat right top;
display:block;
height:34px;
padding-right:33px;
position:absolute;
right:20px;
top:10px;
}
a.bt-link span {
background:transparent url(../gfx/deco/button/bg-button-span.png) no-repeat;
display:block;
line-height:33px;
padding:0 0 1px 50px;
}
a.bt-link:hover {
background:transparent url(../gfx/deco/button/bg-button-a.png) no-repeat right bottom;
}
a.bt-link:hover span {
background:transparent url(../gfx/deco/button/bg-button-span.png) no-repeat left bottom;
}
#article-t {
background:url(../gfx/layout/article-t.png) no-repeat 1px 0;
padding-top:8px;
position:relative;
left:-5px;
width:625px;
}
#article-m {
background:url(../gfx/layout/article-m.png) repeat-y;
}
#article-b {
background:url(../gfx/layout/article-b.png) no-repeat left bottom;
overflow:hidden;
padding:10px 15px 30px;
}
#article-m li,
#prices #text li,
#text li {
background:url(../gfx/deco/markers/article.png) no-repeat left .3em;
padding-left:17px;
}
#text #form-contact li {
background:none;
}
#article-m ul {
margin-left:10px;
}
.photos {
float:right;
margin:5px 0 20px 30px;
overflow:hidden;
}
#article-m .photos {
margin:0 0 18px 18px;
}
.inside {
clear:both;
}
#article-m .inside .photos {
float:left;
margin:5px 5px 10px 0;
}
#article-m .photos a {
border:1px solid #D0D0D0;
display:block;
padding:7px;
}
#article-m .photos a.bt-more {
border:none;
margin:4px 10px 0 0;
padding:0;
}
#article-m .photos a.bt-more span {
background:url(../gfx/deco/markers/photos.png) no-repeat 0 .4em;
padding-left:15px;
}
.photos .others {
height:1px;
margin:0;
overflow:hidden;
visibility:hidden;
}
/* --- */

/* fil d'ariane */
#breadcrumbs  {
background:url(../gfx/layout/breadcrumbs.png) no-repeat;
border-bottom:1px solid #B0B0B0;
margin-bottom:10px;
padding:5px 0 5px 35px;
}
#col-left #breadcrumbs  {
margin-bottom:1px;
}
#breadcrumbs li  {
background:url(../gfx/deco/markers/breadcrumbs.png) no-repeat 0 .3em;
display:inline;
margin-right:4px;
padding-left:8px;
}
#breadcrumbs li.first  {
background:none;
padding:0;
}
/* --- */

/* Sous-navigation */
#sub-navigation {
background:#F59D3E url(../gfx/layout/availability.png) no-repeat;
overflow:hidden;
padding-right:1px;
width:315px;
}
#sub-navigation p.title {
line-height:24px;
margin:12px 0 20px 60px;
}
#sub-navigation ul li {
border-bottom:1px solid #A6621A;
}
#sub-navigation ul li a {
clear:both;
display:block;
margin:1px 0 0;
padding:6px 12px 4px;
}
#sub-navigation ul li a span {
background:url(../gfx/deco/markers/agenda.png) no-repeat right center;
padding-right:25px;
}
#sub-navigation ul li.nochild a span {
background:none;
}
#sub-navigation ul li a:hover,
#sub-navigation ul li.active a {
background:#fff;
}
#sub-navigation ul li a:hover span,
#sub-navigation ul li.active a span {
background:#fff url(../gfx/deco/markers/sub-navigation.png) no-repeat right center;
}
#sub-navigation ul {
margin-top:3px;
overflow:hidden;
}
#sub-navigation ul li ul li {
border:none;
clear:both;
display:block;
float:left;
width:314px;
}
#sub-navigation ul li ul li a,
#sub-navigation ul li.active ul li a {
background:#F27E01;
display:block;
line-height:15px;
margin:0 0 1px 0;
padding:1px 22px;
}
#sub-navigation ul li ul li a:hover,
#sub-navigation ul li ul li.active a {
background:#fff url(../gfx/layout/sub-navigation.png) no-repeat left center;
}
/* --- */

/* boutons */
.bt-pool,
.bt-rentings,
.bt-sites,
.bt-games {
background:#F3F3F3 url(../gfx/deco/pictos/pool.png) no-repeat 15px 0;
border:1px solid #CECECE;
border-left:none;
cursor:pointer;
display:block;
margin-top:4px;
padding:15px 12px 10px 85px;
width:218px;
}
.bt-rentings {
background:#F3F3F3 url(../gfx/deco/pictos/rentings.png) no-repeat 15px 0;
}
.bt-sites {
background:#F3F3F3 url(../gfx/deco/pictos/sites.png) no-repeat 15px 0;
}
.bt-games {
background:#F3F3F3 url(../gfx/deco/pictos/games.png) no-repeat 15px 0;
}
.bt-pool strong,
.bt-rentings strong,
.bt-sites strong,
.bt-games strong {
display:block;
}
.bt-pool:hover,
.bt-rentings:hover,
.bt-sites:hover,
.bt-games:hover {
background-color:#fff;
background-position:15px -200px;
border-color:#fff;
}
/* --- */

/* contact */
#form-contact {
border-right:1px solid #ABABAB;
float:left;
padding:0 10px 0 0;
width:470px;
}
#form-contact ul {
float:left;
width:235px;
}
#form-contact li {
border-bottom:1px solid #BEBEBE;
clear:both;
margin:0 15px 15px 0;
overflow:hidden;
padding:0 0 2px 2px;
}
#form-contact label {
display:block;
float:left;
margin-top:3px;
width:80px;
}
#form-contact input,
#form-contact select,
#form-contact textarea {
background:#E9E9E9;
border:1px solid #A7A7A7;
border-bottom-color:#E1E1E1;
border-right-color:#E1E1E1;
float:left;
padding:0 2px;
width:130px;
}
#form-contact ul.large {
float:none;
width:auto;
}
#form-contact ul.large label,
#form-contact ul.large textarea,
#form-contact ul.large input {
float:none;
width:auto;
}
#form-contact ul.large textarea{
width:446px;
}
#form-contact ul.large li {
border:none;
}
#form-contact ul.large li label {
border-bottom:1px solid #BEBEBE;
margin-bottom:5px;
}
#form-contact ul.large li.newsletter label {
border-bottom:none;
display:inline;
}
#form-contact ul.large li.newsletter input {
background:none;
border:none;
}
#form-contact button {
background:#0581A8 url(../gfx/deco/button/submit.png) no-repeat;
border:medium none;
float:right;
height:19px;
margin:0 15px 0 0;
padding:0 5px;
width:72px;
}
.address {
float:left;
margin-left:15px;
}
#form-contact fieldset p.msg {
border:1px solid #F59D3E;
padding:5px;
}
/* --- */

/* prices */
#price {
float:left;
width:632px;
}
#reserve-fr,
#reserve-en,
#reserve-de,
#reserve-nl {
display:block;
float:right;
height:191px;
text-indent:-5000px;
width:321px;
}
#reserve-fr {
background:url(../gfx/text/fr/title/reserve.png) no-repeat;
}
#reserve-en {
background:url(../gfx/text/en/title/reserve.png) no-repeat;
}
#reserve-de {
background:url(../gfx/text/de/title/reserve.png) no-repeat;
}
#reserve-nl {
background:url(../gfx/text/nl/title/reserve.png) no-repeat;
}
#prices {
background:#fff url(../gfx/layout/wrap-prices.png) repeat-y;
width:958px;
}
#prices #breadcrumbs {
width:602px;
}
#prices #text {
margin:0 11px 38px;
min-height:80px;
width:580px;
}
#prices #text li {
display:block;
width:550px;
}
#prices #wrap-text {
background:none;
clear:both;
padding:0 6px;
position:relative;
top:-30px;
}
.price-t {
background:url(../gfx/layout/price-t-trans.png) no-repeat;
height:18px;
padding:12px 330px 14px 14px;
}
.price-t h2 {
float:left;
}
.price-t h2 strong {
margin-right:10px;
}
.price-t .period {
float:right;
}
.price-m {
background:url(../gfx/layout/price-m.png) repeat-y;
margin-bottom:5px;
}
.price-b {
background:url(../gfx/layout/price-b.png) no-repeat left bottom;
padding:6px;
position:relative;
}
.price-m p {
margin:5px 45px 15px;
}
.price-b p.introduction {
background:url(../gfx/deco/markers/introduction.png) no-repeat left center;
margin:5px 15px 15px;
padding:5px 315px 5px 30px;
}
.price-m a.bt-link  {
background:url(../gfx/deco/markers/bt-link.png) no-repeat left center;
height:auto;
padding:0 0 0 15px;
right:20px;
top:15px;
}
.price-m table {
margin:10px 5px;
width:919px;
}
.price-m table td {
border-bottom:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
padding:6px;
}
.price-m table td.first {
background:#E3F1FB;
border-bottom:1px solid #CCD8E0;
border-right:1px solid #CCD8E0;
padding:6px 12px 6px 0;
width:250px;
}
.price-m table td.alt {
background:#F7F7F7;
}
.price-m table th {
background:#569FD1;
border-right:1px solid #E1EEF7;
padding:5px;
}
.price-m table th.empty,
.price-m table td.empty {
background:none;
border:none;
}
.price-m table td.bt-reserve {
background:url(../gfx/deco/button/bt-reserve.png) no-repeat;
border:none;
height:45px;
padding:0;
width:657px;
}
.price-m table td.bt-reserve:hover {
background-position:left bottom;
}
.price-m table td.bt-reserve a {
display:block;
padding-left:15px;
}
/* --- */

/* footer */
#altiplano-link {
left:25px;
position:relative;
top:10px;
}
#footer {
background:url(../gfx/layout/footer.png) repeat-x;
clear:both;
height:63px;
position:relative;
z-index:60;
} 
#footer .details {
background:url(../gfx/layout/footer.jpg) no-repeat left bottom;
height:63px;
margin:0 auto;
padding:0 0 0 30px;
width:950px;
}
#footer .details li {
display:block;
float:left;
width:151px;
}
#footer .details li a {
display:block;
padding:28px 0 0;
width:151px;
}
/* --- */
#form-newsletter input.hidden,
#form-contact input.hidden {
display:none;
}