Tarifs hiver 2018-2019 ET Ajout sommaire flottant

This commit is contained in:
Matthieu Dubuget 2018-09-15 10:34:04 +02:00
parent 33370073b5
commit 282d562b16
2 changed files with 77 additions and 33 deletions

View File

@ -36,7 +36,7 @@
</style> </style>
</head> </head>
<body class=""> <body>
<!-- BANDEAU DE TITRE --> <!-- BANDEAU DE TITRE -->
<header class="bk-header"> <header class="bk-header">
@ -46,7 +46,7 @@
class="widget companyname " class="widget companyname "
data-widget-type="companyname" data-widget-type="companyname"
data-uniqueid="page-zones__template-widgets__companyname-companyname"> data-uniqueid="page-zones__template-widgets__companyname-companyname">
<a href="/">Appartement 10 couchages à Valloire — <a>Appartement 10 couchages à Valloire —
Résidence les Terrasses de Choseaux</a> Résidence les Terrasses de Choseaux</a>
</div> </div>
</div> </div>
@ -57,7 +57,7 @@
<div class="canvas"> <div class="canvas">
<div class="main wrapper clearfix"> <div class="main wrapper clearfix">
<div class="canvas entete"> <div id="descriptif" class="canvas entete">
<div> <div>
<ul style="column-count:2; -moz-column-count:2; -webkit-column-count:2"> <ul style="column-count:2; -moz-column-count:2; -webkit-column-count:2">
<li><b>10 couchages (3 chambres + canapé)</b></li> <li><b>10 couchages (3 chambres + canapé)</b></li>
@ -105,7 +105,7 @@
class="widget content" class="widget content"
data-uniqueid="page-zones__main-widgets__content"> data-uniqueid="page-zones__main-widgets__content">
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Situé au hameau les Choseaux Ville</h1> <h1 id="situation">Situé au hameau les Choseaux Ville</h1>
</div> </div>
<div <div
id="page-zones__main-widgets__responsivecolumns" id="page-zones__main-widgets__responsivecolumns"
@ -534,7 +534,7 @@
class="widget content" class="widget content"
data-uniqueid="page-zones__main-widgets__content1"> data-uniqueid="page-zones__main-widgets__content1">
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Plan de lappartement</h1> <h1 id="plan">Plan de lappartement</h1>
</div> </div>
</div> </div>
@ -554,7 +554,7 @@
class="widget content" class="widget content"
data-uniqueid="page-zones__main-widgets__content2"> data-uniqueid="page-zones__main-widgets__content2">
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h2>Pièce principale</h2> <h2 id="piece_principale">Pièce principale</h2>
<hr> <hr>
</div> </div>
</div> </div>
@ -592,7 +592,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h2>Chambre 1</h2> <h2 id="chambre_1">Chambre 1</h2>
<hr> <hr>
</div> </div>
@ -608,7 +608,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h2>Chambre 2</h2> <h2 id="chambre_2">Chambre 2</h2>
<hr> <hr>
</div> </div>
@ -626,7 +626,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h2>Chambre 3</h2> <h2 id="chambre_3">Chambre 3</h2>
<hr> <hr>
</div> </div>
@ -646,7 +646,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h2>Deux salles deau</h2> <h2 id="salles_eau">Deux salles deau</h2>
<hr> <hr>
</div> </div>
@ -665,7 +665,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Divers</h1> <h1 id="divers">Divers</h1>
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
@ -688,7 +688,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Literie</h1> <h1 id="literie">Literie</h1>
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
@ -706,7 +706,7 @@
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Images</h1> <h1 id="photos">Photos</h1>
</div> </div>
<div class="galleria"> <div class="galleria">
@ -748,10 +748,11 @@
</script> </script>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<h1>Tarifs de lhiver 2017-2018</h1> <h1 id="tarifs">Tarifs de lhiver 2018-2019</h1>
</div> </div>
<div class="bk-content-text js-text-content wysihtml-editor-content"> <div class="bk-content-text js-text-content wysihtml-editor-content">
<p>
<table align="center"> <table align="center">
<tbody> <tbody>
<tr class="table_header"> <tr class="table_header">
@ -759,29 +760,62 @@
<th style="width: 125px;">Prix</th> <th style="width: 125px;">Prix</th>
</tr> </tr>
<!-- <tr class = "table_header"><td>Hiver 2017-2018</td></tr> --> <!-- <tr class = "table_header"><td>Hiver 2017-2018</td></tr> -->
<!-- <tr> <td>23 déc. → 30 déc.</td> <td>1440 €</td></tr> --> <tr><td>5 jan. → 12 jan. </td><td>650 </td></tr> <!-- 500 + 30 % -->
<!-- <tr> <td>30 déc. → 6 jan.</td> <td>2063 €</td></tr> --> <tr><td>12 jan. → 19 jan.</td><td>845 </td></tr> <!-- 650 + 30 % -->
<!-- <tr> <td>6 jan. → 13 jan.</td> <td>790 €</td></tr> --> <tr><td>19 jan. → 26 jan.</td><td>845 </td></tr> <!-- 650 + 30 % -->
<!-- <tr> <td>13 jan. → 20 jan.</td> <td>985 €</td></tr> --> <tr><td>26 jan. → 2 fév. </td><td>928 </td></tr> <!-- 714 + 30 % -->
<!-- <tr> <td>20 jan. → 27 jan.</td> <td>1050 €</td></tr> --> <tr><td>2 fév. → 9 fév. </td><td>928 </td></tr> <!-- 714 + 30 % -->
<tr> <td>27 jan. → 3 fév.</td> <td>1050 </td></tr> <tr><td>9 fév. → 16 fév. </td><td>2 165 </td></tr> <!-- 1665 + 30 % -->
<!-- <tr> <td>3 fév. → 10 fév.</td> <td>1050 €</td></tr> --> <tr><td><del>16 fév. → 23 fév.</del></td><td><del>2 165 </del></td></tr> <!-- 1665 + 30 % -->
<!-- <tr> <td>10 fév. → 17 fév.</td> <td>2262 €</td></tr> --> <tr><td><del>23 fév. → 2 mars</del></td><td><del>2 435 </del></td></tr> <!-- 1873 + 30 % -->
<!-- <tr> <td>17 fév. → 24 fév.</td> <td>2262 €</td></tr> --> <tr><td>2 mars → 9 mars </td><td>1 942 </td></tr> <!-- 1494 + 30 % -->
<!-- <tr> <td>24 fév. → 3 mars</td> <td>2527 €</td></tr> --> <tr><td><del>9 mars → 16 mars </del></td><td><del>928 </del></td></tr> <!-- 714 + 30 % -->
<!-- <tr> <td>3 mars → 10 mars</td> <td>2262 €</td></tr> --> <tr><td><del>16 mars → 23 mars</del></td><td><del>928 </del></td></tr> <!-- 714 + 30 % -->
<!-- <tr> <td>10 mars → 17 mars</td> <td>1050 €</td></tr> --> <tr><td>23 mars → 30 mars</td><td>845 </td></tr> <!-- 650 + 30 % -->
<!-- <tr> <td>17 mars → 24 mars</td> <td>1050 €</td></tr> --> <tr><td>30 mars → 6 avr.</td><td>845 </td></tr> <!-- 650 + 30 % -->
<tr> <td>24 mars → 31 mars</td> <td>985 </td></tr> <tr><td>6 avr. → 13 avr.</td><td>845 </td></tr> <!-- 650 + 30 % -->
<!-- <tr> <td>31 mars → 7 avr.</td> <td>985 €</td></tr> --> <tr><td>13 avr. → 20 avr.</td><td>845 </td></tr> <!-- 650 + 30 % -->
<tr> <td>7 avr. → 14 avr.</td> <td>985 </td></tr> <tr><td colspan="2">Fermeture de la station prévue le 19 avr.</td></tr>
<tr> <td>14 avr. → 21 avr.</td> <td>790 </td></tr>
</tbody> </tbody>
</table> </table>
</div> </p>
<p></p>
<p>Comme nous nhabitons pas Valloire, la gestion de la location
est assurée par lagence <a href="http://www.valloire.net/fr/il4-commerces,services,ete_i372389-agence-chauvin-immobilier.aspx" target="_blank">Chauvin</a>
(<a href="mailto:valloire@chauvinimmobilier.fr">valloire@chauvinimmobilier.fr</a>)&nbsp;:
merci de les contacter pour réserver, et de les prévenir
que vous avez trouvé cette location par
lintermédiaire du site du propriétaire.</p>
<p>Le planning de réservation est consultable sur
la <a href="http://resavalloire.arkiane.com/fr-FR/Lot/Detail/ref/TERRACHOSEAUB6">page
de lappartement</a> du site Valloire réservations (toutefois, en cas de doute, il convient de sadresser à lagence Chauvin).</p>
</div>
</section> </section>
</div> </div>
</div> </div>
<div class="sommaire">
<div class="insommaire">
<ul>
<li><a href="#descriptif">Descriptif</a></li>
<li><a href="#situation">Situation</a></li>
<li><a href="#plan">Plan</a></li>
<li><a href="#piece_principale">Piece principale</a></li>
<li><a href="#chambre_1">Chambre 1</a></li>
<li><a href="#chambre_2">Chambre 2</a></li>
<li><a href="#chambre_3">Chambre 3</a></li>
<li><a href="#salles_eau">Salles deau</a></li>
<li><a href="#divers">Divers</a></li>
<li><a href="#literie">Literie</a></li>
<li><a href="#photos">Photos</a></li>
<li><a href="#tarifs">Tarifs et planning</a></li>
</ul>
</div>
<div class="insommaire">
<p class="vert">Sommaire</p>
</div>
</div>
</body> </body>
</html> </html>

