/*---- Pour menu fixe ----*/
/*
body {
	overflow: hidden;
}
.menu {
	float: left;
	overflow: auto;
}
.content {
	height: 100%;
	overflow: auto;
}
*/

/*  GENERALITES --------------------------------------------------------------*/
body {
	margin: 0px;
	color: #303030;
    background: #fcf8d8;
}
a, button {
	color: #007000;
}
a:hover {
	color: red;
}
button {
	font-weight: bold
}
table, td {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
h1 {
	text-align: center;
	font: italic 300% normal;
	font-family: serif;
	margin: 0;
}
h2 {
	border-top: solid 1px #303030;
	font: bold 150% normal;
	margin-bottom: 0.2em;
}
h3 {
	font: bold 110% normal;
	margin-bottom: 0.2em;
}
h4 {
	font-size: 150%;        /* Pour NS il faut détailler !!?? */
	font-weight: bold;
	font-style: italic;
	border-top: solid 1px #303030;
	margin-bottom: 0.2em;
}
h5 {
	font-size: 110%;        /* Pour NS il faut détailler !!?? */
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	margin-bottom: 0.2em;
}
em {
	color: #e00;
}
.content {
	width: 99%;
	padding: 1em;
}
.footer {
	border-top: solid 1px black;
	font-size: 80%;
	text-align: center;
	margin: 1em;
}
.recette {
	font-size: 95%;
	font-style: italic;
	margin-top: 0.5em;
}
/*  MENU ---------------------------------------------------------------------*/
.menu {
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height: 100%;
	width: 10%;
	background: #444;
}
.menu, .menu * {
	text-align: center;
	color: #ffffe8;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
}
.menu a {
	display: block;
}
.menu a:hover {
	background: #ffffe8;
	color: #CC3333;
}
.menu img {
	border: solid 1px #444444;
}
.menu a:hover img {
	border-color: #ffffe8;
}
.menu .with_image {
	font-size: 80%;
}
.menu .with_image img {
	border-width: 2px;
}
.menu .with_image:hover {
	background: none;
	color: #ffffe8;
	text-decoration: underline;
}
#charte {
	color: white;
	font-variant: normal;
	font-size: 60%;
}
/*  SPECIFITES DE PAGES ------------------------------------------------------*/
#home_page {
    background: #fcfaec url('../images/home_back.jpg') left bottom no-repeat;
	font-family: "Monotype Corsiva";
	text-align: center;
}
#home_page a:hover img {
	border-style: dotted;
}
#home_page a img {
	border: solid 1px #007000;
	width: 40px;
	height: 20px;
}
#home_page table {
	text-align: center;
	height: 100%;
	width: 100%;
}
#home_page strong {
	font-family: sans-serif;
}
#standard_page {
    background: #f8f0c0 url('../images/standard_back.jpg') right top no-repeat;
}
#ed_produit {
    background: #f6e8bb url('../images/ed_back.jpg') right top no-repeat;
}
#hb_produit {
    background: #f8f0c0 url('../images/hb_back.jpg') right top no-repeat;
}
#cd_produit {
    background: #f7ebbb url('../images/cd_backNew2.jpg') right top no-repeat;
}
#payment {
  	background: #f8f0c0;
}
#payment td {
  	text-align: center;
}
#popup {
  	background: #fcf6c6;
  	margin: 1em;
}
#popup ul {
  	margin-top: 0px;
  	margin-bottom: 0px;
}
#popup li {
  	margin-left: 2em;
}
/*  FORMULAIRES --------------------------------------------------------------*/
.InsideForm {
	border-collapse: collapse;
	width: 100%;
}
.InsideForm td {
	border: solid 1px #c99;
	padding: 0.3em;
}
.InsideForm td input, textarea {
	background-color: white;
	border: solid #002200 1px;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
.InsideFormNum {
	text-align: right;
}
.FormButton {
	border-collapse: collapse;
}
.FormButton td {
	background-color: white;
	border: solid 1px #CC3333;
	padding: 0.5em;
}
.FormButton td a {
	color: #004400;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
.FormButton td a:hover {
	color: #CC3333;
	text-decoration: underline;
}
.OrderLine {
	background: #f8f7fc url('../images/order_line_back.jpg');
	color: #444;
}
.gitePics {
	text-align: center;
	margin-top: 2em;
}
.gitePics img {
	border: solid 2px #a99;
	margin: 5px;
}
.Planning {
	border-collapse: collapse;
	width: 100%;
}
.Planning th {
	background: #444;
	color: #ffffe8;
}
.Planning td {
	background: #555;
	color: #ffffe8;
	border: solid 1px #a99;
	padding: 0.2em;
	text-align: center;
}
.Planning .month {
	border: none;
}
#weeks td {
	font-size: 0.8em;
	cursor: default;
	background: #e00;
}
#weeks td.available {
	color: #080;
	cursor: pointer;
	background: #080;
}
#weeks td.reservation {
	color: #080;
	cursor: pointer;
	background: orange;
}
#planning_label {
	background: #444;
	color: #ffffe8;
	font-weight: bold;
	text-align: center;
	border: solid 1px #c99;
}
.info {
	color: green;
	font-weight: bold;
	text-align: center;
	background: white;
	border: 1px solid green;
}
.Error {
	color: red;
	font-weight: bold;
	text-align: center;
	background: white;
	border: 1px solid red;
}