/* CSS Document */ /* Author: Guillaume Quimper - Influenza Marketing */ /* Version 1.0 - December 2008 */ /*------------ Basic Elements ------------*/ *, html { margin: 0; padding: 0 ; } body { background: #FAF9F4 url(../images/layout/body-bg.png) repeat-x; text-align: center; font-family:"Trebuchet MS", Arial, sans-serif; } a { outline: none; text-decoration: none; } a img { border: none; } /*------ Wrappers ------*/ #siteWrapper { width: 966px; position: relative; margin: 0 auto; text-align: left; } #splashSiteWrapper { width: 700px; position: relative; margin: 0 auto; text-align: left; } #contentWrapper { background: url(../images/layout/contentWrapper-bg.png) repeat-y; } /*---- Header ----*/ #header { height: 95px; } #header h1 a { width: 186px; height: 80px; display: block; background: url(../images/layout/logo-jouvence.png) no-repeat; position: absolute; top: 5px; left: 18px; } #header h2 { width: 300px; height: 31px; background: url(../images/layout/slogan-fr.png) no-repeat; position: absolute; top: 45px; left: 228px; } #header h3 { width: 182px; height: 26px; background: url(../images/layout/1-800-567-3134.png) no-repeat; position: absolute; top: 52px; left: 776px; } #header h1 a, #header h2, #header h3 { text-indent: -3000px; overflow: hidden; } #quickNav { width: 290px; height: 37px; float: right; background: url(../images/layout/quickNav-bg.png) no-repeat; padding: 0 3px 3px 3px; } #quickNav ul { list-style: none; text-align: center; } #quickNav ul li { float: left; width: 96px; border-right: 1px solid #C9C4AF; font-size: 13px; height: 28px; padding-top: 9px; } #quickNav ul li.last { border-right: none; } #quickNav ul li a { color: #6F603C; font-weight: bold; } #quickNav ul li a:hover { color: #6F603C; text-decoration: underline; } /*------------- Main Navigation -------------*/ #navWrapper { background: url(../images/layout/mainNav-bg.png) no-repeat; height: 280px; padding: 0; position: relative; } #slideshow { margin-left: 293px; padding-top: 18px; } #mainNav { position: absolute; top: 12px; left: 18px; } #mainNav h4 { font-size: 14px; color: #6F603C; padding-left: 6px; } #mainNav ul { list-style: none; } #mainNav ul li.vacances, #mainNav ul li.corporatif, #mainNav ul li.evenements , #mainNav ul li.scolaire { height: 58px; padding-left: 13px; position: relative; } #mainNav ul li a.vacances, #mainNav ul li a.corporatif, #mainNav ul li a.evenements, #mainNav ul li a.scolaire { height: 58px; width: 253px; display: block; text-indent: -3000px; overflow: hidden; position: relative; z-index: 20; } #mainNav ul li.vacances { background: url(../images/layout/mainNav-li-vacances-bg.png) no-repeat left center; } #mainNav ul li.vacances a.vacances { background: url(../images/layout/mainNav-li-a-vacances-bg.png) no-repeat right center; } #mainNav ul li.corporatif { background: url(../images/layout/mainNav-li-corpos-bg.png) no-repeat left center; } #mainNav ul li.corporatif a.corporatif { background: url(../images/layout/mainNav-li-a-corpos-bg.png) no-repeat right center; } #mainNav ul li.evenements { background: url(../images/layout/mainNav-li-evenements-bg.png) no-repeat left center; } #mainNav ul li.evenements a.evenements { background: url(../images/layout/mainNav-li-a-evenements-bg.png) no-repeat right center; } #mainNav ul li.scolaire { background: url(../images/layout/mainNav-li-scolaire-bg.png) no-repeat left center; } #mainNav ul li.scolaire a.scolaire { background: url(../images/layout/mainNav-li-a-scolaire-bg.png) no-repeat right center; } #mainNav ul li.vacances { position: absolute; top: 18px; } #mainNav ul li.corporatif { position: absolute; top: 76px; } #mainNav ul li.evenements { position: absolute; top: 134px; } #mainNav ul li.scolaire { position: absolute; top: 192px; } #mainNav ul li ul { position: absolute; top: 3px; left: 248px; height: 52px; width: 24px; overflow: hidden; z-index: 10; padding-left: 40px; display: none; } #mainNav ul li.vacances ul { background: #003529; } #mainNav ul li.corporatif ul { background: #111A4F; } #mainNav ul li.evenements ul { background: #9B1B20; } #mainNav ul li.scolaire ul { background: #CBA020; } #mainNav ul li ul li { float: left; background: none; width: auto; height: 52px; padding: 0; font-size: 15px; font-weight: bold; border-right: 1px solid #fff; } #mainNav ul li ul li.last { border: none; } #mainNav ul li ul li a { text-indent: 0px; display: block; width: 165px; line-height: 15px; padding: 20px 15px; height: 12px; color: #fff; text-align: center; } #mainNav ul li ul li.wide a { padding-top: 10px; } #mainNav ul li.vacances ul li a, #mainNav ul li.corporatif ul li a, #mainNav ul li.evenements ul li a, #mainNav ul li.scolaire ul li a { background: none; } #mainNav ul li ul li a:hover { text-decoration: underline; } /*---- Column ----*/ #column { float: right; width: 299px; margin-right: 9px; padding: 10px 0; } #column div.standard { width: 280px; margin: 0 auto 10px auto; } #column div.standard h4 { background: url(../images/layout/bg-h4-column.png) no-repeat; font-size: 14px; line-height: 14px; color: #6F603C; padding: 10px 8px; } #column div.standard h4 span { font-size: 12px; font-weight: normal; } #column div.standard h4.informations { background: none; padding: 0; } #column div.standard h4.informations a { width: 280px; height: 54px; display: block; background: url(../images/layout/information-button.png) no-repeat; text-indent: -3000px; overflow: hidden; } #column div.standard h5 { font-size: 12px; color: #6F603C; text-align: right; padding-bottom: 4px;} #column div.standard h5 a {color: #6F603C; text-decoration: none; } #column div.standard h5 a:hover { color: #53472D; } #column div.standard h6 { font-size: 12px; line-height: 13px; color: #6F603C; padding: 0 10px; } #column div.standard div#galerieColumn { height: 174px; overflow: auto; margin: 0 1px; } #column div.standard div#galerieColumn ul { list-style: none; padding-left: 0; } #column div.standard div#galerieColumn ul li { float: left; width: 81px; height: 81px; padding: 6px 0 0 6px; background: url(../images/layout/bg-thumbnails-column.png) no-repeat; margin: 0; } #column div.standard div#newsletterForm { height: 45px; margin-top: -5px; position: relative; } #column div.standard div#newsletterForm h5 { text-align: left; font-size: 14px; position: absolute; top: 10px; left: 10px; height: 20px; background: url(../images/layout/accept.png) no-repeat; padding: 6px 0 0 30px; } #column div.standard form#infolettre { width: 262px; margin: 0 auto; } #column div.standard form#infolettre input.textInput { width: 208px; height: 18px; background: url(../images/layout/bg-textInput-infolettre.png) no-repeat; border: none; padding: 6px; } #column div.standard form#infolettre input.submitButton { width: 32px; height: 30px; background: url(../images/layout/submit-button-infolettre.png) no-repeat; border: none; text-indent: -3000px; overflow: hidden; margin-left: 1px; position: relative; top: 2px; } #column div.standard form#infolettre label { position: absolute; top: 35px; left: 5px; font-size: 12px; } #column div.standard form#infolettre label.error { background: url(../images/layout/error.png) no-repeat left center; padding-left: 20px; color: #FF0000; } #column div.standard div#newsletterForm { height: 50px; } #column div#promoTag { margin-bottom: 10px; } #column div#promoTag a { background: url(../images/layout/label-promo-FR.png) no-repeat; height: 108px; display: block; text-indent: -3000px; overflow: hidden; } #column img.carteJouvence { display: block; margin: -4px auto 0 auto; } /*---------- Tabs ---------*/ #tabs { width: 280px; margin: -10px auto 0 auto; padding: 10px 0; position: relative; background: url(../images/layout/bg-tabs-container.png) no-repeat 0 47px; } #tabs ul { list-style: none; height: 37px; text-align: center; } #tabs ul li { float: left; font-size: 13px; margin-right: 3px; } #tabs ul li.participatif { margin-right: 0; } #tabs ul li a { display: block; height: 25px; padding-top: 12px; color: #6F603C; font-weight: bold; } #tabs ul li.localisation a { width: 89px; background: url(../images/layout/bg-tabs-localisation.png) no-repeat; } #tabs ul li.nouvelles a { width: 75px; background: url(../images/layout/bg-tabs-nouvelles.png) no-repeat; } #tabs ul li.participatif a { width: 110px; background: url(../images/layout/bg-tabs-participatif.png) no-repeat; } #tabs ul li.ui-tabs-selected a { background-position: left bottom; color: #53472D; } #tabs ul li a:hover { color: #53472D; } #tabs div { padding: 9px; height: 230px; } #tabs div h4 { background: none; } #tabs div h5 { text-align: right; padding-top: 10px; font-size: 14px; } #tabs div h5 a { color: #816F45; } #tabs div h5 a:hover { color: #53472D; } #tabs div h5 span.rss { float: left; margin-top: 2px; } #tabs div div { border: none; padding: 0; border: none; height: auto; } /* Nouvelles */ #tabs div#nouvelles div { height: 200px; overflow: auto; } #tabs div#nouvelles div h4 { font-size: 13px; } #tabs div#nouvelles div h6 { border-bottom: 1px solid #EBE7DC; margin: 0 10px 5px 0; padding: 5px 0; text-align: right; font-size: 11px; font-weight: normal; } #tabs div#nouvelles div p { font-size: 11px; color: #6F603C; margin-right: 10px; line-height: 13px; } /* Jouvence 2.0 */ #tabs div#participatif h4 { font-size: 12px; color: #6F603C; padding: 10px; line-height: 14px; } #tabs div#participatif ul { list-style: none; height: 50px; padding: 5px 0; } #tabs div#participatif ul li { float: left; width: 28%; margin: 10px 0; } #tabs div#participatif ul li a { padding-top: 0; height: auto; } #tabs div#participatif p { clear: left; padding: 10px 0; font-size: 11px; color: #6F603C; } /*----- Content -----*/ .bgColorBrown { background: #f7f6f1; } #content { margin-right: 318px; padding: 5px 0 0 14px; } #content h2 { padding: 5px 10px 10px 10px; font-size: 24px; color: #6F603C; font-weight: normal; } #content p { font-size: 13px; padding: 0 10px 8px 10px; line-height: 150%; } .divLarge { width: 608px; padding: 10px; margin: 0 auto; background: url(../images/layout/bg-divLarge.png) no-repeat; min-height: 175px; } .divLarge a { color: #ad191f; } .divLarge a:hover { color: #6F603C; } .divLarge span.asterisk { color: #db161d; } .divLarge h3 { background: url(../images/layout/bg-divLarge-h3.png) no-repeat; font-size: 24px; color: #6F603C; font-weight: normal; padding: 7px; } .divLarge h4 { font-size: 16px; padding: 5px 10px 0 10px; color: #584e30; font-weight: bold; } .divLarge h4.underlined { font-size: 17px; font-weight: normal; padding: 10px 0 0 0; margin: 0 10px 0 10px; color: #584e30; border-bottom: 1px solid #ebe5d8; } .divLarge h5 { font-size: 13px; color: #6F603C; padding: 5px 10px 0 10px; } .divLarge p { font-size: 12px; color: #6F603C; padding: 7px 10px 8px 10px; line-height: 150%; } .divLarge ul { list-style-type: none; padding: 0 20px 10px 6px; font-size: 12px; } .divLarge ul li { padding: 0 0 0 16px; background: url(../images/layout/divLarge-list-bullet.png) no-repeat 2px 3px; color: #3F361B; } /* Masso */ .divLarge div table.masso { margin: 5px 10px 20px 10px; width: 561px; font-size: 14px; } .divLarge div table.masso tr td { padding: 1px; color: #3F361B; } .divLarge div table.masso tr th { padding: 4px; } .divLarge div table.stripeTable tr td a { color: #a41a1f; } .divLarge div table.stripeTable { background: #fff; font-size: 11px; padding: 0; } .divLarge div table.stripeTable thead tr td { font-weight: bold; } .divLarge div table.stripeTable tr.alt { background: #F0EDE4; } .divLarge div table.stripeTable tr td { padding: 6px; text-align: left; border-right: 2px solid #fff; } .floatLeft { float:left; } a.pavillonsLink { color: #00372b; font-weight: bold; font-size: 11px; /*background: url(../images/layout/divLarge-list-bullet.png) no-repeat 0 2px; padding-left: 14px;*/ } a.pavillonsLink:hover { text-decoration: underline; } span.djouvOutlink { display: block; position: absolute; right: 85px; top:10px; z-index: 100; border-right: 1px solid #C9BA9C; width: 70px; } span#enOutlink { display: block; position: absolute; right: 121px; top:10px; z-index: 100; border-right: 1px solid #C9BA9C; width: 70px; } span.djouvOutlink a { font-size: 13px; font-weight: bold; color: #6F603C; padding: 10px 15px 0 15px; height: 28px; display: block; } span.djouvOutlink a:hover { color:#FAF9F4; background: url(../images/layout/bg-content-tabs-hover.png) no-repeat center top; } /*----- Promo -----*/ /* FR */ .promoDetails, .promoDetailsFR { /*height: 426px;*/ } /*.promoDetails p, .promoDetailsFR p { line-height: 100%; }*/ .promoDetails h4, .promoDetailsFR h4 { font-size: 12px; font-weight: normal; padding-top: 0; } .promoDetails h4 strong, .promoDetailsFR h4 strong { font-size: 20px; letter-spacing: -0.1em; } .promoDetails h6, .promoDetailsFR h6 { padding: 0 10px; font-size: 10px; font-weight: normal; font-style: italic; } .promoDetails ul, .promoDetailsFR ul { margin:0 0 0 2px; width: 605px; padding: 0; } .promoDetails ul li, .promoDetailsFR ul li { float: left; background: none; padding: 0; width: 300px; margin-top: 8px; } .promoDetails ul li a, .promoDetailsFR ul li a { background: url(../images/layout/thumb-promo-bg-fr.png); display: block; width: 300px; height: 200px; } .promoDetails ul.en li a { background: url(../images/layout/thumb-promo-bg-en.png); } .promoDetails ul li a img, .promoDetailsFR ul li a img { padding: 2px; } .promoDetails ul li.first, .promoDetailsFR ul li.first { margin-right: 5px; } .promoDetails ul.en li.third, .promoDetailsFR ul li.third { width: 605px; } .promoDetails ul.en li.third a, .promoDetailsFR ul li.third a { height: 200px; display: block; width: 605px; } .promoDetails ul.en li.third a { background: url(../images/layout/thumb-promo-bg-en-large.png); } .promoDetailsFR ul li.third a { background: url(../images/layout/thumb-promo-bg-fr-large.png); } .promoDetails span.clear, .promoDetailsFR span.clear { clear: left; display: block; } #promoImages { float: left; width: 150px; padding-top: 5px; } #promoImages.home { width: 120px; } #promoImages ul li { background: none; padding-left: 0; } #promoImages ul li img { padding: 1px; border: 1px solid #E4DDCD; } #promoDetail { margin-left: 170px; } #promoDetail.home { margin-left: 140px; } #promoDetail h4,#promoDetail h5, #promoDetail p { padding-left: 0; } #promoDetail h4 { font-size: 17px; font-weight: normal; border-bottom: 1px solid #ebe5d8; margin: 0 5px 2px 0; } #promoDetail h5 { padding-bottom: 10px; font-size: 14px; font-weight: normal; color: #3F361B; } #promoDetail h5 strong { text-transform: lowercase; } #promoDetail h6 { color: #584E30; border-bottom: 1px solid #ebe5d8; margin: 0 5px 2px 0; } #promoDetail p { padding-bottom: 5px; font-size: 12px; } #promoDetail p.note { font-size: 10px; font-style: italic; margin-bottom: 10px; } #content #promoDetail span.category { color: #3F361B; font-size: 10px; } #promoDetail ul { padding-top: 0; } #promoDetail ol { padding-top: 0; margin-left: 25px; } #promoDetail ul li, #promoDetail ol li { font-size: 12px; color: #6F603C; } #promoDetail table { text-align: center; color: #3F361B; } #promoDetail table caption { text-align: left; font-size: 17px; font-weight: normal; color: #584e30; line-height: 17px; } #promoDetail table th { text-align: left; font-size: 12px; font-weight: normal; padding: 4px 17px; background: #F0EDE4; } #promoDetail table td { font-size: 17px; } #content p.bookNow { clear: left; } #content span.addThis { position: relative; top: 5px; } #bottomControl { clear: left; border-top: 1px solid #ebe5d8; margin-top: 10px; padding-top: 5px; height: 40px; } #content a.return { width: 218px; height: 28px; padding-top: 10px; display: block; text-align: center; background: url(../images/forms/button-submit.png) no-repeat; font-size: 14px; font-weight: bold; color: #6F603C;} #content a.return.home {float: right;} #content a.return:hover { color: #584e30; } .listPromo { border-top: 1px solid #ebe5d8; padding: 5px; } .listPromo.rowHover { background: #FAF9F4; } .listPromo.first { border-top: none; } .listPromo span.category { color: #3F361B; padding-left: 10px; } .listPromo div { height: 40px; } .listPromo div a { width: 218px; height: 28px; padding-top: 10px; display: block; text-align: center; background: url(../images/forms/button-submit.png) no-repeat; font-size: 14px; font-weight: bold; color: #6F603C; float: right; } #content .listPromo ol { padding-top: 0; margin-left: 25px; } #content .listPromo li { font-size: 12px; color: #6F603C; } .listPromo div a:hover { color: #584e30; } #content .pagination ul li { background: #D7CDB5; border: 1px solid #C2B8A3; display: block; height: 18px; width: 20px; padding: 2px 0 0 0; float: left; cursor: pointer; text-align: center; color: #6F603C; margin-right: 2px; } #content .pagination ul li.currentPage { background: none; } /* EN */ /* galerie styling */ #accordions { width: 628px; margin: 0 auto 20px 0; background: url(../images/layout/bg-accordion.png) no-repeat left bottom; padding-bottom: 10px; } #accordions h3 { background: url(../images/layout/bg-accordion-h4.png) no-repeat; font-size: 21px; color: #6F603C; font-weight: normal; padding: 14px 14px 4px 14px ; display: block; cursor: pointer; width: 600px; } #accordions h3.active { background: url(../images/layout/bg-accordion-h4-active.png) no-repeat; } #accordions div.details { background: url(../images/layout/bg-accordion-div.png) repeat-y; padding: 0 0 0 16px; } #accordions div.details ul.galerie { list-style-type: none; padding: 20px 0 20px 0; width: 540px; margin: 0 auto; } #accordions div.details ul.galerie li { width: 81px; height: 81px; float: left; padding: 0 2px; margin: 2px 1px; } #accordions div.details ul.galerie li a img { border: 3px solid #e4ddcd; } #accordions div.details div.clear { clear: left; height: 15px; } /*********** Tabs Content ***********/ .ui-tabs-hide { display: none; overflow: hidden; } /* script default ***important*** */ /* First level navigation */ #contentTabs { width: 621px; min-height: 400px; margin: 0 auto; background: url(../images/layout/bg-content-tabs.png) no-repeat; padding: 5px 0 0 5px; /* external link djouv */ position: relative; } #contentTabs h3 { background: url(../images/layout/bg-divLarge-h3.png) no-repeat; font-size: 24px; width: 593px; height: 38px; color: #6F603C; font-weight: normal; margin: 5px; padding: 7px; } #contentTabs ul#subNav { list-style: none; width: 606px; height: 40px; background: url(../images/layout/bg-content-tabs-ul.png) no-repeat; padding: 5px; position: relative; z-index: 2; } #contentTabs ul#subNav li { float: left; height: 38px; padding: 0; border-left: 1px solid #E9E3D6; border-right: 1px solid #C9BA9C; } #contentTabs ul#subNav li.first { border-left: none; } #contentTabs ul#subNav li a { font-size: 13px; font-weight: bold; color: #6F603C; padding: 10px 15px 0 15px; height: 28px; display: block; } #contentTabs ul#subNav li a:hover { color:#FAF9F4; background: url(../images/layout/bg-content-tabs-hover.png) no-repeat center top; } #contentTabs ul#subNav li.ui-tabs-selected a { color:#FAF9F4; height: 36px; background: url(../images/layout/bg-content-tabs-hover.png) no-repeat center top; } .ui-tabs-panel p a { color: #ad191f; } .ui-tabs-panel p a:hover { color: #6F603C; } /* Tabs content formating */ #contentTabs div { padding: 0 20px 10px 20px; } #contentTabs .marginTop20 { margin-top: 20px; } #contentTabs .marginTop60 { margin-top: 60px; } #contentTabs .marginTop100 { margin-top: 120px; } #contentTabs div h4 { font-size: 17px; font-weight: normal; padding: 10px 0 0 0; margin: 0 10px 0 10px; color: #584e30; border-bottom: 1px solid #ebe5d8; } #contentTabs div h4 span { font-size: 14px; font-weight: normal; color: #6F603C; } #contentTabs div h4.clear { clear: right; } #contentTabs div h5 { font-size: 14px; font-weight: normal; color: #6F603C; /*clear: left;*/padding: 10px 0 0 10px; } #contentTabs div h5.prix { float: right; margin: 5px 30px 0 20px; font-size: 24px; } #contentTabs div h6 { font-size: 10px; padding: 0 0 10px 10px; color: #584e30; } #contentTabs div h6 a { font-size: 13px; width: 156px; height: 25px; display: block; background: url(../images/layout/bg-button-small.png) no-repeat; padding-top: 5px; color: #6F603C; text-align: center; } #contentTabs div h6 a:hover { color: #54482E; } /* Liens vers tarifs */ #contentTabs div h6 a.large { font-size: 12px; width: 244px; margin: 0 auto; background: url(../images/layout/bg-button-large.png) no-repeat; } .tarifsLinksWrapper { width: 500px; margin: 25px auto; } .tarifsLinks { width: 250px; height: 250x; float: left; } #contentTabs div.tarifsLinks h6 { padding-left:0; } /* Liens vers tarifs */ #contentTabs div h6 a.large { font-size: 12px; width: 244px; margin: 0 auto; background: url(../images/layout/bg-button-large.png) no-repeat; } .tarifsLinksWrapper { width: 500px; margin: 25px auto; } .tarifsLinks { width: 250px; height: 250x; float: left; } #contentTabs div.tarifsLinks h6 { padding-left:0; } #contentTabs div p { font-size: 13px; padding: 2px 10px 15px 10px; line-height: 130%; color: #3F361B; } #contentTabs div ul { list-style-type: none; padding: 0 20px 10px 6px; font-size: 12px; } #contentTabs div ul li { padding: 0 0 0 16px; background: url(../images/layout/divLarge-list-bullet.png) no-repeat 2px 3px; color: #3F361B; } #contentTabs div ul li strong { color: #6F603C; } #contentTabs div ul.fraisAdditionnels { width: 100%; margin-bottom: 20px; } #contentTabs div ul.fraisAdditionnels li { float: left; } /* Images and stuff */ #contentTabs div p img { display: block; margin: 0 auto; padding-bottom: 20px; } #contentTabs div span img.floatRight { float: right; margin-top: 20px; } /* tables styling */ #contentTabs div table { font-size: 12px; margin: 0 0 20px 8px; } #contentTabs div table caption { margin-bottom: 0; text-align: left; font-size: 14px; color: #6F603C; font-weight: bold; padding-left: 6px; } #contentTabs div table tr td { padding: 4px; text-align: left; color: #3F361B; } #contentTabs div table tr th { text-align: center; color: #3F361B; padding: 4px 10px; } #contentTabs div table tr td.last { border: none; } #contentTabs div table tr td span.large { font-size:32px; font-weight:normal; color: #7c6c46; } #contentTabs div table tr td.borderRight { border-right: 1px solid #ebe5d8; text-align: right; padding-right: 32px; width: 60px;} #contentTabs div table.stripeTable tr td a { color: #a41a1f; } #contentTabs div table.stripeTable { background: #fff; font-size: 11px; padding: 0; } #contentTabs div table.stripeTable thead tr td { font-weight: bold; } #contentTabs div table.stripeTable tr.alt { background: #F0EDE4; } #contentTabs div table.stripeTable tr td { padding: 6px; text-align: left; border-right: 2px solid #fff; } #contentTabs div table.tarifs { margin: 5px 10px 0 10px; width: 561px; } #contentTabs div table.tarifs tr td { text-align: center; } #contentTabs div table.tarifs2 { margin: 5px 10px 0 10px; } #contentTabs div table.tarifs2 tr td { text-align: center; } #contentTabs div table.activites { margin-bottom: 10px; width: 404px; } #contentTabs div table.activites tr td { background: url(../images/layout/divLarge-list-bullet.png) no-repeat 2px 5px; padding: 2px 14px; font-size: 12px; vertical-align: text-top; border-right: 2px solid #fff; } #contentTabs div table.activites tr td.wide { width: 54%} #contentTabs div table.activites tr td.wide2 { width: 37%; padding-right: 2px;} #contentTabs div table.activites tr td.empty { background: none; } #contentTabs div table.activites tr.alt { background: #F0EDE4; } #contentTabs div ul.emails { width: 534px; margin: 10px auto; } #contentTabs div ul.emails li { width: 47%; float: left; padding-bottom: 20px; font-size: 13px; } #contentTabs div table.emails { width: 563px; } #contentTabs div table.emails th { background: #F0EDE4; text-align: left; font-size: 14px; } #contentTabs div table.emails tr td { background: url(../images/layout/divLarge-list-bullet.png) no-repeat 2px 5px; padding: 2px 14px; font-size: 12px; vertical-align: text-top; border-right: 2px solid #fff; width: 48%; } #contentTabs div table.emails tr td.empty { background: none; } #contentTabs div table.wide { width: 563px;} #contentTabs div table.split td { width: 48%; } #contentTabs div table.quarter td { width: 24%; } #contentTabs div.details { margin-top: 20px; height: 30px; font-size: 13px; font-weight: bold; } #contentTabs div.details a { width: 156px; height: 25px; display: block; float: right; text-align: center; background: url(../images/layout/bg-button-small.png) no-repeat; padding-top: 5px; color: #6F603C; } #contentTabs div.details a:hover { color: #54482E; } /* Second level navigation */ #contentTabs div div.nestedTab { padding: 0; margin: 0; } #contentTabs div div.nestedTab div.nestedNavContainer { border-bottom: 1px solid #B9AD96; background: url(../images/layout/bg-nestedNavContainer.png) no-repeat; padding: 0 0 0 1px; height: 27px; margin: 10px 5px 5px 5px; } #contentTabs div div.nestedTab div.nestedNavContainer ul.nestedNav { height: 28px; list-style: none; padding-right: 1px; padding: 0; } #contentTabs div div.nestedTab div.nestedNavContainer ul.nestedNav li { float: left; background: url(../images/layout/bg-nestedNavContainer-li.png) repeat-x; height: 28px; padding: 0; margin: 0; font-size: 12px; font-weight: bold; } #contentTabs div div.nestedTab div.nestedNavContainer ul.nestedNav li a { height: 22px; padding: 5px 11px 0 11px; color: #7C6C46; display: block; background: url(../images/layout/bg-nestedNavContainer.png) no-repeat right; } #contentTabs div div.nestedTab div.nestedNavContainer ul.nestedNav li a:hover, #contentTabs div div.nestedTab div.nestedNavContainer ul.nestedNav li.ui-tabs-selected a { background: url(../images/layout/bg-nestedNavContainer-li-hover.png) repeat-x; border-right: 1px solid #B7AB93; border-left: 1px solid #B7AB93; border-bottom: 1px solid #fff; padding-right: 10px; margin-left: -1px; } #contentTabs div div.nestedTab div { padding: 0 0 10px 0; } #contentTabs div div.nestedTab div h4 { margin-bottom: 0; padding-bottom: 2px; } #contentTabs div div.nestedTab div h5 { padding-top: 5px; } /* Photos Hébergements */ #contentTabs div div.nestedTab div.galerieHebergement { padding: 10px 0 0 0; text-align: center; } #contentTabs div div.nestedTab div.galerieHebergement ul { padding: 0 0 10px 0; width: 522px; margin: 0 auto; } #contentTabs div div.nestedTab div.galerieHebergement li { float: left; padding: 0 2px; background: none; margin: 0 1px; } #contentTabs div div.nestedTab div.galerieHebergement li a img { border: 3px solid #e4ddcd; } #contentTabs div div.nestedTab div.clear { clear: left; padding: 0; } /* Forfaits CORPO */ #contentTabs h4.numForfait span.dureeForfait { float: right; font-size: 11px; font-weight: normal; padding: 8px 0 0 0; margin:0; } #contentTabs div.detailsForfait { height: 120px; margin: 5px 5px 30px 10px; } #contentTabs div.detailsForfait ul { list-style:none; margin:0; padding: 0; } #contentTabs div.detailsForfait ul li { background: none; float: left; width: 33%; margin:0; padding: 0; } #contentTabs div.detailsForfait ul li h5 { padding:0; margin:6px 0 6px 0; text-align: left; font-weight: bold; } #contentTabs div.detailsForfait ul li h5 span { font-size: 10px; font-weight: normal; } #contentTabs div.detailsForfait ul li ul.bgListForfait { background: #F0EDE4; /*height: 120px;*/ } #contentTabs div.detailsForfait ul li.lastList { border: none; } #contentTabs div.detailsForfait ul li.tarifLarge { background: none; text-align: center; padding: 7px; margin: 0 0 4px 0; position: relative; } #contentTabs div.detailsForfait ul li.tarifLarge span { font-size: 26px; color: #6f603c; font-weight: normal; margin:0; padding:0; } #contentTabs div.detailsForfait ul li.tarifLarge span.typeTarif { font-size: 12px; color: #6f603c; font-weight: normal; font-style: italic; } #contentTabs div.detailsForfait ul li ul li { width: 70px; /*height: 40px;*/ border-right: 1px solid #e8e2d5; height: 30px; padding-left: 14px; } #contentTabs div.detailsForfait ul li ul li.forfaitSaison { border:0; background: 0; width: auto; } #contentTabs table.forfaitsCorpo { margin: 5px 10px 0 10px; width: 561px;} #contentTabs table.forfaitsCorpo td { width: 33%; background: #F0EDE4; vertical-align: text-top; } #contentTabs table.forfaitsCorpo td.middle { background: none; } #contentTabs table.forfaitsCorpo td h5 { padding: 0; margin: 0; font-weight: bold; } #contentTabs table.forfaitsCorpo td p { font-size: 10px; padding: 0; } #contentTabs table.forfaitsCorpo td ul { margin-top: 4px; padding: 0; } #contentTabs table.forfaitsCorpo td ul li { background: none; float: left; margin: 0; padding: 0; width: 50%; text-align: center; } #contentTabs table.forfaitsCorpo td ul li.left { border-right: 1px solid #e8e2d5; width: 49%; } #contentTabs table.forfaitsCorpo td ul li.wide { width: 100%; } #contentTabs table.forfaitsCorpo td ul li span { font-size: 26px; color: #6f603c; font-weight: normal; } #contentTabs table.forfaitsCorpo td ul li span.typeTarif { font-size: 12px; color: #6f603c; font-weight: normal; font-style: italic; line-height: 12px; } #contentTabs table.forfaitsCorpo td ul li span.typeTarif2 { font-size: 10px; color: #6f603c; font-weight: normal; line-height: 12px; } /* Forfaits SCOLO */ #contentTabs div.detailsForfaitScolaire { height: 120px; width: 560px; margin: 0 0 20px 10px; } #contentTabs div.detailsForfaitScolaire ul { list-style:none; list-style:none; margin:0; padding: 0; } #contentTabs div.detailsForfaitScolaire ul li { background: none; width: 178px; text-align: center; float: left; margin:0; padding: 0px 4px 0 4px;} #contentTabs div.detailsForfaitScolaire ul li.tarifLarge span { font-size: 32px; color: #6f603c; font-weight: normal; margin:0; padding:0; } #contentTabs div.detailsForfaitScolaire ul li.tarifLarge span.typeTarif { font-size: 12px; color: #6f603c; font-weight: normal; font-style: italic; } #contentTabs div.detailsForfaitScolaire ul li.lastList { border: none; } #contentTabs div.detailsForfaitScolaire ul li h5 { padding:0; font-weight: bold; background: none; text-align: center; font-size: 12px; } #contentTabs div.detailsForfaitScolaire ul li h5.tarif { margin: 60px 0 0 40px; } #contentTabs div.detailsForfaitScolaire ul li ul li { float: left; padding: 30px 0 0 0; border-right: 1px solid #e8e2d5; } #contentTabs div.detailsForfaitScolaire ul li.comprendForfait ul { margin-top: 6px; } #contentTabs div.detailsForfaitScolaire ul li.comprendForfait h5 { text-align: left; } #contentTabs div.detailsForfaitScolaire ul li.comprendForfait ul li { text-align: left; background: url(../images/layout/divLarge-list-bullet.png) no-repeat 2px 3px; padding-top:0; margin:0; padding-left: 16px; } #contentTabs div.detailsForfaitScolaire ul li ul li.tarifLarge { background: none; height: 66px; margin-top: 16px; } #contentTabs div div.nestedTab table.forfaitScolaire { width: 560px; } #contentTabs div div.nestedTab table.forfaitScolaire td { width: 33%; border-left: 1px solid #e8e2d5; text-align: center; } #contentTabs div div.nestedTab table.forfaitScolaire td.first { border-left: none; text-align: left; } #contentTabs div div.nestedTab table.forfaitScolaire td h5 { padding:0; margin:0; font-weight: normal; background: none; font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em; } #contentTabs div div.nestedTab table.forfaitScolaire td h4 { border-bottom: none; font-size: 32px; color: #6f603c; } #contentTabs div div.nestedTab table.forfaitScolaire td ul { margin-bottom: 0; padding-bottom: 0; } #contentTabs div div.nestedTab table.forfaitScolaire td ul li { margin-bottom: 0; padding-bottom: 0; font-size: 11px; font-weight: bold; } /* Tooltips */ a.toolTip { cursor: default; } a.toolTip img { width: 16px; height: 16px; position: relative; top: 2px; border: none; padding: 0 6px 0 4px; margin:0; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #b7ab94; background: url(../images/layout/body-bg.png) repeat-x; padding: 5px; text-align: left; } #tooltip h3, #tooltip div { margin: 0; font-size: 12px; color: #333; } #textContent div#tarifs { margin: 0 auto; width: 500px; } #textContent div#tarifs p { font-size: 17px; text-align: center; color: #6f603c; } /* Pavillons CDV */ #contentTabs div div.nestedTab div.pavillons { padding: 20px 5px 0 5px; } #contentTabs div div.nestedTab div.pavillons h4 { font-size: 17px; font-weight: normal; padding: 2px 0 0 0; margin: 0; color: #584e30; border-top: 1px solid #ebe5d8; border-bottom: #fff; width: auto; /*background: url(../images/layout/bg-pavillons-h4.png) no-repeat right center; cursor: pointer;*/ } #contentTabs div div.nestedTab div.pavillons h4.active { /*background: url(../images/layout/bg-pavillons-h4-active.png) no-repeat right center;*/ } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons { padding: 0; margin: 0; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table { margin: 0; padding: 0; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table td { vertical-align: text-top; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table h6, #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table p { margin: 0; padding: 0; line-height: 13px; font-size: 11px; font-weight: normal; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table td.caracteristiques { background: #F4F2E8; width: 175px; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table td.caracteristiques p { padding-bottom: 4px; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table td.descriptif p { padding-left: 10px; } #contentTabs div div.nestedTab div.pavillons div.detailsPavillons table td.photos img { border: 3px solid #e4ddcd; margin-right: 4px; } /* Hébergements page d'accueil */ #herbegments1, #herbegments2 { height: 252px; } #herbegments3 { height: 180px; } #herbegments2, #herbegments3 { clear: left; } .hebergement { float: left; width: 300px; margin-bottom: 8px; } .hebergement2 { width: 300px; width: 300px; float: right; margin-bottom: 8px; } #contentTabs div.hebergement, #contentTabs div.hebergement2 { padding: 0; } #contentTabs div#herbegments1 { margin: 0 -10px 0 -15px; padding: 0; } .photoHebergement { border: 1px solid #E4DDCD; padding: 1px; } #contentTabs div.photoHebergement { padding: 1px; } .descHebergement { margin-top: 1px; border: 1px solid #E4DDCD; background: url(../images/layout/bg-descHebergement.jpg) no-repeat 1px 1px; text-align: center; padding: 0 5px; } #contentTabs .descHebergement { padding: 0 5px; } .descHebergement h5 { padding-bottom: 2px; } .descHebergement h5.cartesHomeLinks, .descHebergement h6.cartesHomeLinks { padding: 10px 0; } .descHebergement h6, #contentTabs .descHebergement h6 { padding-bottom: 2px; font-size: 12px; } .descHebergement h6 a, #contentTabs .descHebergement h6 a { width: 156px; height: 25px; display: block; margin: 0 auto; background: url(../images/layout/bg-button-small.png) no-repeat; padding-top: 5px; color: #6F603C; } .descHebergement h6 a:hover, #contentTabs .descHebergement h6 a:hover { color: #54482E; } .descHebergement p { font-size: 11px; line-height: 12px; color: #6F603C; padding: 0 0 4px 0; height: 72px; } #contentTabs .descHebergement p { font-size: 13px; line-height: 14px; color: #6F603C; padding: 0 0 4px 0; } /* Hébergements contenu x2 */ div#hebergementsPage { width: 400px; margin: 0 auto; height: 200px; padding: 20px 0 20px 20px; } div#hebergementsPage div { width: 170px; } div#hebergementsPage div.first { border-right: 1px solid #eae6d9; padding-right: 6px; float: left; } div#hebergementsPage div.second { margin-left: 194px; } div#hebergementsPage div p { margin:0; padding:0; font-size: 14px; font-weight: bold; color: #4b3f22; padding-left: 12px; } div#hebergementsPage .first p { padding-left: 6px; } div#hebergementsPage div h6 { padding-bottom: 2px; font-size: 12px; margin:0; padding: 0; } div#hebergementsPage div h6 a { width: 156px; height: 25px; display: block; background: url(../images/layout/bg-button-small.png) no-repeat; padding-top: 5px; padding-left:16px; color: #6F603C; } div#hebergementsPage div h6 a:hover { color: #54482E; } /* Hébergements contenu x3 */ div#hebergementsPage2 { width: 600px; margin: 0 auto; height: 200px; padding: 20px 0 20px 0; } div#hebergementsPage2 div { border-right: 1px solid #eae6d9; padding-right: 6px; float: left; width: 170px; } div#hebergementsPage2 div.second { margin-left: 0; } div#hebergementsPage2 div.third { margin-left:0; border:0; } div#hebergementsPage2 div p { margin:0; padding:0; font-size: 14px; font-weight: bold; color: #4b3f22; padding-left: 12px; } div#hebergementsPage2 .first p { padding-left: 6px; } div#hebergementsPage2 div h6 { padding-bottom: 2px; font-size: 12px; margin:0; padding: 0; } div#hebergementsPage2 div h6 a { width: 156px; height: 25px; display: block; background: url(../images/layout/bg-button-small.png) no-repeat; padding-top: 5px; color: #6F603C; text-align: center; } div#hebergementsPage2 div h6 a:hover { color: #54482E; } /* Contact */ #contentTabs div div.telephones { float: right; padding: 7px 10px 0 0; text-align: right; } #contentTabs div div.telephones p { padding: 0; } #contentTabs div div#map { margin: 0 0 0 5px; padding: 0; /*position: relative;*/ height: 443px; overflow: hidden; } #contentTabs div div#map div#mapContainer { margin: 0; padding: 0; /*position: absolute; left: 0;*/ } .visible { left: 0px; } #contentTabs div div.googleMap { width: 559px; height: 404px; margin: 10px auto; padding: 9px 0 0 9px; background: url(../images/layout/bg-google-map.png) no-repeat; } #contentTabs div div.googleMap h6 { margin: 0; padding: 2px 0 0 0; font-size: 14px; } #contentTabs div div.googleMap h6 a { background: url(../images/layout/enlarge-button.png) no-repeat; padding-left: 24px; color: #6F603C; width: auto; height: auto; text-align: left; padding-top: 0 } /* lightbox like jQuery */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border: 4px solid #6F603C; } #lightbox-container-image { padding: 35px 0; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-image { border: 1px dashed #DDD3BE; padding:1px; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; background: url(../images/lightbox_fr/lightbox-btn-prev.png) no-repeat left center; } #lightbox-nav-btnNext { right: 0; float: right; background: url(../images/lightbox_fr/lightbox-btn-next.png) no-repeat right center; } #lightbox-container-image-data-box { position: relative; top: -20px; font-family: georgia,serif;font-size: 10px;text-transform: uppercase; font-weight: bold; letter-spacing: 1.1pt; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; background: #fff; margin: 0 auto; height: 3%; padding: 14px 35px; border: 4px solid #6F603C; border-top: none; } #lightbox-container-image-data { padding: 0; color: #666; } #lightbox-container-image-data #lightbox-image-details { text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav { position: absolute; width: 30px; height: 30px; top: 3px; right: 3px; z-index: 12; } #lightbox-secNav img { border: none; } #lightbox-secNav-btnClose { width: 33px; height: 33px; } /* Pics positionning & styling */ #contentTabs span.imgTabs { margin-top: 10px; margin-left: 14px; display: block; background: url(../images/layout/bg-large-pictures.png) no-repeat 0 0; width: 546px; height: 172px; } #contentTabs span.imgTabs img { padding: 7px; } .squareImg1 { background: url(../images/layout/bg-square-pic.png) no-repeat; float: right; padding: 8px; margin: 10px 5px 10px 20px; } .squareImg2 { background: url(../images/layout/bg-square-pic-small.png) no-repeat; float: right; padding: 4px; /*margin: 10px 10px 20px 20px;*/ margin: 2px 10px 6px 6px; } img.squareImg3 { background: url(../images/layout/bg-square-pic-small.png) no-repeat; padding: 4px; margin: 2px 10px 6px 6px; } img.squareImg4 { background: url(../images/layout/bg-square-pic-small.png) no-repeat; padding: 4px; margin: 2px 10px 6px 6px; float: left; } .squareImg5 { background: url(../images/layout/bg-large-pictures.png) no-repeat; padding: 4px; margin: 8px 0 8px 14px; } img.squareImg6 { background: url(../images/layout/bg-square-pic-small.png) no-repeat; padding: 4px; margin: 2px 10px 6px 10px; float: right; } .floatingPic1 { float: left; margin: 10px 20px 10px 10px; text-align: center; } .floatingPic2 { float: right; margin: 10px 10px 10px 20px; text-align: center; } .imgLeft { float: left; margin: 10px 20px 30px 10px; border: 1px solid #E4DDCD; padding: 1px; } .imgLeft2 { padding: 10px 0 0 10px;} .imgRight { float: right; padding: 4px; margin: 10px 10px 20px 20px;} .imgRight2 { float: right; border: 1px solid #E4DDCD; padding: 1px; margin: 10px 10px 20px 20px;} .floatingPic1 img, .floatingPic2 img { border: 1px solid #E4DDCD; padding: 1px; } .floatingPic1 h5, .floatingPic2 h5 { font-size: 12px; line-height: 13px; padding-top: 2px; } .floatingPic1 a, .floatingPic2 a { color: #6F603C; } .floatingPic1 a:hover, .floatingPic2 a:hover { text-decoration: underline; } /*---- Footer ----*/ #footer { background: url(../images/layout/footer-bg.png) no-repeat; height: 87px; clear: both; } #footer p { font-size: 11px; padding: 16px 0 0 18px; color: #726440; } #footer p a { color: #726440; text-decoration: none; } #footer p a:hover { color: #8B7E60; text-decoration: underline; } #copyright { float: right; text-align: right; padding: 18px 18px 0 0; font-size: 11px; } #copyright h6 a { background: url(../images/layout/arrow-top.png) no-repeat left center; padding-left: 15px; font-size: 11px; font-weight: bold; text-decoration: none; color: #8B7E60; } #copyright h6 a:hover { color: #726440; text-decoration: underline; } #copyright p { padding: 0; line-height: 13px; } #credits { text-align: right; padding: 2px 14px 10px 0; } #credits p { font-size: 10px; color: #8B7E60; } #credits p a { color: #8B7E60; } #credits p a:hover { text-decoration: underline; } /*---- SiteMap Styling ----*/ #siteMap ul { padding: 8px; margin: 8px; list-style: none; background: #ffffff; font-weight: normal; font-size: 18px; width: 93%; color: #594e30;} #siteMap ul li a { outline: none; color: #594e30;} #siteMap ul ul { background: #eae6d9; font-size: 14px; font-weight: normal; border: 1px solid #e4ddcd; color: #594e30; background-image: none; width: 90%; } #siteMap ul ul li { padding-top: 2px; } #siteMap ul ul li a { color: #594e30; } #siteMap ul ul li a:hover { color: #fffdf8; } #siteMap ul ul ul { background: #ded8c6; border: 1px solid #d1c9af; font-size: 12px; font-weight:bold; color: #fff; } #siteMap ul ul ul li { padding-top: 3px; } /* JOUVENCE 2.0 */ /* VIDEO */ #youtube #playerYoutube { margin: 20px 0 0 -32px; } /* FLICKR */ div#flickr { padding: 0 0 0 16px; } div#flickr ul { list-style-type: none; padding: 20px 0 20px 0; margin: 0 auto; } div#flickr ul li { width: 81px; height: 81px; float: left; padding: 0 2px; margin: 2px 1px; background: none; } div#flickr ul li img, div#flickr ul li a img { border: 3px solid #e4ddcd; } div#flickr div.clear { clear: left; height: 15px; } /* VOXPOP */ div#voxpop div.popOpinions { padding:0; } div#voxpop h5 { font-size: 14px; } div#voxpop div.popOpinions div { margin: 6px; } div#voxpop div.popOpinions .altPara { background: #f0ede4; } div#voxpop span.date { float: right; padding-top: 12px; padding-right: 4px; font-size: 11px; color: #6c5a36; } div#voxpop p.feed { background: url(../images/layout/quote-left.png) no-repeat 5px 3px; padding-left: 24px; margin-left: 10px; padding-top: 4px; } div#voxpop a { color: #002d20; background: url(../images/layout/quote-right.png) no-repeat bottom right; padding-right: 24px; padding-top: 4px; font-weight: bold; } div#voxpop a:hover { color: #96815b; } .logout { position:absolute; top:0; text-align:center; margin-top:-100px;} .logout input { font-size:9px;} .logout fieldset { border: none;}