/******************/ /* Styles globaux */ /******************/ body{margin:0px;background-image:url("../img/fdpage1.gif");background-repeat:repeat-x;background-color:#E5D6A9;} #page{width:990px;margin:0px auto;} ul{list-style-type:none;padding:0px 0px 0px 10px; margin:0px;clear:both;} ul li{list-style-type:none;} a img{border:0;} h1{margin:0px 0px 10px 0px;padding:0px;border-top:0px;border-left:0px;border-right:0px;} h2{background-image:url("../img/h2-flower.gif");background-repeat:no-repeat;background-position:left 4px;padding:0 0 5px 20px;margin:25px 0 10px 0;clear:both;} h2.notUnderlined {border :0px;} h4 {background-image:url("../img/puces_technique.gif");background-repeat:no-repeat;background-position:left 4px;padding-left:25px;} h6{} /*************/ /* Flexibles */ /*************/ /*Flex 50-50*/ .flexColumn-50-50{width:100%;float:left;clear:both;margin:0px 0 25px 0;padding:0px;} .flexColumn-50-50 .leftColumn{float:left;width:48%;} .flexColumn-50-50 .leftColumn h2{margin-top:0px;} .flexColumn-50-50 .rightColumn{float:right;width:48%;} .flexColumn-50-50 .rightColumn h2{margin-top:0px;} .flexColumn-50-50 ul li {list-style-type:none;} .flexColumn-50-50 ul li {} /*Flex 70-30*/ .flexColumn-70-30{width:100%;float:left;clear:both;} .flexColumn-70-30 .leftColumn{float:left;width:64%} .flexColumn-70-30 .rightColumn{float:right;width:32%;} /*Flex 40-60*/ .flexColumn-60-40{width:100%;float:left;clear:both;} .flexColumn-60-40 .leftColumn{float:left;width:58%;} .flexColumn-60-40 .rightColumn{float:right;width:40%;} /**************/ /* Extensions */ /**************/ #fancybox-title-over{visibility:hidden;} #flashVideo{display:none;} /*Right on powermail*/ #page.pageRub #container #content #centerColumn #mainArticle .flexColumn-70-30 .rightColumn p{text-align:left;} /* Powermail */ #page #container #content .tx-powermail-pi1{float:left;clear:both;} #page #container #content .tx-powermail-pi1 fieldset{float:left;clear:both;border:0px;padding-left:0px;} #page #container #content .tx-powermail-pi1 legend{display:none;} #page #container #content .tx-powermail-pi1 label{float:left;width:165px;} #page #container #content .tx-powermail-pi1 label .powermail_mandatory{} #page #container #content .tx-powermail-pi1 input{float:left;width:220px;border:solid 1px #DADADA;} #page #container #content .tx-powermail-pi1 textarea{float:left;border:solid 1px #DADADA;padding:5px;width:220px;} #page #container #content .tx-powermail-pi1 input.powermail_submit{margin-left:165px;width:80px;padding:3px;background-color:#D04D01;} #page #container #content .tx-powermail-pi1 .powermail_mandatory_js{float:left;margin-left:20px;} #page #container #content .tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset{background:none;width:430px;} #page #container #content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html label{margin:0px 0px 15px;} #page #container #content .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html input{margin:0px 0px 5px;padding:5px;} #page #container #content .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html{float:left;clear:both;width:430px;background-color:transparent;} /* Sitemap */ #page #container #content .csc-sitemap{} #page #container #content .csc-sitemap ul{} #page #container #content .csc-sitemap ul li{margin:5px 0px;list-style-type: square;color :#D04D01;} #page #container #content .csc-sitemap ul li ul{margin-left:20px;} #page #container #content .csc-sitemap ul li ul li{list-style-type: disc;} #page #container #content .csc-sitemap ul li ul li a{color:#E7426F;} #page #container #content .csc-sitemap ul li a{color:#D04D01;} /* Video col gauche */ #page #container #content #leftColumn #leftContent .tx-dcdflvplayer-pi1{display:none;} /******************/ /* Page d'accueil */ /******************/ /*Container*/ #page #container{float:left;clear:both;width:100%;} /*Header Start*/ #page #container #header{float:left;clear:both;width:100%;height:283px;} /*Background*/ #page #container #header #background{position:absolute;background-image:url("../img/fd_hautpage.jpg");background-repeat:no-repeat;width:1280px;height:390px;margin-left:-145px;z-index:-1;} /*Top container*/ #page #container #header #topContainer{float:left;clear:both;width:100%;} #page #container #header #topContainer #logo{float:left;margin:0px 0px 0px 85px;} #page #container #header #topContainer #lang{float:right;padding:10px 0px 0px;} #page #container #header #topContainer #lang a{margin:0px 8px 0px 0px;} /*Reservation*/ #page #container #header #reservation{float:left;width:210px;height:95px;padding:75px 20px 20px 35px;} #page #container #header #reservation .tx-invan-pi1 input.reservationDate{padding:5px;width:78px;height:20px;background-image:url(../img/champ_haut.gif);background-color:transparent;background-repeat:no-repeat;border:0px;margin:2px 0px;} #page #container #header #reservation .tx-invan-pi1 label{width:90px;float:left;clear:both;margin:5px 0px} #page #container #header #reservation .tx-invan-pi1 input.submit{background-image:url("../img/bt_recherche.gif");background-repeat:no-repeat;width:86px;height:34px;border:0px;cursor:pointer;} #page #container #header #reservation .tx-invan-pi1 .x-panel-body-noheader, .x-panel-mc .x-panel-body{border:0px;background-color:transparent;} #page #container #header #reservation .tx-invan-pi1 .x-form-field-wrap .x-form-date-trigger {margin:5px;} #page #container #header #reservation .tx-invan-pi1 .x-form-item {margin:0px;} #page #container #header #reservation .tx-invan-pi1 .x-btn-mc{background:none;background-image:url("../img/bt_recherche.gif");background-repeat:no-repeat;width:86px;height:34px;display:block;} #page #container #header #reservation .tx-invan-pi1 .x-btn-ml{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-tl{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-tc{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-tr{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-bl{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-bc{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-br{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-btn-mr{background-image:none;} #page #container #header #reservation .tx-invan-pi1 .x-form-field-wrap .x-form-date-trigger{background:none;background-image:url("../img/bt-calendar.gif");background-repeat:no-repeat;border:0px;margin:10px 0 0 10px;} #page #container #content #centerColumn .tx-invan-pi1 .errorMsg{padding:20px;background-color:#E47E40;color:#FFF;font-weight:bold;float:left;} #page #container #content #centerColumn .tx-invan-pi1 .success{padding:20px;} #page #container #content #centerColumn .tx-invan-pi1 .infoMsg{clear:both;padding:10px;background-color:#BCD3B7;} #page #container #content #centerColumn .tx-invan-pi1 .option label{width:230px;float:left;margin:8px 25px 8px 25px;} #page #container #content #centerColumn .tx-invan-pi1 .option div.left{float:left;} #page #container #content #centerColumn .tx-invan-pi1 .option div.right{float:right;} #page #container #content #centerColumn .tx-invan-pi1 .option input{float:left;margin:8px 0px;} #page #container #content #centerColumn .tx-invan-pi1 .option select{float:left;} #page #container #content #centerColumn .tx-invan-pi1 p.option{float:left;clear:both;width:620px;font-weight:bold;} #page #container #content #centerColumn .tx-invan-pi1 div.option{float:left;clear:both;padding-left:20px;} #page #container #content #centerColumn .tx-invan-pi1 hr{clear:both;border-width:0 0 1px;padding-top:10px;color:#DDD;border-color:#DADADA;} #page #container #content #centerColumn .tx-invan-pi1 input.submit{float:right;clear:both;margin:20px 0px 20px 0px;border:0px;} #page #container #content #centerColumn .tx-invan-pi1 .priceContent{float:right;padding:10px;border:solid 1px #DDD;background-color:#E6436F;font-weight:bold;color:#FFF;} #page #container #content #centerColumn .tx-invan-pi1 .priceContent #finalPrice{font-size:18px;} #page #container #content #centerColumn .tx-invan-pi1 .loadUnactive{display:none;float:right;padding:10px;} #page #container #content #centerColumn .tx-invan-pi1 .loadActive{display:block;float:right;padding:10px;} #page #container #content #centerColumn .tx-invan-pi1 #moreSeason{} #page #container #content #centerColumn .tx-invan-pi1 .secondStep{clear:both;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep label{float:left;clear:both;width:190px;padding:10px;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep input{float:left;padding:2px;margin:6px 0px 4px 0px;border:solid 1px #DADADA;background-image:url("../img/fd-champs.gif");} #page #container #content #centerColumn .tx-invan-pi1 .secondStep input.form3{width:190px;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep input:focus{border:solid 1px #D37709;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep select{float:left;margin-top:5px;background-color:#F4F2EB;width:198px;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep .nextStep{float:right;clear:both;margin:20px;border:0px;background-image:none;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep .prevStep{float:left;margin:20px 0px 20px 0px;border:0px;background-image:none;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep .warning{float:left;clear:both;color:#E6436F;margin-left:220px;height:15px;} #page #container #content #centerColumn .tx-invan-pi1 .secondStep .resume{background-color:#F4F2EB;position:absolute;border:solid 1px #DDD;margin-left:425px;padding:10px;width:220px;} #page #container #content #centerColumn .tx-invan-pi1 #season{position:absolute;margin-left:408px;margin-top:75px;width:240px;display:none;} #page #container #content #centerColumn .tx-invan-pi1 #season #location td.ligne1{width:120px;} #page #container #content #centerColumn .tx-invan-pi1 #msgError{padding:5px 20px 5px 20px;background-color:#E6436F;width:365px;margin-bottom:10px;display:none;} #page #container #content #centerColumn .tx-invan-pi1 #msgError p{padding:0px;} #page #container #content #centerColumn .tx-invan-pi1 .note{background-color:#F4F2EB;border:1px solid #DDDDDD;margin-left:425px;margin-top:300px;padding:10px;position:absolute;width:220px;} #page #container #content #centerColumn .tx-invan-pi1 #licenceLabel{width:225px;font-weight:bold;} #page #container #content #centerColumn .tx-invan-pi1 #licence{} /*Main nav*/ #page #container #header #mainNav{float:left;margin:0px 0px 10px 0px;} #page #container #header #mainNav ul{float:left;clear:both;margin:144px 0 0 20px;display:inline;padding:0px;} #page #container #header #mainNav ul li{float:left;height:18px;padding:8px 20px 0 12px;background-image:url("../img/menu1-sep.gif");background-repeat:no-repeat;background-position:right 9px;} #page #container #header #mainNav ul li.last{background:none;} #page #container #header #mainNav ul li.current{} #page #container #header #mainNav ul li.active{} #page #container #header #mainNav ul li ul{margin:0px;} #page #container #header #mainNav ul li ul li{padding:0px;background-image:none;margin:0 20px 0 2px;} #page #container #header #mainNav ul li div{margin-top:5px;margin-left:-32px;position:absolute;height:24px;width:710px;background-image:url("../img/fd_m2.gif");background-repeat:no-repeat;} #page #container #header #mainNav ul li div ul{padding-left:30px;padding-top:3px;} #page #container #header #mainNav ul.subNav{margin:5px 0px 0px;height:24px;width:690px;padding-left:20px;background-image:url("../img/fd_m2.gif");background-repeat:no-repeat;} #page #container #header #mainNav ul.subNav li{padding-top:5px;background-position:right 7px;background-image:none;} #page #container #content #centerColumn #mainArticle p a {text-align:right;} #page #container #content #centerColumn #mainArticle ul li {background-image:url(../img/puces.gif);background-position:left 8.5px;background-repeat:no-repeat;padding-left:16px;} /*Header End*/ /*Content*/ #page #container #content{float:left;clear:both;} #page #container #content p {text-align:justify;} /*Left column*/ #page #container #content #leftColumn{width:264px;float:left;margin-left: 1px;} /*Left nav*/ #page #container #content #leftColumn #leftNav{} /*Main article*/ #page #container #content #leftColumn #leftContent{height:630px;margin-left:14px;padding-left:10px;padding-top:20px;background-color:#EDE9DD;background-image:url("../img/baspage1-ga.gif");background-repeat:no-repeat;background-position:bottom center;} /*Center column*/ #page #container #content #centerColumn{height:620px;float:left;width:659px;padding:30px 25px 0px 25px;background-color:#FFF;background-image:url("../img/baspage1-dr.gif");background-repeat:no-repeat;background-position:bottom center;} #page #container #content #centerColumn #mainArticle .flexColumn-50-50{margin-bottom:10px;} /*Main article*/ #page #container #content #centerColumn #mainArticle{float:left;width:659px;} /*Flash animation*/ #page #container #content #centerColumn #flashAnimation{float:right;width:334px;} /******************/ /* Page intérieur */ /******************/ /*Left column*/ #page.pageRub #container #content #leftColumn{width:250px;} /*Main article*/ #page.pageRub #container #content #centerColumn #mainArticle{width:100%;min-height:400px;} #page.pageRub #container #content #centerColumn #mainArticle ul li {background-image:url("../img/puces.gif");background-repeat:no-repeat;background-position:left 8.5px;padding-left:16px;} #page.pageRub #container #content #centerColumn #mainArticle ul.technique li {background-image:url("../img/puces_technique.gif");background-repeat:no-repeat;background-position:left 4px;padding-left:25px;} #page.pageRub #container #content #centerColumn #mainArticle ul.technique {list-style-type:none;} /*Main article*/ #page.pageRub #container #content #leftColumn #leftContent{height:100%;margin-left:0px;padding-left:10px;padding-top:20px;background-color:#EDE9DD;background-image:none;background-repeat:no-repeat;background-position:bottom center;} /*Galerie*/ #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1{margin:auto;width:600px;height:475px;background-image:url("../img/fd_diapo_int.gif");background-repeat:no-repeat;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 .slideContainer{float:left;clear:both;margin:55px 0px 0px 55px;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 #slider ul{position:relative;margin:0px;padding:0px;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 #slider ul li{float:left;margin:0px;padding:0px;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 #slider ul li .legend{display:none;visibility:hidden;position:absolute;margin-top:-45px;width:470px;padding-left:10px;background-color:#000;opacity:0.7;z-index:6;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 .sliderbutton{float:left;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 .sliderbutton img{cursor:pointer;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 #slider{width:480px;height:360px;position:relative;overflow:scroll;float:left;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 ul#pagination{float:left;clear:both;list-style-type:none;margin:15px;display:none;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 ul#pagination li{display:inline;border:solid 1px #DDD;background-image:none;background-color:#FFF;padding:5px;margin:5px;cursor:pointer;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 ul#pagination li.current{background-color:#EDE9DD;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 .leftSlide{position:relative;margin-top:170px;margin-right:-20px;z-index:5;} #page.pageRub #container #content #centerColumn #mainArticle .tx-inslide-pi1 .rightSlide{position:relative;margin-top:170px;margin-left:-20px;z-index:5;} /*Center column*/ #page.pageRub #container #content #centerColumn{height:100%;float:left;width:649px;padding:10px 30px 30px 30px;background-color:#FFF;background-image:none;background-repeat:no-repeat;background-position:bottom center;min-height:500px;} #page.pageRub #container #content{margin-left:14px;width:960px;background-color:transparent;} #page.pageRub #container #content #subContent{float:left;clear:both;background-color:#EDE9DD;} #page.pageRub #container #content #bottomBackground{background-image:url("../img/baspage1.gif");background-repeat:no-repeat;background-position: bottom center;height:15px;width:961px;float:left;clear:both;} /*Tableaux Prix et Réservation*/ #page.pageRub #container #content #centerColumn #location {margin:0px 0px 15px 0px;} #page.pageRub #container #content #centerColumn #location .ligne1 {background-color:#B9CFCC;padding:0px 15px;} #page.pageRub #container #content #centerColumn #location .ligne2 {background-color:#E0EFED;padding:0px 15px;} #page.pageRub #container #content #centerColumn #location .tarifs1 {background-color:#B9CFCC;padding:0px 10px;} #page.pageRub #container #content #centerColumn #location .tarifs2 {background-color:#E0EFED;padding:0px 10px;} /*Tableaux Nos campervans*/ #page.pageRub #container #content #centerColumn #caracteristique {background-position:center;margin:0px 0px 15px 0px;} #page.pageRub #container #content #centerColumn #caracteristique .titre p {margin:0px; padding:0px 0px 5px 0px;border-bottom:solid 1px #e9dfc3;} #page.pageRub #container #content #centerColumn #caracteristique .technique {background-color:#e9dfc3;padding:0px 10px;} #page.pageRub #container #content #centerColumn #caracteristique .technique p {margin:0px; padding:6px 0px;} #page.pageRub #container #content #centerColumn #caracteristique .technique_blanc {background-color:#FFF;padding:0px 10px;} #page.pageRub #container #content #centerColumn #caracteristique .technique_blanc p {margin:0px; padding:6px 0px;} #page.pageRub #container #content #centerColumn #caracteristique .specifi {background-color:#e9dfc3;padding:0px 10px;border-right:solid 1px #FFF;} #page.pageRub #container #content #centerColumn #caracteristique .specifi p {margin:0px; padding:0px;} #page.pageRub #container #content #centerColumn #caracteristique .specifi_blanc_border {padding:0px 10px;border-right:solid 1px #e9dfc3;} #page.pageRub #container #content #centerColumn #caracteristique .specifi_blanc_border p {margin:0px; padding:0px;} #page.pageRub #container #content #centerColumn #caracteristique .specifi_blanc {background-color:#FFF;padding:0px 10px;} #page.pageRub #container #content #centerColumn #caracteristique .specifi_blanc p {margin:0px; padding:0px;} /*FAQ*/ #page.pageRub #container #content #centerColumn #mainArticle .tx-irfaq-pi1 .tx-irfaq-dynheader {margin-bottom:5px;} /**********/ /* Footer */ /**********/ #page #container #footer{float:left;clear:both;width:100%;background-image:url("../img/fd_baspage.gif");background-repeat:no-repeat;background-position:top center;} #page #container #footer .contact{float:left;margin-left:25px;width:0px;height:0px;} #page #container #footer .contact a.contactLink{float:left;clear:both;width:250px;height:117px;} #page #container #footer .contact a.contactLink:hover{} #page #container #footer .access{float:left;width:400px;} #page #container #footer .access a.accessLink{float:left;clear:both;background-image:url("../img/bt-infos-pratique-fr-over.gif");width:300px;height:150px;} #page #container #footer .access a.accessLink:hover{text-indent:-3000px;} #page #container #footer .community .meet{float:left;} #page #container #footer .community{float:left;width:430px;} #page #container #footer .community a.youtubeLink{float:left;background-image:url("../img/bt-youtube-over.gif");width:72px;height:30px;} #page #container #footer .community a.youtubeLink:hover{text-indent:-3000px;} #page #container #footer .community a.facebookLink{margin-top:25px;float:left;background-image:url("../img/bt-facebook-over.gif");width:72px;height:30px;} #page #container #footer .community a.facebookLink:hover{text-indent:-3000px;} #page #container #footer #bottomNav{float:left;margin-top:50px;} #page #container #footer #bottomNav ul.nav{padding:0px 0px 0px 20px;list-style-type:none;} #page #container #footer #bottomNav ul.nav li{padding:0px 2px;margin-bottom:5px;} #page #container #footer #bottomNav ul.nav li a{}