@charset "UTF-8";
/* CSS Document */
body {color: #333333;
      font-size: 1em;
        padding: 0;
        margin: 0;}
h1 {text-align: center;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 2em;
    margin-top: -5px;}
h2 {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    color:teal;
    font-size: 1.3em;
    text-decoration: underline;
    margin-left: 15px;}
#burgermenu {width: 40px;
            
             margin: 10px 0px 3px 0px;}
#menuToggle {display: block;
            float: right;
            background-color: transparent;
            border: none;
            margin-right: 10px;
            margin-top: 80px;
            margin-left: 1px;
            margin-bottom: 40px;}
.plus {font-size: 0.9em;}

#soust {  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
                font-size: 1em;
                margin-top: -10px;
                font-weight: bold;
                text-align: center;}
li {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2em;}
p {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    text-align: justify;}
 h3 {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    text-decoration: underline;
    font-size: 1.4em;
    margin-left: 25px;}
#article {margin: 10px;}
#comdesc {margin-left: 30px;
          margin-right: 20px;}
#mainHeader {background-color: #D6EBE7;}
#mainNav a {text-decoration: none;
            padding-left: 40px;}
.touche :link {color: mediumblue;}
.touche :hover {color:midnightblue;}
#mainNav {background-color:turquoise;
          display: none;
          line-height: 1.6;
          font-size: 0.8em;
          position: absolute;}
#mainNav ul {list-style: none;
             margin: 0;
             font-size: 0.7em;
             display: flex;
             flex-direction: column;}
.sansdec {list-style: none;
          margin: 0;
          padding: 0;}
#mainFooter {display: flex;
             justify-content: center;
            align-items: center;
            background-color: #D6EBE7;}
.ruban {max-width: 100%;
        height: auto;}
.gal {max-width: 100%;
        height: auto;}
.liengal {font-size: 0.6em;}
#copy {font-size: 0.7em;}
.proprietes {font-size: 1em;
             margin-left: 15px;
             margin-right: 15px;}
.titlien {font-size: 0.6em;}
.leg {font-size: 0.47em;}
table {border-collapse: collapse;
       margin: 13px;
       font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
td {border:1px solid black;}
.libre {background-color: palegreen;}
.reserve {background-color: lightpink;}
td {width: 40px;
    height: 20px;
    text-align: center;}
#rose {color: darkred;
       margin-left: 20px;}
#vert {color: darkgreen;
       margin-left: 20px;}
#chifr {background-color: lemonchiffon;}
.cel {width: 60px;}
#prix {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
       font-size: 1.3em;
       background-color:gold;}
#gp {list-style: none;}
#entet {max-width: 100%;
       height: auto;}
#entit {display: none;}
#entot {display: none;}
.lie {font-size: 1em;
      height: 2em;}
.liencontact {min-height: 400px;}
#listeliens {margin-top: 30px;}
.nbre {height: 22px;
    weight: auto;}
.presenta {margin-left: 20px;
      margin-right: 20px;}
.enteteac {display: none;}
img#prenota {display: block;
             margin-left: auto;
             margin-right: auto;
             margin-bottom: 100px;
             width: 300px;
             heigth: auto;}
.centrage {text-align: center;}


@media screen and (min-width: 768px) {
    #mainNav {display: block !important;
              margin-left: 300px;
              margin-top: -90px;
              font-size: 1em;
             }
    #menuToggle {display: none;}
    #mainNav ul {flex-direction: row;
                 justify-content: flex-end;}
    #mainNav a {padding: 10px;}
    .touche {border-left: 0;
             border-right: solid 8px #D6EBE7;}
    #descrip {margin-left: 200px;}
    #cent {text-align: center;}
    #comdesc {margin-right: 100px;
              margin-left: 150px;}
    #gp {display: inline-block;
         text-align: center;}
    #guide {text-align: center;}
    h1 {font-size: 3em;}
    #soust {font-size: 2em;}
    #photosotto ul li {display: inline-block;
                       text-align: center;}
    table {display: inline-table;}
    #entit {display: inline-block;
            position: absolute;
            top: 0;
            height: 248px;}
    #entot {display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            height: 248px;}
  main article{float: right;
               margin: 100px 300px 100px 100px;}
    footer {width: 100%}
    .liencontact {min-height: 400px;
                  margin: 150px 200px;}
    .lie {font-size: 1.5em;}
    span {float: right;
      display: inline;
        width: 50%;
        margin-top: 100px;
        margin-right: 60px;
        margin-left: 10px;}
    .nbre {height: 35px;
           weight: auto;}
    #soust {padding-bottom: 80px;}
    #entet {display: none;}
    .enteteac {display: inline-block;
               max-width: 100%;
               heigth: auto}
    #chifr {margin-left: 500px;}
    img#prenota {margin-top: 150px;
             width: 600px;}
    .centrage {font-size: 1.5em;
                text-align: center;}
    
}