/* ----- Struture Globale Site ----- */
/* --------------------------------- */


body {
margin-top: 0px;
margin-left: 0px;
height: 98%;
background-image: url(images/fond.jpg);
}


/* ----- Conteneur de tout (800px) ----- */
/* ------------------------------------- */

#conteneur {
height: 100%;
width: 800px;
margin: 0 auto 0 auto;
}

/* ----- Le Header (Logo + Texte + Langues) ----- */
/* ---------------------------------------------- */

#header {
height: 90px;
margin-top: 10px;
border-right: 1px solid #006633;
border-left: 1px solid #006633;
border-top: 1px solid #006633;
background-color: #FFFFFF;
background-image: url(images/barrehaut.jpg);
}

.bandeauheader img {
margin-top: -15px;
margin-left: 10px;
border: 0px;
text-align: left;
}

.bandeauheaderlangues{
text-align: right;
}

.bandeauheaderlangues img{
height: 10px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
border: 1px solid #006633;
}

.bandeauheadercontact{
margin-top: -7px;
font-style: italic;
text-align: right;
vertical-align: bottom;
}

.bandeauheadercontact a {
color: #FFFFFF;
text-decoration: none;
}

.bandeauheadercontact a:visited{
color: #FFFFFF;
text-decoration: none;
}

.bandeauheadercontact a:hover {
color: #FFFFFF;
text-decoration: none;
}

.bandeauheadercontact img{
height: 10px;
margin-right: 2px;
margin-bottom: 1px;
border: 0px solid #006633;
}


/* ----- La zone du menu ----- */
/* --------------------------- */

#haut {
height: 50px;
line-height: 50px;
background-color: #FFFFFF;
vertical-align: baseline;
background-image: url(images/barretitre.jpg);
}

.menuhaut {
margin: 0px;
padding: 0px;
border-right: 1px solid #006633;
border-left: 1px solid #006633;
text-align: center;
list-style-type: none;
}

.menuhaut li {
display: inline;
}

.menuhaut img {
border: 0px;
vertical-align: middle;
}

.menubas {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.menubas img {
border: 0px;
margin-top: 80px;
margin-right: 30px;
margin-left: 30px;
vertical-align: baseline;
}



/* ----- La zone de navigation ----- */
/* --------------------------------- */

.navigation {
}

.navigation span{
margin-left:10px;
font-weight:bold;
}

.navigation a{
color: #006600;
text-decoration: none;
font-weight:normal;
}

.navigation a:visited{
color: #006600;
text-decoration: none;
}

.navigation a:hover{
color: #006600;
text-decoration: none;
font-weight:bold;
}

.navigation img{
border:0px;
vertical-align:bottom;
}


/* ----- La zone du centre ----- */
/* ----------------------------- */

#centre {
width: 798px;
margin-left: auto;
margin-right: auto;
border-right: 1px solid #006633;
border-left: 1px solid #006633;
background-color: #FFFFFF;
font-family: arial;
font-size: small;
background-image: url(images/barrecentre.jpg);
background-repeat: no-repeat;
background-position: top;
}

.centre div{
height: 85%;
width: 720px;
margin-left: auto;
margin-right: auto;
border: 0px;
}

.centre table {
height: 100%;
width: 100%;
border: 0px;
}


/* ----- Page Accueil ----- */
/* ------------------------ */

.accueil fieldset {
width: 350px;
margin-left: auto;
margin-right: auto;
border: 1px solid #006633;
color: #990033;
}

.accueil legend {
margin-left: 0.5em;
color: #336699;
font-weight: bold;
text-align: left;
}

.accueil legend a:hover {
text-decoration: none;
}

.accueil legend img {
border:none;
}

.accueil table {
margin-top: 10px;
text-align: center;
}


.accueil td{
text-align: center;
}

.accueil p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.accueil a {
color: #336699;
text-decoration: none;
}

.accueil a:visited{
color: #336699;
text-decoration: none;
}

.accueil a:hover {
color: #336699;
text-decoration: underline;
}

.accueil img {
vertical-align: middle;
}


/* ----- Page Login ----- */
/* ------------------------ */

.connexion fieldset {
width: 270px;
margin-left: auto;
margin-right: auto;
border: 1px solid #006633;
color: #990033;
}

.connexion legend {
color: #336699;
font-weight: bold;
}

.connexion table {
margin-top: 10px;
text-align: center;
}


.connexion td{
text-align: center;
}

.connexion p {
margin: 5px;
color: #990033;
text-decoration: none;
text-align: center;
}

.connexion a {
color: #336699;
text-decoration: none;
}

.connexion a:visited{
color: #336699;
text-decoration: none;
}

.connexion a:hover {
color: #336699;
text-decoration: underline;
}

.connexion img {
vertical-align: middle;
}


/* ----- La page Hebergement ----- */
/* ------------------------------- */

#hebergement {
height: 100%;
width: 100%;
text-align: center;
}


.hebergementpresentation fieldset {
width: 95%;
margin-left: auto;
margin-right: auto;
border: 1px solid #990033;
}

.hebergementpresentation legend {
color: #336699;
margin-left: 0.5em;
font-weight: bold;
text-align: left;
}

.hebergementpresentation div {
height: 100%;
width: 100%;
text-align: center;
}

.hebergementpresentation table {
height: 100%;
width: 100%;
text-align: center;
}

.hebergementpresentation a {
color: #336699;
text-decoration: none;
}

.hebergementpresentation a:visited{
color: #336699;
text-decoration: none;
}

.hebergementpresentation a:hover {
color: #336699;
text-decoration: underline;
}


/* Zone Liste des Hebergements */

.hebergementliste {
}

.hebergementliste fieldset{
width: 70%;
margin-left: auto;
margin-right: auto;
border: 1px solid #006633;
color: #990033;
}

.hebergementliste legend {
color: #336699;
margin-left: 0.5em;
font-weight: bold;
text-align: left;
}

.hebergementliste legend a:hover {
text-decoration: none;
}

.hebergementliste p {
color: #990033;
text-decoration: none;
}

.hebergementliste a {
color: #336699;
text-decoration: none;
}

.hebergementliste a:visited{
color: #336699;
text-decoration: none;
}

.hebergementliste a:hover {
color: #336699;
text-decoration: underline;
}

.hebergementliste img {
vertical-align: middle;
}

.hebergementliste td {
text-align: center;
}

.hebergementliste table {
height: 100%;
width: 100%;
text-align: center;
}

