* { margin: 0; padding: 0; }
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4C4C; font-weight: normal; background: #342721 url(img/fond.gif) repeat-x;}
h1 {padding: 14px 0 22px 0; font-size: 1.7em;}
ul {list-style: none; margin: 0; padding: 0;}
a:link {color: #fff; text-decoration: none; font-weight:bold} /* lien non-visité */
a:visited {color: #fff; text-decoration: none; font-weight:bold} /* lien visité */
a:hover {color: #fff; text-decoration:underline; font-weight:bold} /* lien survolé */
a:active {color: #fff; text-decoration: underline; font-weight:bold} /* lien activé */

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

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

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

img {border: 0;}

/* --------------------------------------- navigation ------- */
div#mainnav {margin: 0px auto; width:890px; height: 59px;}
div#mainnav ul{width: 890px; margin: 0px auto; height: 59px; background: transparent url(img/nav.gif) no-repeat 0px -59px;}
div#mainnav ul li {margin: 0px; padding: 0px; list-style: none; display:inline;}
#mainnav ul li, #mainnav ul a {height: 59px; float: left; display: block;}

#nav-home a:hover, #nav-home a:active {background: transparent url(img/nav.gif) 0px 0px;}
#nav-restaurant a:hover, #nav-restaurant a:active {background: transparent url(img/nav.gif) -317px 0px;}
#nav-traiteur a:hover, #nav-traiteur a:active {background: transparent url(img/nav.gif) -534px 0px;}
#nav-carte a:hover, #nav-carte a:active {background: transparent url(img/nav.gif) -678px 0px;}
#nav-acces a:hover, #nav-acces a:active {background: transparent url(img/nav.gif) -754px 0px;}
#nav-contact a:hover, #nav-contact a:active {background: transparent url(img/nav.gif) -844px 0px;}

/* --------------------------------------- =active page nav items ------- */
body#home #nav-home a{ background: transparent url(img/nav.gif) 0px 0px;}
body#restaurant #nav-restaurant a {background: transparent url(img/nav.gif) -317px 0px;}
body#traiteur #nav-traiteur a {background: transparent url(img/nav.gif) -534px 0px;}
body#carte #nav-carte a {background: transparent url(img/nav.gif) -678px 0px;}
body#acces #nav-acces a {background: transparent url(img/nav.gif) -754px 0px;}
body#contact #nav-contact a {background: transparent url(img/nav.gif) -844px 0px;}

#img-entete { padding: 0 0 18px 0;}
.txtgauche {padding: 12px 20px 16px 0;}
.txtgauche2 {padding: 6px 20px 10px 0;}
.txtgauche3 {font-size: 0.8em; padding: 0 10px 35px 0; text-align: center;}
.photo {padding: 8px 0 8px 26px;}
#menus {padding: 0 0 35px 0;}
div#ascenseur {width: 570px; height: 268px; overflow: scroll; overflow-x: hidden; z-index: 1; padding: 0 6px 0 0; }
#container { width: 890px; margin: 0 auto; }
#footer p {padding-bottom:6px;}

/*--- home ---*/
body#home #main { width: 259px; background: url(img/fond-g.gif) no-repeat; float: left; margin-right: 7px; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 5px 10px 10px; }
html>body#home #main { width: 259px; height: 353px; }
html>body#home #secondary { height: 353px; }
body#home #secondary { padding-left: 10px; margin-left: 281px; background: url(img/fond-d.png) no-repeat; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 10px 10px 10px; }
body#home #tiers .section1 { width: 189px; float: left; padding-left: 2px; }
body#home #tiers .section2 { width: 372px; float: left; padding: 4px 0 20px 22px; }
body#home #footer { clear: left; text-align: center; color: #ffffff; padding: 0 0 0 0; }

/*--- haricot ---*/

body#restaurant #main { width: 259px; background: url(img/fond-g.gif) no-repeat; float: left; margin-right: 7px; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 5px 10px 10px; }
html>body#restaurant #main { width: 259px; height: 353px; }
html>body#restaurant #secondary { height: 353px; }
body#restaurant #secondary { padding-left: 10px; margin-left: 281px; background: url(img/fond-d.png) no-repeat; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 10px 10px 10px; }
body#restaurant #tiers .section1 { width: 189px; float: left; padding-left: 2px; }
body#restaurant #tiers .section2 { width: 372px; float: left; padding: 4px 0 20px 22px; }
body#restaurant #footer { clear: left; text-align: center; color: #ffffff; padding: 0 0 0 0; }
																				  
/*--- carte & menus ---*/

body#traiteur #main { width: 259px; background: url(img/fond-g.gif) no-repeat; float: left; margin-right: 7px; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 5px 10px 10px; }
html>body#traiteur #main { width: 259px; height: 353px; }
html>body#traiteur #secondary { height: 353px; }
body#traiteur #secondary { padding-left: 10px; margin-left: 281px; background: url(img/fond-d.png) no-repeat; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 10px 10px 10px; }
body#traiteur #tiers .section1 { width: 189px; float: left; padding-left: 2px; }
body#traiteur #tiers .section2 { width: 372px; float: left; padding: 4px 0 20px 22px; }
body#traiteur #footer { clear: left; text-align: center; color: #ffffff; padding: 0 0 0 0; }


/*--- acces ---*/

body#carte #main { width: 259px; background: url(img/fond-g.gif) no-repeat; float: left; margin-right: 7px; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 5px 10px 10px; }
html>body#carte #main { width: 259px; height: 353px; }
html>body#carte #secondary { height: 353px; }
body#carte #secondary { padding-left: 10px; margin-left: 281px; background: url(img/fond-d.png) no-repeat; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 10px 10px 10px; }
body#carte #tiers .section1 { width: 189px; float: left; padding-left: 2px; }
body#carte #tiers .section2 { width: 372px; float: left; padding: 4px 0 20px 22px; }
body#carte #footer { clear: left; text-align: center; color: #ffffff; padding: 0 0 0 0; }

/*--- contact ---*/

body#acces #main { width: 259px; background: url(img/fond-g.gif) no-repeat; float: left; margin-right: 7px; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 5px 10px 10px; }
html>body#acces #main { width: 259px; height: 353px; }
html>body#acces #secondary { height: 353px; }
body#acces #secondary { padding-left: 10px; margin-left: 281px; background: url(img/fond-d.png) no-repeat; font-weight: normal; line-height: 14px; text-align: justify; color: #ffffff; padding:2px 10px 10px 10px; }
body#acces #tiers .section1 { width: 189px; float: left; padding-left: 2px; }
body#acces #tiers .section2 { width: 372px; float: left; padding: 4px 0 20px 22px; }
body#acces #footer { clear: left; text-align: center; color: #ffffff; padding: 0 0 0 0; }


.box { width: 584px; padding: 0 0 35px 0; }
.boxacces { width: 584px; padding: 0 0 48px 0; }
.sidebaracces { float: left; padding: 32px 0 0 2px; margin-left: 0; }
.sidebar { float: left; padding: 0 0 0 2px; margin-left: 0; }
.texto { margin-left: 210px; padding-bottom: 24px; }
.viamichelin { padding: 16px 0 26px 280px; }
#formcontact { padding: 26px 0 18px 0; }