body {
	background: #ffffcc;
	color: #333333;
	font: 16px/1em cochin,arial,helvetica,sans-serif;
}
	/*ordre Link, Visited, Hover, Active*/
	/*éviter padding sur bloc de taille fixe*/
	/*combinaison pseudo et classe : A.external:visited { color: blue } <-> <A CLASS=external HREF="http://de.hors/">lien externe</A>*/
a { color: #333333; font-weight: normal; text-decoration: none; width:.1em;}
a:visited { color: #555555; font-weight: normal; text-decoration:none; }
a:hover { color: #333333; font-weight: bold; text-decoration: underline; }
a:active { color: #990000; font-weight: bold; text-decoration: none; }
a img { border: 0;}
hr { visibility: hidden; }
ul, li { list-style-type: none; }
li { margin: 0.5em; line-height: 1.3em; }
.prix { font-size: 0.9em; }
.titre { text-decoration: underline; }
.citation { font-style: italic; }
.centre { display: block; text-align: center;}
#page {
	position:fixed !important;
	position: absolute;
	padding: 0;
	top: 50%;
	left: 50%;
	width: 58em;
	height: 37em;
	margin-top: -18.5em;
	margin-left: -29em;
	/*max-height: 100%;*/
	overflow: visible;
	/*textes*/
	text-align: left;
	/*border: dotted #000 1pt;*/
}
#accessibilite {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 268px;
	height: 100%;
	width: 1px;
	overflow: hidden;
	visibility: visible;
	background: #333;
}
#logo h1 {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 150px 0 0 0;
	top: 0;
	left: 0;
	background : url(images/restaurant_marot.gif) no-repeat top left;
	width: 100%;
	height: 0px !important;
	height: 150px;
	color: #ffffcc;
	font-size: 0.1em;
	text-align: left;
	/*border: dotted #090 1pt;*/
}
#logo p {
	position: absolute;
	z-index: 3;
	/*display: none;*/
	margin: 0;
	bottom: 6px;
	left: 268px;
	width: 46em;
	overflow: visible;
	/*textes*/
	text-align: right;
	vertical-align:bottom;
	font-size: 0.9em;
	/*border: dotted #090 1pt;*/
}
#versions {
	position: absolute;
	z-index: 4;
	padding: 0;
	margin: 0;
	top: 125px;
	left: 400px;
	width: 34em;
	/*textes*/
	font-size: 0.9em;
	/*border: dotted #000 1pt;*/
}
#texte {
	position: absolute;
	margin: 0;
	padding: 0.5em;
	top: 150px;
	left: 268px;
	height: 45.4%;
	width: 70%;
	overflow: auto;
	/*textes*/
	text-align: justify;
	vertical-align: top;
	font: 1em/1em arial,helvetica,sans-serif;
	letter-spacing: normal;
	line-height: 1.2em;
	/*border: dotted #009 1pt;*/
}
#texte ul { margin: 0; padding: 0; }
#texte li { margin: 0 0 0.5em 0; }
#info {
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 0;
	left: 0;
	width: 260px;
	height: auto;
	overflow: visible;
	/*textes*/
	text-align: right;
	vertical-align:bottom;
	font-size: 0.9em;
	line-height: 1.3em;
	/*border: dotted #009 1pt;*/

}
img {
	position: relative;
	display: inline;
	/*bord*/
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	vertical-align: middle;
	/*border: dotted #900 1pt;*/
}
#acces {
	position: absolute;
	padding: 0;
	margin: 0;
	overflow: visible;
	bottom: 0;
	left: 268px;
	width: 46em;
	min-height: 5px;
	background : url(images/pix5h.gif) repeat-x bottom left;
	/*textes*/
	font-size: 0.9em;
	/*border: dotted #900 1pt;*/
}
#acces p {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 42em;
	overflow: visible;
	bottom: 0.4em;
	right: 0;
	text-align: right;
	vertical-align:bottom;
	/*border: dotted #900 1pt;*/
}
#acces ul {
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: 15.1em;
	height: auto;
	bottom: 3px;
	left: 0;	
	/*textes*/
	vertical-align:bottom;
	border-top: 3px solid #333;
	border-left: 1px solid #333
	;/*border: dotted #900 1pt;*/
}