//table {border: 1px solid black}
//td {border: 1px dotted gray}
//div {border: 1px solid orange}
//img, form {border: 1px dashed blue}
//h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
//ul {border: 1px solid green}
//li {border: 1px solid lightgreen}

html {		
  margin: 0px;
  padding: 0px;
}

body {					
  margin: 0;
  padding: 0;
  background: #000;
}

#body {					
  margin: 0;
  padding: 0;
  background: #000;
  background-image: url("/img/background.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

a {
  color: #fff;
}

#contact{
 position: relative;
 width: 400px;
 margin-left: 150px;
 top: 10px;
 font-family: "Trebuchet MS";
 font-size: 10pt;
 color: #fff;
 text-shadow:#000 2px 2px 2px;
}

#music{
 position: relative;
 width: 400px;
 margin-left: 150px;
 top: 80px;
 font-family: "Trebuchet MS";
 font-size: 10pt;
 color: #fff;
 text-shadow:#000 2px 2px 2px;
}

#music img {
 border: solid 1px #fff; 
}

#note{
 font-family: "Trebuchet MS";
 font-size: 10pt;
 color: #fff;
}

input, select{
 border: 1px solid #fff;
}

#links{
 position: relative;
 width: 300px;
 margin-left: 150px;
 top: 30px;
 font-family: "Trebuchet MS";
 font-size: 10pt;
 color: #fff;
 text-shadow:#000 2px 2px 2px;
}

#palo-alto {
  position: absolute; left: 50%;
  top: 50%;
  margin-top: -200px;
  margin-left: -349px;
}

#default_frame {
  background-image: url("/img/fond_.png");
  background-position: top center;
  background-repeat: no-repeat;
}

#virtuel {
  position: relative;
  margin-top: 50px;
}

#admin_list_agenda {
  color: #fff;
  font-family: "Trebuchet MS";
  font-size: 8pt;
  text-align: center;
}

#admin_list_agenda_alert {
  color: #fff;
  background-color: #f00;
  width: 600px;
  height: 40px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
}

.photos {
  position: relative;
  margin-top: 45px;
}

.photos img{
  border: 1px solid #3e0600;
}


.gallerytext {
  margin-top: 20px;
 font-family: "Trebuchet MS";
 font-size: 8pt;
 color: #fff;
}


.gallerytext a {
 font-family: "Trebuchet MS";
 font-size: 8pt;
 color: #fff;
}
.gallerytext td {
 opacity:1;
}

.gallerytext img {
  border: 1px solid #fff;
}

div#conteneur {
 position: absolute;
 font-family: "Trebuchet MS";
 font-size: 8pt;
 color: #fff;
 width: 633px;
 height: 341px;
 margin: 0 auto;
}


#content {
 left: 5%;
 top: 15px;
// border: solid 1px #fff; 
 position: absolute;
 width: 13%;
 margin: 0 auto;
}

#date_select {
	position: absolute;
	top: 15px;
	left: 400px;
}

.bloc {
 position:relative;

}

.background {
 position: absolute;
 outline: solid 1px #fff; 
 left:25%;
 width: 350px;
 height: 100%;
 background: #fff;
 opacity: .2;
 padding: 5px;
 z-index: 100;
}

.flyer {
  position: absolute;
  margin-top: -95%;
  margin-left: 350%;
  float: right;
  border: solid 2px #fff;
  z-index: 300;
}


.club {
 position: relative;
 text-align:center;
 color: #000;
 font-family: "Trebuchet MS";
 font-size: 32pt;
 visibility: hidden;
 display: none;
}

.text {

  width: 348px;
  margin-left: 25%;
  padding: 5px;
  text-align: justify;
  font-family: "Trebuchet MS";
  font-size: 8pt;
  color: #fff;
  text-shadow:#000 2px 2px 2px;
  z-index: 200;
}