View File

@ -406,7 +406,7 @@ hr.line{background-color:#d2d2d2;}
.widget.feature button{background-color:#96d3ed;font-family:"Karla", Verdana, Geneva, sans-serif;font-size:18px;font-weight:inherit;line-height:32px;color:#fff;letter-spacing:inherit;} .widget.feature button{background-color:#96d3ed;font-family:"Karla", Verdana, Geneva, sans-serif;font-size:18px;font-weight:inherit;line-height:32px;color:#fff;letter-spacing:inherit;}
.widget.feature button:hover{background-color:#6ac1e6;} .widget.feature button:hover{background-color:#6ac1e6;}
body{background-color:#fff;font-family:"Karla", Verdana, Geneva, sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#838383;letter-spacing:inherit;} body{background-color:#fff;font-family:"Karla", Verdana, Geneva, sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#838383;letter-spacing:inherit;}
a{color:#96d3ed;text-decoration:none;} a{color:#1db4f4;text-decoration:none;}
a:hover{text-decoration:underline;} a:hover{text-decoration:underline;}
h1{font-family:"Karla", Verdana, Geneva, sans-serif;font-weight:400;color:#5a5959;line-height:38px;letter-spacing:inherit;font-size:30px;} h1{font-family:"Karla", Verdana, Geneva, sans-serif;font-weight:400;color:#5a5959;line-height:38px;letter-spacing:inherit;font-size:30px;}
h2{font-family:"Karla", Verdana, Geneva, sans-serif;font-size:24px;font-weight:inherit;line-height:36px;color:#838383;letter-spacing:inherit;} h2{font-family:"Karla", Verdana, Geneva, sans-serif;font-size:24px;font-weight:inherit;line-height:36px;color:#838383;letter-spacing:inherit;}
@ -1023,3 +1023,13 @@ footer.bk-footer{padding:3em 0;}
} }
table {width: 450px; height: 204px;border-collapse: collapse; border-spacing: 0px; font: inherit; border: 0px none;background-color:rgb(255,255,255);text-align:center} table {width: 450px; height: 204px;border-collapse: collapse; border-spacing: 0px; font: inherit; border: 0px none;background-color:rgb(255,255,255);text-align:center}
tr.table_header {height: 19px;background-color: rgb(230, 230, 230);font-weight: bold;} tr.table_header {height: 19px;background-color: rgb(230, 230, 230);font-weight: bold;}
div.sommaire {
position:fixed;
left: -175px;
top: 90px;
transition: 0.5s;
background-color: rgb(230, 230, 230);
}
div.sommaire:hover {left: 10px}
p.vert {writing-mode: tb-rl}
div.insommaire {display:table-cell}