body { 
	background: url(../images/fond-resto3.jpg) repeat-y top center;
}

img {
	border: none;
}	

a:link { 
	text-decoration: none; 
	//color: rgb(186,81,166);
	color: rgb(158,117,55);
	/*background-color: transparent;*/
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: rgb(186,81,166);
	/*background-color: transparent;*/
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: rgb(130,77,71);
	/*background-color: transparent;*/
}

#container { 
	width: 752px;	
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-color: #555;
	background-color: #EEE;
}

/* ------------
   Bandeau haut
   ------------*/

#titre h1 {	
	display: none;
}

#titre { 
	background: url(../images/aquarelle6.jpg) no-repeat top center;
	height:  220px;
	padding: 0; 
	margin-top: 0;
	margin-bottom: 2px;
}

/* ---------------
   Menu navigation
   ---------------*/

#menutop  {
	/*background: url(../images/menu.jpg) no-repeat top left;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;*/
	margin: 0;
	padding: 0;
	margin-top: 10px;
	list-style-type: none;
	line-height: 54px;
	text-align: center;
}
	
#menutop li {
	display: inline; 
	vertical-align: middle;
}

#menutop a { 
	color: rgb(161,122,55);
	background:#EEE;
	padding: 12px;
	font: 22px Vrinda, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	/*background-color: transparent;*/
}

#menutop a:hover {
	/*padding-top: 2px;
	padding-bottom: 4px;*/
}

/* ------------
   Contenu Page
   ------------*/
	
#page {
	font: 12px Sans-Serif;
	text-align: center;
}

/* page accueil */
// using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/
#index h2 { 
	background: transparent url(../images/titres/bienvenue.png) no-repeat top left; 
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 244px; /* largeur augmentée correction bug IE */
	height: 50px;
}

#index h2 span {
	display: none;
}

#index {
	text-align: center;
	margin-bottom: 10px;
}

#index p {
	text-indent: 10px;
}

#index p.left {
	font: georgia, sans-serif;
	font-style: italic;
	font-weight: lighter;
	font-size: 18px; 
	//font: 14px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	//font-weight: bold;
	text-align: justify;
	margin-left: 70px;
	margin-right: 90px;
	line-height: 100%;
}
/* fin page accueil */

/* page menu resto*/
#menumarche h2 { 
	background: transparent url(../images/titres/menumarche.png) no-repeat top left; 
	margin-top: 20px;
	margin-left: 180px;
	width: 500px; /* largeur augmentée correction bug IE */
	height: 50px;
}

#menugourmand h2 { 
	background: transparent url(../images/titres/menugourmand.png) no-repeat top left; 
	margin-top: 60px;
	margin-bottom: -50px;
	margin-left: 120px;
	width: 440px; 
	height: 120px;
}
	
#trouvailles h2 { 
	background: transparent url(../images/titres/trouvailles.png) no-repeat top left; 
	margin-top: 60px;
	margin-bottom: -50px;
	margin-left: 150px;
	width: 440px; 
	height: 120px;
}

#desserts h2 { 
	background: transparent url(../images/titres/desserts.png) no-repeat top left; 
	margin-top: 60px;
	margin-bottom: -50px;
	margin-left: 170px;
	width: 440px; 
	height: 120px;
}

#menumarche h2 span, #trouvailles h2 span, #menugourmand h2 span, #desserts h2 span {
	display: none;
}

#menumarche img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#menumarche p, #trouvailles p, #menugourmand p, #desserts p {
	font: 100% georgia, sans-serif;
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}

#menumarche p.intro,  #trouvailles p.intro, #menugourmand p.intro, #desserts p.intro {
	font: 100% georgia, sans-serif;
	font-style: italic;
	font-weight: lighter;
	font-size: 18px; 
	text-align: justify;
	margin-top: 0;
	margin-bottom: 35px;
	margin-left: 100px;
	margin-right: 40px;
	padding: 0;
}

#menumarche p.prix,  #trouvailles p.prix, #menugourmand p.prix, #desserts.prix {
	text-align: center;
	font: 18px "georgia", Sans-Serif;
}
/* fin page menu resto*/

/* page photos */
#photosresto {
	border: none;
}

#photosplats {
	border: none;
}

#photosresto h2 { 
	background: transparent url(../images/titres/photosresto.png) no-repeat top left; 
	margin-top: 40px;
	margin-left: 190px;
	width: 520px; 
	height: 50px;
}

#photosresto h2 span {
	display: none;
}

#photosresto img {
	border: solid 1px;
	margin: 4px 4px 4px 4px;
}

#photosplats img {
	border: solid 1px;
	margin: 4px 4px 4px 4px;
}
	
#photosplats h2 { 
	background: transparent url(../images/titres/photosplats.png) no-repeat top left; 
	margin-top: 40px;
	margin-left: 250px;
	width: 490px; 
	height: 50px;
	}

#photosplats h2 span {
	display: none;
	}
/* fin page photos */

/* page liens */
#liens h2 { 
	background: transparent url(../images/titres/liens.png) no-repeat top left; 
	margin-top: 40px;
	margin-left: 200px;
	width: 520px; 
	height: 50px;
}

#liens h2 span {
	display: none;
}
/* fin page liens */

/* page renseignements */
#renseignements h2 { 
	background: transparent url(../images/titres/renseignements.png) no-repeat top left; 
	margin-top: 40px;
	margin-bottom: 0;
	margin-left: 230px;
	width: 480px; /* largeur augmentée correction bug IE */
	height: 50px;
}

#renseignements h2 span {
	display: none;
}

#renseignements p {
	font: 18px Georgia, Sans-Serif;
	color: rgb(161,122,55);
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: left;
}

#renseignements p.rens {
	font: 14px Georgia, Sans-Serif;
}
	
#contact1 {
	float: left;
	margin-right: 30px;
}	

#contact2  {
	float: left;
	margin-right: 30px;
	height: 560px;
}
	
#renseignements p.resa {
	font-size: 20px;
	line-height: 90%;
}

#contact p.resa2 {
	font-size: 18px;
	color: rgb(161,122,55);
	margin-left:auto;
	margin-right: auto;	
}

#message {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(220, 220, 220);
	//background-color: #ECD;
	color: rgb(161,122,55);
}
	
#contact h2 { 
	background: transparent url(../images/titres/contact.png) no-repeat top left; 
	margin-top: 40px;
	margin-left: 250px;
	width: 490px; 
	height: 50px;
	}

#contact h2 span {
	display: none;
}
	
input.sujet {
	width: 200px;
}

.message {
	width: 440px;
	height: 250px;
}
/* fin page renseignements */

#footer {
	background: transparent url(../images/titres/selpoivre.gif) no-repeat top center;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#xhtml {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*page de statistique*/
#statistiques h2 { 
	background: transparent url(../images/titres/statistiques.png) no-repeat top left; 
	margin-top: 40px;
	margin-left: 230px;
	width: 490px; 
	height: 50px;
}

#statistiques h2 span {
	display: none;
}

#statistiques {
	background-color: #CCC;
	margin: 40px;
}

table {
	border: double;
	width: 280px;	
	margin-left: auto;
	margin-right: auto;
}

caption {
	font-size: 22px;
	color: rgb(186,81,166);
	caption-side: top;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

td.col1 {
	width: 120px;
	text-align: left;
	font-size: 1.1em;
}

td.col2 {
	width: 60px;
	text-align: center;
}
/* fin page statistiques */