body {font-family: Verdana, Arial, Helvetica, sans-serif;margin:0;font-size:11px;color:#585858;font-weight:normal;background:#DBCDB1 url(img/fond.gif) repeat-x;}	
ul {list-style: none;margin: 0;padding: 0;}

.tab1 {background: url(img/haut.gif) no-repeat;padding-top:1px;}
.tab2 {background: url(img/haut2.gif) repeat-y;}

a:link {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien non-visité */
a:visited {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien visité */
a:hover {color: #4D4C4C;text-decoration:underline;font-weight:bold} /* lien survolé */
a:active {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien activé */

a.lienbas:link {color: #674C38;text-decoration: none;font-weight:normal} /* lien non-visité */
a.lienbas:visited {color: #674C38;text-decoration: none;font-weight:normal} /* lien visité */
a.lienbas:hover {color: #674C38;text-decoration:underline;font-weight:normal} /* lien survolé */
a.lienbas:active {color: #674C38;text-decoration: underline;font-weight:normal} /* lien activé */

a.lienaccueil:link {text-decoration: none;} /* lien non-visité */
a.lienaccueil:visited {text-decoration: none;} /* lien visité */
a.lienaccueil:hover {text-decoration:none;} /* lien survolé */
a.lienaccueil:active {text-decoration: none;} /* lien activé */

a.lien:link {color: #674C38;text-decoration: underline;font-weight:bold} /* lien non-visité */
a.lien:visited {color: #674C38;text-decoration: underline;font-weight:bold} /* lien visité */
a.lien:hover {color: #674C38;text-decoration:underline;font-weight:bold} /* lien survolé */
a.lien:active {color: #674C38;text-decoration: underline;font-weight:bold} /* lien activé */

img {border: 0;}
h1, h2, h3, h4 {color:#53481D;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;padding:0;margin:0;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;padding:0;margin:0;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:8px;font-weight:normal;padding:0;margin:0;}

p {margin: .5em 0 1em 0;}

#container {
	width: 947px;
	margin: 0 auto;
	background: #DBCDB1;
	position: relative;
}

#main {margin: 0;text-align: left;padding: 0;background:#DBCDB1 url(img/bg2.gif) repeat-x;}

#main #promo2 {
	background-image: url(img/promo2.png);
	height: 264px;
	width: 264px;
	position: absolute;
	left: 702px;
	top: 490px;
}



#left {float: left;width: 340px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#right {float: right;width: 350px;margin: 0 0 14px 2px;padding: 18px 12px 0 0;text-align:justify;font-size: 11px;line-height: 1.4em;}
#center {width: 200px; margin-left: 376px;padding: 24px 0 40px 0;}

#leftdown {float: left;width: 290px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 12px 0 0 12px;text-align:justify;background: #DBCDB1;}
#leftdown h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
.vignette {float: left;width: 80px;}
.vignettenv {float: left;width: 95px;}

#rightdown {float: right;width: 290px;margin: 0 0 14px 2px;padding: 12px 12px 0 0;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#rightdown h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#centerdown {width: 290px; margin-left: 306px;padding: 12px 0 0 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#centerdown h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}

#citation {float: right;margin: 0 0 .4em 1em;width: 145px;font-family: Georgia, "Times New Roman", Times, serif;font-variant: small-caps;font-size: 20px;line-height: 1.3em;} 

.imghome {padding-top:18px;}

/*-- chambres d'hôtes --*/
#leftchambres {float: left;width: 680px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#leftchambres h1 {border-bottom: 1px solid #DBCDB1;padding-bottom:4px;}
#rightchambres {width: 200px; margin-left: 720px;padding: 24px 0 40px 0;}
#leftdownchambres {float: left;width: 430px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 12px 0 0 12px;text-align:justify;background: #DBCDB1;}
#leftdownchambres h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#centerdownchambres {width: 430px; margin-left: 470px;padding: 12px 0 10px 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#centerdownchambres h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#chambres {float: left;padding:0 34px 0 12px;width: 430px;text-align:justify;}
#chambres h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#chambresdroite1 {width: 210px; margin-left: 460px;padding: 0 0 10px 0;}
#chambresdroite2 {float: right;width: 226px;padding: 0 0 10px 0;margin: 0;}
#chambresbas {width: 850px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 8px 0 0 12px;text-align:justify;}

/*-- les gîtes --*/
#leftgites {float: left;width: 680px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#leftgites h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#rightgites {width: 200px; margin-left: 720px;padding: 24px 0 40px 0;}
#leftdowngites {float: left;width: 430px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 12px 0 0 12px;text-align:justify;background: #DBCDB1;}
#leftdowngites h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#rightdowngites {width: 430px; margin-left: 470px;padding: 12px 0 10px 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#rightdowngites h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#rightdowngites1 {width: 430px; margin-left: 470px;padding: 12px 0 10px 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#rightdowngites1 h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#centerdowngites {width: 240px; margin-left: 306px;padding: 12px 0 0 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#centerdowngites h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#leftdowngites1 {float: left;width: 290px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 12px 0 0 12px;text-align:justify;background: #DBCDB1;}
#leftdowngites1 h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#vignettegites {padding:14px 0 0 0;}
#gites {padding:6px 18px 10px 12px;}
#gitesgauche {float: left;width: 680px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#gitesgauche h1 {border-bottom: 1px solid #DBCDB1;padding-bottom:4px;}
#gitesdroite {width: 200px; margin-left: 720px;padding: 24px 0 40px 0;}
#gites1 {padding:0 34px 0 12px;}
#gites1 h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}

/*-- acces --*/
#leftacces {float: left;width: 430px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#leftacces h1 {border-bottom: 1px solid #DBCDB1;padding-bottom:4px;}
#rightacces {width: 440px; margin-left: 470px;padding: 58px 0 20px 0;}
#leftdownacces {float: left;width: 430px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 12px 0 0 12px;text-align:justify;background: #DBCDB1;}
#leftdownacces h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}
#centerdownacces {width: 430px; margin-left: 470px;padding: 12px 0 10px 10px;text-align:justify;font-size: 11px;line-height: 1.4em;background: #DBCDB1;}
#centerdownacces h1 {border-bottom: 1px solid #F7EFDE;padding-bottom:4px;}

/*-- contact --*/
#leftcontact {float: left;width: 640px;margin: 0 12px 14px 0;font-size: 11px;line-height: 1.4em;padding: 18px 0 0 12px;text-align:justify;}
#leftcontact h1 {border-bottom: 1px solid #DBCDB1;padding-bottom:4px;}
#rightcontact {width: 240px; margin-left: 680px;padding: 24px 0 40px 0;}


.head {padding: 4px 0 4px 0;}
.fond-page {background:#ffffff; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin-top:12px;}
.fond-page a {
	color: #FFFFFF;
	text-decoration: none;
}
.fond-page a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.fond-page2 {background:#ffffff; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin-top:0;}
.page1 {background:#F7EFDE; border: 1px solid #cccccc; padding: 0;}
.page {background: #DBCDB1;; border: 1px solid #cccccc; padding: 0;}

#coordonnees {padding: 0 0 6px 0;margin:0px 190px 0 190px;}
#coordonnees p {text-align:center;padding: 6px 0 0 0;margin:0;font-size:10px;}
#footer {text-align:center;}

/* -------- navigation ------- */
div#mainnav {margin: 0px auto;width:959px;height: 37px;}
div#mainnav ul{width: 959px;margin: 0px auto;height: 37px;background: transparent url(img/nav.png) no-repeat 0px -37px;}
div#mainnav ul li {margin: 0px;padding: 0px;list-style: none;display:inline;}
#mainnav ul li, #mainnav ul a {height: 37px;float: left;display: block;}
#mainnav #fr {
	float: right;
	display: block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top:12px;
	margin-bottom:-20px;
}
#mainnav #gb {
	float: right;
	display: block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top:12px;
	margin-bottom:-20px;
}
#nav-home a:hover, #nav-home a:active {background: transparent url(img/nav.png) 0px 0px;}
#nav-restaurant a:hover, #nav-restaurant a:active {background: transparent url(img/nav.png) -77px 0px;}
#nav-traiteur a:hover, #nav-traiteur a:active {background: transparent url(img/nav.png) -194px 0px;}
#nav-carte a:hover, #nav-carte a:active {background: transparent url(img/nav.png) -319px 0px;}
#nav-acces a:hover, #nav-acces a:active {background: transparent url(img/nav.png) -460px 0px;}
#nav-about a:hover, #nav-about a:active {background: transparent url(img/nav.png) -554px 0px;}
#nav-album a:hover, #nav-album a:active {
	background-color: transparent;
	background-image: url(img/nav.png);
	background-position: -654px 0px;
}
/* --------------------------------------- =active page nav items ------- */
body#home #nav-home a{ background: transparent url(img/nav.png) 0px 0px;}
body#restaurant #nav-restaurant a {background: transparent url(img/nav.png) -77px 0px;}
body#traiteur #nav-traiteur a {background: transparent url(img/nav.png) -194px 0px;}
body#carte #nav-carte a {background: transparent url(img/nav.png) -319px 0px;}
body#acces #nav-acces a {background: transparent url(img/nav.png) -460px 0px;}
body#about #nav-about a {background: transparent url(img/nav.png) -554px 0px;}