body
{
margin: 0;
padding-top: 20px;
background: #FCF6D0 url(images/background.gif);
color: #000;
font-size: 70%;
font-family: verdana;
}

#conteneur
{
width: 500px;
height: auto;
background: #FFFFFF;
border: 1px solid #C8C3A6;
margin: 0 auto;	
}

h1
{
font-size: 100%;
display:inline;
font-weight: bold;
color:#867E53;
}

h2
{
font-size: 100%;
display:inline;
font-weight: bold;
color:#990000;
text-align:center;
}

h3
{
font-size: 150%;
display:inline;
font-weight: bold;
color:#990000;
text-align:center;
}

h4
{
font-size: 150%;
font-weight: bold;
color:#990000;
text-align:center;
}

h5
{
font-size: 70%;
}

h6
{
font-size: 100%;
display:inline;
font-weight:normal;
}

h7
{
font-size: 90%;
font-style:italic;
color:#867E53;
}

li
{
list-style-image: url(images/puce.gif);
}

input {
	border: 1px solid #938F7B;
	background-color: #FCF6D0;
	color: #6A6757;
	margin-top: 5px;
	font-size: 110%;
	font-family: verdana;
}

textarea {
	border: 1px solid #938F7B;
	background-color: #FCF6D0;
	color: #6A6757;
	margin-top: 5px;
	font-size: 110%;
	font-family: verdana;
}

a
{
color: #9A9A68;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
color: #990000;
}

/*-- top ----------------------------*/
#top
{
width: 490px;
height: 230px;
background: #FCF6D0;
margin-left:5px;
margin-top:5px;
}

/*-- menu ----------------------------
Rouge : 7E0C0C
Beige : FCF6D0
Gris pâle : F0EDDA
Gris clair : C8C3A6
Gris : 938F7B
Gris foncé : 6A6757
*/

#navcontainer
{
background-color: #7E0C0C;
margin-top: 5px;
margin-left:5px;
width: 490px;
}

#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FCF6D0;
text-align: left;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

#navcontainer ul li
{
display: inline;
margin-left: -4px
}

#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #FCF6D0;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #FCF6D0;
color: #737061;
}

#navlist a:link#current, #navlist a:visited#current
{
background-color: #FCF6D0;
color: #7E0C0C;
border-left: 1px solid #C8C3A6;
}

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

/************ Générale ***********************/
#texteCentre
{
text-align:center;
padding: 20px 0px 20px 0px;
}

#hautPage
{
text-align:right;
padding: 0px 30px 10px 0px;
font-size: 80%;
}

#hautPage a
{
color: #9A9A68;
text-decoration: none;
}

#hautPage a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

.hautPage1
{
text-align:right;
padding: 0px 40px 10px 0px;
font-size: 80%;
}

.hautPage1 a
{
color: #9A9A68;
text-decoration: none;
}

.hautPage1 a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

#hautPage2
{
text-align:right;
padding: 0px 10px 10px 0px;
font-size: 90%;
}

#hautPage2 a
{
color: #9A9A68;
text-decoration: none;
}

#hautPage2 a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

#hautPage3
{
text-align:right;
padding: 0px 40px 10px 0px;
font-size: 80%;
}

#hautPage3 a
{
color: #9A9A68;
text-decoration: none;
}

#hautPage3 a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

#hautPage4
{
text-align:right;
padding: 0px 40px 10px 0px;
font-size: 80%;
}

#hautPage4 a
{
color: #9A9A68;
text-decoration: none;
}

#hautPage4 a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

/************** Auberge *************/
#texteAubergePage
{
position:relative;
padding: 30px 20px 10px 30px;
}

#texteAubergeDroite
{
position:relative;
padding: 10px 0px 0px 230px;
width: 230px;
z-index:250;
}

#photoAubergeGauche
{
position:absolute;
margin: 60px 0px 0px 25px;
background: #FFFFFF;
z-index:500;
}

#photocentre
{

text-align:center;
background: #FFFFFF;
}

/************** Carte *************/
#texteCartePage
{
position:relative;
padding: 30px 20px 10px 30px;
}

table { margin-left: auto; margin-right: auto; }

#texteCarteGauche1
{
position:relative;
padding: 10px 20px 20px 30px;
text-align:center;
width: 220px;
}

