/*----------------------------------------------------------- Modified : 14:35 01/02/2010 Project: RISOUL09 Author: C2iS - LGU Summary : | Global Reset | Typographies | Links | Tables | Structure | Menus | Structure Blocks | Plugins JS -----------------------------------------------------------*/ /*:::::::::::::::::::: Global Reset :::::::::::::::::::::*/ html,body,div,span,object,iframe,h1,h2,h3,h4,p,a,em,a img,img,small,strong,sub,sup, tt,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline} body{line-height:1;color:black;background:white} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} th,td{text-align:left;font-weight:normal} /*:::::::::::::::::::: Typographies ::::::::::::::::::::*/ body { background:#fff url(../images/bodyBorder.png) repeat-x 0 0; text-align:center; font-size:62.5%; color:#747474;font-family:"Times New Roman", "Times Roman", Times, serif; } body#iframe{ background:transparent; text-align:left; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1 img, h2 img, h3 img, h4 img{ margin:0; } p { margin:0; line-height: 1.5em; } strong { font-weight:bold; } em { font-style:italic; } sup, sub { font-size:0.75em; } sub { vertical-align:-4px; } sup { vertical-align:4px; } dl { line-height: 1.5em; } dl dt { } dd { } small { font-size:0.85em; } hr{ margin:1em 0; height:0; clear:both; border-bottom:0 none; border-top:1px solid #E5E5E5;} /*:::::::::::::::::::: Links ::::::::::::::::::::*/ a, a:link, a:visited{ } a:hover { text-decoration:none; } /*:::::::::::::::::::: Tables ::::::::::::::::::::*/ table { width:100%; text-align:left; border-collapse:collapse; margin:0 0 1.25em 0; padding:0; } table tr th { font-weight:bold; background:#ffcccc; } table tr th, table tr td{ padding:0.5em; } tr.odd td { background:#e5ecf9; } tr.even td { background:#ffffcc; } tr { } caption { font-size:1.1em; font-weight:bold; margin:1em 0 0.5em;} form p{ display:block; width:100%; } form br{ clear:left; } label{cursor:pointer;} #js .fontified{ } .fontified:focus { outline: none; border:0; } .clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;} #IE6 div, #IE6 ul, #IE6 h1, #IE6 h2, #IE6 h3, #IE6 h4{zoom: 1;} /*:::::::::::::::::::: Structure :::::::::::::::::::*/ #wrap {width:980px;margin:0 auto 0;overflow:hidden;text-align:left;position:relative;} /* container for the entire website */ #header{width:980px;background:#ffffff;padding:0;margin:0;} #header .formRecherche{ width:250px;float:right;margin:30px 10px 0 0;} #header .formRecherche input.submitSearch{width:26px;height:32px;text-indent:-999em;background:url(../images/bt_ok_header.png) top left;cursor:pointer;border:0;vertical-align:-5px} #header .formRecherche input.submitSearch:hover{background:url(../images/bt_ok_header.png) bottom left;} #header h1 a{ display:block;width:400px;height:79px;text-indent:-999em;background:url(../images/logo.png);margin:10px 0;} #footer{clear:both;width:964px;background:#f3f1eb;padding:0px 0 8px;text-align:center;border-top:7px solid #f3f1eb;} #footer p{font:1.3em Arial, sans-serif;color:#3d3d3d;background:#fff;margin:0 0 30px 0;padding:15px 0 30px;} #footer span{padding:0 5px;} #footer a{color:#3d3d3d;text-decoration:none;padding:0 5px;} #footer a:hover{text-decoration:underline;} #footer img{vertical-align:-3px;} #container{width:964px;padding:0;border-top:7px solid #f3f1eb;position:relative;} #home #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#f3f1eb url(../images/bgpage/bghome.png) repeat-y top center;} #partenaire #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;margin:0 0 50px;} /* #reserver #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#fff url(../images/bgpage/bgsejour.jpg) no-repeat top center;} */ #reserver #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#fff url(../images/bgpage/bgsejour_ete.jpg) no-repeat center;} #annuaire #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#fff;} #offrespe #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#fff;} #edito #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#f3f1eb url(../images/bgpage/bgedito.png) repeat-y top center;} #editoMosaique #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#f3f1eb url(../images/bgpage/bgedito.png) repeat-y top center;} #recherche #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#f3f1eb url(../images/bgpage/bgedito.png) repeat-y top center;} #event #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#f3f1eb url(../images/bgpage/bgedito.png) repeat-y top center;} #contact #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;} #plain #container{border-left:8px solid #f3f1eb;border-right:8px solid #f3f1eb;background:#fff;} /*:::::::::::::::::::: Menus :::::::::::::::::::*/ #menus{border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;height:35px;background:#fff;z-index:100;position:relative;} /*mainMenu*/ ul#mainMenu{} ul#mainMenu li{position:relative;float:left;padding:0.5em 7px 0.5em;border-right:1px dotted #9a9a9a;height:29px;} #js ul#mainMenu li{padding:0.3em 17px 0.4em;} ul#mainMenu li.last{border-right:0} ul#mainMenu li.last:hover, ul#mainMenu li.last.sfhover{border-right:1px solid #c3c3c3;} ul#mainMenu li.active a, ul#mainMenu li:hover a{color:#0060c2;cursor:default;} ul#mainMenu li a{color:#2b2d36;font-size:2em;text-decoration:none;} #js ul#mainMenu li a{font-size:2.5em;} ul#mainMenu li#homeMenu{padding:0.3em 1em 0.4em;} ul#mainMenu li#homeMenu a{margin-top:2px;width:1em;background:url(../images/picto_home.png) no-repeat left 0;display:block;text-indent:-999em !important;} ul#mainMenu li:hover, ul#mainMenu li.sfhover{background:white;border-right:1px solid #c3c3c3;border-left:1px solid #c3c3c3;margin-left:-1px;} ul#mainMenu li#homeMenu:hover,ul#mainMenu li#homeMenu.sfhover{background:transparent;border-right:1px dotted #9a9a9a;margin-left:0;border-left:0;} ul#mainMenu li#homeMenu.active a, ul#mainMenu li#homeMenu a:hover{background:url(../images/picto_home.png) no-repeat left -22px;cursor:pointer;} ul#mainMenu ul{left:-999em;position:absolute;top:36px;border:1px solid #c3c3c3;border-top:0;padding-top:0.5em;padding-bottom:1.5em;background:white;width:26em;} ul#mainMenu li:hover ul, ul#mainMenu li.sfhover ul{left:-1px;} ul#mainMenu ul li{float:none;margin:0.5em 17px;padding:0.6em 0 0 !important;border-right:0;border-top:1px dotted #c3c3c3;height:auto;} ul#mainMenu ul li:hover, ul#mainMenu ul li.sfhover{margin:0.5em 17px;padding:0.6em 0 0;border:0;border-top:1px dotted #c3c3c3;border-left:0;} ul#mainMenu li ul li a{display:block;color:#3d3d3d !important;font:1.4em Arial, sans-serif !important;text-decoration:none;width:100%;} #js ul#mainMenu li:hover ul li a, #js ul#mainMenu li.sfhover ul li a{font-size:1.4em !important;cursor:pointer;} ul#mainMenu li:hover ul li a:hover, ul#mainMenu li:hover ul li.active a{color:#0060c2 !important;} ul#mainMenu li.sfhover ul li a:hover, ul#mainMenu li.sfhover ul li.active a{color:#0060c2 !important;} /*otherMenu*/ ul#otherMenu{float:right;margin-top:2px;} ul#otherMenu li{position:relative;float:left;padding:0.3em 0.5em 0.3em 1em;border-left:1px dotted #9a9a9a;margin:4px 0 0 3px;} ul#mainMenu li.last{border-right:0} ul#otherMenu li a{color:#a5a6a6;font-size:1.5em;text-decoration:none;} ul#otherMenu li a:hover{color:#007ffe;} ul#otherMenu li#siteMap{padding:0.5em 0 0 1em;} ul#otherMenu li#siteMap a{font-family:Arial, sans-serif;font-size:1.1em;font-weight:bold;color:#fff;border-right:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0.1em 2em 0.3em 1em;background:#bfc0c2 url(../images/bt_sitemap_menu.png) no-repeat 87px 7px;} ul#otherMenu li#siteMap a.active{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;padding:0.1em 2em 1em 1em;background:#bfc0c2 url(../images/bt_sitemap_menu.png) no-repeat 87px 7px;} /*:::::::::::::::::::: Structure Blocks :::::::::::::::::::*/ /*ALL*/ /**/ #swfmeteoContener{width:980px;height:25px;margin:0 auto;overflow:hidden;} #swfmeteo{} #webcamSwf{background:#ffffcc;margin-bottom:60px;} .planPistes{background:#F3F1EB;} #pathWay{ margin:0; padding:5px 10px; width:980px; } #pathWay li{display:inline;font:1.1em "Arial", sans-serif;} #pathWay li a{color:#2b2d36;padding:0 15px 0 5px;background:url(../images/pathway.png) no-repeat center right;text-decoration:none;} #pathWay li a:hover{text-decoration:underline;} #pathWay li span{color:#007ffe;padding:0 15px 0 3px;} #pathWay li span.pathActive{color:#2b2d36;padding:0 15px 0 3px;background:url(../images/pathway.png) no-repeat center right;} /*HOME*/ #home #content{width:750px;float:left;margin-right:8px;} #homeSwf{width:731px;padding:11px 10px 0 10px;border-bottom:8px solid #f3f1eb;background:#fff;} #homePromo{float:left;width:270px;margin-right:8px;padding-top:10px;background:#fff;} #homePromo a{display:block; margin:0 10px 10px;} #homeNews{float:left;width:472px;background:#fff;text-align:center;padding:25px 0;position:relative;} .homeEntry{width:400px;margin:12px auto 0;text-align:left;} .homeEntry:after {content:".";height:0;display:block;visibility:hidden;clear:both;} .pictoRss{display:block;text-indent:-999em;width:32px;height:14px;background:url(../images/rss.png);position:absolute;right:36px;top:35px;} #IE6 .pictoRss, #IE7 .pictoRss{top:25px;} .homeEntry p.date{font:1.1em Arial, sans-serif;color:#007ffe;border-bottom:1px dotted #9a9a9a;padding-bottom:3px;} .homeEntry h2{font-size:2.9em;text-align:center;color:#000;margin:12px 0 0;} .homeEntry p.texteEntry{font:1.3em Arial, sans-serif;color:#3d3d3d;margin-top:12px;} .homeEntry p.texteEntry a{color:#007ffe;text-decoration:none;} .homeEntry p.texteEntry a:hover{text-decoration:underline;} .homeEntry img{} .homeEntry img.illustrNews{float:right;margin-top:-5px;margin-left:10px;} #paginationHome{margin:20px auto 0;overflow:hidden;width:65px;display:none;} #js #paginationHome{display:block;} #paginationHome .current{float:left;display:block;height:16px;background:#007ffe;color:#fff;font:1.2em "Arial", sans-serif;padding-top:1px;} #paginationHome .prev, #paginationHome .next{float:left;display:block;vertical-align:1px;} #paginationHome .prev a{display:block;width:23px;height:17px;background:url(../images/paginationHome/left.png);text-indent:-999em;} #paginationHome .next a{display:block;width:23px;height:17px;background:url(../images/paginationHome/right.png);text-indent:-999em;} #home #aside{float:left;width:205px;background:#fff;} /**/ a.tabSejour, a.tabPromo{font:13px "Arial", sans-serif;color:#22202b;display:inline-block;margin:0;text-decoration:none;background:#ebebeb;border-bottom:1px solid #b4b5b8;} #homeResa a.tabSejour, a.tabPromo{padding:3px 18px;} #reserverResa a.tabSejour, a.tabPromo{padding:3px 14px;} a.tabSejour{border-right:1px solid #b4b5b8;} a.tabSejour:hover, a.tabPromo:hover{color:#007ffe;} a.tabSejour.active, a.tabPromo.active{border-bottom:0;border-top:1px solid #b4b5b8;color:#007ffe;background:none;} /**/ .homeResaObject{height:335px;width:205px;} #homeResa{padding:10px 10px 10px 10px;} #homeResa h2{font-size:2.8em;color:#007ffe;margin:5px 0 10px;} .homeResaForm{} .homeResaForm label{display:block;font:1.5em Arial, sans-serif;color:#3d3d3d;margin-bottom:5px;} .homeResaForm input{width:157px;font:1.3em Arial, sans-serif;color:#3d3d3d;margin-bottom:7px;padding:0;} .homeResaForm label.checkbox{font:1.3em Arial, sans-serif;color:#da2880;} .homeResaForm label.checkbox input{width:auto;} .homeResaForm select{width:182px;font:1.3em Arial, sans-serif;color:#3d3d3d;margin-bottom:7px;} .homeResaForm .submitForm{width:40px;height:26px;text-indent:-999em;background:url(../images/bt_ok_home.png) top left;cursor:pointer;border:0;margin-left:140px;} .homeResaForm .submitForm:hover, .homeResaForm .submitForm:active{background:url(../images/bt_ok_home.png) bottom left;} .bg_linkblue_home{font:2.2em/0.9em "Times New Roman", "Times Roman", Times, serif;padding-left:11px;} .bg_linkblue_home a{display:block;background:url(../images/bg_linkblue_home.png);width:129px;height:57px;margin-bottom:5px;color:#fff;padding:13px 40px 0 25px;text-decoration:none;} .bg_linkblue_home a.link_forfait{background-position:0 0;} .bg_linkblue_home a.link_cours{background-position:0 -76px;} .bg_linkblue_home a.link_image{background-position:0 -152px;} .bg_linkblue_home a.link_magazine{background-position:0 -228px;} .bg_linkblue_home a.link_plan{background-position:0 -304px;} .bg_linkblue_home a.link_newsletter{background-position:0 -380px;} .bg_linkblue_home a.link_doc{background-position:0 -456px;} .bg_linkblue_home a.link_annuaire{background-position:0 -532px;} .link_hebergeurs{display:block;background:#fff url(../images/link_hebergeurs.png) no-repeat top left;width:129px;height:74px;margin-bottom:5px;color:#fff;padding:13px 40px 0 25px;text-decoration:none;margin-left:11px;font:2.2em/1em "Times New Roman", "Times Roman", Times, serif;} .link_hebergeurs span{display:block;font:0.5em "Arial", sans-serif;} .garantieneige{display:block;margin:35px 0 0 50px;} /*PARTENAIRE*/ #partenaire #content{width:624px;float:right;margin-top:44px;border:8px solid #f3f1eb;border-right:0;border-bottom:0;background:#fff;padding:20px;} #partenaire .logoPart{width:624px;text-align:center;padding-bottom:20px;border-bottom:1px dotted #9a9a9a;} #partenaire #content h1{font:3em "Times New Roman", "Times Roman", Times, serif;color:#000;margin:28px 0 0;} #partenaire #content h2{font:1.2em "Arial", sans-serif;color:#007ffe;margin:0 0 20px;} #partenaire #content p{font-size:1.5em;color:#3d3d3d;margin:7px 0;} #partenaire #content a{color:#007ffe;} #partenaire img.float_right{float:right;margin:0 10px 10px;} /*RESERVER*/ #reserver #content{width:664px;float:right;border-left:8px solid #f3f1eb;background:#fff;padding:0 0 50px;min-height:550px;height:auto;position:relative;} #IE6 #reserver #content{height:550px;} #reserver #content .resaContent{padding:0 10px;} #reserver #content .resaContent span.pageEdito{display:block;margin:10px 3px 20px;padding-bottom:5px;color:#007ffe;font-size:2.6em;border-bottom:1px dotted #9a9a9a;} #reserver #content .resaContent h1{margin:30px 0 5px 5px;font:3em "Times New Roman", "Times Roman", Times, serif;color:#000;} #reserver #content .resaContent h2{font:1.2em "Arial", sans-serif;color:#007ffe;margin:0 0 35px 6px;} #reserver #content .resaContent h3{font:1.4em/2em "Times New Roman", "Times Roman", Times, serif;color:#020202;margin:0 0 5px 9px;} #reserver #content .resaContent h4{font:1.4em/2em "Times New Roman", "Times Roman", Times, serif;color:#020202;margin:0 0 5px 16px;} #reserver #content .resaContent p{margin:0 30px 0 10px;font:1.4em/1.2em Arial, sans-serif;color:#3d3d3d;} #reserver #content .resaContent a{color:#007ffe;text-decoration:none;} #reserver #content .resaContent a:hover{text-decoration:underline;} #reserver #content.fiche{margin-top:50px;border-top:8px solid #f3f1eb;} #reserver #content h2{margin:10px 0 12px 14px;color:#3d3d3d;font-size:1.6em;} #reserver #content h2 span.h2_titre{color:#007ffe;font-size:1.6em;margin-right:10px;} #reserver .sejourList{position:relative;padding:14px 14px 50px;border-bottom:8px solid #f3f1eb;overflow:hidden;} #reserver .sejourList img{float:left;margin-right:15px;} #reserver .sejourList img.sejourStar{float:none;width:10px;vertical-align:4px;margin-right:3px;} #reserver .sejourList img.sejourCheminee{float:none;width:16px;vertical-align:4px;margin:0 0 5px 3px;} #reserver .sejourList img.sejourCocotte{float:none;width:16px;vertical-align:4px;margin:0 0 5px 3px;} #reserver .sejourList img.sejourEpis{float:none;width:8px;vertical-align:-5px;margin:0 0 5px 3px;} #reserver .sejourList a{text-decoration:none;} #reserver .sejourList h3{float:left;width:466px;font:1.7em "Times New Roman", "Times Roman", Times, serif;color:#000;text-transform:uppercase;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;margin-bottom:8px;} #reserver .sejourList h3.promo{color:#da2880;} #reserver .sejourList p.coord{float:left;width:214px;font:1.1em "Arial", sans-serif;color:#3d3d3d;font-weight:bold;line-height:1.6;} #reserver .sejourList p.coord span{text-transform:uppercase;} #reserver .sejourList p.coord span.apartirde{display:block;margin-top:10px;text-transform:none;font:1.3em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #reserver .sejourList p.coord span.apartirde strong{font:1.4em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #reserver .sejourList p.coord a{font-weight:normal;color:#007ffe;} #reserver .sejourList p.coord a:hover{text-decoration:underline;} #reserver .sejourList p.descr{float:left;width:252px;font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.4;} #reserver .sejourList a.reserver{position:absolute;bottom:0;right:20px;display:block;width:89px;height:25px;background:url(../images/bt_reserver_list.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:20px;text-transform:uppercase;} #reserver .sejourFiche{position:relative;padding:14px 14px 20px;overflow:hidden;} #reserver .sejourFiche a{text-decoration:none} #reserver .sejourFiche img{float:left;margin-right:15px;} #reserver .sejourFiche img.sejourStar{float:none;width:10px;vertical-align:4px;margin-right:3px;} #reserver .sejourFiche .pictoFiche{float:right;margin:5px;} #reserver .sejourFiche h3{float:left;width:100%;font:2em "Times New Roman", "Times Roman", Times, serif;color:#000;text-transform:uppercase;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;margin-top:-30px;margin-bottom:8px;} #reserver .sejourFiche .gche{float:left;width:340px;} #reserver .sejourFiche .dte{float:left;width:295px;} #reserver .sejourFiche p.coord{float:left;width:320px;font:1.1em "Arial", sans-serif;color:#3d3d3d;font-weight:bold;line-height:1.6;margin-bottom:15px;} #reserver .sejourFiche p.coord span{text-transform:uppercase;} #reserver .sejourFiche p.coord a{font-weight:normal;color:#007ffe;padding:5px 3px;} #reserver .sejourFiche p.coord a:hover{text-decoration:underline;} #reserver .sejourFiche p.coord a.planStation{background:url(../images/plan_station.png) no-repeat center left;padding-left:30px;margin-left:5px;} #reserver .sejourFiche p.descr{float:left;width:272px;font:1.4em "Arial", sans-serif;color:#3d3d3d;line-height:1.4;border-bottom:1px dotted #9a9a9a;padding-bottom:15px;margin:10px 0 15px;} #reserver .sejourFiche dl{margin-top:15px;font:1.2em "Arial", sans-serif;color:#3d3d3d;} #reserver .sejourFiche dl dt{font-weight:bold;} #reserver .sejourFiche dl dd{} #reserver .sejourFiche a.print_fiche_sejour{display:block;float:left;text-indent:-999em;width:35px;height:32px;background:url(../images/picto_print.png) no-repeat top left;margin:10px 5px 20px;} #reserver .sejourFiche a.envoi_fiche_sejour{display:block;float:left;text-indent:-999em;width:35px;height:32px;background:url(../images/picto_envoiAmi.png) no-repeat top left;margin:10px 5px 20px;} #reserver .sejourFiche .sejour_bloc{margin:15px 0;clear:both;} #reserver .sejourFiche .sejour_bloc_resa{margin:0;position:relative;clear:both;padding-bottom:1px;} #reserver .sejourFiche .sejour_bloc_resa#active{border-bottom:1px dotted #9a9a9a;} #reserver .sejourFiche .sejour_bloc_resa h3{font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;border-top:1px dotted #9a9a9a;border-bottom:0;padding:8px 0 0;margin:0px;line-height:1;} #reserver .sejourFiche .sejour_bloc_resa h3 span{text-transform:uppercase;} #reserver .sejourFiche .sejour_bloc_resa h4{margin:0 0 5px;font:1.3em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #reserver .sejourFiche .sejour_bloc_resa h4 span{font:1.4em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #reserver .sejourFiche .sejour_bloc_resa a.reserver{position:absolute;bottom:0;right:20px;display:block;width:89px;height:30px;background:url(../images/bt_reserver_sejour.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:20px;text-transform:uppercase;} #reserver .sejourFiche .sejour_bloc_resa p{font:1.2em "Arial", sans-serif;color:#007ffe;overflow:hidden;line-height:1.7em;margin-top:0px;} #reserver .sejourFiche .sejour_bloc_resa p a{font-size:1.5em;margin-top:-2px;float:right;font-weight:bold;color:#d92880;} #reserver .sejourFiche .sejour_bloc_resa a.fontified{font-size:1.5em;margin-top:-2px;float:right;font-weight:bold;color:#d92880;} #reserver .sejourFiche .sejour_bloc_resa table td, #reserver .sejourFiche .petit_descriptif{font:1.2em "Arial", sans-serif;padding-left:5px;line-height:1.5;} #reserver #content .sejourHead{border-bottom:8px solid #f3f1eb;width:664px;} #reserver #content .ficheSejourHead{border-bottom:8px solid #f3f1eb;width:634px;overflow:hidden;padding:15px;} #reserver #content .panierHead{border-bottom:8px solid #f3f1eb;width:634px;overflow:hidden;padding:10px 15px 15px;} #reserver .choixCaract{float:right;width:155px;position:relative;margin:9px 70px 0 0;background:#fff;z-index:50;} #IE6 .choixCaract{margin:20px 50px 0 0;} #IE7 .choixCaract{margin-top:20px;} #reserver .choixCaract p{width:141px;font:1.2em "Arial", sans-serif;background:url(../images/form_sejour/fd_caract.png) no-repeat top right;border-left:1px solid #c3c3c3;padding:1px 0 0 10px;cursor:pointer;color:#454444;} #reserver .choixCaract fieldset{width:150px;font:1.2em "Arial", sans-serif;position:absolute;background:#fff;border:1px solid #c3c3c3;border-top:0;background:#fff;} #js #reserver .choixCaract fieldset{display:none;z-index:52;} #reserver .choixCaract .submitCaract{width:40px;height:26px;text-indent:-999em;background:url(../images/bt_ok_home.png) top left;cursor:pointer;border:0;margin:10px 50px;} #reserver .choixCaract .submitCaract:hover, #reserver .choixCaract .submitCaract:active{background:url(../images/bt_ok_home.png) bottom left;} #reserverResa{position:absolute;top:130px;left:45px;width:150px;background:url(../images/form_sejour/fd_sejourForm.png);width:203px;height:293px;} .reserverResaForm{margin:20px 0 0 20px;height:281px;position:relative;} #IE6 .reserverResaForm{height:261px;margin-left:35px;} .reserverResaForm label{display:block;font:1.6em "Arial", sans-serif;color:#2b2d36;margin-bottom:6px;} .reserverResaForm input{width:127px;font:1.1em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;height:12px;} .reserverResaForm label.checkbox{font:1.3em Arial, sans-serif;color:#da2880;} .reserverResaForm label.checkbox input{width:auto;margin:3px 5px 0 0;} .reserverResaForm select{width:150px;font:1.1em "Arial", sans-serif;color:#454444;margin-bottom:7px;} .reserverResaForm .submitResa{width:93px;height:46px;background:url(../images/form_sejour/bt_ok.png) top left;cursor:pointer;border:0;color:#fff;text-align:center;font:1.7em "Times New Roman", "Times Roman", Times, serif;padding:15px 0 0 5px;position:absolute;bottom:0;left:28px;} #IE6 .reserverResaForm .submitResa{bottom:-10px;} #reserver #content .resaWay{display:inline;margin:0 30px;} #reserver #content .resaWay li{display:inline;padding} #reserver #content .resaWay li{font-size:25px;color:#bfc0c2;} #reserver #content .resaWay li.active{color:#007ffe;} #reserver .panierTop{position:relative;padding:14px 14px 5px;overflow:hidden;border-bottom:1px dotted #9a9a9a;} #reserver .panierBottom{border-top:8px solid #f3f1eb;position:relative;padding:14px 14px 50px;overflow:hidden;} #reserver .panierList{position:relative;padding:14px;overflow:hidden;border-bottom:1px dotted #9a9a9a;} #reserver .panierList a{text-decoration:none;} #reserver .panierList h4{font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;padding-bottom:4px;} #reserver .panierList h4 span{text-transform:uppercase;} #reserver .panierList h4 em{font-style:normal;color:#007ffe;} #reserver .panierList p.panierDesc{font:1.2em "Arial", sans-serif;color:#007ffe;line-height:1.6;} #reserver .panierList table{margin-top:10px;border:1px solid #f3f1eb;} #reserver .panierList table th, #reserver .panierList table td{font:1.1em "Arial", sans-serif;color:#3d3d3d;line-height:1.3;} #reserver .panierList table th{font-weight:bold;background:#f3f1eb;} #reserver .panierList p.panierPrix{font:2.2em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;float:right;font-weight:bold;margin-top:10px;margin-right:5px;} #reserver .panierList p.panierPrix sup{vertical-align:top;font:0.4em "Arial", sans-serif;font-weight:normal;} #reserver .panierList p.panierOption{font:1.2em "Arial", sans-serif;color:#000102;line-height:1.4;padding:0;float:right;clear:both;margin-right:5px;} #reserver .panierList p.panierOption sup{vertical-align:top;} #reserver .panierTop h3{font:2em "Times New Roman", "Times Roman", Times, serif;color:#000;padding-bottom:8px;margin-bottom:8px;} #reserver a.panierDel{display:block;float:right;width:25px;height:25px;background:url(../images/panierDel.png);text-indent:-999em;position:relative;} #reserver a.reserver{position:absolute;bottom:0;right:40px;display:block;width:89px;height:25px;background:url(../images/bt_reserver_list.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:20px;text-transform:uppercase;text-decoration:none;} #reserver a.reserver2{position:absolute;bottom:15px;left:30px;color:#3d3d3d;font-size:1.4em; font-weight:bold;text-align:center;padding-top:20px;text-transform:uppercase;text-decoration:none;} #reserver a.reserver2:hover{color:#ccc;} /*RESERVER LOGIN*/ form.panierLogin{margin:25px 0;padding:0 10px 25px;border-bottom:8px solid #f3f1eb;} #reserver #content form.panierLogin h2{font:2em "Times New Roman", "Times Roman", Times, serif;color:#000;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;margin:0 10px 8px;} form.panierLogin p{margin:0 10px 15px;font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.3;} form.panierLogin label{display:block;float:left;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;margin:0 0 7px 50px;width:150px;} form.panierLogin input.inputText{font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;} form.panierLogin input.inputText.loginMail{width:230px;} form.panierLogin input.inputText.loginPass{width:180px;} form.panierLogin .submitpanierLogin{width:40px;height:26px;text-indent:-999em;background:url(../images/bt_ok_home.png) top left;cursor:pointer;border:0;margin-left:5px;} /*RESERVER CREATE*/ form.panierCreate{margin:25px 0;padding:0 10px 25px;border-bottom:8px solid #f3f1eb;} form.panierCreate fieldset{position:relative;} #reserver #content form.panierCreate h2{font:2em "Times New Roman", "Times Roman", Times, serif;color:#000;margin:0 10px 8px;} #reserver #content form.panierCreate h3{font:1.8em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;margin:15px 10px 15px;border-top:1px dotted #9a9a9a;padding-top:8px;} #reserver #content form.panierCreate h3 span{font:0.5em "Arial", sans-serif;color:#000;} form.panierCreate p{margin:0 10px 15px;font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.3;} form.panierCreate label{display:block;float:left;font:1.4em Arial, sans-serif;color:#3d3d3d;margin:0 0 7px 50px;width:150px;} form.panierCreate input.inputText{font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;width:230px;} form.panierCreate select{font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;width:233px;} form.panierCreate input.inputText.addPanier{margin-left:200px;} form.panierCreate input.inputText.cpPanier{width:115px;} form.panierCreate .submitcreateLogin{display:block;width:89px;height:65px;background:url(../images/bt_contact.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:37px;padding-left:5px;text-transform:uppercase;text-decoration:none;float:right;margin-right:60px;} form.panierCreate textarea{font:1.3em "Arial", sans-serif;color:#454444;margin:0 0 13px 50px;padding:0;width:380px;} form.panierCreate label.labelBox{width:480px;margin-top:0.5em;} form.panierCreate label.labelBox a{color:#007ffe;} form.panierCreate input.inputBox{float:left;width:1em;margin:0.2em 1em 13px 0;vertical-align:-2px;} form.panierCreate label.labelRadio{width:auto;margin:0.5em 0.5em 0 3em;} form.panierCreate input.inputRadio{width:1em;margin-right:0.3em;margin-bottom:13px;vertical-align:-2px;} form.panierCreate small{clear:both;display:block;font:1em "Arial", sans-serif;color:#828282;margin-top:15px;} form.panierCreate .paiementCB{width:413px;overflow:hidden;background:url(../images/bg_paiement.png) no-repeat top left;margin:0 15%;} #js form.panierCreate .paiementCB{height:0px;} form.panierCreate .paiementCB label{width:120px;margin:15px 0 0 17px;color:#fff;font:1.5em "Times New Roman", "Times Roman", Times, serif;} form.panierCreate .paiementCB label input{font-size:0.8em;margin-top:5px;} form.panierCreate .paiementCB label input.numCartPanier{width:112px;} form.panierCreate .paiementCB label input.cryptoPanier{width:67px;} form.panierCreate .paiementCB label select{font-size:0.8em;width:50px;margin-top:5px;} form.panierCreate .paiementCB a{color:#fff;padding:0 10px;text-decoration:none;} form.panierCreate .paiementCB a:hover{text-decoration:underline;} form.demandeBche{margin:25px 0;padding:0 10px 25px;border-bottom:8px solid #f3f1eb;} form.demandeBche fieldset{position:relative;} #reserver #content form.demandeBche h2{font:2em "Times New Roman", "Times Roman", Times, serif;color:#000;margin:0 10px 8px;} #reserver #content form.demandeBche h3{font:1.8em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;margin:15px 10px 15px;border-top:1px dotted #9a9a9a;padding-top:8px;} #reserver #content form.demandeBche h3 span{font:0.5em "Arial", sans-serif;color:#000;} form.demandeBche p{margin:15px 10px 15px;font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.3;} form.demandeBche label{display:block;float:left;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;margin:0 0 7px 50px;width:150px;} form.demandeBche input.inputText{font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;width:230px;} form.demandeBche select{font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;width:233px;} form.demandeBche input.inputText.addPanier{margin-left:200px;} form.demandeBche input.inputText.cpPanier{width:115px;} form.demandeBche .submitDemBche{display:block;width:89px;height:65px;background:url(../images/bt_contact.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:37px;padding-left:5px;text-transform:uppercase;text-decoration:none;position:absolute;bottom:0px;right:60px;} form.demandeBche textarea{font:1.3em "Arial", sans-serif;color:#454444;margin:0 0 13px 50px;padding:0;width:380px;} form.demandeBche label.labelBox{width:480px;margin-top:0.5em;} form.demandeBche label.labelBox.labelBcheBox{width:420px;margin:0.5em 0 0 0;} form.demandeBche input.inputBox{float:left;width:1em;margin:0.2em 1em 13px 0;vertical-align:-2px;} form.demandeBche label.labelRadio{width:auto;margin:0.5em 0.5em 0 3em;} form.demandeBche input.inputRadio{width:1em;margin-right:0.3em;vertical-align:-2px;} form.demandeBche small{display:block;font:1em "Arial", sans-serif;color:#828282;margin:70px 0 0;} .imgdemandeBche{float:left;margin:15px;} /*RESERVER LINKS*/ .fichePrec, .ficheSuiv, .ficheRetour {background:#e2c993;padding:1px 10px 4px;color:#fff;font-size:1.4em;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-decoration:none;} .fichePrec{float:right;margin-right:10px;padding-left:20px;background-image:url(../images/bt_retour.png);background-repeat:no-repeat;background-position:5px center;} .ficheSuiv{float:right;padding-right:20px;background-image:url(../images/bt_suite.png);background-repeat:no-repeat;background-position:50px center;} .ficheRetour{padding-left:20px;background-image:url(../images/bt_retour.png);background-repeat:no-repeat;background-position:5px center;} /*RECHERCHE*/ #recherche #content{float:left;width:616px;margin-right:8px;padding:0 12px 60px;position:relative;min-height:610px;} #recherche #content h2{margin:10px 0 12px 4px;padding:0 10px 5px;color:#3d3d3d;font-size:1.6em;border-bottom:1px dotted #9a9a9a;} #recherche #content h2 span.h2_titre{color:#007ffe;font-size:1.6em;margin-right:10px;} #recherche #content .rechercheBloc{border-bottom:1px dashed #9a9a9a;padding:5px 0 10px;background:#ffffff;} #recherche #content .rechercheBloc.hover{background:#f0f0f0;cursor:pointer;} #recherche #content .rechercheBloc.last{border-bottom:0;} #recherche #content h3{font:2em "Times New Roman", "Times Roman", Times, serif;color:#020202;margin:0 0 0 9px;line-height:2em;} #recherche #content p{font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;line-height:1.5;margin:0 0 5px 9px;} #recherche #content a{font:1.2em "Arial", sans-serif;color:#007ffe;margin:0 0 5px 9px;text-decoration:none;} #recherche #content a:hover{text-decoration:underline;} #recherche .paginationRechercheBottom{border-top:8px solid #f3f1eb;width:640px;position:absolute;bottom:0;left:0;} /*ANNUAIRE*/ #annuaire #content{width:750px;float:right;border-left:8px solid #f3f1eb;background:#fff;padding:0 0 0;} #annuaire #content img.annuaireHeaderBg{border-bottom:8px solid #f3f1eb;} #annuaire #content h2{margin:10px 0 20px 14px;color:#3d3d3d;font-size:1.6em;} #annuaire #content h2 span.h2_titre{color:#007ffe;font-size:1.6em;margin-right:10px;} #annuaire .annuaireList{position:relative;width:345px;height:320px;padding:10px 15px;margin:-8px -8px 0 0;border-top:8px solid #f3f1eb;border-right:8px solid #f3f1eb;overflow:hidden;float:left;} #annuaire .annuaireListHeighter{height:449px;} #annuaire #content .annuaireListHeighter h2{margin:10px 0 5px} #annuaire .annuaireList.hotels{height:380px;} #annuaire .annuaireList.agences_immo{height:570px;} #annuaire .annuaireList.chambres_hotes{height:360px;} #annuaire .annuaireList.refuge{height:250px;} #annuaire .annuaireList.rest{height:250px;} #annuaire .annuaireList.rest_rapide{height:190px;} #annuaire .annuaireList.acom{height:200px;} #annuaire .annuaireList.amont{height:380px;} #annuaire .annuaireList.aenf{height:380px;} #annuaire .annuaireList.magspo{height:330px;} #annuaire .annuaireList.eski{height:330px;} #annuaire .annuaireList.serv{height:320px;} #annuaire .annuaireList.annuaireListOnly{position:relative;width:720px;height:320px;padding:10px 15px;margin:-8px -8px 0 0;border-top:8px solid #f3f1eb;border-right:8px solid #f3f1eb;overflow:hidden;float:left;border-bottom:8px solid #f3f1eb;} #annuaire .annuaireList img{float:left;margin:0 10px 5px 0;} #annuaire .annuaireList a{text-decoration:none;} #annuaire .annuaireList h3{float:left;width:185px;font:1.7em "Times New Roman", "Times Roman", Times, serif;color:#000;text-transform:uppercase;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;margin-bottom:8px;} #annuaire .annuaireList h3 div img{white-space:nowrap;} #annuaire .annuaireList h3 img.sejourStar{float:none;width:10px;vertical-align:4px;margin-right:3px;} #annuaire .annuaireList h3 img.sejourCheminee{float:none;width:16px;vertical-align:4px;margin:0 0 5px 3px;} #annuaire .annuaireList h3 img.sejourCocotte{float:none;width:16px;vertical-align:4px;margin:0 0 5px 3px;} #annuaire .annuaireList h3 img.sejourEpis{float:none;width:8px;vertical-align:-5px;margin:0 0 5px 3px;} #annuaire .annuaireList.annuaireListOnly h3{width:560px;} #annuaire .annuaireList p.coord{font:1.1em "Arial", sans-serif;color:#3d3d3d;font-weight:bold;line-height:1.6;} #annuaire .annuaireList p.coord span{text-transform:uppercase;} #annuaire .annuaireList p.liens{clear:left;font:1.1em "Arial", sans-serif;text-align:left;border-top:1px dotted #9a9a9a;border-bottom:1px dotted #9a9a9a;color:#3d3d3d;margin-bottom:5px;padding:1px 30px 0 0;} #annuaire .annuaireList p.liens a{font-weight:normal;color:#007ffe;} #annuaire .annuaireList p.liens a:hover{text-decoration:underline;} #annuaire .annuaireList p.liens span{vertical-align:-2px;padding:0 5px;} #annuaire .annuaireList p.descr{font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.4;} /* form filter par nombre de couchage */ .filtreAnnuaireCouchage{margin:-10px 15px 5px;} .filtreAnnuaireCouchage span{font-size:1.3em;} .filtreAnnuaireCouchage select{margin-left:5px;border:1px solid #000;font-size:1em;} #annuaire #aside{background:#fff;} .filtreAnnuaire{margin-top:15px;width:205px;} #IE6 .filtreAnnuaire{width:203px;} .filtreAnnuaire li{margin-left:18px;border-bottom:1px dotted #9a9a9a;} .filtreAnnuaire li a{display:block;font:2.0em "Times New Roman", "Times Roman", Times, serif;color:#000;line-height:2em;text-decoration:none;background:url(../images/annuaire/bg_filtre.png) no-repeat 160px 14px;} .filtreAnnuaire li a:hover, .filtreAnnuaire li a.active{color:#da2880;background:url(../images/annuaire/bg_filtre.png) no-repeat 160px -25px;} .filtreAnnuaire li a.active{cursor:default;} /**/ #edito #content ul, #editoMosaique #content ul, #event #content ul, #reserver #content ul{list-style-position:inside;margin:0 5px 10px;list-style-image:url(../images/pathway.png); } #edito #content ul li, #editoMosaique #content ul, #event #content ul li, #reserver #content ul li{margin:0 5px 5px 1px;font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.5;} /**/ /*OFFRES SPE*/ #offrespe{} #offrespe #content{width:750px;float:right;border-left:8px solid #f3f1eb;background:#fff;padding:0 0 0;} #offrespe #IE6 #content{margin-left:-3px;} #offrespe #content h2{color:#3d3d3d;font-size:1.6em;border-bottom:8px solid #f3f1eb;padding:10px 0 10px 14px;} #offrespe #content h2 span.h2_titre{color:#007ffe;font-size:1.6em;} #offrespe #content .offresSpe{background:#f3f1eb;width:100%;padding:8px;margin:-8px -8px -0;z-index:80;position:relative;} #offrespe #IE6 #content .offresSpe{} #offrespe #content .offresSpe:hover{background:#007ffe;z-index:101;} #offrespe #IE7 #content .offresSpe:hover{background:#f3f1eb !important;} #offrespe #content .offresSpe div{background:#ffffff;height:200px} #offrespe #content .offresSpe img{float:left;width:115px;height:200px;margin-right:25px;} #offrespe #content .offresSpe .offresSpeContent{float:left;width:600px;} #offrespe #content .offresSpe h3{font:2.0em "Times New Roman", "Times Roman", Times, serif;color:#000;margin-top:5px;padding:5px 8px 5px 1px;border-bottom:1px dotted #9a9a9a;} #offrespe #content .offresSpe a.reducLien{display:block;width:76px;height:65px;background:url(../images/bt_contact.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding:37px 5px 0 13px;text-transform:uppercase;text-decoration:none;float:right;line-height:0.7;margin-top:15px;} #offrespe #content .offresSpe p.soustitre{margin-top:5px;font:2.0em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #offrespe #content .offresSpe p.periode{font:1.2em "Arial", sans-serif;color:#3d3d3d;margin-bottom:10px;} #offrespe #content .offresSpe p.avantage{font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.7;} #offrespe #content .offresSpe p.avantage span{font:1.8em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} #offrespe #content .offresSpe p.commentaire{font:1.2em "Arial", sans-serif;color:#3d3d3d;line-height:1.7;} #offrespe #aside{background:#fff;} /*EDITORIAL & EVENEMENTS*/ #edito #content, #editoMosaique #content, #event #content{float:left;width:616px;margin-right:8px;padding:0 12px 30px;} #IE6 #edito #content, #IE6 #editoMosaique #content, #IE6 #event #content{margin-right:4px;} #edito #content span.pageEdito, #editoMosaique #content span.pageEdito, #event #content span.pageEvent{display:block;margin:10px 3px 20px;padding-bottom:5px;color:#007ffe;font-size:2.6em;border-bottom:1px dotted #9a9a9a;} #edito #content .pictoRss, #editoMosaique #content .pictoRss, #event #content .pictoRss{position:static;float:right;display:block;text-indent:-999em;width:29px;height:29px;background:url(../images/rssEdito.png);margin-right:16px;margin-top:12px;} #IE6 #edito #content .pictoRss, #IE6 #editoMosaique #content .pictoRss, #IE6 #event #content .pictoRss{margin-right:18px;} #edito #content h1, #editoMosaique #content h1, #plain #content h1, #event #content h1{margin:30px 0 5px 5px;font:3em "Times New Roman", "Times Roman", Times, serif;color:#000;} #edito #content h2, #editoMosaique #content h2, #plain #content h2, #event #content h2{font:1.2em "Arial", sans-serif;color:#007ffe;margin:0 0 35px 6px;} #event #content h2 a.eventFB{display:inline-block;width:16px;height:16px;text-indent:-999em;margin-left:5px;background:url(../images/facebook.jpg) no-repeat top left;} #edito #content h2.intro, #editoMosaique #content h2.intro, #plain #content h2.intro, #event #content h2.intro{font:1.3em/1.6em Arial, sans-serif;font-weight:bold;color:#3d3d3d;margin:15px 10px;} #edito #content h3, #editoMosaique #content h3{font:1.9em/1.9em Arial, sans-serif;padding-left:5px;color:#020202;margin:10px 0 0 9px;} #edito #content h4, #editoMosaique #content h4{font:1.3em/1.9em Arial, sans-serif;color:#020202;margin:0 0 0 16px;} #edito #content p, #editoMosaique #content p, #plain #content p, #event #content p{margin:0 30px 0 10px;font:1.2em/1.7em "Arial", sans-serif;color:#3d3d3d;} #edito #content a, #editoMosaique #content a, #plain #content a, #event #content a{color:#007ffe;text-decoration:none;} #edito #content a:hover, #editoMosaique #content a:hover, #plain #content a:hover, #event #content a:hover{text-decoration:underline;} #plain #content .planStation{padding:2px 0 0 4px;background:#2b60fc;} #plain #contentobject{display:block;} #edito #content .accEdito, #editoMosaique #content .accEdito, #event #content .accEvent{margin:30px 0 50px 3px;border-bottom:1px dotted #9a9a9a;} #edito #content .accEdito h3, #editoMosaique #content .accEdito h3, #event #content .accEvent h3{font:2em "Times New Roman", "Times Roman", Times, serif;color:#020202;padding:5px 8px 5px;border-top:1px dotted #9a9a9a;background:#fff url(../images/accordionH3.png) no-repeat 587px 7px;margin:0;} #edito #content .accEdito h3.hover, #editoMosaique #content .accEdito h3.hover, #event #content .accEvent h3.hover{background:#f0f0f0 url(../images/accordionH3.png) no-repeat 587px -31px;cursor:pointer;} #edito #content .accEdito h3.active, #editoMosaique #content .accEdito h3.active, #event #content .accEvent h3.active{background:none;} #edito #content .accEdito p, #editoMosaique #content .accEdito p, #event #content .accEvent p{font:1.2em/1.7em "Arial",sans-serif;color:#3d3d3d;margin:10px 0 0;padding:0 16px 10px 8px;} #js #edito #content .accEdito div.accDiv, #js #editoMosaique #content .accEdito div.accDiv, #js #event #content .accEvent div.accDiv{display:none;overflow:hidden;padding-bottom:20px;} #edito #content .accEdito p img, #edito #content .accEdito div.accDiv img{float:left;margin:0 40px 10px 10px;} #editoMosaique #content .accEdito p img, #editoMosaique #content .accEdito div img{float:left;margin:0 40px 10px 10px;} #event #content .accEvent div.accDiv img{float:left;margin:10px 40px 10px 10px;padding-bottom:30px;background:url(../images/pictoFancyBox.png) no-repeat bottom right;} #edito #content .accEdito p a, #editoMosaique #content .accEdito p a, #event #content .accEvent p a{color:#007ffe;text-decoration:none;} #edito #content .accEdito p a:hover, #editoMosaique #content .accEdito p a:hover, #event #content .accEvent p a:hover{text-decoration:underline;} #event .eventResultat{float:right;background:blue;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#fff;margin:0 20px 40px;} #js #edito #content .accEdito div.accDiv table, #js #editoMosaique #content .accEdito div.accDiv table, #js #event #content .accEvent div.accDiv table{width:auto} #js #edito #content .accEdito div.accDiv table td, #js #editoMosaique #content .accEdito div.accDiv table td, #js #event #content .accEvent div.accDiv table td{vertical-align:top} #js #edito #content .accEdito div.accDiv table p, #js #editoMosaique #content .accEdito div.accDiv table p, #js #event #content .accEvent div.accDiv table p{font:1.2em/1.7em "Arial",sans-serif;color:#3d3d3d;margin:10px 0 0;padding:0 16px 10px 8px;} #js #edito #content .accEdito div.accDiv table img, #js #editoMosaique #content .accEdito div.accDiv table img, #js #event #content .accEvent div.accDiv table img{float:none;margin:0px;} #js #edito #content .accEdito div.accDiv table a, #js #editoMosaique #content .accEdito div.accDiv table a, #js #event #content .accEvent div.accDiv table a{color:#007ffe;text-decoration:none;} #js #edito #content .accEdito div.accDiv table a:hover, #js #editoMosaique #content .accEdito div.accDiv table a:hover, #js #event #content .accEvent div.accDiv table a:hover{text-decoration:underline;} #edito #content table, #editoMosaique #content table{} #edito #content table tr, #editoMosaique #content table tr{} #edito #content table td, #editoMosaique #content table td{font:1.2em "Arial", sans-serif;color:#3d3d3d;} #edito #aside, #editoMosaique #aside{} #event #aside{float:left;width:316px;} #eventSwf ul{width:296px;} #eventSwf ul li{padding:10px;display:block;width:100%;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;border-bottom:1px dotted #9a9a9a;} #eventSwf ul li a{ display:block;text-decoration:none;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#007ffe;} div.mosaique{float:left;width:140px;height:140px;background:#fff;border:1px dotted #9a9a9a;text-align:center;margin:0 5px;cursor:pointer;text-align:center;} div.mosaique span{height:90px;line-height:130px;display:block;margin:5px auto;} div.mosaique span img{max-width:80%;} div.mosaique p{font:1.3em Arial, sans-serif !important;color:#3d3d3d;margin:0 10px !important;} hr.mosaique{clear:both;margin:20px 0;visibility:hidden;} /*CONTACT*/ #contact #content{float:right;width:320px;border-left:8px solid #f3f1eb;background:#fff;padding:0 10px 0 15px;} #contact #content span.pageContact{display:block;margin:10px 0 10px;padding-bottom:10px;color:#007ffe;font-size:2.6em;border-bottom:1px dotted #9a9a9a;} #contact #content p{margin:0 10px;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;line-height:1.3;} #contact #content form.formContact{margin:25px 10px 150px;padding-bottom:25px;border-bottom:1px dotted #9a9a9a;} #contact #content form.formContact fieldset{position:relative;} .formContact label{display:block;float:left;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;margin-bottom:7px;width:100px;} .formContact span.fauxLabel{display:block;float:left;font:1.5em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;margin-bottom:7px;width:100px;} .formContact label.sujetContact{width:60px;margin-bottom:25px;} .formContact label.labelBox{width:auto;} .formContact label.labelRadio{width:auto;margin-right:0.6em;} .formContact input.inputText{width:160px;font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:13px;padding:0;} .formContact input.inputBox{width:1em;margin:0.5em 1em 13px 0;vertical-align:-2px;} .formContact input.inputRadio{width:1em;margin-right:0.3em;margin-bottom:13px;vertical-align:-2px;} .formContact select{font:1.3em "Arial", sans-serif;color:#454444;width:164px;margin-bottom:13px;} .formContact select.sujetContact{width:205px;margin-bottom:25px;} .formContact textarea{width:160px;font:1.3em "Arial", sans-serif;color:#454444;margin-bottom:0;padding:0;} .formContact small{font:1em "Arial", sans-serif;color:#828282;margin-top:5px;margin-left:100px;} .formContact .submitContact{display:block;width:89px;height:65px;background:url(../images/bt_contact.png);color:#fff;font-size:1.4em; font-weight:bold;text-align:center;padding-top:37px;padding-left:5px;text-transform:uppercase;text-decoration:none;position:absolute;bottom:-105px;right:30px;} #contact #content a.cnil{display:block;margin:0 0 10px;color:#007ffe;text-decoration:underline;font:1.1em "Arial", sans-serif;} #contact #content a.cnil:hover{text-decoration:none;} #contact #aside{float:left} /*PAGINATIONS*/ .paginationResult{float:right;margin:20px 15px 0 0;display:block;width:100px} #reserver #content .sejourHead .paginationResult{margin:7px 15px 0 0;} #IE6 .paginationResult, #IE7 .paginationResult{margin-top:20px;} .paginationResult select{border:1px solid #000;width:40px;font-size:1em;float:left;margin-bottom:5px;} .paginationResultPrev, .paginationResultNext{float:left;display:block;width:12px;height:13px;text-indent:-999em;vertical-align:2px;margin:3px 5px;} .paginationResultPrev{background:url(../images/pag_sejour.png) no-repeat top left} .paginationResultNext{background:url(../images/pag_sejour.png) no-repeat top right} .paginationAnnuaire{float:right;margin:15px 15px 0 0;display:block;width:120px} .paginationAnnuaireBottom{border-top:8px solid #f3f1eb;margin:7px 15px 7px 0;overflow:hidden;width:100%;} #IE6 .paginationAnnuaire, #IE7 .paginationAnnuaire{margin-top:15px;} .paginationAnnuaire select{border:1px solid #000;width:70px;font-size:1em;float:left;margin-bottom:5px;} .paginationAnnuairePrev, .paginationAnnuaireNext{float:left;display:block;width:12px;height:13px;text-indent:-999em;vertical-align:2px;margin:3px 5px;} .paginationAnnuairePrev{background:url(../images/pag_sejour.png) no-repeat top left} .paginationAnnuaireNext{background:url(../images/pag_sejour.png) no-repeat top right} #recherche .paginationResult{float:right;margin:15px 15px 5px 0;display:block;width:100px} #recherche #content a.paginationResultPrev, #recherche #content a.paginationResultNext{float:left;display:block;width:12px;height:13px;text-indent:-999em;vertical-align:2px;margin:2px 5px;} /*SITEMAP*/ #siteMapBlock{z-index:101;} #js #siteMapBlock{display:none;position:absolute;width:978px;top:-31px;left:-8px;background:#fff;border:1px solid #c3c3c3;border-top:0;} #js #home #siteMapBlock{top:-7px;} #js #IE6 #siteMapBlock{border-top:1px solid #c3c3c3;} #siteMapBlock ul.left{float:left;width:217px;margin:15px 0 0px 30px;} #IE6 #siteMapBlock ul.left{margin:15px 0 0px 15px;} #siteMapBlock ul.middle{float:left;width:217px;margin:15px 0 0px 15px;} #IE6 #siteMapBlock ul.middle{margin:15px 0 0px 7px;} #siteMapBlock ul.right{float:left;width:200px;padding:15px 25px 10px 0;} #siteMapBlock ul li{float:left;width:187px;margin:0 30px 15px 0;border-top:1px dotted #9a9a9a;padding:3px 0 3px;} #IE6 #siteMapBlock ul li{margin:0 15px 7px 0;} #siteMapBlock ul li a{font:1.3em Arial, sans-serif;font-weight:bold;color:#007ffe;text-decoration:none;} #siteMapBlock ul li ul{margin-top:5px;} #siteMapBlock ul li ul li{float:none;width:auto;margin:0;padding-left:5px;} #siteMapBlock ul li ul li a{font:1.2em Arial, serif;font-weight:normal;color:#3d3d3d;display:block;width:100%;} #siteMapBlock ul li ul li a:hover{color:#007ffe;} #siteMapBlock .siteMapEvent{float:left;display:block;border-left:1px solid #c3c3c3;margin-left:1px;padding:20px 0 41px 15px} .meteoCol{width:286px;float:left;border-right:8px solid #f3f1eb;background:#ffffff;padding:15px;} .meteoCol.last{border-right:0;} .meteoCol li{font:1.5em "arial";color:#2b2d36;font-weight:bold;} .meteoCol li span.fontified{font-size:1.3em;color:#007ffe;font-weight:normal;} /*::::::::: Plugins JS :::::::::*/ /*FANCYBOX*/ #popup{font:1.2em "Times New Roman", "Times Roman", Times, serif;color:#3d3d3d;line-height:1.3;} /*AJAX Popup Fancy*/ html, body{height:100%} div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; display:none; z-index:3000} * html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} div#fancy_wrap{text-align:left} div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:3001} div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../images/fancybox/fancy_progress.png') no-repeat} div#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:3000} div#fancy_loading_icon{position:absolute; background:url('../images/fancybox/fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px} div#fancy_outer{position:absolute; top:0; left:0; z-index:3002; padding:25px 40px 40px 40px; margin:0; overflow:hidden; background:transparent; display:none} div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #cccccc; background:#fff} div#fancy_content{margin:0; z-index:3002; position:absolute} div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100} img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:3002; width:100%; height:100%} div#fancy_close{position:absolute; top:-25px; right:-30px; height:30px; width:30px; background:url('../images/fancybox/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:3005; display:none} #fancy_frame{position:relative; width:100%; height:100%; display:none} #fancy_ajax{width:100%; height:100%; overflow:auto} a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:3003; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none} a#fancy_left{left:0px} a#fancy_right{right:0px} span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block} span#fancy_left_ico{/*left:-9999px;*/ left:-40px;background:transparent url('../images/fancybox/fancy_left.png') no-repeat} span#fancy_right_ico{/*right:-9999px; */right:-40px;background:transparent url('../images/fancybox/fancy_right.png') no-repeat} a#fancy_left:hover{ visibility:visible} a#fancy_right:hover{ visibility:visible} /*a#fancy_left:hover span{left:20px} a#fancy_right:hover span{right:20px}*/ .fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3000; border:0; padding:0; margin:0} div.fancy_bg{position:absolute; display:block; z-index:3000; border:0; padding:0; margin:0} div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x} div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat} div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y} div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat} div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x} div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat} div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y} div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat} div#fancy_title{position:absolute; bottom:-33px; left:0; width:100%; z-index:3000; display:none} div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px} div#fancy_title table{margin:0 auto} div#fancy_title table td{padding:0; vertical-align:middle} td#fancy_title_left{height:32px; width:15px; background:transparent url('../images/fancybox/fancy_title_left.png') repeat-x} td#fancy_title_main{height:32px; background:transparent url('../images/fancybox/fancy_title_main.png') repeat-x} td#fancy_title_right{height:32px; width:15px; background:transparent url('../images/fancybox/fancy_title_right.png') repeat-x} /*DATEPICKER*/ table.jCalendar {border-collapse: separate; border-spacing: 1px;} table.jCalendar th { background: #007ffe;color: #fff; font-weight: bold; padding: 3px 4px;border:1px solid #eee;} table.jCalendar td { background: #8fc6ff;color: #000;padding: 3px 4px;text-align: center;border:1px solid #eee;} table.jCalendar td.other-month { background: #d5d5d5; color: #595959;} table.jCalendar td.today { background: #007ffe;color: #fff;} table.jCalendar td.today.dp-hover {background: #948f95;color: #fff;} table.jCalendar td.selected {background: #1970C8;color: #fff;} table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #007ffe;color: #fff;border:1px solid #8f8f8f;} table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;} table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #d5d5d5;color: #aaa;border:1px solid #eee;} table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #bbb; color: #888;} /* For the popup */ div.dp-popup {position: relative; background: #eee;border:1px solid #acacac;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 162px;line-height: 1.2em;} *+html div.dp-popup {width: 162px;} /*For IE7*/ div#dp-popup { position: absolute;z-index: 10000;} #iframe div#dp-popup {left:10px !important;top:100px !important;margin-top:-3px;} div.dp-popup h2 { font-size: 12px;text-align: center; margin: 2px 0;padding: 0;} a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;} a#dp-close:hover {text-decoration: underline;} div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;} div.dp-popup div.dp-nav-prev { position: absolute; top: 2px;left: 4px; width: 100px;} div.dp-popup div.dp-nav-prev a {float: left;} /*Picto calendrier*/ a.dp-choose-date {width: 18px;height: 18px;padding: 0;margin: 1px 3px 0;display:inline-block;text-indent: -999em;overflow: hidden;background: url(../images/calendar.png) no-repeat;} #iframe a.dp-choose-date {width: 18px;height: 18px;padding: 0;margin: 1px 3px 0;display:inline-block;text-indent: -999em;overflow: hidden;background: url(../images/calendar.png) no-repeat;} a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;} /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;} div.dp-popup div.dp-nav-next { position: absolute; top: 2px;right: 4px;width: 100px;} div.dp-popup div.dp-nav-next a {float: right;} div.dp-popup a.disabled {cursor: default;color: #aaa;} div.dp-popup td {cursor: pointer;} div.dp-popup td.disabled {cursor: default;} /*CUSTOM CHECKBOX*/ .custom-checkbox{ position: relative; } .custom-checkbox input{position:absolute;margin:0;z-index:0;} .custom-checkbox label {display:block;position:relative;padding-left: 25px;line-height:1.5em;padding-top:4px;} .custom-checkbox label {background:url(../images/checkbox.gif) no-repeat;} .custom-checkbox label{background-position: -10px -14px;} .custom-checkbox label.hover, .custom-checkbox label.focus{background-position: -10px -114px;} .custom-checkbox label.checked{background-position: -10px -214px;} .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {background-position: -10px -314px;} /* Easy Slider */ #sliderwrap{position:relative;overflow:hidden;width:300px;background:url(../images/sejour_slider.png) no-repeat bottom right;margin-bottom:25px;} #content #slider ul, #content #slider li{margin:0;padding:0;list-style:none;} #content #slider, #content #slider li{ width:318px;overflow:hidden; } #slider{padding-bottom:19px;} #slider ul{overflow:hidden;height:211px;} #content #slider li{margin:0 !important;padding:0 !important;} #slider li a img{ width:318px;margin-bottom:20px;} span#prevBtn a{background:url(../images/bt_retour.png) no-repeat center center;bottom:1px;display:block;height:15px;position:absolute;right:29px;text-indent:-999em;width:22px;cursor:pointer;} span#nextBtn a{background:url(../images/bt_suite.png) no-repeat center center;bottom:1px;display:block;height:15px;position:absolute;right:2px;text-indent:-999em;width:22px;cursor:pointer;} /* // Easy Slider */ #reserver td.titre_formulaire span.pageEdito{color:#007ffe !important;} .webcamOf{margin-top:95px;border-top:8px solid #f3f1eb;} .webcamOf a{background:#0080ff;} .webcamOf img{float:left;width:478px;} .webcamOf img.webcamOfFirst{border-right:8px solid #f3f1eb;} #videoPlayerContainer{margin-left:-10px;} /* // Cross selling // */ #cross_selling table tr td{padding:0;vertical-align:top} .texte_presentation {color:#3D3D3D;font:22px "Times New Roman","Times Roman",Times,serif;padding:15px !important;} .resultat_cross_selling {color: #a13000;background-color: #eeeada;padding: 10px 15px 12px 15px;margin: 0px 0px 0px 0px;} .tableau_rubrique_cross_selling {border-bottom:8px solid #F3F1EB;width: 100%;padding:14px 14px 50px} .tableau_rubrique_cross_selling td{padding:0.5em !important} td.descriptif_rub_cross_selling img{margin-left:15px} #tab_cross_selling {width: 100%;} .titre_rubrique_cross_selling {height:35px;padding: 0 5px 10px;} .titre_rubrique_cross_selling td.titre_rubrique_left{text-align : left !important;} .titre_rubrique_cross_selling td.titre_rubrique_right{text-align:right !important;} .titre_rubrique_left .lien_rubrique_cross_selling, .titre_rubrique_left .lien_rubrique_cross_selling:hover, .titre_rubrique_left .lien_rubrique_cross_selling:visited, .titre_rubrique_left .lien_rubrique_cross_selling:link{color:#007FFE;font:15px "Times", serif;padding-bottom: 5px;text-transform:uppercase;text-decoration:none;} .titre_rubrique_left .lien_rubrique_cross_selling img{vertical-align:middle;margin-right:5px;} .lien_rubrique_cross_selling, .lien_rubrique_cross_selling:hover, .lien_rubrique_cross_selling:visited, .lien_rubrique_cross_selling:link{color:#007FFE;font:13px "Arial",sans-serif;padding-bottom: 5px;} .descriptif_rub_cross_selling {color:#3D3D3D;font:1.1em "Arial",sans-serif;padding:0.5em;} .descriptif_rub_cross_selling div, .descriptif_rub_cross_selling p{width:530px} .fiche_produit_cross_selling {margin-top: 10px;width:100% !important} .fiche_produit_cross_selling td{padding:0.5em} .fiche_produit_cross_selling tr td table{margin:0} #content .fiche_produit_cross_selling #slider{padding:0;width:auto} #content .fiche_produit_cross_selling #slider ul{height:auto} #content .fiche_produit_cross_selling #slider ul li{float:left;width:112px;height:75px;margin:0 10px 10px 0 !important;overflow:hidden;} #content .fiche_produit_cross_selling #slider ul li a img{width:112px;} .ligne_prestation {margin: 5px;} td.titre_prestation_cross_selling {font:bold 13px "Arial", sans-serif;text-transform: uppercase;color:#3d3d3;border-top:1px solid #3D3D3D;line-height:1.5em;} #tabFicheHotelChambreCross {color: #3D3D3D;} #tabFicheHotelChambreCross td {color: #3D3D3D;} #tabFicheHotelChambreCross td {color:#3D3D3D;} #tab-formules-resa td {border-bottom:1px dashed #3d3d3d;font:normal 12px "Arial", sans-serif;padding-bottom:5px;} #formule select{margin-right:10px;margin-top:-11px;font-size:12px} #tab-formules-resa td.case_prix{color:#007FFE;font:1.3em "Times New Roman","Times Roman",Times,serif;} #tab-formules-resa .cell_confirme_formule{text-align:right;} /* FIN CROSS SELLING */