/* ************************* */ /* STYLES */ /* *********************** */ /* GLOBAL */ html{ padding:0; margin:0; } body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; text-align:center; color:#333333; background-color:inherit; background:url(/assets/images/bg.gif) repeat-x 0 0;} /* Gestion des titres */ h1, h2,h3, h4, h5, h6,dl, dt, dd, img, p{ padding:0; margin:0; list-style:none;} p.clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0} ul, li { padding:0; margin:0; list-style:none; } a img { border:none;} .clear{clear:both; height:0; margin:0; padding:0; font-size:0.1em;} /* Gestion des formulaires */ fieldset{ padding:0; margin:0; border: none; } .input{ color:#a4a493;background-color:#fff; } .select{ color:#a4a493;background-color:#fff; } .textarea{ color:#a4a493;background-color:#fff; } textarea {font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:11px;} .input{ padding:2px 0 0 2px; height:17px; border:1px solid #7f9db9; color:#2c6161; background-color:#fff; font-size:12px} .select{ height:22px; border:1px solid #7f9db9; color:#2c6161; background-color:#fff; font-size:12px} p.error {color: #C00; font-weight:bold;margin: 10px 0} /* container */ .container{ width:967px; min-height:700px; margin:0 auto; text-align:left; position:relative} * html .container { height:700px;} /* home */ .home{padding-left:16px !important;} /* mainpage */ .mainpage{ width:967px; } /* header */ .header { width:967px; background:url(/assets/images/container_bg.png) repeat-y;} .header .banner{ width:954px; /*height:186px; */background:url(/assets/images/header.jpg) no-repeat 0 0; margin-left:6px; position:relative;} .header .homepage{ background:none !important;} .header .homepage{ height:375px !important;} .header .banner .espace-adherent{width:133px; height:29px; position:absolute; right:10px; top:-4px; z-index:50} .header .banner .espace-adherent p{background:url("/assets/images/btn_espace_adherent.png") no-repeat scroll 0 0; color:#FFFFFF; display:block; font-size:12px; height:24px; padding:5px 0 0; text-align:center; text-decoration:none;} .header .banner .espace-adherent p a{color:#fff; text-decoration:none;} .header .banner .logo a { display:block; width:195px ;height:55px; background:url(/assets/images/logo.gif) no-repeat 0 0; position:absolute; right:10px; top:63px; z-index:50} .header .banner .logo a span{ display:none;} .header .banner .logo-img { width:208px; height:58px; position:absolute; right:10px; top:55px; z-index:50; display:none;} .header .banner .langbar { width:180px; height:14px; position:absolute; right:10px; top:38px; z-index:50} .header .homepage .langbar { width:180px; height:14px; position:absolute; left:42px; top:20px; z-index:50} .header .banner .langbar ul{ float:right} .header .homepage .langbar ul{ float:left !important;} .header .banner .langbar ul li{ display:inline;} .header .banner .langbar ul li a { display:block; width:24px; height:14px; float:left; margin-right:5px; text-decoration:none} .header .banner .langbar ul li a span{ display:none;} .header .banner .langbar ul li.english a{ background:url(/assets/images/picto/picto_english.gif) no-repeat 0 0} .header .banner .langbar ul li.french a{ background:url(/assets/images/picto/picto_french.gif) no-repeat 0 0} .header .banner .langbar ul li.deutch a{ background:url(/assets/images/picto/picto_deutch.gif) no-repeat 0 0} /* Barre des menus */ .mainnav{ clear:both; float:none; width:961px; padding-left:6px; background:url(/assets/images/container_bg.png) repeat-y;} .mainnav .menu {border-top:1px solid #fff; border-bottom:1px solid #fff; width:954px;background-color:#075287; color:#fff;height:28px; } .mainnav .menu ul{} .mainnav .menu ul li{ display:inline;} .mainnav .menu ul li a { display:block; float:left; height:28px; border-right:1px solid #fff; font-size:13px; background-color:#075287; color:#fff; text-decoration:none; line-height:2em; padding:0 10px; padding:0 74px; } .mainnav .menu ul li a:hover,.mainnav ul li.active a { color:#fff; background-color:#2ec1d1;} .mainnav .menu ul li.last a { border-right:none; } #en .mainnav .menu ul li a { padding: 0 14px; } .mainnav .menu ul.connexion { float:right;} .mainnav .menu ul.connexion li a { display:block; float:left; height:28px; font-size:13px; border:none; background-color:#075287; color:#fff; text-decoration:none; line-height:2em; padding:0 15px 0 15px; background:url(/assets/images/disc.gif) no-repeat 0 12px;} .mainnav .menu ul.connexion li a:hover,.mainnav ul.connexion li.active a { text-decoration:underline;background-color:#075287; color:#fff;} /* wrapper */ .wrapper { width:960px; padding-left:7px; background:url(/assets/images/container_bg.png) repeat-y; clear:both; float:none} /* footer */ .footer { position:relative; width:967px; background:url(/assets/images/footer.png) no-repeat 0 0; height:32px; clear:both; float:none;} .footer ul{ text-align:center; padding:7px 0 0 0;} .footer ul li { color:#fff; background-color:#2ec1d1; font-size:12px; list-style:none; display:inline; padding-left:4px} .footer ul li a{ color:#fff; background-color:#2ec1d1; font-size:12px; text-decoration:none; padding-right:3px;} .footer ul li a:hover { text-decoration:underline;} .footer .logo_dg { position:absolute; right:15px; top:5px; } /* gestion des couleurs */ .rouge{ color:#dd264a!important; background-color:inherit;} .bleu{ color:#2ec1d1!important; background-color:inherit;} .jaune{ color:#f2c200!important; background-color:inherit;} .vert{ color:#add22d!important; background-color:inherit;} .violet{ color:#663399!important; background-color:inherit;} .orange{ color:#ff6600!important; background-color:inherit;} .block-sejour h1.rouge{ color:#dd264a!important; background-color:inherit; border-bottom:1px solid #dd264a!important} .block-sejour h1.bleu{ color:#2ec1d1!important; background-color:inherit; border-bottom:1px solid #2ec1d1!important} .block-sejour h1.jaune{ color:#f2c200!important; background-color:inherit; border-bottom:1px solid #f2c200!important} .block-sejour h1.vert{ color:#add22d!important; background-color:inherit; border-bottom:1px solid #add22d!important} .block-sejour h1.violet{ color:#663399!important; background-color:inherit; border-bottom:1px solid #663399!important} .block-sejour h1.orange{ color:#ff6600!important; background-color:inherit; border-bottom:1px solid #ff6600!important} /* bouton poursuivre */ .poursuivre { height:70px; width:100%;} .poursuivre a { display:block; background:#5ccfdb url(/assets/images/btn_poursuivre.gif) no-repeat 0 0; width:138px; height:21px; text-align:center; color:#fff; text-decoration:none; font-size:12px; padding:2px 0 0 0; margin:20px 0 0 0; float:right;} /* file links */ .fdownload { text-align:left; margin:5px 0px 5px 0px; } .fdownload .title { font-weight:bold; margin-bottom:-5px; } a.flink { display:inline-block; padding-left:20px; line-height:16px; text-decoration:none; font-weight:normal; background:transparent url(/assets/images/ft/default.gif) center left no-repeat; } a.flink:hover { text-decoration:underline; } a.flink[href$='.doc'] { background-image:url(/assets/images/ft/doc.gif); } a.flink[href$='.docx'] { background-image:url(/assets/images/ft/docx.gif); } a.flink[href$='.pdf'] { background-image:url(/assets/images/ft/pdf.gif); } a.flink[href$='.pps'] { background-image:url(/assets/images/ft/pps.gif); } a.flink[href$='.ppt'] { background-image:url(/assets/images/ft/ppt.gif); } a.flink[href$='.rar'] { background-image:url(/assets/images/ft/rar.gif); } a.flink[href$='.rtf'] { background-image:url(/assets/images/ft/rtf.gif); } a.flink[href$='.xls'] { background-image:url(/assets/images/ft/xls.gif); } a.flink[href$='.xlsx'] { background-image:url(/assets/images/ft/xlsx.gif); } a.flink[href$='.zip'] { background-image:url(/assets/images/ft/zip.gif); } /* ************************ */ /* COL GAUCHE 170px */ /* ********************** */ .col170px{ width:170px; float:left; height:800px; } /* sous menu */ .subnav{ width:148px;} .subnav h1 { width:146px; margin:0 0 1px; background-color:#2ec1d1; color:#fff; font-size:15px; text-align:center; font-weight:bold; padding:8px 0;} /* niveau 1 */ .subnav ul { width:146px; margin:1px 0 1px 0;} .subnav ul li { display:inline;} .subnav ul li a { display:block; width:131px; min-height:18px; background:#0b9cce url(/assets/images/mainnav_ul_a.gif) no-repeat bottom; color:#fff; text-decoration:none; border-bottom:1px solid #fff; font-size:11px; padding:5px 0 2px 15px} * html .subnav ul li a{ height:18px;} .subnav ul li a:hover { background:url(/assets/images/mainnav_ul_a.gif) no-repeat top; } .subnav ul li.active a { background:url(/assets/images/mainnav_ul_a.gif) no-repeat top; margin-bottom:0;} .subnav ul li.bottom{ display:block; width:146px; height:25px; background: url(/assets/images/mainnav_bottom.gif) no-repeat 0 0; } /* niveau 2*/ .subnav ul li ul { width:146px; margin:0 0 1px 0} .subnav ul li ul li a{ background: url(/assets/images/mainnav_ul_ul_a.gif) no-repeat 0 -36px!important; width:113px; min-height:16px; margin:0; padding:2px 0 0 33px; border:none} * html .subnav ul li ul li a { height:16px;} .subnav ul li ul li a:hover,.subnav ul li ul li.active a{ background: url(/assets/images/mainnav_ul_ul_a.gif) no-repeat 0 0!important;} /* newsletter */ .col170px .block-newsletter, .colcenter225px .block-newsletter { background:#34c3d2 url(/assets/images/block_newsletter.gif) no-repeat; width:146px; height:146px; margin:20px 0 0 0; color:#fff;} .colcenter225px .block-newsletter { background:#F1FBFC url(/assets/images/block_newsletter2.gif) no-repeat; width:auto !important;} .colcenter225px .block-newsletter form { display:block; padding-top:35px;} .col170px .block-newsletter .f1{ width:138px; padding:35px 0 0 8px} .colcenter225px .block-newsletter .f1 { width:auto; margin-left:8px;} .col170px .block-newsletter .f1 p{ margin:1px 0 5px 0; padding:0} .colcenter225px .block-newsletter .f1 p{ margin:12px 0 5px 0; padding:0; float:left;} .col170px .block-newsletter .f1 label, .colcenter225px .block-newsletter .f1 label { color:#fff; background-color:inherit; margin:0 0 3px 0; display:block;} .col170px .block-newsletter .f1 .input, .colcenter225px .block-newsletter .f1 .input{ height:20px; width:128px;} .col170px .block-newsletter .boutton, .colcenter225px .block-newsletter .boutton{ background:url(/assets/images/btn_valider.gif) no-repeat 0 0; text-align:center; color:#fff; background-color:#2c6161; width:57px; height:19px; border:none;} .colcenter225px .block-newsletter .boutton{ margin:50px 0 0 10px;} /* breadcrumb */ .breadcrumb { margin:14px 0 15px 0} .breadcrumb ul{ padding:0; margin:0;} .breadcrumb li{ padding:0; margin:0; display:inline; list-style:none; font-size:smaller;} .breadcrumb li a{text-decoration:none; background: url(/assets/images/breadcrumb_a.gif) no-repeat 0 5px; padding-left:8px; padding-right:4px; color:#333333; background-color:inherit; } .breadcrumb li.fake span{text-decoration:none; background: url(/assets/images/breadcrumb_a.gif) no-repeat 0 5px; padding-left:8px; padding-right:4px; color:#333333; background-color:inherit; } .breadcrumb li.start a{ background-image:none; padding-left:0} .breadcrumb li a span{ font-weight:normal; display:inline} .breadcrumb .selected{ color:#A6A6A6;} .breadcrumb li a:hover{ text-decoration:underline;} /* block-rouge */ .block-flash{ width:146px; margin:17px 0 0 0 } .block-flash .top{ width:146px; height:28px;} .block-flash .top h3 { font-size:13px; font-weight:bold; text-align:center; margin:0; padding:7px 0 0 0;color:#fff; background-color:inherit;} .block-flash .center{ width:146px; min-height:119px;} * html .block-flash .center { height:119px;} .block-flash .center .image { text-align:center; margin:0 0 13px 0} .block-flash .center h1 { font-size:13px; font-weight:bold; text-align:center; margin:0 0 10px 0} .block-flash .center p{ width:138px; padding-left:5px; padding-bottom:10px; } .block-flash .center p.ensavoirplus { text-align:right; padding-right:10px; width:130px; padding-bottom:0;} .block-flash .center p a { text-decoration:none; width:130px; text-align:right; color:#fff; background-color:inherit; } .block-flash .center p a:hover { text-decoration:underline;} .block-flash .center p.txtcenter{ text-align:center;} .block-flash .center p.ensavoirplus a { text-decoration:none; width:130px; text-align:right; color:#fff; background-color:inherit; } .block-flash .center p.ensavoirplus a:hover { text-decoration:underline;} .block-flash .bottom{ width:146px; height:13px; font-size:1px;} .block-red{ width:146px; background-color:#dd264a; color:#fff;} .block-red .top{ background:url(/assets/images/blockrouge_top.gif) no-repeat 0 0;} .block-red .center{ width:146px; background:#dd264a url(/assets/images/blockrouge_center.gif) no-repeat 0 0; min-height:119px; color:#fff;} .block-red .bottom{ width:146px; background:url(/assets/images/blockrouge_bottom.gif) no-repeat 0 0; height:13px;} .block-red{ width:146px; background-color:#0b9cce; color:#fff} .block-blue .top{ background:url(/assets/images/blockblue_top.gif) no-repeat 0 0;} .block-blue .center{ width:146px; background:#0b9cce url(/assets/images/blockblue_center.gif) no-repeat 0 0; min-height:119px; color:#fff;} .block-blue .bottom{ width:146px; background:url(/assets/images/blockblue_bottom.gif) no-repeat 0 0; height:13px;} /* ************************ */ /* COL CENTRE 603px */ /* ********************** */ .page-layout-1 .col603px { width:784px } .col603px{ width:603px; float:left; min-height:700px; } * html .col603px{height:700px; } /* ************************ */ /* COL CENTRE 954px */ /* ********************** */ .col954px{ width:954px; float:left; min-height:700px; } * html .col954px{height:700px; } /* BLOCK TITRE */ .block-titre { width:590px; height: 80px;} .block-titre h1{ font-size:22px; font-weight:bold; color:#0b9cce; background-color:inherit; margin:0 0 10px 0; padding:0;width:590px;} .block-titre h2 { font-size:12px; color:#0b9cce; background-color:inherit; margin:0 0 30px 0; padding:0; width:590px;} .block-titre p{color:#0b9cce; background-color:inherit; margin:0 0 10px 0;} /* BLOCK ONGLETS */ .block-onglets { clear:both; float:none; margin:20px 0 20px 0 ; } * html .block-onglets {margin:0 0 10px 0 ; } .block-onglets .top { height:45px; margin:0 0 7px 0; background:#fff url(/assets/images/btn_bottom.png) repeat-x; } .block-onglets .top .dispo-resa { float: right; } /* BLOCK EVENEMENT */ .block-evenement { width:590px; clear:both; float:none; margin:0 0 20px 0 ; } * html .block-evenement {margin:0 0 10px 0 ; } .block-evenement .top { width:590px; height:35px; border-bottom:1px solid #075287; border-bottom-style:dotted; margin:0 0 7px 0} .block-evenement .top h2{ width:435px; float:left; height:21px; margin:14px 0 0 0; font-size:14px; color:#075287; background-color:inherit; font-weight:normal;} .block-evenement .top h2 span{ display:block; height:21px; background:#1987ac url(/assets/images/blockevenement_span.gif) repeat-x; color:#fff; text-align:center; float:left; margin-right:5px; font-size:14px; font-weight:normal; line-height:1.6em; padding:0 8px} .block-evenement .top .vote { height:35px; float:right; width:150px} .block-evenement .top .vote a { display:block; background:url(/assets/images/vote.gif) no-repeat 0 0; width:43px; height:20px; font-size:12px; color:#fff; background-color:inherit; padding:15px 0 0 35px; text-decoration:none; float:right} .block-evenement .top .vote .etoiles{ padding:18px 0 0 0; font-size:11px; color:#075287; background-color:inherit; float:right; } .block-evenement .top .vote .etoiles img{ width:80px; height:12px; vertical-align: middle} .block-evenement .block-left { width:315px; float:left; min-height:140px} .block-evenement .block-left2 { width:190px; float:left; min-height:140px} .block-evenement .block-right { width:266px; float:left; min-height:140px} * html .block-evenement .block-left { height:140px} * html .block-evenement .block-right {height:140px} .block-evenement .block-right p { font-size:12px; margin:0 0 3px 0; padding:0;} .block-evenement .block-right p.details a { text-decoration:none; background:url(/assets/images/details.gif) no-repeat 0 3px; display:block; width:235px; height:12px; padding:0 0 0 12px; color:#2ec1d1; background-color:inherit; font-weight:bold; } .block-evenement .block-right p.details a:hover{ text-decoration:underline;} .block-evenement .block-right p.ajoutcommentaire { background:url(/assets/images/picto/picto_ajout_comment.gif) no-repeat 0 0; height:19px; width:200px; text-decoration:none; display:block; color:#333333; background-color:inherit; margin:10px 0 10px 0; padding:0 0 0 30px; height:19px;} .block-evenement .block-right p.ajoutcommentaire a { text-decoration:none; display:block; color:#333333; background-color:inherit; } .block-evenement .block-right p.ajoutcommentaire a:hover{ text-decoration:underline;} .block-evenement .block-right p.pageprecedente a {text-decoration:none; background:url(/assets/images/details.gif) no-repeat 0 3px; display:block; width:235px; height:12px; padding:0 0 0 12px; color:#333; background-color:inherit; margin:35px 0 0 0 } .block-evenement .block-right p.pageprecedente a:hover{ text-decoration:underline;} .block-evenement .block-right p.ajouter { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_carnet.jpg) no-repeat; padding:17px 10px 10px 60px; } .block-evenement .block-right p.ajouter a { color:#fff; font-size:11px; text-decoration:none; } .block-evenement .block-right p.ajouter a:hover { text-decoration:underline; } .block-evenement .block-right p.supprimer { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_carnet2.jpg) no-repeat; padding:17px 10px 10px 60px; } .block-evenement .block-right p.supprimer a { color:#fff; font-size:11px; text-decoration:none; } .block-evenement .block-right p.supprimer a:hover { text-decoration:underline; } .block-evenement .block-right p.mettrecommentaire a{ text-decoration:none; background:url(/assets/images/details.gif) no-repeat 0 3px; display:block; width:235px; height:12px; padding:0 0 0 12px; color:#333333; background-color:inherit; margin:10px 0 0 0; } .block-evenement .block-right p.mettrecommentaire a:hover{ text-decoration:underline} .block-evenement .block-right p.type1 a { background:url(/assets/images/btn_carnet.jpg) no-repeat 0 0; } .block-evenement .block-right p.type2 a { background:url(/assets/images/btn_carnet2.jpg) no-repeat 0 0; } .block-evenement .block-right p.ajoutpannier a:hover{ text-decoration:underline;} /* les commentaires */ h3.titrecommentaire { clear:both; float:none; margin:0; padding:0; font-size:12px; font-weight:bold; color:#2ec1d1; background-color:inherit; border-bottom:1px solid #2ec1d1; background: url(/assets/images/h3degrad.jpg) no-repeat bottom; width:312px; height:20px} .col603px p.retourhautpage { clear:both; float:none; height:30px; margin:10px 0 0 0} .col603px p.retourhautpage a { color:#2ec1d1; background-color:inherit; text-decoration:none;} .col603px p.retourhautpage a:hover { text-decoration:underline;} /* block commentaires */ .block-commentaires { margin:20px 0 0 0; width:100%; clear:both; float:none; } .block-commentaires .colleft { width:140px; float:left;} .block-commentaires .colleft p{ font-size:12px; color:#5ccfdb; background-color:inherit; text-align:right;} .block-commentaires .colright{ margin:0 0 0 15px; /*width:424px;*/ float:left;} .block-commentaires .colright h4 { font-size:12px; font-weight:bold;} .block-commentaires .colright p.date{ color:#999; background-color:inherit;} /* BLOCK SEJOUR */ .block-sejour {width:580px; clear:both; float:none; margin:0 0 33px 0; min-height:180px;} * html .block-sejour { height:180px;} .block-sejour h1 { font-size:18px; color:#2ec1d1; background-color:inherit; border-bottom:1px solid #2ec1d1; margin:0 0 12px 0; padding:0} .block-sejour .block-left { width:235px; float:left;} .block-sejour .block-left .details a { width:136px; height:21px; background:#5ccfdb url(/assets/images/btn_detail.gif) no-repeat 0 0; color:#fff; font-weight:bold; text-align:center; padding:2px 0 0 0; display:block; margin:14px 0 0 0; text-decoration:none; text-transform:uppercase;} .block-sejour .block-right { width:345px; float:left;} .block-sejour p{margin:0 0 15px 0; padding:0} /* TOP 10 */ h1.decouvertetitre { font-size:13px; font-weight:bold; color:#5ccfdb; background-color:inherit; margin:0 0 15px 0} .block-top10 { width:580px; clear:both; float:none; } .block-top10 .colleft { width:305px; float:left;} .block-top10 .colleft h6 { margin:0 0 2px 0; width:300px; padding:0;} .block-top10 .colleft h1 { margin:0 0 2px 0; width:300px; padding:0;} .block-top10 .colleft p.votez{ height:15px; margin:0 0 2px 0; width:300px;} .block-top10 .colleft p.votez span{ } .block-top10 .colleft p.votez span img{ padding-left:10px; vertical-align:middle } .block-top10 .colcenter { width:80px; float:left; margin-right:25px; margin-top:20px} .block-top10 .colcenter .vote a { display:block; background:url(/assets/images/vote.gif) no-repeat 0 0; width:43px; height:20px; font-size:12px; color:#fff; background-color:inherit; padding:15px 0 0 35px; text-decoration:none; float:right} .block-top10 .colcenter .vote .etoiles{ padding:18px 0 0 0; font-size:11px; color:#075287; background-color:inherit; float:right; } .block-top10 .colcenter .vote .etoiles img{ width:80px; height:12px; vertical-align: middle} .block-top10 .colright { width:104px; float:left; margin-top:7px} .block-top10 .colright p.ajoutpannier a { width:104px; height:34px; background:url(/assets/images/btn_carnet.jpg) no-repeat 0 0; color:#fff; background-color:inherit; padding:19px 0 0 65px; text-decoration:none; display:block; } .block-top10 .colright p.ajoutpannier a:hover{ text-decoration:underline;} .block-top10 .colright p.type1 a { background:url(/assets/images/btn_carnet.jpg) no-repeat 0 0; } .block-top10 .colright p.type2 a { background:url(/assets/images/btn_carnet2.jpg) no-repeat 0 0; } /* n1 */ .block-top10 .n1{ border-bottom:1px solid #5ccfdb; border-top:1px solid #5ccfdb; height:75px; padding:5px 0 0 0 } .block-top10 .n1 .colleft h6 { font-size:18px; font-weight:bold; color:#5ccfdb; background-color:inherit; } .block-top10 .n1 .colleft h1 { font-size:18px; color:#0b9cce; background-color:inherit; font-weight:bold; } .block-top10 .n1 .colleft p.votez{ font-size:11px;color:#075287; background-color:inherit; } /* n2 */ .block-top10 .n2{ border-bottom:1px solid #333333; padding:5px 0 0 0; height:64px } .block-top10 .n2 .colleft h6 { font-size:12px; color:#666666; background-color:inherit; font-weight:bold; } .block-top10 .n2 .colleft h1 { font-size:14px; color:#333; background-color:inherit; font-weight:bold; } .block-top10 .n2 .colleft p.votez{ font-size:11px;color:#333; background-color:inherit;} /* Block de texte */ .block-detexte{ margin:0 0 0 10px; color:#0b9cce; background-color:inherit;} .block-detexte p{ margin:0 0 10px 0} .block-detexte p a{ text-decoration:underline;} .block-detexte h2 { margin:20px 0 5px 0; padding:0; font-size:14px; color:#0b9cce; background-color:inherit;} .block-detexte ul { margin:0 0 0 20px} .block-detexte ul li { list-style:square; padding:0 0 2px 0; color:#0b9cce; background-color:inherit;} .block-detexte ul li a { color:#333; background-color:inherit; text-decoration:none;color:#0b9cce; background-color:inherit;} .block-detexte ul li a:hover { text-decoration:underline;} /* ************************ */ /* COL DROITE 775px */ /* ********************** */ .col775px{ width:775px; float:left; min-height:500px; } * html .col775px { height:500px;} .col775px .wpt-voircarnet2 { width:181px; height:140px; position:relative;} .col775px .wpt-voircarnet2 .bg{ position:absolute; z-index:50; width:200px; top:0; left:-20px; } .col775px .wpt-voircarnet2 .bg h6 { font-size:14px; margin:4px 0 0 35px; font-weight:normal; width:150px; } .col775px .wpt-voircarnet2 .bg a{ text-decoration:none; color:#fff; background-color:inherit;} .col775px .wpt-voircarnet2 .bg a:hover{ text-decoration:underline;} .col775px .wpt-voircarnet2 .bg p{ font-size:11px; margin: 8px 15px 0 0; } .col775px .wpt-voircarnet2 .bg .add-carnet, .wpt-voircarnet2 .bg .reco { margin-top: 10px; } .col775px .wpt-voircarnet2 { position:absolute; right:6px; /*top:216px;*/} .colleft419px { width:419px; /*min-height:500px;*/ float:left; } * html .colleft419px { height:500px; } .colleft419px .blockdonnees { width:400px; min-height:25px; padding:10px 0 10px 0; color:#000; background-color:#F9F5F2; margin:0 0 5px 0; clear:both; float:none; } * hml .colleft419px .blockdonnees { height:25px} .colleft419px .blockdonnees ul { width:375px; margin-left:20px; font-size:12px; color:#000; background-color:inherit; } .colleft419px .blockdonnees ul li.titre{ font-weight:bold; font-size:13px ; color:#2ec1d1; background-color:inherit; } .colleft419px .blockdonnees ul li p { font-size:12px; margin:10px 0; } .colleft419px .blockdonnees ul li a { color:#000; background-color:inherit; text-decoration:underline; } .colleft419px .blockdonnees ul li .picto-left { float: left; margin: 5px 10px 10px 0} .colleft419px .blockdonnees.description h3 {margin:0; padding:0; font-weight:bold;font-size:12px; color: #2BC1D0;} /*.colleft419px .blockdonnees .tooltip {position: relative;z-index: 9996;border:1px solid red;}*/ /* services */ .colleft419px .blockdonnees ul.services { width:350px; } .colleft419px .blockdonnees ul.services li { display:inline; position:relative; margin:3px; } .colleft419px .blockdonnees ul.services li .tip { display:none; position:absolute; top:-150px; left:-20px; width:180px; border:1px solid #e1e1e1; background-color:#fff; color:#0B9CCE; z-index:9996; padding:3px; } /* commentaires */ .colleft419px .blockdonnees ul li.titre.comments { background:url(/assets/images/comment_underline.png) no-repeat left bottom; } .colleft419px .blockdonnees ul li.ask, .colleft419px .blockdonnees .ask{ clear:both; float:right; background:url(/assets/images/picto/pct_ask_24x24.png) no-repeat left; width:130px; height:26px; text-align:right; padding-top:10px; margin-right:10px;} .colleft419px .blockdonnees ul li.ask a { text-decoration:none; font-size:12px; } .colleft419px .blockdonnees ul li.comment { clear:both; padding-top: 8px; float:left;} .colleft419px .blockdonnees ul li.comment p{ margin:0;} .colleft419px .blockdonnees ul li.comment .name{ color:#2EC1D1; float:left; overflow: hidden; width:100%; text-align:left;} .colleft419px .blockdonnees ul li.comment .content{ float:left; width: 300px;} .colleft419px .blockdonnees ul li.comment .content .note { font-weight:bold; width:150px; margin-bottom:10px; text-align:left; padding-right: 80px; } .colleft419px .blockdonnees ul li.comment .content .note.stars { height:12px; background:url(/assets/images/etoiles.png) no-repeat center top; } .colleft419px .blockdonnees ul li.comment .content .note.star1 { background-position:center -12px; } .colleft419px .blockdonnees ul li.comment .content .note.star2 { background-position:center -24px; } .colleft419px .blockdonnees ul li.comment .content .note.star3 { background-position:center -36px; } .colleft419px .blockdonnees ul li.comment .content .note.star4 { background-position:center -48px; } .colleft419px .blockdonnees ul li.comment .content .note.star5 { background-position:center -60px; } .colleft419px .blockdonnees ul li.comment .content .date { color:#8b8b8b; margin:0 0 10px 0; } .colleft419px .blockdonnees.white { width:400px; min-height:25px; padding:0px 0 10px 0; color:#000; background-color:#fff; margin:0 0 5px 0; clear:both; float:none; } .colleft419px .blockdonnees.white.medias { text-align:center; } * hml .colleft419px .blockdonnees.white { height:25px} .colleft419px .blockdonnees.white p.titre{ text-align:left; font-weight:bold; font-size:13px ; color:#2ec1d1; background-color:#efe9e0; padding:3px 0 3px 20px; margin-bottom:5px;} .colleft419px .blockdonnees.white .picture, .colleft419px .blockdonnees.white .video{ float:left; width: 180px; margin: 5px 5px 5px 10px;} .colleft419px .blockdonnees.white .picture img{ width:185px;} .colleft419px .blockdonnees.white .formblock{ text-align:left; } .blockgalerie { width:419px;} .blockgalerie .image { width:410px; height:225px; margin-bottom:16px;} .blockgalerie .thumb { width:419px; margin:0 0 25px 0; height:64px;} .blockgalerie .thumb ul {width:410px;} .blockgalerie .thumb ul li { display:inline;} .blockgalerie .thumb ul li a { display:block; float:left; width:104px; height:64px; margin:0 15px; display:inline} .col775px .blockdetexte { width:390px; clear:both; float:none;} .col775px .blockdetexte h2 { font-size:13px; font-weight:bold; color:#2ec1d1; background-color:inherit; margin:0 0 5px 0} .col775px .blockdetexte p{ font-size:12px;color:#333; background-color:inherit; margin:0 0 12px 0 } /* ************************ */ /* colright355px */ /* ********************** */ .colright355px { width:355px; float:right; } /*.colright355px p.ajoutpannier a { width:104px; height:34px; background:url(../images/btn_carnet.jpg) no-repeat 0 0; color:#fff; background-color:inherit; padding:19px 0 0 65px; text-decoration:none; display:block; margin-bottom:15px } .colright355px p.type1 a { background:url(../images/btn_carnet.jpg) no-repeat 0 0; } .colright355px p.type2 a { background:url(../images/btn_carnet2.jpg) no-repeat 0 0; } .colright355px p.ajoutpannier a:hover{ text-decoration:underline;}*/ .block-fiche-descriptive p.ajouter { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_carnet.jpg) no-repeat; padding:17px 10px 10px 60px; } .block-fiche-descriptive p.ajouter a { color:#fff; font-size:11px; text-decoration:none; } .block-fiche-descriptive p.ajouter a:hover { text-decoration:underline; } .block-fiche-descriptive p.supprimer { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_carnet2.jpg) no-repeat; padding:17px 10px 10px 60px; } .block-fiche-descriptive p.supprimer a { color:#fff; font-size:11px; text-decoration:none; } .block-fiche-descriptive p.supprimer a:hover { text-decoration:underline; } .colright355px .blockdonnees { width:355px; min-height:25px; padding:10px 0 10px 0; color:#000; background-color:#efe9e0; margin:0 0 5px 0; clear:both; float:none; } * hml .colright355px .blockdonnees { height:25px} .colright355px .blockdonnees ul { width:330px; margin-left:20px; font-size:11px; color:#000; background-color:inherit; } .colright355px .blockdonnees ul li.titre{ font-weight:bold; font-size:13px ; color:#2ec1d1; background-color:inherit; } .colright355px .blockdonnees ul li a { color:#000; background-color:inherit; text-decoration:underline; } .colright355px .blockdonnees.white { width:355px; min-height:25px; padding:0px 0 10px 0; color:#000; background-color:#fff; border:1px solid #4aa6a6; margin:0 0 5px 0; clear:both; float:none; } * hml .colright355px .blockdonnees.white, * hml .colright355px .blockdonnees.white.pictures { height:25px} .colright355px .blockdonnees.white ul { width:330px; margin-left:20px; font-size:11px; color:#000; background-color:inherit; } .colright355px .blockdonnees.white p.titre{ font-weight:bold; font-size:13px ; color:#fff; background-color:#4aa6a6; padding:3px 0 3px 20px; margin-bottom:5px;} .colright355px .blockdonnees.white p.partners{ text-align:center; } .colright355px .blockdonnees.white ul li { margin: 3px 0px; } .colright355px .blockdonnees.white ul li .ggmap { height:315px; width: 315px; margin-top:10px;} .colright355px .blockdonnees.white.pictures { width:300px; min-height:25px; padding:0px 0 10px 0; border:none; color:#000; background-color:#fff; margin:0 auto 5px auto; clear:both; float:none; text-align:center;} .colright355px .blockdonnees.white.pictures .more_pictures { float:right;} .colright355px .blockdonnees.white.pictures .virtual { clear:both; text-align:left;} .colright355px ul.pictos { width:330px; } .colright355px ul.pictos li { display:block!important; margin:0 5px 0 0!important; width:24px; height:24px; float:left!important;} .colright355px ul.pictos li img { width:23px; height:23px} .colright355px ul.logos { width:330px; } .colright355px ul.logos li { display:block!important; margin:0 5px 0 0!important; width:64px; height:64px; float:left!important; } .colright355px ul.logos li.titre { display:auto; margin:auto; width:100%; height:auto; float:auto; padding-bottom:10px; } .colright355px .blocklogos { background-color:transparent; } /* ************************ */ /* COL DROITE 181px */ /* ********************** */ .page-layout-1 .col181px { visibility:hidden; } .col181px_adm {visibility:hidden; } .page-layout-2 .col181px_adm { width:181px; float:left; min-height:820px; visibility:visible;} .page-layout-2 .col181px { visibility:hidden; } .col181px{ width:181px; float:left; min-height:820px;} * html .col181px { height:820px;} /* block reservez (a dupliquer en dessous) */ .col181px .block-reservez { background-color:#4aa6a6; color:#fff; padding:1px 0 0 0} .col181px .block-reservez h2.titleresa { font-size:14px; font-weight:normal; width:181px; height:32px; background:url(/assets/images/titres/titre_resa2.gif) no-repeat center; } #en .col181px .block-reservez h2.titleresa { background:url(/assets/images/titres/titre_resa2_en.gif) no-repeat center; } .col181px .block-reservez h2.titleresa span{ display:none;} * html .col181px .block-reservez h2.titleresa{ margin-bottom:-20px} *+html .col181px .block-reservez h2.titleresa{ margin-bottom:-20px} .col181px .block-reservez h2.titlehebergement {font-size:14px; font-weight:normal; width:100%; height:57px; background:url(/assets/images/titres/titre_resa3.gif) no-repeat center; padding:5px 0} #en .col181px .block-reservez h2.titlehebergement{ background:url(/assets/images/titres/titre_resa3_en.gif) no-repeat center; } .col181px .block-reservez h2.titlehebergement span{ display:none;} * html .col181px .block-reservez h2.titlehebergement{ margin-bottom:-20px} *+html .col181px .block-reservez h2.titlehebergement{ margin-bottom:-20px} .col181px .block-reservez fieldset { padding:0 0 0 10px; margin:0; clear:both; float:none;} .col181px .block-reservez fieldset label{ font-size:11px;} .col181px .block-reservez fieldset p{ margin:2px 0 5px 0; font-size:11px;} .col181px .block-reservez fieldset input{ font-size:11px;} .col181px .block-reservez fieldset .input{ padding:2px 0 0 2px; border:1px solid #7f9db9; width:145px;} .col181px .block-reservez fieldset .select{ border:1px solid #7f9db9; width:145px;} .col181px .block-reservez .f1 label{ display:block; margin:0 0 1px 0} .col181px .block-reservez .f1 .date { width:33px ; margin-right:10px; text-align:center;} .col181px .block-reservez .f3 .button { width:99px; height:23px; background:url(/assets/images/btn_envoyer.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; margin:0 0 0 30px; padding-bottom:1px} .col181px .block-reservez .bottom{ height:8px ; width:80%; clear:both; float:none; font-size:1px; line-height:0.1em; padding:0; margin:0} * html .col181px .block-reservez .bottom{ height:1px;} /* block reservez DUPLICATA */ .block-righttopcol .block-reservez { background-color:#4aa6a6; color:#fff; padding:1px 0 0 0} .block-righttopcol .block-reservez h2.titleresa { font-size:14px; font-weight:normal; width:181px; height:32px; background:url(/assets/images/titres/titre_resa2.gif) no-repeat center; } .block-righttopcol .block-reservez h2.titleresa span{ display:none;} * html .block-righttopcol .block-reservez h2.titleresa{ margin-bottom:-20px} *+html .block-righttopcol .block-reservez h2.titleresa{ margin-bottom:-20px} .block-righttopcol .block-reservez h2.titlehebergement {font-size:14px; font-weight:normal; width:100%; height:57px; background:url(/assets/images/titres/titre_resa3.gif) no-repeat center; padding:5px 0 } .block-righttopcol .block-reservez h2.titlehebergement span{ display:none;} * html .block-righttopcol .block-reservez h2.titlehebergement{ margin-bottom:-20px} *+html .block-righttopcol .block-reservez h2.titlehebergement{ margin-bottom:-20px} .block-righttopcol .block-reservez fieldset { padding:0 0 0 10px; margin:0; clear:both; float:none;} .block-righttopcol .block-reservez fieldset label{ font-size:11px;} .block-righttopcol .block-reservez fieldset p{ margin:2px 0 5px 0; font-size:11px;} .block-righttopcol .block-reservez fieldset input{ font-size:11px;} .block-righttopcol .block-reservez fieldset .input{ padding:2px 0 0 2px; border:1px solid #7f9db9; width:145px;} .block-righttopcol .block-reservez fieldset .select{ border:1px solid #7f9db9; width:145px;} .block-righttopcol .block-reservez .f1 label{ display:block; margin:0 0 1px 0} .block-righttopcol .block-reservez .f1 .date { width:33px ; margin-right:10px; text-align:center;} .block-righttopcol .block-reservez .f3 .button { width:99px; height:23px; background:url(/assets/images/btn_envoyer.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; margin:0 0 0 30px; padding-bottom:1px} .block-righttopcol .block-reservez .bottom{ height:8px ; width:80%; clear:both; float:none; font-size:1px; line-height:0.1em; padding:0; margin:0} * html .block-righttopcol .block-reservez .bottom{ height:1px;} /* contacter office tourisme */ .col181px .block-contactoffice{width:181px; height:45px;background:url(/assets/images/contactoffice.gif) no-repeat 0 0; padding:1px 0 0 0; border-top:1px solid #fff; border-bottom:1px solid #fff;} .col181px .block-contactoffice p{ margin:0; padding:0; } .col181px .block-contactoffice a{ display:block; font-size:16px; color:#295a5a; background-color:inherit; text-decoration:none; margin:10px 0 0 35px; background:url(/assets/images/titres/titre_contact_office2.gif) no-repeat 0 0; width:133px; height:29px;} #en .col181px .block-contactoffice a{ background:url(/assets/images/titres/titre_contact_office2_en.gif) no-repeat 0 0;} .col181px .block-contactoffice a span { display:none;} .col181px .block-contactoffice a:hover{ text-decoration:underline;} /* WPT TAB ONGLET */ .wpt-tabonglet { width:181px; background-color:#295a5a; color:#fff; padding:1px 0 0 0} .wpt-tabonglet h2 { font-size:19px; background:url(/assets/images/titres/titre_preparer2.gif) no-repeat 0 0; width:181px; height:39px;} #en .wpt-tabonglet h2 { background:url(/assets/images/titres/titre_preparer2_en.gif) no-repeat 0 0} .wpt-tabonglet h2 span{ display:none;} .wpt-tabonglet p.introduction{background-color:#295a5a; color:#fff; font-size:10px;margin:0 ; padding:0 0 10px 10px} .wpt-tabonglet .tabmenu ul{width:181px; padding:0; margin:0 0 0 1px; list-style:none;} .wpt-tabonglet .tabmenu ul li{ list-style:none; display:inline; margin:0; padding:0;} .wpt-tabonglet .tabmenu ul li a { padding:0 4px 0 0; margin:0 ; list-style:none; display:block; float:left; font-size:9px; font-weight:bold; color:#89897B; background-color:inherit; text-decoration:none; background:url(/assets/images/tabnav_right.gif) no-repeat right -36px; } .wpt-tabonglet .tabmenu ul li a span{ padding:15px 0 0 4px; margin:0; list-style:none; display:block; float:left; height:19px; cursor:pointer;background:url(/assets/images/tabnav_left.gif) no-repeat left -36px;} .wpt-tabonglet .tabmenu ul li a:hover { background: url(/assets/images/tabnav_right.gif) no-repeat right 0;} .wpt-tabonglet .tabmenu ul li a:hover span{ background:url(/assets/images/tabnav_left.gif) no-repeat left 0;} .wpt-tabonglet .tabmenu ul li.active a, #sousmenu ul li.active a:hover{ background:url(/assets/images/tabnav_right.gif) no-repeat right 0;} .wpt-tabonglet .tabmenu ul li.active a span, #sousmenu ul li.active a:hover span{ background:url(/assets/images/tabnav_left.gif) no-repeat left 0;} .wpt-tabonglet .pannel { clear:both; float:none; margin-left:2px; color:#333; background:#FFFFFF url(/assets/images/tabonglet.gif) no-repeat left bottom;width:177px; min-height:235px; padding:13px 0 0 0 } * html .wpt-tabonglet .pannel { height:235px} .wpt-tabonglet .pannel fieldset { padding:0 0 0 10px; clear:both; float:none; } .wpt-tabonglet .pannel fieldset label{ font-size:11px;} .wpt-tabonglet .pannel fieldset p{ margin:5px 0; font-size:11px;} .wpt-tabonglet .pannel fieldset input{ font-size:11px;} .wpt-tabonglet .pannel fieldset .input{ padding:2px 0 0 2px; border:1px solid #7f9db9; width:145px;} .wpt-tabonglet .pannel fieldset .select{ border:1px solid #7f9db9; width:145px;} .wpt-tabonglet .pannel .f1 label{ display:block; margin:0 0 3px 0} .wpt-tabonglet .pannel .f1 .date { width:33px ; margin-right:10px; text-align:center;} .wpt-tabonglet .pannel .f3 .button { width:99px; height:24px; background:url(/assets/images/btn_envoyer.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; float:right; margin:10px 10px 0 0;} .wpt-tabonglet .pannel .f3 .button2 { width:149px; height:24px; background:url(/assets/images/btn_envoyer2.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; float:right; margin:10px 27px 0 0;} .wpt-tabonglet .bottom{background-color:#295a5a; color:#fff; width:100%; clear:both; float:none; height:2px; font-size:1px;} /* ************************ */ /* FULL PAGE 960px */ /* ********************** */ .fullpage { clear:both; float:none; width:953px; min-height:700px; } * html .fullpage { height:700px;} /* pathway */ .pathway { margin:15px 0 5px 25px; width:700px; float:left; display:inline} .pathway ul{ padding:0; margin:0; width:700px;} .pathway li{ padding:0; margin:0; display:inline; list-style:none;} .pathway li a{text-decoration:none; background: url(/assets/images/breadcrumb_a.gif) no-repeat 0 5px; padding-left:8px; padding-right:4px; color:#333333; background-color:inherit; } .pathway li.start a{ background-image:none; padding-left:0} .pathway li a span{ font-weight:normal; display:inline} .pathway li a:hover{ text-decoration:underline;} /* block carnetentete */ .block-carnetentete { clear:both; float:none; width:951px;background:url(/assets/images/block_carnetentete.jpg) no-repeat 0 0; min-height:100px;} * html .block-carnetentete { height:100px;} .block-carnetentete .top {width:951px; padding:17px 0 0 0} .block-carnetentete .top h1 { width:645px; font-size:15px; font-weight:bold; color:#295a5a; background-color:inherit; float:left; margin:0 0 0 85px; display:inline} .block-carnetentete .top h5 { font-size:11px; font-weight:normal; color:#4f4f4f; background-color:inherit; float:left; margin-right:10px } .block-carnetentete .top h6{ font-size:10px; font-weight:normal; color:#3ec6d5; background-color:inherit; float:left; } .block-carnetentete .top h6 a{ font-size:10px; font-weight:normal; color:#3ec6d5; background-color:inherit; text-decoration:none; } .block-carnetentete .top h6 a:hover { text-decoration:underline;} .block-carnetentete .center{ clear:both; float:none; width:951px; } .block-carnetentete .center ul { float:left; margin:15px 0 0 105px; } * html .block-carnetentete .center ul { float:left; margin:15px 0 0 50px; width:365px} .block-carnetentete .center .boxlegend { float:right; margin:15px 0 0 0} .block-carnetentete .center .boxlegend ul { float:left; width:140px; margin:0; padding:0} .block-carnetentete .center .boxlegend ul li { font-size:11px; color:#4f4f4f; background-color:inherit; padding:0 0 0 25px; margin:0 0 4px 0; height:17px; display:block; line-height:1.5em} .block-carnetentete .center .boxlegend ul li.bleu { background:url(/assets/images/legend.gif) no-repeat 0 0;} .block-carnetentete .center .boxlegend ul li.jaune { background:url(/assets/images/legend.gif) no-repeat 0 -17px;} .block-carnetentete .center .boxlegend ul li.rouge { background:url(/assets/images/legend.gif) no-repeat 0 -34px;} .block-carnetentete .center .boxlegend ul li.orange { background:url(/assets/images/legend.gif) no-repeat 0 -51px;} .block-carnetentete .center .boxlegend ul li.vert { background:url(/assets/images/legend.gif) no-repeat 0 -68px;} .block-carnetentete .center .boxlegend ul li.violet { background:url(/assets/images/legend.gif) no-repeat 0 -85px;} /* carnet tab */ .fullpage .carnettab{ height:70px; width:951px; clear:both; float:none; background:url(/assets/images/carnettab.gif) repeat-x; margin:20px 0 0 0} .fullpage .carnettab ul {} .fullpage .carnettab ul li { display:inline;} .fullpage .carnettab li.item1 a{ display:block; width:187px; height:50px; background:url(/assets/images/carnettab_item1.jpg) no-repeat 0 -70px; float:left; margin:0 10px 0 360px ; font-size:17px; color:#075287; background-color:inherit; text-decoration:none; padding:20px 0 0 88px; font-weight:normal} * html .fullpage .carnettab li.item1 a { margin:0 10px 0 180px} .fullpage .carnettab li.item2 a{ display:block; width:100px; height:50px; background:url(/assets/images/carnettab_item2.jpg) no-repeat 0 -70px; float:left; font-size:17px; color:#075287; background-color:inherit; text-decoration:none; padding:20px 0 0 110px; font-weight:normal; } .fullpage .carnettab li.item2 a.active, .fullpage .carnettab li.item1 a.active{ background-position:0 0;} /* block carnet liste */ .block-carnetliste { width:885px; margin-left:40px;} .block-carnetliste p.link { color:#2ec1d1; background-color:inherit;} .block-carnetliste p.link a { text-decoration:none;color:#2ec1d1; background-color:inherit;} .block-carnetliste p.link a:hover { text-decoration:underline;} .block-carnetliste p.infos { margin:10px 0 0 0; color:#2ec1d1; background-color:inherit; font-style:italic;} .block-carnetliste .wpt-carnetliste { width:881px; height:123px; margin:15px 0 0 0; clear:both; float:none; } .block-carnetliste .wpt-carnetliste .col1 { width:127px ; float:left; min-height:92px; text-align:center;} .block-carnetliste .wpt-carnetliste .col1 img { margin:15px 0 0 0} .block-carnetliste .wpt-carnetliste .col2 { width:280px ; float:left; min-height:92px; padding:0 0 0 15px} .block-carnetliste .wpt-carnetliste .col2 h2{ width:260px; font-size:11px; font-weight:bold; color:#4f4f4f; background-color:inherit; margin:10px 0 10px 0; padding:0} .block-carnetliste .wpt-carnetliste .col2 p{font-size:11px; color:#4f4f4f; background-color:inherit; margin:0 0 3px 0} .block-carnetliste .wpt-carnetliste .col2 p.priority1{ background:url(/assets/images/priority1.gif) no-repeat 0 0; float:right; width:19px; height:28px; margin-right:8px} .block-carnetliste .wpt-carnetliste .col2 p.priority2{ background:url(/assets/images/priority2.gif) no-repeat 0 0; float:right; width:19px; height:28px; margin-right:8px} .block-carnetliste .wpt-carnetliste .col2 p.priority3{ background:url(/assets/images/priority3.gif) no-repeat 0 0; float:right; width:19px; height:28px; margin-right:8px} .block-carnetliste .wpt-carnetliste .col2 p.priority4{ background:url(/assets/images/priority4.gif) no-repeat 0 0; float:right; width:19px; height:28px; margin-right:8px} .block-carnetliste .wpt-carnetliste .col2 p.priority1 span { display:none;} .block-carnetliste .wpt-carnetliste .col2 p.priority2 span { display:none;} .block-carnetliste .wpt-carnetliste .col2 p.priority3 span { display:none;} .block-carnetliste .wpt-carnetliste .col2 p.priority4 span { display:none;} .block-carnetliste .wpt-carnetliste .col3 { width:155px ; float:left; min-height:92px; padding:0 0 0 12px} .block-carnetliste .wpt-carnetliste .col3 ul{ width:140px; margin:10px 0 0 0} .block-carnetliste .wpt-carnetliste .col3 ul li{font-size:11px; color:#4f4f4f; background-color:inherit;} .block-carnetliste .wpt-carnetliste .col4 { width:110px ; float:left; min-height:92px; text-align:center;} .block-carnetliste .wpt-carnetliste .col4 h3 {font-size:11px; color:#4f4f4f; background-color:inherit; margin:10px 0 20px 0; text-align:center; font-weight:normal;} .block-carnetliste .wpt-carnetliste .col4 .puce { width:17px; height:17px; display:block; margin:0 auto} .block-carnetliste .wpt-carnetliste .col5 { width:175px ; float:left; min-height:92px; text-align:center;} .block-carnetliste .wpt-carnetliste .col5 .resa a{ display:block; width:133px; height:29px; background:url(/assets/images/btn_reservez-enligne.gif) no-repeat 0 0; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; } .block-carnetliste .wpt-carnetliste .col5 .resa a span { display:none;} .block-carnetliste .wpt-carnetliste .col5 a { font-size:11px; text-decoration:underline; color:#075287; background-color:inherit;} /*.block-carnetliste .wpt-carnetliste .col5 .ajout a{ display:block; width:138px; height:32px; background:#2ec1d1 url(/assets/images/btn_ajoutcarnet.jpg) no-repeat 0 0; color:#fff; font-size:11px; padding:25px 6px 0 0; text-align:right; text-decoration:none; margin-left:15px; margin-top:10px} .block-carnetliste .wpt-carnetliste .col5 .ajout a:hover{ text-decoration:underline;} * html .block-carnetliste .wpt-carnetliste .col5 .ajout a{ margin-left:0} .block-carnetliste .wpt-carnetliste .col5 .btncarnet { width:137px; height:56px; background:#295a5a url(/assets/images/btn_carnetvoyage.jpg) no-repeat 0 0; margin:15px 0 0 15px; color:#fff;} .block-carnetliste .wpt-carnetliste .col5 p.supprimer { } .block-carnetliste .wpt-carnetliste .col5 p.supprimer a{ line-height:2.2em; font-size:10px; display:block; height:24px; text-align:right; text-decoration:none; color:#333; background-color:inherit; padding-right:10px; float:right } .block-carnetliste .wpt-carnetliste .col5 p.supprimer a:hover{ text-decoration:underline;} */ .block-carnetliste .wpt-carnetliste .col5 p.ajouter { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_ajoutcarnet.jpg) no-repeat; padding:23px 10px 10px 33px; margin:10px 0px 0px 15px; } .block-carnetliste .wpt-carnetliste .col5 p.ajouter a { color:#fff; font-size:11px; text-decoration:none; } .block-carnetliste .wpt-carnetliste .col5 p.ajouter a:hover { text-decoration:underline; } .block-carnetliste .wpt-carnetliste .col5 p.supprimer { display:block; width:100px; height:25px; color:#fff; text-align:right; background:url(/assets/images/btn_carnetvoyage.jpg) no-repeat; padding:23px 10px 10px 33px; margin:10px 0px 0px 15px; } .block-carnetliste .wpt-carnetliste .col5 p.supprimer a { color:#fff; font-size:11px; text-decoration:none; } .block-carnetliste .wpt-carnetliste .col5 p.supprimer a:hover { text-decoration:underline; } /*.block-carnetliste .wpt-carnetliste .col5 p.ajoute a{ display:block; color:#fff; background-color:inherit; font-size:11px; padding:0; text-align:right; text-decoration:none; width:100px; float:right; margin-right:5px } .block-carnetliste .wpt-carnetliste .col5 p.ajoute a:hover{ text-decoration:underline}*/ .block-carnetliste .wpt-carnetliste .col5 p.ajoute { display:block; color:#fff; font-size:11px; padding:0; text-align:right; text-decoration:none; width:100px; float:right; margin-right:5px } .block-carnetliste .wpt-ctlbleu {background:url(/assets/images/wpt_carnetliste_bleu.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctlbleu .col1{ background:url(/assets/images/ctlbleu.gif) no-repeat right 0} .block-carnetliste .wpt-ctlbleu .col2{ background:url(/assets/images/ctlbleu.gif) no-repeat right 0} .block-carnetliste .wpt-ctlbleu .col3{ background:url(/assets/images/ctlbleu.gif) no-repeat right 0} .block-carnetliste .wpt-ctlbleu .col4{ background:url(/assets/images/ctlbleu.gif) no-repeat right 0} .block-carnetliste .wpt-ctlbleu .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 0; } .block-carnetliste .wpt-ctljaune {background: url(/assets/images/wpt_carnetliste_jaune.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctljaune .col1{ background:url(/assets/images/ctljaune.gif) no-repeat right 0} .block-carnetliste .wpt-ctljaune .col2{ background:url(/assets/images/ctljaune.gif) no-repeat right 0} .block-carnetliste .wpt-ctljaune .col3{ background:url(/assets/images/ctljaune.gif) no-repeat right 0} .block-carnetliste .wpt-ctljaune .col4{ background:url(/assets/images/ctljaune.gif) no-repeat right 0} .block-carnetliste .wpt-ctljaune .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 -17px; } .block-carnetliste .wpt-ctlrouge {background: url(/assets/images/wpt_carnetliste_rouge.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctlrouge .col1{ background:url(/assets/images/ctlrouge.gif) no-repeat right 0} .block-carnetliste .wpt-ctlrouge .col2{ background:url(/assets/images/ctlrouge.gif) no-repeat right 0} .block-carnetliste .wpt-ctlrouge .col3{ background:url(/assets/images/ctlrouge.gif) no-repeat right 0} .block-carnetliste .wpt-ctlrouge .col4{ background:url(/assets/images/ctlrouge.gif) no-repeat right 0} .block-carnetliste .wpt-ctlrouge .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 -34px; } .block-carnetliste .wpt-ctlorange {background: url(/assets/images/wpt_carnetliste_orange.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctlorange .col1{ background:url(/assets/images/ctlorange.gif) no-repeat right 0} .block-carnetliste .wpt-ctlorange .col2{ background:url(/assets/images/ctlorange.gif) no-repeat right 0} .block-carnetliste .wpt-ctlorange .col3{ background:url(/assets/images/ctlorange.gif) no-repeat right 0} .block-carnetliste .wpt-ctlorange .col4{ background:url(/assets/images/ctlorange.gif) no-repeat right 0} .block-carnetliste .wpt-ctlorange .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 -51px; } .block-carnetliste .wpt-ctlvert {background: url(/assets/images/wpt_carnetliste_vert.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctlvert .col1{ background:url(/assets/images/ctlvert.gif) no-repeat right 0} .block-carnetliste .wpt-ctlvert .col2{ background:url(/assets/images/ctlvert.gif) no-repeat right 0} .block-carnetliste .wpt-ctlvert .col3{ background:url(/assets/images/ctlvert.gif) no-repeat right 0} .block-carnetliste .wpt-ctlvert .col4{ background:url(/assets/images/ctlvert.gif) no-repeat right 0} .block-carnetliste .wpt-ctlvert .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 -68px; } .block-carnetliste .wpt-ctlviolet {background: url(/assets/images/wpt_carnetliste_violet.gif) no-repeat 0 0; width:881px; height:106px;padding:17px 0 0 0} .block-carnetliste .wpt-ctlviolet .col1{ background:url(/assets/images/ctlviolet.gif) no-repeat right 0} .block-carnetliste .wpt-ctlviolet .col2{ background:url(/assets/images/ctlviolet.gif) no-repeat right 0} .block-carnetliste .wpt-ctlviolet .col3{ background:url(/assets/images/ctlviolet.gif) no-repeat right 0} .block-carnetliste .wpt-ctlviolet .col4{ background:url(/assets/images/ctlviolet.gif) no-repeat right 0} .block-carnetliste .wpt-ctlviolet .col4 .puce { background:url(/assets/images/legend2.gif) no-repeat 0 -85px; } /* Block Mappy */ .block-mappy{ width:740px; min-height:530px; margin-left:25px; float:left; display:inline;} * html .block-mappy{ height:530px;} .block-mappy h1 { font-size:15px; height:22px; font-weight:bold; color:#295a5a; background-color:inherit; margin:10px 0 0 0; background:url(/assets/images/mappy_h1.gif) repeat-x bottom } .block-mappy h6 { font-size:12px;color:#295a5a; background-color:inherit; margin:12px 0 15px 0; font-weight:normal; } .block-mappy .block-googlemap { width:714px; height:413px; } .block-googlemap-carnet { width:900px; height:550px; } .block-mappy .boxlegend { width:100%; margin:15px 0 20px 0; min-height:40px;} * html .block-mappy .boxlegend { height:20px; margin-bottom:0} *+html .block-mappy .boxlegend { height:20px; margin-bottom:10px} .block-mappy .boxlegend ul { float:left; width:140px; margin:0 0 0 20px; padding:0} * html .block-mappy .boxlegend ul{ margin-left:10px;} .block-mappy .boxlegend ul li { font-size:11px; color:#4f4f4f; background-color:inherit; padding:0 0 0 25px; margin:0 0 4px 0; height:17px; display:block; line-height:1.5em} .block-mappy .boxlegend ul li.bleu { background:url(/assets/images/legend.gif) no-repeat 0 0;} .block-mappy .boxlegend ul li.jaune { background:url(/assets/images/legend.gif) no-repeat 0 -17px;} .block-mappy .boxlegend ul li.rouge { background:url(/assets/images/legend.gif) no-repeat 0 -34px;} .block-mappy .boxlegend ul li.orange { background:url(/assets/images/legend.gif) no-repeat 0 -51px;} .block-mappy .boxlegend ul li.vert { background:url(/assets/images/legend.gif) no-repeat 0 -68px;} .block-mappy .boxlegend ul li.violet { background:url(/assets/images/legend.gif) no-repeat 0 -85px;} .block-righttopcol{ width:181px; float:right;} /* WPT VOIRCARNET */ .wpt-voircarnet { width:181px; height:140px; position:relative;} .wpt-voircarnet .bg{ position:absolute; z-index:50; width:200px; top:0; left:-20px; background:url("/assets/images/voircarnet.jpg") no-repeat scroll 0 0 #2EC1D1;color:#FFFFFF;height:91px;} .wpt-voircarnet .bg h6 { font-size:14px; margin:4px 0 0 73px; font-weight:normal; width:150px; } .wpt-voircarnet .bg a{ text-decoration:none; color:#fff; background-color:inherit;} .wpt-voircarnet .bg a:hover{ text-decoration:underline;} .wpt-voircarnet .bg p{ font-size:11px; margin: 3px 0 0 88px; width:100px} .wpt-voircarnet .bg .add-carnet, .wpt-voircarnet .bg .reco { margin-top: 10px; } /* WPT PAGNAV */ .wpt-pagnav { clear:both; float:none; width:100%; height:20px; margin:10px 0 5px 0} .wpt-pagnav ul { float:right;} .wpt-pagnav ul li { display:block; float:left; padding:0 10px 0 0; color:#555552; background-color:inherit; font-size:12px} .wpt-pagnav ul li a {color:#333; background-color:inherit; font-size:12px; text-decoration:none;} .wpt-pagnav ul li a:hover, .wpt-pagnav ul li.active a, .pagenavproduit ul li.active a{ color:#333; background-color:inherit; text-decoration:none; font-weight:bold;} .wpt-pagnav ul li a:hover, .pagenavproduit ul li.active a{ color:#333; background-color:inherit; text-decoration:none; font-weight:bold;} .col603px .wpt-pagnav ul { padding-right:20px} .col603px .wpt-pagnav ul li a { font-size:10px} .col603px .wpt-pagnav ul li { font-size:10px} /* ************************ */ /* COL LEFT 350px */ /* ********************** */ .colleft350px{ width:350px; margin-right:6px; float:left; display:block;margin-top:10px;} * html .colleft350px { height:700px} .colleft350px .blocHome{ width:350px; color:#000000; font-size:12px;} .colleft350px .blocHome .csc-header{margin:0px; text-align:right; padding-right:11px; height:22px; padding-top:2px; color:#FFFFFF;} .colleft350px .blocJaune .csc-header{ background:url('/assets/images/bg_title_bloc_jaune.jpg') repeat-x top #f7ad00;} .colleft350px .blocBleu .csc-header{ background:url('/assets/images/bg_title_bloc_bleu.jpg') repeat-x top #f7ad00;} .colleft350px .blocHome .csc-textpic{ margin:0px;} .colleft350px .blocHome .csc-textpic-text .bodytext{ padding:3px 0 0 7px;} .colleft350px .blocHome .csc-textpic .csc-textpic-text .btnEnSavoirPlus, .colleft350px .blocHome .csc-textpic-text .bodytext .btnEnSavoirPlus{ color:#FFFFFF; text-decoration:none; width:105px; height:22px; display:block; background:url('/assets/images/btn_savoir_plus.jpg') no-repeat left top; font-size:13px; font-weight:bold; padding-top:2px; text-align:center; margin:7px 0 10px -5px;} .colleft350px .homeBasDePage {float:left; padding-right:6px; width:169px;} .colleft350px .homeBasDePage a img{ margin-top:20px; width:172px;} /* ************************ */ /* COL LEFT 438px */ /* ********************** */ .colleft440px { width:430px; min-height:700px; float:left; padding-left:8px;} * html .colleft440px { height:700px} /* block infos */ .colleft440px .block-infos { width:420px; margin:20px 0 0 0; clear:both; float:none; min-height:130px;} * html .colleft440px .block-infos { margin:10px 0 0 0; } *+html .colleft440px .block-infos { margin:10px 0 0 0; } .colleft440px .block-infos h1 { font-size:18px; height:24px; width:420px; margin:0 0 2px 0} .colleft440px .block-infos .colleft { width:175px; float:left; padding:8px 0 0 0} .colleft440px .block-infos .colright { width:235px; float:left;} .colleft440px .block-infos .colright p.informations{ margin:5px 0 8px 0} .colleft440px .block-infos .colright .voiroffre a { display:block; width:120px; height:16px; font-size:11px; text-align:center; text-decoration:none; padding:3px 0 0 0; margin:0 0 8px 0 } .colleft440px .block-infos .colright .voiroffre a:hover{ text-decoration:underline;} .colleft440px .block-infos .colright .voirpromo a { display:block; background:#2ec1d1 url(/assets/images/promo.jpg) no-repeat 0 0; width:148px; height:34px; color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none; padding:3px 0 0 0; font-weight:bold; margin:0 0 8px 0} .colleft440px .block-infos .colright .voirpromo a:hover{ text-decoration:underline} .colleft440px .block-infos .bleu h1 { color:#2ec1d1; background-color:inherit; border-bottom:1px solid #2ec1d1; } .colleft440px .block-infos .bleu .voiroffre a { background:#2ec1d1 url(/assets/images/voiroffre.jpg) no-repeat 0 0; color:#FFFFFF;} .colleft440px .block-infos .bleu .voirpromo a { background:#2ec1d1 url(/assets/images/promo.jpg) no-repeat 0 0; color:#FFFFFF; } .colleft440px .block-infos .jaune h1 { color:#f2c200; background-color:inherit; border-bottom:1px solid #f2c200; } .colleft440px .block-infos .jaune .voiroffre a { background:#f2c200 url(/assets/images/voiroffre.jpg) no-repeat 0 -19px; color:#FFFFFF;} .colleft440px .block-infos .jaune .voirpromo a { background:#f2c200 url(/assets/images/promo.jpg) no-repeat 0 -37px; color:#FFFFFF; } .colleft440px .block-infos .rouge h1 { color:#cc0001; background-color:inherit; border-bottom:1px solid #cc0001; } .colleft440px .block-infos .rouge .voiroffre a { background:#cc0001 url(/assets/images/voiroffre.jpg) no-repeat 0 -38px; color:#FFFFFF;} .colleft440px .block-infos .rouge .voirpromo a { background:#cc0001 url(/assets/images/promo.jpg) no-repeat 0 -74px; color:#FFFFFF; } .colleft440px .block-infos .orange h1 { color:#ff6600; background-color:inherit; border-bottom:1px solid #ff6600; } .colleft440px .block-infos .orange .voiroffre a { background:#ff6600 url(/assets/images/voiroffre.jpg) no-repeat 0 -57px; color:#FFFFFF;} .colleft440px .block-infos .orange .voirpromo a { background:#ff6600 url(/assets/images/promo.jpg) no-repeat 0 -111px; color:#FFFFFF; } .colleft440px .block-infos .vert h1 { color:#add22d; background-color:inherit; border-bottom:1px solid #add22d; } .colleft440px .block-infos .vert .voiroffre a { background:#add22d url(/assets/images/voiroffre.jpg) no-repeat 0 -76px; color:#FFFFFF;} .colleft440px .block-infos .vert .voirpromo a { background:#add22d url(/assets/images/promo.jpg) no-repeat 0 -148px; color:#FFFFFF; } .colleft440px .block-infos .violet h1 { color:#66339a; background-color:inherit; border-bottom:1px solid #66339a; } .colleft440px .block-infos .violet .voiroffre a { background:#66339a url(/assets/images/voiroffre.jpg) no-repeat 0 -95px; color:#FFFFFF;} .colleft440px .block-infos .violet .voirpromo a { background:#66339a url(/assets/images/promo.jpg) no-repeat 0 -185px; color:#FFFFFF; } /* newsletter */ .colleft440px .block-newsletter { background:#34c3d2 url(/assets/images/newsletter-index.jpg) no-repeat; width:374px; height:80px; padding:50px 0 0 29px; color:#fff; clear:both; float:none; margin:20px 0 0 0} .colleft440px .block-newsletter .f1 { width:210px; padding:0} .colleft440px .block-newsletter .f1 p{ margin:1px 0 5px 0; padding:0} .colleft440px .block-newsletter .f1 label { color:#fff; background-color:inherit; margin:0 0 3px 0; display:block; width:170px;} .colleft440px .block-newsletter .f1 .input{ height:18px; width:145px; float:left; cursor:pointer;} .colleft440px .block-newsletter .boutton{ background:#2c6161 url(/assets/images/btnvalider2.gif) no-repeat 0 0; text-align:center; color:#fff; width:57px; height:19px; border:none; float:right} /* ************************ */ /* COLCENTER 225px */ /* ********************** */ .colcenter225px { width:225px; min-height:700px; float:left;} * html .colcenter225px { height:700px} /* block reservez */ .colcenter225px .block-reservez { background-color:#4aa6a6; color:#fff; padding:1px 0 0 0; margin-bottom:10px;} .colcenter225px .block-reservez h2 { font-size:19px; font-weight:normal; margin:0; padding:0} .colcenter225px .block-reservez h2.titleresa{ width:223px; height:82px; background:url(/assets/images/titres/titre_resa.gif) no-repeat 0 0;} #en .colcenter225px .block-reservez h2.titleresa{background-image:url(/assets/images/titres/titre_resa_en.gif);} * html .colcenter225px .block-reservez h2.titleresa { height:75px} .colcenter225px .block-reservez h2 span{ display:none;} .colcenter225px .block-reservez fieldset { padding:0 0 0 10px; clear:both; float:none;} .colcenter225px .block-reservez fieldset label{ font-size:11px;} .colcenter225px .block-reservez fieldset p{ margin:2px 0 10px 0; font-size:11px;} .colcenter225px .block-reservez fieldset input{ font-size:11px;} .colcenter225px .block-reservez fieldset .input{ padding:2px 0 0 2px; border:1px solid #7f9db9; width:188px;} .colcenter225px .block-reservez fieldset .select{ border:1px solid #7f9db9; width:194px;} .colcenter225px .block-reservez .f1 label{ display:block; margin:0 0 1px 0} .colcenter225px .block-reservez .f1 .date { width:44px ; margin-right:10px; text-align:center;} .colcenter225px .block-reservez .f3 .button { width:99px; height:23px; background:url(/assets/images/btn_envoyer.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; margin:8px 0 0 60px; padding-bottom:1px} .colcenter225px .bottom{ height:8px ; width:80%; clear:both; float:none; font-size:1px; line-height:0.1em; padding:0; margin:0} * html .colcenter225px .bottom{ height:1px;} /* contacter office tourisme */ .colcenter225px .block-contactoffice{width:100%; height:62px; clear:both; float:none; border-top:1px solid #fff; border-bottom:1px solid #fff;background:url(/assets/images/contactoffice2.gif) no-repeat 0 0; height:57px; } .colcenter225px .block-contactoffice p{ margin:0; padding:0} .colcenter225px .block-contactoffice a{ display:block; background:url(/assets/images/titres/titre_contact_office.gif) no-repeat 0 0; height:36px; font-size:20px; color:#295a5a; background-color:inherit; text-decoration:none; margin:10px 0 0 50px; width:160px} #en .colcenter225px .block-contactoffice a{ background-image:url(/assets/images/titres/titre_contact_office_en.gif);} .colcenter225px .block-contactoffice a span{ display:none;} .colcenter225px .block-contactoffice a:hover{ text-decoration:underline;} /* WPT TAB ONGLET */ .colcenter225px .wpt-tabonglet { width:225px; background-color:#295a5a; color:#fff; padding:1px 0 0 0} .colcenter225px .wpt-tabonglet h2 { font-size:19px; background-color:#295a5a; color:#fff; background:url(/assets/images/titres/titre_preparer.gif) no-repeat 0 0; width:225px; height:50px} #en .colcenter225px .wpt-tabonglet h2 {background-image:url(/assets/images/titres/titre_preparer_en.gif) ;} .colcenter225px .wpt-tabonglet h2 span{ display:none;} .colcenter225px .wpt-tabonglet p.introduction{background-color:#295a5a; color:#fff; font-size:10px;margin:0 ; padding:0 0 10px 23px} .colcenter225px .wpt-tabonglet .tabmenu ul{width:222px; padding:0; margin:0 0 0 1px; list-style:none;} .colcenter225px .wpt-tabonglet .tabmenu ul li{ list-style:none; display:inline; margin:0; padding:0;} .colcenter225px .wpt-tabonglet .tabmenu ul li a { padding:0 8px 0 0; margin:0 ; list-style:none; display:block; float:left; font-size:9px; font-weight:bold; color:#89897B; background-color:inherit; text-decoration:none; background:url(/assets/images/tabnav_right.gif) no-repeat right -36px; } .colcenter225px .wpt-tabonglet .tabmenu ul li a span{ padding:15px 0 0 8px; margin:0; list-style:none; display:block; float:left; height:19px; cursor:pointer;background:url(/assets/images/tabnav_left.gif) no-repeat left -36px;} .colcenter225px .wpt-tabonglet .tabmenu ul li a:hover { background: url(/assets/images/tabnav_right.gif) no-repeat right 0;} .colcenter225px .wpt-tabonglet .tabmenu ul li a:hover span{ background:url(/assets/images/tabnav_left.gif) no-repeat left 0;} .colcenter225px .wpt-tabonglet .tabmenu ul li.active a, #sousmenu ul li.active a:hover{ background:url(/assets/images/tabnav_right.gif) no-repeat right 0;} .colcenter225px .wpt-tabonglet .tabmenu ul li.active a span, #sousmenu ul li.active a:hover span{ background:url(/assets/images/tabnav_left.gif) no-repeat left 0;} .colcenter225px .wpt-tabonglet .pannel { clear:both; float:none; margin-left:2px; color:#333; background:#FFFFFF url(/assets/images/tabonglet2.gif) no-repeat left bottom;width:221px; padding:16px 0 0 0 } .colcenter225px .wpt-tabonglet .pannel fieldset { padding:0 0 0 10px; clear:both; float:none; } .colcenter225px .wpt-tabonglet .pannel fieldset label{ font-size:11px;} .colcenter225px .wpt-tabonglet .pannel fieldset p{ margin:5px 0 25px 0; font-size:11px; height:30px;} * html .colcenter225px .wpt-tabonglet .pannel fieldset p{ margin:5px 0 12px 0; } .colcenter225px .wpt-tabonglet .pannel fieldset input{ font-size:11px;} .colcenter225px .wpt-tabonglet .pannel fieldset .input{ padding:2px 0 0 2px; border:1px solid #7f9db9; width:180px;} .colcenter225px .wpt-tabonglet .pannel fieldset .select{ border:1px solid #7f9db9; width:184px;} .colcenter225px .wpt-tabonglet .pannel .f1 label{ display:block; margin:0 0 3px 0} .colcenter225px .wpt-tabonglet .pannel .f1 .date { width:48px ; margin-right:10px; text-align:center;} .colcenter225px .wpt-tabonglet .pannel .f3 { clear:both; float:none; padding-bottom:45px} * html .colcenter225px .wpt-tabonglet .pannel .f3 { padding-bottom:20px} .colcenter225px .wpt-tabonglet .pannel .f3 .button { width:99px; height:24px; background:url(/assets/images/btn_envoyer.gif) no-repeat 0 0; border:none; text-align:center; font-size:11px; cursor:pointer; float:right; margin:10px 27px 0 0;} .colcenter225px .wpt-tabonglet .bottom{background-color:#295a5a; color:#fff; width:100%; clear:both; float:none; height:25px; font-size:1px;} .colcenter225px #content_right{ margin-top:10px;} .colcenter225px #content_right .csc-textpic{ margin:0 0 7px; !important} .colcenter225px #content_right .blocLiens{ margin-top:15px;} .colcenter225px #content_right .blocLiens .csc-textpicHeader{ margin-bottom:8px;background-color: inherit; border-bottom: 1px solid #558CA0; color: #449999; float: left; font-size: 18px; width: 166px;} .colcenter225px #content_right .blocLiens a.lienPictoCroix{ color:#449999; text-decoration:none; background:url('/assets/images/plus.gif') no-repeat right 3px; padding-right:12px;} .colcenter225px #content_right .blocLiens a.lienPictoCroix:hover{ text-decoration:underline;} /* ************************ */ /* COLRIGHT 290px */ /* ********************** */ .colright290px { width:290px; min-height:700px; float:left;} * html .colright290px { height:700px;} #en .hr{display:block; margin: 15px 0 15px 0; width:290px; height:1px; background:url(/assets/images/hr_right.gif) no-repeat top left;} /* BLOCK MAP FLASH */ /* BLOCK METEO */ .block-meteomaree { width:290px; background:#ffcc00 url(/assets/images/meteo_maree.jpg) no-repeat; height:329px; color:#fff; } .block-meteomaree .top{ height:160px;width:290px;} .block-meteomaree .top h1 { font-size:24px; color:#fff; background-color:inherit; font-weight:normal; background:url(/assets/images/titres/titre_meteo.gif) no-repeat 0 0; width:183px; height:37px; margin:0 0 5px 0} .block-meteomaree .top h1 span { display:none;} .block-meteomaree .top h2 { font-size:12px; color:#295a5a; background-color:inherit; margin:0 0 0 15px; font-weight:normal; width:192px } .block-meteomaree .top h2 a{ font-size:12px; color:#295a5a; background-color:inherit; font-weight:normal; text-decoration:none; } .block-meteomaree .top h2 a:hover { text-decoration:underline;} .block-meteomaree .center h1 { font-size:24px; color:#fff; background-color:inherit; margin:0 0 5px 10px;font-weight:normal; background:url(/assets/images/titres/titre_espace_enfants.gif) no-repeat 0 0; width:145px; height:22px; } .block-meteomaree .center h1 span{ display:none;} .block-meteomaree .center p.image{ float:left; width:110px; margin:0 0 0 10px;height:130px;} .block-meteomaree .center p.infos { float:left; width:155px; font-size:12px; color:#2c6161; background-color:inherit; line-height:1.1em; margin:0 0 5px 0} .block-meteomaree .center p.ensavoirplus a{ display:block; width:100px; height:17px; background:#4aa6a6 url(/assets/images/ensavoirplus.gif) no-repeat; color:#fff; font-size:12px; text-align:center; padding:2px 0 0 0; float:left; text-decoration:none} #en .block-meteomaree { width:290px; background:url(/assets/images/meteo_maree_en.jpg) no-repeat; height:60px; color:#295A5A; } #en .block-meteomaree .top{ height:60px;width:290px;} #en .block-meteomaree .top h1 {background:url(/assets/images/titres/titre_meteo_en.gif); width:229px; height:21px; margin:0 0 5px 0} #en .block-meteomaree .top h2 { font-size:12px; color:#295a5a; background-color:inherit; margin:0 0 0 30px; font-weight:normal; width:188px } /* BLOCK Tourist office */ #en .block-office h1 { font-size:24px; color:#fff; background-color:inherit; font-weight:normal; background:url(/assets/images/titres/titre_office_en.gif) no-repeat 0 0; width:229px; height:43px; margin:0 0 5px 0} #en .block-office h1 span { display:none;} #en .block-office p{ display:block; font-size:12px; color:#295a5a; background-color:inherit; margin:0 0 0 30px; font-weight:normal; width:188px } /* Block ENTREPRISE */ .block-entreprise { width:265px; min-height:98px; padding-left:25px;} * html .block-entreprise {height:98px;} .block-entreprise h2 { font-size:18px; color:#295a5a; background-color:inherit; border-bottom:1px solid #4aa6a6; height:20px; width:266px; height:22px; } .block-entreprise h3 { font-size:12px; color:#295a5a; background-color:inherit; width:245px; padding:0 0 0 20px; margin:5px 0 0 0} .block-entreprise h3 a{ color:#295a5a; background-color:inherit; text-decoration: none; border-bottom:1px solid #4aa6a6; background:url(/assets/images/plus.gif) no-repeat 0 3px; padding:0 0 0 15px; margin:0 ; display:block; } .block-entreprise .content { width:245px; padding-left:20px;} /* BLOCK LIENS */ .block-liens { width:270px; padding-left:20px; clear:both; float:none;} .block-liens .boxliens { width:270px; min-height:50px;} * html .block-liens .boxliens { height:60px;} .block-liens .boxliens .image { float:left; width:70px;} .block-liens .boxliens h3{ color:#449999; background-color:inherit; font-size:18px; float:left; width:190px; border-bottom:1px solid #558ca0;} .block-liens .boxliens ul { float:left; width:190px; padding:8px 0 15px 0;} .block-liens .boxliens ul li { display:inline; list-style:none;} .block-liens .boxliens ul li a{ font-size:12px; color:#449999; background-color:inherit; text-decoration:none; display:block;} .block-liens .boxliens ul li a span{ padding-right:4px } .block-liens .boxliens ul li a:hover { text-decoration:underline} /* Videobox */ .videobox{ background:url(/assets/images/videobox.gif) no-repeat 0 0; width:265px; height:242px; padding:1px 0 0 0; float:left; margin-left:20px; display:inline} .videobox .myvideo{ width:222px; height:173px; margin:24px 0 0 22px} .videobox .tools{ margin:8px 0 0 20px;} * html .videobox .tools{ margin:8px 0 0 23px;} .videobox .tools h1 { font-size:12px; font-weight:bold; color:#0b9cce; background-color:inherit;} .videobox .tools h2 { font-size:11px; font-weight:normal; color:#666666; background-color:inherit;} .videobox .tools h1 a{ color:#0b9cce; background-color:inherit; text-decoration:none} .videobox .tools h2 a{ color:#666666; background-color:inherit; text-decoration:none} .videobox .tools h2 a:hover, .videobox .tools h1 a:hover { text-decoration:underline} .btnajoutervideo{ width:99%; clear:both; float:none; margin:90px 0 0 0; padding:1px} .btnajoutervideo a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:190px; height:23px; background:url(/assets/images/btn_ajoutervideo.gif) no-repeat 0 0; padding:5px 0 0 0; display:block; float:right; font-weight:bold; margin:0 40px 0 0} * html .btnajoutervideo a { margin-right:20px} /* full video box */ .fullvideobox { width:541px; height:500px; background:url(/assets/images/fullvideobox.gif) no-repeat 0 0; margin-left:20px; padding:1px; position:relative;} .fullvideobox h1{ font-size:20px; font-weight:bold; margin:20px 0 0 35px; color:#0b9cce; background-color:inherit; padding:0; line-height:1em} .fullvideobox h2{ font-weight:normal; margin:0 0 0 35px; color:#999; background-color:inherit; font-size:12px; padding:0;} .fullvideobox .myvideo{ position:absolute; top:60px; left:37px; width:470px; height:365px; z-index:50} .fullvideobox .btnajoutervideo a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:190px; height:23px; background:url(/assets/images/btn_ajoutervideo.gif) no-repeat 0 0; padding:5px 0 0 0; display:block; float:right; font-weight:bold; position:absolute; top:455px; left:324px; z-index:50} .fullvideobox .btncartevirtuelle a{ display:block; color:#fff; background-color:inherit; text-align:center; text-decoration:none; width:164px; height:41px; padding:5px 0 0 0; display:block; font-weight:bold; margin:0 40px 0 0; position:absolute; left:32px; top:448px; z-index:50; background:url(/assets/images/btn_cartevituelle.jpg) no-repeat 0 0;} p.videocommentlink { color:#2ec1d1; background-color:inherit; width:100%; clear:both; float:none; height:30px; text-align:right; margin:20px 0 0 0} p.videocommentlink a { text-decoration:none;color:#2ec1d1; background-color:inherit;} p.videocommentlink a:hover { text-decoration:underline;} /* ****************** */ /* FORUM */ /* **************** */ h1.formtitre { font-size:15px; height:22px; font-weight:bold; color:#295a5a; background-color:inherit; margin:10px 0 15px 0; } h1.formtitre a{ font-size:15px; color:#295a5a; background-color:inherit; text-decoration:none; } h1.formtitre a:hover{ text-decoration:underline; } .block-forumentete { width:954px; height:35px; background:url(/assets/images/forumentete.gif) repeat-x bottom; } .block-forumentete h5 { font-size:11px; font-weight:normal; color:#4f4f4f; background-color:inherit; float:left; margin:10px 0 0 15px } .block-forumentete h6{ font-size:10px; font-weight:normal; color:#3ec6d5; background-color:inherit; float:left; margin:11px 0 0 10px } .block-forumentete h6 a{ font-size:10px; font-weight:normal; color:#3ec6d5; background-color:inherit; text-decoration:none; } .block-forumentete h6 a:hover { text-decoration:underline;} .block_introforum { width:952px; height:112px; padding:15px 0 0 0;} .block_introforum p { margin:0 0 14px 40px} .block_introforum p strong{ color:#2ec1d1; background-color:inherit; } .block_introforum .barreblock { height:69px; width:100%; margin-top:-25px} .block_introforum .barreblock p.new a {display:block; width:169px; height:26px; background:#2ec1d1 url(/assets/images/btn_new.gif) no-repeat 0 0; text-decoration:none; color:#fff; font-size:13px; text-align:center; float:right; font-weight:bold; padding:13px 0 0 0; margin-right:10px} .block_introforum .barreblock p.repondre a {display:block; width:133px; height:26px; background:#2ec1d1 url(/assets/images/btn_repondre.gif) no-repeat 0 0; text-decoration:none; color:#fff; font-size:13px; text-align:center; float:right;font-weight:bold; padding:13px 0 0 0; margin-right:8px} .block_introforum .barreblock p.bande{ clear:both; float:none; height:30px; background-color:#2ec1d1; color:#fff; font-weight:bold; text-indent:9px; margin:0; padding:0; font-size:14px; line-height:2.2em} .formblock{ margin-left:0px; clear:both; float:none;} .w905px { width:905px!important; } .w570px { width:570px!important;} .w240px { width:240px!important;} .w200px { width:200px!important;} .w50px { width:55px!important;} .w90px { width:90px!important;} .w100px { width:100px!important;} .w115px { width:115px!important;} .w150px { width:150px!important;} .w25px { width:25px!important;} .formblock fieldset { padding:0 0 10px 25px; } .formblock h3 { color:#2ec1d1; background-color:inherit; font-weight:bold; clear:both; float:none; margin:0 0 10px 0; font-size:14px} .formblock h4 { color:#2ec1d1; background-color:inherit; clear:both; float:none; margin:0 0 10px 30px; font-size:12px; font-weight:bold} .formblock h5 { clear:both; float:none; margin:10px 0 10px 30px; font-size:12px; font-weight:bold;} .formblock .fld-inline { clear:both; float:none;} .formblock .fld-inline .txtright { text-align:right;} .formblock .fld-inline label{ display:block; float:left; } * html .formblock .fld-inline label{ line-height:1.7em} *+html .formblock .fld-inline label{ line-height:1.7em} .formblock .fld-inline .input{ display:block; float:left; margin:0 10px; width:140px;} .formblock .fld-inline .chdsk { float:left; margin:0 10px 0 0;} .formblock .fld-inline .optdsk { float:left; margin:0 10px 0 10px;} .formblock .fld-inline .listbox{ float:left; text-transform:lowercase; margin:0 10px; width:150px;} .formblock .fld-fulline { clear:both; float:none;} .formblock .fld-fulline p { width:100%; clear:both; float:none; margin-bottom:10px; min-height:15px;} .formblock .fld-fulline .txtright { text-align:right;} .formblock .fld-fulline label{ display:block; float:left; } * html .formblock .fld-fulline label{ line-height:1.7em} *+html .formblock .fld-fulline label{ line-height:1.7em} .formblock .fld-fulline .input{ display:block; float:left; margin:0 10px 10px 10px; width:140px;} .formblock .fld-fulline .chdsk { float:left; margin:0 10px 0 0;} .formblock .fld-fulline .optdsk { float:left; margin:0 5px 0 10px;} .formblock .fld-fulline span{ display:block; float:left;} * html .formblock .fld-fulline span{ line-height:1.7em} *+html .formblock .fld-fulline span{ line-height:1.7em} .formblock .fld-fulline .listbox{ float:left; text-transform:lowercase; margin:0 10px} .formblock p.reglement { clear:both; float:none; margin:0 0 0 30px} .formblock p.reglement a{ font-size:12px; color:#2ec1d1; background-color:inherit; font-weight:bold; text-decoration:none; display:block; margin:5px 0 0 0} .formblock p.reglement a:hover{ text-decoration:underline;} .formblock .txtareamessage { width:890px; height:140px; margin:0 0 25px 0; border:1px solid #2fc1d1;} .formblock .txtinfoscomp{ width:360px; height:60px; border:1px solid #2fc1d1;} .formblock .button-valider{ width:130px; height:30px; background:#2ec1d1 url(/assets/images/btn_valider_form.gif) no-repeat 0 0; color:#fff; font-size:14px; font-weight:bold; border:none; text-align:center;} block-fiche-descriptive li.titre{list-style:none;} /* Meteo */ .block-previmeteo { width:600px; clear:both; } .block-previmeteo .prevision { width:600px; } .block-previmeteo .prevision .prevision-temps { width:70px; } .block-previmeteo .prevision .prevision-date { color:#075287; font-weight:bold; font-size:16px; } .block-previmeteo .prevision .prevision-txt { color:#0B9CCE; font-size:12px; margin-bottom:20px; } /* Commentaires */ .comment_list { margin-top:20px; } /*.comment_list h3, .comment_form h3 { font-size:16px; }*/ .comment_list h4, .comment_form h4 { font-size:12px; } .comment_item { width:600px; padding:20px 0 20px 0; } .comment_item .col_left { float:left; width:200px; } .comment_item .col_right { float:left; width:400px; background:#ffffff; } .comment_item .title { font-weight:bold; } .comment_item .date { font-size:10px; } .comment_item .content { } .comment_form { margin:10px 0 10px 0; } .comment_form textarea { width:400px; height:100px; border:1px solid #EFE9E0; } /* Votes */ .votes { margin-top:20px; } .votes h4 { font-size:12px; } .votes .col_left { clear:both; float:left; width:250px; } .votes .col_right { float:left; width:100px; background:#ffffff; } .votes ul, .votes .stars { width:80px!important; height:12px; background:url(/assets/images/etoiles.png); } .votes .star1 { background-position:0px -12px; } .votes .star2 { background-position:0px -24px; } .votes .star3 { background-position:0px -36px; } .votes .star4 { background-position:0px -48px; } .votes .star5 { background-position:0px -60px; } .votes li { display:inline; } .votes ul li a { display:block; float:left; width:16px; height:12px; } /* Note */ #notes {color:#075287 ;font-size: 12px;} #notes .col_left { clear:both; float:left; width:140px; } #notes .col_right { float:left; width:200px; background:#ffffff; } #notes ul, #notes .stars { width:80px; height:12px; background:url(/assets/images/etoiles.png); float: left; margin-right: 5px; } #notes .star1 { background-position:0px -12px; } #notes .star2 { background-position:0px -24px; } #notes .star3 { background-position:0px -36px; } #notes .star4 { background-position:0px -48px; } #notes .star5 { background-position:0px -60px; } #notes li { display:inline; } #notes ul li a { display:block; float:left; width:16px; height:12px; } /* Residences tourisme */ .block-residences { width:590px; clear:both; float:none; margin:10px 0 0px 0; padding-bottom:10px; border-bottom:1px dotted #075287; } * html .block-residences { margin:0 0 10px 0 ; } .block-residences .residence { float:left; width:270px; height:110px; border:1px solid #0B9CCE; padding:5px; margin:5px; height: 125px; overflow:hidden;} .block-residences .residence h2 { color:#0B9CCE; font-size:14px; font-weight:normal; margin-bottom:3px;height:45px; } .block-residences .residence h2 a { color:#0B9CCE; text-decoration:none } .block-residences .residence .description .desc { height:60px; } .block-residences .residence .description .desc a{color: #000; text-decoration:none} .block-residences .residence .description .see-more { margin-top: 3px; } .block-residences .residence .description .see-more a { color:#0B9CCE; text-decoration:underline; } .block-residences .residence .picture { float:left; width: 122px;margin-right:5px;} .block-residences .residence .picture img { width:120px; height: 74px; } /* google map 2 */ #control_overlay_map{ background-color:#000; width: 100%; height:100%; opacity:0.65; top:0px; left: 0px; position:fixed; z-index:9997; } #block_map { width:675px; height:360px; clear:both; float:none; padding:0 0 20px 0; text-align:center; margin:auto; margin-top:50px; background:#fff; border:1px solid #0B9CCE; z-index:9998; position:fixed; top:50px;} #block_map p { text-align:right; color:#0B9CCE; font-size: 14px; margin:10px; text-decoration:underline; cursor:pointer; } .googlemap2 { width:675px; height:334px; clear:both; float:none; padding:0 0 20px 0; text-align:center; background:#fff; } .tableau_bleu{ margin:0px; padding:0px; border-spacing:0px; border-collapse:collapse; border:0px; } .tableau_bleu tr th{ background:#0b9cce; color:#FFF; border-right:1px solid #fff; padding-left:5px;} .tableau_bleu tr{ } .tableau_bleu tr td{ border-bottom:1px solid #0b9cce; padding-left:5px;} .blocHome .bodytext a { color: #449999; text-decoration:none; }