* { margin: 0 auto;
    padding: 0;
    border: 0;
    text-decoration: none;
}

html { height: 100%; }

body {
    height: 100%;
    text-align: center;
    background: #0a6f73;
    color: black;
    font: normal normal normal 9pt Verdana, Arial, sans-serif;
    text-decoration: none;
}


table, td {  text-align: left; }

a { color: black; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #0c9494; }

hr.trans {
    clear: both;
    height: 1px;
    border: 0;
    padding: 1px;
    margin: 0 0;
    color: none transparent;
}


/* Layout principal
----------------------------------------------------------------------------- */

#wrapper { width: 100%; height: 100%;} /* table principale */

#colg { background: url(fond_body.gif) repeat-x top left; }
#colf { background: url(filetg.gif) repeat-y top left; width: 20px; }

/* zone principale */

#page {
  	width: 710px;
  	height: 100%;
  	text-align: left;
  	vertical-align: top;
}

/* fixe les fonds pour les zones principales des différentes pages  */

/* body */
td.fondb { background: #0a6f73 url(fond_body.gif) repeat-x top left; } 

/* accueil */
table.fond0 { background: white; }
td.fond0 { background: white url(fond0.jpg) no-repeat top right; }

/* description du gîte et des chambres */
table.fond1 { background: white; }
td.fond1 { background: white url(fond1.jpg) no-repeat top right; }

/* plan de situation */
table.fond2 { background: #64c9f5; }
td.fond2 { background: #64c9f5 url(fond2.jpg) no-repeat top right; }


/* header
----------------------------------------------------------------------------- */

#header div.gauche { float: left; }

#gdf { float: right; margin-top: 5px; }

#gdf img { margin-right: 6px; }
#banniere { width: 335px; margin: 15px 0 10px 20px; }
#menu {
    margin: 0 0 0px 20px;
    font-family: georgia, Times, "Times New Roman", serif;
    font-size: 1em;
}

#menu a { color: #0a6f73; border-bottom: 0px none; }
#menu a:hover { color: #0eafb2; border-bottom: 1px solid #0eafb2; }
#menu span.here { font-weight: bold; color: #0a6f73; }


/* footer
----------------------------------------------------------------------------- */

#footer {
    font: normal normal normal 0.9em/1.4em Verdana Arial, sans-serif;
    text-align: center;
    color: #888;
    padding: 15px 0 25px 0;
}

#footer a { color: #888; text-decoration: none; border-bottom: 1px solid #ccc; }
#footer a:hover { color: #0a6f73; }

#footer.fond2 { color: #555; text-decoration: none; border-bottom: 1px solid #999; }
#footer.fond2 a { color: #555; }
#footer.fond2 a:hover { color: #05393b;  }


/* contenu des pages
----------------------------------------------------------------------------- */

#contenu { clear: both; padding: 0 20px 0 20px; }
#contenu.accueil { padding: 0 0 0 0; }
#contenu.carte { padding: 0 0 0 20px; margin: 0 0 0 0; width: 340px; }
#contenu.tarifs { padding: 0 0 0 20px; margin: 0 0 0 0; width: 400px; }

/* formatages spéciaux
----------------------------------------------------------------------------- */


 /* texte de la page d'accueil */
 
#intro {
    height: 330px;
    width: 430px;
    margin-left: 20px;
    padding-top: 25px;
    font: normal normal normal 1em/1.5em Verdana Arial, sans-serif;
    text-align: justify;
} 

/* divers */

p strong { font-family: Arial, sans-serif; }

p { padding-top: 20px; }

ul { margin : 0.6em 0 1em 1.5em; list-style-image: url(puce1.gif); }
ul li { padding : 0 0 0.4em 0; font-size: 0.9em; }


/* pages de descriptif */

p.descriptif img { border: 1px solid #096e72; }
table.descriptif { border-collapse: collapse; background-color: white; }
table.descriptif td h3 { font-size: 1.1em; color: #096e72; }
table.descriptif td img { border: 1px solid #096e72; }
table.descriptif td {
    border: 1px solid #096e72;
    border-bottom: 1px solid #096e72;
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
    vertical-align: middle;
    width: 50%;
}

table.photos { margin-top: 3em; margin-bottom: 2em; }
table.photos tr td img { border: 1px solid #096e72; }
td.legende { font-size: 0.8em; text-align: center; padding: .5em 0 2em 0}

table.plan { text-align: left; }
table.plan td.schema { text-align: right; }
table.plan td.liste { vertical-align: middle; }
table.plan td.liste h3 { font-size: 1.1em; color: #096e72; }

/* page tarifs */

div.contenutarifs { width: 430px; margin-left: 0;  }
div.titretarifs { padding: 30px 0 5px 0; border-bottom: 1px solid #0a6f73; }
div.titretarifs h2 { display: inline; font-size: 1.2em; font-weight: bold; color: #0a6f73; }

table.tbltarifs {
    border-collapse: collapse;
    background-color: #ffffcf;
    margin-top: 25px;
vertical-align: top;
}
table.tbltarifs th {
    border: 1px solid #096e72;
    color: #096e72;
    text-align: center;
    padding: 5px;
}
table.tbltarifs td { 
    border: 1px solid #096e72;
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
}

/* page contact */

#contenucontact { width: 440px; margin-left: 0; margin-top: 35px; }
html>body #contenucontact { padding-top: 35px; }

div.txtcontact {
    float: left;
    width: 210px;
    padding-top: 35px;
    font: normal normal normal 1em/1.5em Verdana, Arial, sans-serif;
    padding-bottom: 0; margin: 0;
}
div.adrcontact { float: left; margin-right: 15px; }
div.coordonnees {
    border: 1px dashed #0c9494;
    padding: 10px 8px 10px 8px;
    background-color: #ffffcf;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
}

div.titreform { padding: 30px 0 5px 0; border-bottom: 1px solid #0c9494; }
div.titreform h2 { display: inline; font-size: 1.2em; font-weight: bold; color: #0a6f73; }

/* formulaire de contact */

form {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
    text-align: left;
    border: 0px none;
}

fieldset { border: none; }

legend { display: none; }

form label {
    clear: both;
    float: left;
    width: 135px;
    padding: 4px 5px 0px 0px;
    text-align: right;
    margin-top: 8px;
}

form input, form textarea, form select {
    float: left;
    width: 290px;
    margin-top: 8px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #ccc;
    font: normal normal normal 1em Arial, sans-serif;
}

form input.button {
    width: 80px;
    margin: 15px 0 0 217px;
    padding: 2px 5px 2px 5px;
    background-color: #ccc;
    border: 1px solid #0c9494;
    font-size: 0.8em;
}

form input.button:hover {
    background-color: #ddd;
    border-color: #0c9494;
}

p.erreur { color: #b00; margin-top: 10px; }
div.erreur { color: #b00; font-weight: bold; padding-bottom: 5px; }
div.succes { color: #0a6f73; font-weight: bold; padding-bottom: 5px; }


/* Page liens */

table.tblliens td { vertical-align: middle; padding: 10px 0 10px 0; }
table.tblliens td.logo { text-align: center; width: 100px; }
table.tblliens td.logo a { border: 0px none; }


/* Mentions légales */

div.contenulegal { width: 420px; margin-left: 0;  }
div.titrelegal { padding: 30px 0 5px 0; border-bottom: 1px solid #0a6f73; }
div.titrelegal h2 { display: inline; font-size: 1.1em; font-weight: bold; color: #0a6f73; }