/* HTML/CSS superlight Framework
Copyright 2011-2024 Clotilde Rodriguez

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

Uri: imagevo.fr */
@font-face {
  font-family: Montserrat; /* set name */
    src: url('font/Montserrat-Regular.ttf') format('truetype');}
html { font-size: 62.5%; } /*from http://snook.ca/archives/html_and_css/font-size-with-rem */
/* Replace font and image as needed */
*{margin: 0; padding: 0; color:#222; position:relative; border:none; text-decoration:none;}
body{margin:0 auto;font-family:"Montserrat", serif; font-weight: 300; font-size: 20px;line-height: 1.3em;}
h1, h2, h3 {margin: auto 20px auto;padding:50px;line-height: 1.4em} p, ul {margin: 20px}
b {font-weight: 600}
u{text-decoration: underline} u:hover{background-color: #96c0bd;text-decoration: none}

.fl {display:flex;flex-wrap: wrap; justify-content: space-around;} .flc{align-items: center;} .flt{align-items: stretch} 

.pad{padding:10px; margin: 0 -10px} .kikol{position:sticky;top:0;z-index: 1;background: #fff}
.mba{margin-bottom:50px}.mht{margin-top: 50px}.mga{margin-left: 50px}.mdr{margin-right: 50px} 
.fdhtbas{background-color:#393940;} .fdhtbas * {color:#fff} 
.ptt{font-size: 80%} .txtctr{text-align: center}
.imgfd{background-image: url(Photos-Guadeloupe/location-de-gite-avec-piscine-guadeloupe.jpg);padding:50px 0;background-position: bottom;   background-repeat: no-repeat;   background-size: cover;}.imgfd * {color:#fff; line-height: 1.4em;text-shadow: 2px 2px black;}  .bor{border-radius: 10px}.inlbl{display: inline-block} 
input[type=text], textarea {min-width: 300px}
.bg1{background-color: #28363d}
.bg2{background-color: #fe6301}
.bg1 *, .bg2 *, *.bg2, *.bg1 {color:#fff}

table {  border-collapse: collapse;  width: 100%;}
td, th {  border: 1px solid #ddd;  padding: 8px;}
tr:nth-child(even){background-color: #fafafa;}
th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #28363d;  color: white;}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 24%; /* IE10 */
  flex: 24%;
  max-width: 24%;
  padding: 0 0.5%;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}


.l10 {width:100%;}.l1 {width:80%;margin:0 auto;}.l34 {width:75%}.l23 {width:66%}.l12 {width:50%}.l13 {width:33%}.l14 {width:25%}
@media only screen and (min-width: 320px) {.fl{flex-direction: column}.l1,.l34,.l23,.l12,.l13,.l14 {width:100%} .column {
  -ms-flex: 99%; /* IE10 */
  flex: 99%;
  max-width: 99%;
  padding: 0 0.5%;
}} 
@media only screen and (min-width: 480px) {.fl{flex-direction: row}.l1, .l34,.l23,.l12,.l13{width:100%} .l14 {width:50%}.column {
  -ms-flex: 49%; /* IE10 */
  flex: 49%;
  max-width: 49%;
  padding: 0 0.5%;
}} 
@media only screen and (min-width: 768px) {.fl{flex-direction: row}.l1 {width:100%; } .l34, .l23,.l12, .l13, .l14 {width:50%}.column {
  -ms-flex: 49%; /* IE10 */
  flex: 49%;
  max-width: 49%;
  padding: 0 0.5%;
}} 
@media only screen and (min-width: 1024px) {.l1 {width:80%;margin:0 auto;}.l34 {width:75%}.l23 {width:66%}.l12 {width:50%}.l13 {width:33%}.l14 {width:25%}.column {
  -ms-flex: 24%; /* IE10 */
  flex: 24%;
  max-width: 24%;
  padding: 0 0.5%;
}}