body {
  font-family: Scala, Verdana, Arial, sans-serif; 
  font-size: 80%; 
  line-height: 1.3em;

  margin: 0; 
  padding: 0; 
  background-color: #ffffff; 

  background-image: url(imgs/vagues.jpg); 
  background-repeat: no-repeat; 
  background-position: 0px 15px; 
}

img {
  margin-left: 20px; 
  margin-right: 20px;
}

td {
  vertical-align: top;
}

dt {
  float: left;
  width: 200px;
}

dd {
  margin-left: 200px;
}

strong {
  color: rgb(91, 91, 91);
}

a {
  color: #696969;  
}
a:visited {
  color: #888;
}

em {
/*  text-decoration: underline;*/
}

a.external {
  background-repeat: no-repeat; 
  background-position: center right; 
  background-image: url(imgs/external.png); 

  padding-right: 12px; 
}

address {
  margin-bottom: 15px;
}

/* Image replacement technique from http://www.mezzoblue.com/tests/revised-image-replacement/, the
   Shea variant. */
.page_title {
  margin-top: 14px; 
  position: relative; 
  
  width: 250px; 
  height: 62px; 
  background-color: #6f6d75; 

  color: white; 
}
.page_title span {
 position: absolute; 
  background-repeat: no-repeat; 
  width: 100%; height: 100%; 
}

#title_start span { background-image: url(imgs/page_reighikan_dojo.png); width: 280px; }
#title_presentation span { background-image: url(imgs/page_presentation.png);  }
#title_bernard span { background-image: url(imgs/page_bernard.png); }
#title_christine span { background-image: url(imgs/page_christine.png); }
#title_aikido span { background-image: url(imgs/page_aikido.png); }
#title_armes span { background-image: url(imgs/page_armes.png); }
#title_judo span { background-image: url(imgs/page_judo.png); }
#title_liens span { background-image: url(imgs/page_liens.png); }
#title_localisation span { background-image: url(imgs/page_localisation.png); }


#shogi_left {
  position: absolute; 
  top: 95px; 
  left: 40px; 

  width: 165px; 
  height: 600px; 

  background-image: url(imgs/shogi_left_others.png); 
  background-repeat: no-repeat; 

  z-index: 0; 
}
#start_page #shogi_left {
  position: absolute; 
  top: 95px; 
  left: 13px; 

  width: 262px; 
  height: 600px;

  background-image: url(imgs/shogi_left.png); 
  background-repeat: no-repeat; 
}
#start_page #shogi_right {
  position: absolute; 
  top: 95px; 
  left: 560px; 

  width: 372px; 
  height: 600px; 

  background-image: url(imgs/shogi_right.png); 
  background-repeat: no-repeat; 
}
#start_page #pierre_top {
  width: 62px; 
  height: 68px; 

  position: absolute; 
  top: 125px; 
  left: 385px; 

  background-image: url(imgs/pierre.gif); 
  background-repeat: no-repeat; 
}
#start_page #pierre_bottom {
  width: 62px; 
  height: 68px; 

  position: absolute; 
  top: 580px; 
  left: 385px; 

  background-image: url(imgs/pierre.gif); 
  background-repeat: no-repeat; 
}
#start_page #menu {
  position: relative; 
  top: 120px; 
  left: 305px; 
  width: 220px; 

  font-size: 1em; 
  color: #A71E15; 
}


#menu {
  position: relative; 
  top: 135px; 
  left: 56px; 
  width: 136px; 

  padding-left: 0px; 
  padding-right: 0px; 

  font-size: 1em; 
  color: #A71E15; 

  z-index: 1; 
}
#menu a {
  color: #A71E15; 
  text-decoration: none; 
}
#menu a.sub_link {
  color: #5b5b5b; 
}
#start_page #menu p {
  width: 110px; 
  padding-left: 110px;
  text-align: left;

  border-bottom: 1px solid #a1a1a1;
}
#menu p {
  padding-bottom: 13px;
  border-bottom: 1px solid #a1a1a1;
  text-align: center; 
}

#start_page #menu p#menu_qui, #start_page #menu p#menu_judo, #start_page #menu p#menu_lien {
  text-align: right; 
  border: 0; 
  padding-left: 0px;
  padding-bottom: 0; margin-bottom: 0;
}
#start_page #menu p#menu_aiki, #start_page #menu p#menu_loca {
  border-top: 1px solid #a1a1a1;
  padding-top: 13px; 
}

#menu p#menu_lien {
  border-bottom: 0; 
}

#content {
  background-repeat: repeat-y; 
  background-image: url(imgs/content_bg.png); 
  background-color: #f2f0ed;
  width: 633px;  

  position: absolute; 
  top: 95px; 
  left: 249px; 
  
  padding-left: 50px; 
}

#text {
  padding-top: 40px; 
  padding-bottom: 20px;
  width: 580px; 
  min-height: 527px; 
}

#text h1 {
  text-transform: uppercase; 
  color: #A71E15; 
/*  color: #A71E15; */
  font-size: 1.3em; 
  font-weight: 100; 
}
#text h1 sup {
  text-transform: none;
}

#text h2 {
  color: #A71E15; 
  font-size: 1.2em; 
  font-weight: 100; 
}

#text h2 a {
  color: #A71E15; 
}

#text h3 {
  color: #A71E15; 
  font-size: 1.2em; 
  font-weight: 100; 
  margin-bottom: 0px;
}

#text h4 {
  margin-bottom: 0px;
  color: #696969;
}

#text p {
  margin-top: 0.1em;
  margin-bottom: 1em;
}


/* Image replacement technique from http://www.mezzoblue.com/tests/revised-image-replacement/, the
   Shea variant. */
#content h1.page_subtitle {
  position: absolute; 
  background-image: url(imgs/content_title_bg.png); 
  background-repeat: repeat-y; 
  background-color: #fff;
  height: 13px; 
  width: 633px;  

  text-transform: uppercase; 
  font-size: 12px; 
  color: #A71E15; 

  padding:0; 
  margin:0; 
  margin-left: -50px; 
  padding-left: 50px; 
}

#content h1.page_subtitle a {
  text-decoration: none; 
  color: #696969;  
}

#border_bottom {
  position: absolute; 
  background-image: url(imgs/content_title_bg.png); 
  background-repeat: repeat-y; 
  background-color: #fff;
  height: 13px; 
  width: 633px;  

  padding:0; 
  margin:0; 
  margin-left: -50px; 
  padding-left: 50px; 
}

#links_left {
  float: left;
  width: 300px;
  line-height: 150%;
}

#links_right {
  width: 300px;
  margin-left: 300px;
  line-height: 150%;
}

/* courtesy http://positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.name {
  display: inline;
  text-transform: uppercase; 
}

#start_link {
  width: 165px; 
  height: 50px;
  display: block;
}

.gray {
    color: #777777 !important;
}