#texteCarteGauche2
{
position:relative;
padding: 10px 20px 20px 30px;
text-align:center;
width: 220px;
}

#texteCarteDroite
{
position:relative;
padding: 10px 0px 20px 250px;
width: 220px;
text-align:center;
}

#texteCarteCentre
{
position:relative;
padding: 10px 20px 20px 100px;
text-align:center;
width: 300px;
}

#texteCartePage a
{
color: #9A9A68;
text-decoration: none;
}

#texteCartePage a:hover
{
text-decoration: underline;
color: #990000;
}

#croquisMenu1
{
position:absolute;
padding: 20px 0px 0px 280px;
background: #FFFFFF;
}

#croquisMenu2
{
position:absolute;
margin: 50px 0px 0px 30px;
background: #FFFFFF;
}

#croquisMenu3
{
position:absolute;
padding: 110px 0px 0px 270px;
background: #FFFFFF;
}

.rubrique
{
font-size: 100%;
font-weight: bold;
color:#990000;
padding: 10px 10px 10px 10px;
}

.detail
{
font-size: 90%;
font-style:italic;
color:#aeae8a;
padding: 0 0 0 5px;
}

.particularite
{
font-size: 95%;
font-weight:bold;
color:#4a371a;
padding: 0 0 5px 10px;
}


.ornement
{
padding-top: 20px;
text-align:center;
}

.haut
{
text-align:right;
padding: 0px 0px 10px 0px;
font-size: 80%;
}

.haut a
{
color: #9A9A68;
text-decoration: none;
}

.haut a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

/************** Acces *************/
#texteAccesPage
{
position:relative;
padding: 30px 20px 10px 30px;
}

#photoAcces
{
position:absolute;
margin: 60px 0px 0px 25px;
background: #FFFFFF;
}

#texteAccesGauche
{
position:relative;
padding: 10px 20px 40px 30px;
width: 250px;
}

#logoVillagesFrance
{
position:absolute;
padding: 20px 0px 0px 330px;
background: #FFFFFF;
}

#carteCentre
{
text-align:center;
}

#planCentre
{
text-align:center;
}


/************** Contact *************/
#texteContact1
{
position:relative;
padding: 0px 20px 10px 30px;
font-weight: bold;
color:#990000;
}

#texteContact2
{
position:relative;
padding: 30px 20px 30px 30px;
}

#texteContactAdresse
{
text-align:center;
padding: 0px 0px 30px 0px;
}

#formulaireContact
{
padding: 0px 0px 0px 35px;
}

/************** Crédits photos *************/
#texteCreditsPhotos
{
position:relative;
text-align:center;
padding: 10px 20px 30px 30px;
}

#texteCreditsPhotos ul
{
position:relative;
text-align:left;
padding: 0 0 15px 50px;
}

#texteCreditsPhotos h1
{
display:block;
font-size: 100%;
font-weight: bold;
color:#990000;
text-align:center;
padding-top:10px;
}

#texteCreditsPhotos h2
{
display:block;
font-size: 100%;
font-weight: normal;
color:#000;
text-align:justify;
}

#texteCreditsPhotos h3
{
display:block;
font-size: 90%;
font-weight: normal;
color:#AEAE8A;
text-align:justify;
padding: 20px 20px  0  20px;

}

/* --footer ------------------------------*/
#footer
{
text-align:center;
font-size: 90%;
margin-bottom: 5px;
color: #4A371A;
margin-left:5px;
}

#adresse
{
padding: 5px 0 5px 0;
width: 490px;
background-color: #C8C3A6;
}

#adresse a
{
padding: 10px 0 0 0;
color: #FCF6D0;
text-decoration: underline;
}
#adresse a:hover
{
text-decoration: none;
color: #737061;
}


/* --lpz------------------------------*/
#lpz
{
text-align:center;
padding: 5px 0px 10px 0px;
color: #AEAE8A;
font-size: 80%;
}

#lpz a
{
color: #9A9A68;
text-decoration: none;
}

#lpz a:hover
{
text-decoration: underline;
color: #AEAE8A;
}

/* -- Valid ---------------------------*/
#valid
{
text-align:center;
padding: 5px 0px 10px 0px;
color: #AEAE8A;
font-size: 80%;
}
#valid img
{
text-align:center;
padding-left: 10px;
padding-right: 10px;
color: #AEAE8A;
font-size: 80%;
}