.miniaturelocations img {

height: 150px;

/* Code standard */
max-width: 200px;
max-height: 150px;

/* Code spécial IE */
_width: expression((this.offsetWidth>=this.offsetHeight) ?
Math.min(parseInt(this.offsetWidth), 200 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ?
Math.min(parseInt(this.offsetHeight), 150 ) : true);

margin: 5px;
border: 1px solid #990033;
vertical-align: middle;
}




/* ----- La page Logement ----- */
/* ---------------------------- */


/* Structure de la page */

.logement {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.logement legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.logement table {
margin-top: 10px;
text-align: center;
}

.logement td {
text-align: center;
}

.logement fieldset {
margin-top: 10px;
text-align: center;
}

.logement p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.logement a {
color: #336699;
text-decoration: none;
}

.logement a:visited{
color: #336699;
text-decoration: none;
}

.logement a:hover {
color: #336699;
text-decoration: underline;
}

.logement img {
vertical-align: middle;
}



/* Zone Introduction (Partie Haute) */

.logement_introduction{
vertical-align: middle;
}

.logement_introduction_gauche img {
height: 250px;
border: 1px solid #990033;
margin: 10px;
}

.logement_introduction_droite img {
margin: 0px;
}



/* Zone Introduction (Bandeau Gauche) */

.logement_images{
vertical-align: top;
}

.logement_images img {
height: 150px;
margin: 5px;
border: 1px solid #990033;
}


/* Zone Description (Bandeau Droite) */

.logement_descriptions{

}

.logement_descriptions fieldset {
margin-left: 10px;
margin-right: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.logement_descriptions legend {
color: #336699;
font-weight: bold;
}

.logement_descriptions table {
margin-top: 10px;
text-align: center;
}

.logement_descriptions td {
text-align: center;
}

.logement_descriptions p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.logement_descriptions a {
color: #336699;
text-decoration: none;
}

.logement_descriptions a:visited{
color: #336699;
text-decoration: none;
}

.logement_descriptions a:hover {
color: #336699;
text-decoration: underline;
}

.logement_descriptions img {
vertical-align: middle;
}


/* Zone Tarifs */

.logement_tarifs {
text-align: center;
color: #336699;
font-weight: bold;
}

.tarifstd0 {
height: 10px;
border: 1px solid #990033;
background-color: #FFFFFF;
}

.tarifstd1 {
height: 10px;
border: 1px solid #990033;
background-color: #FFF799;
}

.tarifstd2 {
height: 10px;
border: 1px solid #990033;
background-color: #FFD940;
color: #FFFFFF;
}

.tarifstd3 {
height: 10px;
border: 1px solid #990033;
background-color: #FF8830;
color: #FFFFFF;
}

.tarifstd4 {
height: 10px;
border: 1px solid #990033;
background-color: #8C2423;
color: #FFFFFF;
}


/* Zone Calendrier */

.logement_disponibilites {
text-align: center;
color: #336699;
font-weight: bold;
}


#calendrier{
}

#libelle {
height: 100px;
width: 260px;
margin: 0 auto;
padding: 0;
border: 1px solid #990033;
}

.titre {
font-weight: bold;
float : left;
width: 260px;
margin: 0 auto;
}

.titre td {
float : left;
width : 30px;
}

.ligne {
width: 260px;
margin: 0 auto;
padding: 0;
}

.ligne td {
float : left;
width : 30px;
color: #000;
border-top: 1px solid #990033;
}

.ligne td a:hover{
text-decoration: none;
}

.jourlibre {
background-color: #339933;
}

.jourlibre a{
color: #FFFFFF;
text-decoration: none;
}

.jourlibre a:visited{
color: #FFFFFF;
text-decoration: none;
}

.jourlibre a:hover {
text-decoration: none;
}

.jourreserve{
background-color: #CC0000;
}

.jourreserve a{
color: #FFFFFF;
text-decoration: none;
}

.jourreserve a:visited{
color: #FFFFFF;
text-decoration: none;
}

.jourreserve a:hover {
text-decoration: none;
}


/* Zone Commentaires  */

.logement_commentaires{
text-align : center;
}

.logement_commentaires fieldset {
width: 500px;
margin: auto;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.logement_commentaires table {
width: 500px;
margin: auto;
border: 0px;
}

.logement_commentaires legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.logement_commentaires span {
margin: 5px;
font-weight: bold;
}

.logement_commentaires p {
margin: 10px;
color: #990033;
font-style: italic;
text-decoration: none;
}

.logement_commentaires a {
color: #336699;
text-decoration: none;
}

.logement_commentaires a:visited{
color: #336699;
text-decoration: none;
}

.logement_commentaires a:hover {
color: #336699;
text-decoration: underline;
}

.logement_commentaires img {
vertical-align: middle;
}


/* ----- Page Contact ----- */
/* ------------------------ */

.contacts {
height: 100%;

border: 1px solid #006633;
color: #990033;
}

.contacts legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.contacts table {
margin-top: 10px;
text-align: center;
}

.contacts td {
text-align: center;
}

.contacts fieldset {
margin-top: 10px;
text-align: center;
}

.contacts p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.contacts a {
color: #336699;
text-decoration: none;
}

.contacts a:visited{
color: #336699;
text-decoration: none;
}

.contacts a:hover {
color: #336699;
text-decoration: underline;
}

.contacts img {
vertical-align: middle;
}


/* ----- La page Visite ----- */
/* -------------------------- */

.visite {
color: #990033;
text-align: center;
}

.visite span {
color: #990033;
text-align: center;
font-weight: bold;
}

.visite a {
color: #336699;
text-decoration: none;
}

.visite a:visited{
color: #336699;
text-decoration: none;
}

.visite a:hover {
color: #336699;
text-decoration: underline;
}

.visiteliste {
color: #990033;
text-align: left;
}

.visiteliste a {
color: #336699;
text-decoration: none;
}

.visiteliste a:visited{
color: #336699;
text-decoration: none;
}

.visiteliste a:hover {
color: #336699;
text-decoration: underline;
}

/* ----- La page Villages ----- */
/* ---------------------------- */


/* Structure de la page */

.village {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.village legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.village table {
margin-top: 10px;
text-align: center;
}

.village td {
text-align: center;
}

.village fieldset {
margin-top: 10px;
text-align: center;
}

.village p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.village a {
color: #336699;
text-decoration: none;
}

.village a:visited{
color: #336699;
text-decoration: none;
}

.village a:hover {
color: #336699;
text-decoration: underline;
}



/* Zone Introduction (Partie Haute) */


.village_resume {
text-align: center;
font-style: italic;
}

.village_introduction {
}

.village_introduction p{
margin : 15px;
text-align : justify;
text-indent: 20px;
}

.village_introduction img {
margin-left: 15px;
height: 250px;
border: 1px solid #990033;
}


/* Zone Introduction (Bandeau Gauche) */

.village_images{
vertical-align: top;
font-style: italic;
}

.village_images img {
height: 150px;
margin: 5px;
border: 1px solid #990033;
}


/* Zone Description (Bandeau Droite) */

.village_descriptions{

}

.village_descriptions fieldset {
height: 100%;
margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.village_descriptions legend {
color: #336699;
font-weight: bold;
}

.village_descriptions table {
height: 100%;
width: 100%;
margin-top: 10px;
text-align: center;
}

.village_descriptions td {
text-align: center;
}

.village_descriptions p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.village_descriptions a {
color: #336699;
text-decoration: none;
}

.village_descriptions a:visited{
color: #336699;
text-decoration: none;
}

.village_descriptions a:hover {
color: #336699;
text-decoration: underline;
}

.village_descriptions img {
vertical-align: middle;
}


/* Zone Photos (Bandeau Bas) */

.village_photos{
}

.village_photos fieldset {

margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.village_photos legend {
color: #336699;
font-weight: bold;
}

.village_photos a {
color: #336699;
text-decoration: none;
}

.village_photos a:visited{
color: #336699;
text-decoration: none;
}

.village_photos a:hover {
color: #336699;
text-decoration: underline;
}

.village_photos img {
vertical-align: middle;
}

.village_photos td {
font-style: italic;
}

/* ----- La page Montagnes ----- */
/* ---------------------------- */


/* Structure de la page */

.montagne {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.montagne legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.montagne table {
margin-top: 10px;
text-align: center;
}

.montagne td {
text-align: center;
}

.montagne fieldset {
margin-top: 10px;
text-align: center;
}

.montagne p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.montagne a {
color: #336699;
text-decoration: none;
}

.montagne a:visited{
color: #336699;
text-decoration: none;
}

.montagne a:hover {
color: #336699;
text-decoration: underline;
}



/* Zone Introduction (Partie Haute) */


.montagne_resume {
text-align: center;
font-style: italic;
}

.montagne_introduction {
}

.montagne_introduction p{
margin : 15px;
text-align : justify;
text-indent: 20px;
}

.montagne_introduction img {
margin-left: 15px;
height: 250px;
border: 1px solid #990033;
}


/* Zone Introduction (Bandeau Gauche) */

.montagne_images{
vertical-align: top;
font-style: italic;
}

.montagne_images img {
height: 150px;
margin: 5px;
border: 1px solid #990033;
}


/* Zone Description (Bandeau Droite) */

.montagne_descriptions{

}

.montagne_descriptions fieldset {
height: 100%;
margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.montagne_descriptions legend {
color: #336699;
font-weight: bold;
}

.montagne_descriptions table {
height: 100%;
width: 100%;
margin-top: 10px;
text-align: center;
}

.montagne_descriptions td {
text-align: center;
}

.montagne_descriptions p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.montagne_descriptions a {
color: #336699;
text-decoration: none;
}

.montagne_descriptions a:visited{
color: #336699;
text-decoration: none;
}

.montagne_descriptions a:hover {
color: #336699;
text-decoration: underline;
}

.montagne_descriptions img {
vertical-align: middle;
}


/* Zone Photos (Bandeau Bas) */

.montagne_photos{
}

.montagne_photos fieldset {
margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.montagne_photos legend {
color: #336699;
font-weight: bold;
}

.montagne_photos a {
color: #336699;
text-decoration: none;
}

.montagne_photos a:visited{
color: #336699;
text-decoration: none;
}

.montagne_photos a:hover {
color: #336699;
text-decoration: underline;
}

.montagne_photos img {
vertical-align: middle;
}

.montagne_photos td {
font-style: italic;
}


/* ----- La page Activités ----- */
/* ---------------------------- */


/* Structure de la page */

.activite {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.activite legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.activite table {
margin-top: 10px;
text-align: center;
}

.activite td {
text-align: center;
}

.activite fieldset {
margin-top: 10px;
text-align: center;
}

.activite p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.activite a {
color: #336699;
text-decoration: none;
}

.activite a:visited{
color: #336699;
text-decoration: none;
}

.activite a:hover {
color: #336699;
text-decoration: underline;
}



/* Zone Introduction (Partie Haute) */


.activite_resume {
text-align: center;
font-style: italic;
}

.activite_introduction {
}

.activite_introduction p{
margin : 15px;
text-align : justify;
text-indent: 20px;
}

.activite_introduction img {
margin-left: 15px;
height: 250px;
border: 1px solid #990033;
}


/* Zone Introduction (Bandeau Gauche) */

.activite_images{
vertical-align: top;
font-style: italic;
}

.activite_images img {
height: 150px;
margin: 5px;
border: 1px solid #990033;
}


/* Zone Description (Bandeau Droite) */

.activite_descriptions{

}

.activite_descriptions fieldset {
height: 100%;
margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.activite_descriptions legend {
color: #336699;
font-weight: bold;
}

.activite_descriptions table {
height: 100%;
width: 100%;
margin-top: 10px;
text-align: center;
}

.activite_descriptions td {
text-align: center;
}

.activite_descriptions p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.activite_descriptions a {
color: #336699;
text-decoration: none;
}

.activite_descriptions a:visited{
color: #336699;
text-decoration: none;
}

.activite_descriptions a:hover {
color: #336699;
text-decoration: underline;
}

.activite_descriptions img {
vertical-align: middle;
}


/* Zone Photos (Bandeau Bas) */

.activite_photos{
}

.activite_photos fieldset {
margin: 10px;
border: 1px dotted #006633;
color: #990033;
text-align : left;
}

.activite_photos legend {
color: #336699;
font-weight: bold;
}

.activite_photos a {
color: #336699;
text-decoration: none;
}

.activite_photos a:visited{
color: #336699;
text-decoration: none;
}

.activite_photos a:hover {
color: #336699;
text-decoration: underline;
}

.activite_photos img {
vertical-align: middle;
}

.activite_photos td {
font-style: italic;
}

/* ----- La page Partenaires ----- */
/* ---------------------------- */


/* Structure de la page */

.partenaires {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.partenaires legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.partenaires table {
margin-top: 10px;
text-align: center;
}

.partenaires td {
text-align: center;
}

.partenaires fieldset {
margin-top: 10px;
text-align: center;
}

.partenaires p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.partenaires a {
color: #336699;
text-decoration: none;
}

.partenaires a:visited{
color: #336699;
text-decoration: none;
}

.partenaires a:hover {
color: #336699;
text-decoration: underline;
}

.partenaires img {
vertical-align: middle;
}


/* ----- La page Ecotourisme ----- */
/* ---------------------------- */


/* Structure de la page */

.ecotourisme {
height: 100%;
border: 1px solid #006633;
color: #990033;
}

.ecotourisme legend {
color: #336699;
background: #fff;
font-weight: bold;
}

.ecotourisme table {
margin-top: 10px;
text-align: center;
}

.ecotourisme td {
text-align: center;
}

.ecotourisme fieldset {
margin-top: 10px;
text-align: left;
}

.ecotourisme p {
margin: 5px;
color: #990033;
text-decoration: none;
}

.ecotourisme a {
color: #336699;
text-decoration: none;
}

.ecotourisme a:visited{
color: #336699;
text-decoration: none;
}

.ecotourisme a:hover {
color: #336699;
text-decoration: underline;
}

.ecotourisme img {
vertical-align: middle;
}



/* Zone Introduction (Partie Haute) */

.ecotourisme_introduction{
vertical-align: middle;
}

.ecotourisme_introduction_gauche img {
height: 250px;
border: 1px solid #990033;
margin: 10px;
}

.ecotourisme_introduction_droite img {
margin: 0px;
}



/* Zone Introduction (Bandeau Gauche) */

.logement_images{
vertical-align: top;
}

.logement_images img {
height: 150px;
margin: 5px;
border: 1px solid #990033;
}


/* ----- La Gestion des erreurs ----- */
/* ---------------------------------- */

.erreurs{
text-align: center;
color: #336699;
}


/* -------- Le Bas de page et le Bandeau -------- */
/* ---------------------------------------------- */


#pied {
height: 161px;
margin-bottom: 10px;
border-right: 1px solid #006633;
border-left: 1px solid #006633;
border-bottom: 1px solid #006633;
background-color: #FFFFFF;
background-image: url(images/barrebas.jpg);
background-repeat: no-repeat;
background-position: top;
}