/* ensemble du document */

html, body {
  height: 100%;
  margin: 0;
  color:#543;
}

body {
   background-color: #EDC;
   background-image: url(images/sand.jpg);
}

/* Zone Principale */

.content {
  background-color: #EDC;
  background: url(images/bgline.png) center repeat-y;
  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  width: 750px;
  padding: 0 10px;
  min-height: 100%;
  position: relative;
  left:50%;
  margin-left: -375px;
/*  position: relative; 
  margin: 0 auto;   */
  text-align:justify;
}

/* Menu */

.menu {
      text-align: center;        
      background-color:#EEE; 
      height:30px;
      padding-top:3px;
}

.menu a {
      background-color: #dde;
      background-image: url(images/bouton_sable.gif);
      margin: 10px;
      font-size: 17px;
      border-left: #210 solid 1px;
      border-right: #210 solid 1px;
      border-bottom: #210 solid 1px;
      color : #210;
      padding: 3px 3px 5px 3px;
      text-decoration: none;   
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
}

.menu a:hover {
      background-color: #210;
      color: #fff;
}

/* Barre de titre */

.title {
  background-color: #edc;
  background-image: url("images/kyoto_head2.jpg");
  height:145px; 
  border-bottom: #210 solid 1px;
  position: relative;
}

.title h1 {
       position: absolute;
       height: 30px;
       font-size:30px;
       color: #321;
       left: 30px;
       top: 10px;
}

.title .flag {
       position: absolute;
       right:20px;
       top:10px;
       border: solid 1px #321;
}

.title h2 {
       position: absolute;
       height: 30px;
       font-size:20px;
       right: 10px;
       left:600px;
       text-align:center;
       top: 90px;
       color: #321;
}

/* Zone Principale */

.main {
  padding: 10px;
  padding-bottom: 80px;
  background-color:#EEE; 
  min-height: 300px;
}

.main p{
  text-indent: 20px;
}

.main p:first-letter {
  color:#321;
  font-size : 150%;
  font-weight:bold;
}

/*
.main h1:before {
  content: url(images/rock.gif);
}
*/

.main h1 {
  /* background-color:#77A; */
  border-bottom: #321 solid 2px;
  color : #321;
  padding: 2px;
  font-size: 15px;
  clear:both;
  height:20px;
}

.main h1:first-letter {
  font-size:20px; 
  margin-left:10px;
}

.main a {
  color: #A98;
  text-decoration:none;
  font-weight:lighter; 
  /* font-weight:bold; */

  font-size:110%;
}

.main ul {
  list-style-image: url(images/pebble.gif);
  margin : 0px 0px 0px 0px;
}

.main li {
  margin: 5px 0px 5px 0px;
}

.main a:hover {
  color: #543;
  text-decoration:underline;
}

/* Photos */

.photo {
 /*  border: #104 solid 2px; */
  float: right;
  margin: 10px 25px 5px 25px;
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position:relative;

}

.right {
  float: right;
}

.left {
  float: left;
}

.photo img {
  padding: 5px 5px 9px 5px;
  background: white url("images/shadows/shad_bottom.png") repeat-x bottom left;
}

.photo .topleft {
  width: 2px;
  height: 4px;
  background: url("images/shadows/shad_tlcorner.png") no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

.photo .topright {
  width: 2px;
  height: 4px;
  background: url("images/shadows/shad_ttcorner.png") no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

.photo .bottomright {
  width: 4px;
  height: 4px;
  background: url("images/shadows/shad_brcorner.png") no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

.photo .bottomleft {
  width: 4px;
  height: 4px;
  background: url("images/shadows/shad_blcorner.png") no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}


/* Pied de page */

.foot {
  clear:both;
  background-color: #987;
  font-size : 10px;
  height    : 20px;
  bottom    :  0px;
  position  : absolute;
  width: 750px;
}

/* Liste de cours */

.files th {
  border: solid 2px #210;
  background-color : #543;
  color: #eed;
}

.files td {
  border: dashed 1px #431;
  background-color : #eed;
  color: #210;
}

/* Publications */

.publi h4 {
  border: dotted 1px black;
  text-align: center;
  background-color: #eed;
  margin: 5px 300px 5px 20px;
  padding: 2px 10px 2px 10px;
  color: #321;  
}

.publi ol {
       List-style-image: url(images/pebble.gif);
}