body {
  color: black;
  /*background-image: url("images/bande-celtique-retouche.gif");
 /* background-repeat: no-repeat;*/
}

/* Definition du corp du Message */
.corp {
  background-color: orange;
  width: 70%;
  height: 1100px;
  margin: 0 auto  ;
  min-width: 700px;
  padding: 10px;
}

/* Definition des Titres */

.titre {
  text-align: center;
} 

img.titre {
  margin:0;
  padding:0;
  width:70%;
  /*height:330px; */
  border-style: double ;

}

/* Definition du menu */

.menu {
  margin: 0 auto ;
}

ul.menu {
  /*position: absolute;*/
  width: auto;
  height: 30px;
  padding: 0 ;
  margin: 0 ;
  text-align: center;
  list-style-type: none;
  border: solid 1px #000;
  /*display: none ;*/
  font: 1em/3em Georgia, Times New Roman, serif;
  text-transform: uppercase;
  background-color: green;
}

.menu > li {
  float: left ;
  width: 20% ;
  height: 30px;
  line-height: 30px;
  padding-left: 0;
  padding-right: 0 ;
  text-align: center;
}

a.menu {
 display: block;
 height: 30px ;
 text-decoration: none;
 background-color: green;
 color: blue; 
}

a.menu:hover {
  background-color: blue ;
  color: black ;
}

a#actif {
  color: orange;
}

/* Definition Du corp de Texte */
.texte {
  margin-right: 100px;
  color: blue;
  text-indent: 3em ;
  text-align: justify;
} 
b.nomp {
  font-variant: small-caps;
}

li > u {
  margin-right: 10px;
  text-decoration: none ;
  font-weight: bold;
}

/* #description {
 display: none;
} */

/* Definition Liste de Photos */
.photo {
  float: right;
  width: 150px;
  z-index: 2 ;
  display: inline;
}

ul.photo {
  list-style-type: none;
}

img.photo {
  margin-bottom: 15px;
  width:100px;
  border-style: double;
}

img.photo:hover  {
  width: 350px;
}

/* Calandrier */
div.calendrier {
  text-align: center;
  display: inline-block;
  float: right;
}

.calendrier {
  color: blue;
}


.current {
  color: red ;
}

.passe {
  color: gray;
}

.reserve {
  text-decoration: none; 
  background-color: red;
}

.libre {
  text-decoration: none; 
  background-color: green;
}

.attente{
  text-decoration: none; 
  background-color: yellow;
}

/*     Empaquetage de l'adresse et des contacts */

.information {
  margin-right: 165px;
  margin-left: 10px;
}

/* Definition De l'adresse */
.adresse {
  color: red;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 75px;
  float: right;
}

/* Definition des contacts */
.contact {
  color: green;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 75px;
  float: left;
}

/* Definition du compteur */
.compteur {
  float: left;
  display: none ;  
  position: absolute;
  right: 5px;
  bottom: 5px;
}

/* Calendrier Javascript */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */