body {
     background: #2e271a;
     font-family: Tahoma, Geneva, Kalimati, sans-serif;
     font-size: 1em;
     font-weight: normal;
     font-style: normal;
     color: #cac0aa; // en sécurité
     text-decoration: none;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     
      background-image:url(/img/jack_draw.jpg);
      background-repeat: no-repeat;
      background-position: center 100px;
}

h1, h2 {
   color: #dad0ba;
   font-family: Tahoma, Geneva, Kalimati, sans-serif;
   letter-spacing: 0.3em;
   text-decoration: none;
   font-size: 1.3em;
   font-weight: bold;
   text-align: center;
   padding: 0.1em;
   background-image:url(/img/jack_h2_bgd.jpg);
   background-repeat: repeat;
   background-position: center center;
}

h3 {
   color: #caac6b;
   background-image:url(/img/jack_squares.png);   
   font-family: Tahoma, Geneva, Kalimati, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   text-decoration: none;
   padding: 1px 3px;
   display: inline;
}

a {
  text-decoration: none;
}

a:link {
       color: #ffd990;
}

a:visited {
       color: #ffd990;
}

a:hover {
	color:#ffd990;
	text-decoration: underline;
}

a:active {
       color: #ffd990;
}

#jack {
      position: relative;
      top: 10px;
      max-width: 900px;
      margin: 0 auto;
      padding: 0 0;
      display: block;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}


#en-tete {
     height: 141px;
     background-image:url(/img/the_jack.jpg);
     background-repeat: no-repeat;
}

#menu {
      text-align: center;
      margin: 6px;
      background-image:url(/img/the_jack_2.jpg);
      background-repeat: no-repeat;
      background-position: left center;
}

#menu strong {
  display: none;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	} 

#menu ul li {
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#menu ul li a{
      text-decoration: none;
      margin: 10px;
      padding: 0px 2px 0px 2px;
}

#menu ul li strong{
      text-decoration: none;
      margin: 10px;
      padding: 0px 2px 0px 2px;
}

#menu ul li a{
      background: #121314;
}

#menu ul li strong {
      color: #cac0aa;
      background-image:url(/img/jack_stripes.png);
}


#menu ul li a:hover{
      background: #5a4d3e;
      text-decoration: none;
}

/* l'effet ne passe tel quel sous IE, pas sûr de le garder
#menu ul li:before {content: "..";}
#menu ul li:first-child:before {content: "";}
#menu ul li:last-child:after {content: "";}
*/

#contenu {
	 font-size: 0.9em;
	 font-weight: 600;
	 padding: 0 1em;
	 text-align: left;
	 color: #cac0aa;
}
#contenu p {
  text-indent: 15px;
  padding: 0;
  margin: 0.4em 0;
  line-height: 1.1em;
}
#contenu small {
  font-size: 1em;
}
#contenu strong {
  letter-spacing: 0.1em;
}

#pied-contenu {
      float: left;
      width: 100%;
      position: relative;      
      height: 40px;
      margin-top: 10px;
      text-align: center;
      font-weight: bold;
      font-size: 0.9em;
      vertical-align: top;
}

#tt_pied {
     vertical-align: top;
     background: #010100;
}

#tt_pied img {
	 margin: 0 17px;
	 vertical-align: middle;
}

/* rajoute des quotes avant et après la balise i */
i:after {
	content: " \0020 \00BB";
	}
i:before {
	content: "\00AB \0020";
	}


/*-----------------------------------*/
/* <-- STYLE POUR CONCERTS ET VIDEOS */
/*-----------------------------------*/
.liste_concerts {
  padding-bottom: 1.5em;
}

.liste_concerts small {
  padding-left: 15px;
}

.liste_concerts em {
  padding-left: 15px;
}
.liste_concerts li {
  display: block;
}

#liste_video {
  float: left;
  margin: 0;
  padding: 0;
}
#liste_video li {
  float: left;
  width: 400px;
  height: 410px;
  padding-right: 30px;  
}
#liste_video p {
  text-indent: 0;
}
#liste_video small {
  height: 2.5em;
  border-bottom: 1px dashed #caac6b;
  display: block;
}
/*----------------------------*/
/* --> FIN CONCERTS ET VIDEOS */
/*----------------------------*/


/* -------------------------- */
/* <-- STYLE CONTACT FORM */
/* -------------------------- */
table {
  margin: 0;
  padding: 0;
}

.form_col {
  /* font-size: 0.8em; */
  width: 36em; /* 40x0.8 + 2 */
}

.info_col {
  width: 216px; /* longest mail img */
  font-size: 1.25em;
}

#contact_form {
  padding: 0;
  margin: 0;
  border: none;
  font-size: 0.8em;
}
#contact_form p {
  padding: 5px;
  margin: 0;
}

#contact_form input, #contact_form textarea {
  background: #d8d8d8;
  border: 1px solid black;
  font-family: Courier New, Courier, mono;
  font-size: 1.25em;
}

#contact_form td {
  vertical-align: top;
  text-align: right;
}

#contact_form ul {
  float: left;
}

#contact_form li {
  float: left;
  padding: 10px 10px 10px 0px;
}

#contact_form strong, #contact_form small, #contact_form em {
  display: block;
}

.msg_sent p {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  background: #d8d8d8;
  color: black;
  font-size: 1.25em;
}
.msg_sent {
  border-bottom: 1px solid black;
}
/* ----------------------- */
/* --> FIN CONTACT FORM */
/* ------------------------*/

* html #pied {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
}