/*****************************
 *  AUTEUR :   C. HARAU      *
 *    DATE : 5 nov 2009      *
 ****************************/

body {
  font-family: sans-serif;
  font-size : 10pt;
  color : black;
  margin : 0;
  padding: 0;
}

.verticaltext {
    color:#333;


    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -khtml-transform: rotate(270deg);
    white-space:nowrap;
    display:block;
  bottom:0;
  padding:.5ex;
  width:1px;
  height:1ex;
  font-style:italic;
  font-size:13px;
  font-weight:normal;

}

/*****************************
 entete
/****************************/

h1 {
color:#8B4513;
text-align:center;
}


#entete { 
  margin:0px;
  padding:4px;
  background : #d9ab6a url("../img/fond-entete.png") no-repeat;
  background-position: 100% 0%;
 }


#sous_entete { 
  height:26px;
  padding:2px;
  margin:0px;
  background-color:#d9bb7a ;
}




ul {
  padding:0;
  margin:1px;
  list-style-type:none;
}
li {
  margin-left:4px;
  float:left; /*pour IE*/
}



ul li a  {
  display:block;
  float:left;   
  line-height:10px;
  background: black url('../img/bouton.png') repeat-x;
  color:black;
  text-decoration:none;
  text-align:center;
  padding:5px;
  margin-right:5px;
  border:2px solid;
  /*pour avoir un effet "outset" avec IE :*/
  border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul li a:hover {
  background: black url('../img/bouton2.png') repeat-x;
  border-color:#696969 #DCDCDC #DCDCDC #696969;
} 


/*****************************
   menu de gauche
/****************************/
   

   #menu_chapitre { 
  float:left;
  margin:0;
  padding:5px 0px 5px 0px;
  width:150px;
  background: #d9bb7a;
  text-align:center;
}

   #menu_chapitre h2{ 
  font-size:10pt;
  margin:0;
  padding:2px;
  border: 1px solid gray;
}

#menu_chapitre a { 
  text-decoration:none;
  display:block;
  color:#8B4513;
  text-align:center;
  margin:5px 0px 5px 0px ;

}

#menu_chapitre a:hover { 
  text-decoration:none;
  color:#8B4513;
  text-align:center;
  background: black url('../img/bouton.png') repeat-x;

}

.chapitre0, .chapitre1, .chapitre2, .chapitre3, .chapitre4, .chapitre5, .chapitre6, .chapitre8, .chapitre9 { 
  display:block;
}




/*****************************
 partie centrale
/****************************/


#cours0, #cours1, #cours2, #cours3, #cours4, #cours5, #cours6, #cours7, #cours8, #cours9 { 
  font-size:10pt;
  padding:5px;
  margin:0em 0em 0em 150px;
  display:none;
}

#cours0 a, #cours1 a, #cours2 a, #cours3 a, #cours4 a, #cours5 a, #cours6 a, #cours7 a, #cours8 a, #cours9 a { 
  text-decoration:none;
  color:blue;
}

#cours0 a:hover, #cours1 a:hover, #cours2 a:hover, #cours3 a:hover, #cours4 a:hover, #cours5 a:hover, #cours6 a:hover, #cours7 a:hover, #cours8 a:hover, #cours9 a:hover { 
  text-decoration:underline;
  color:blue;
}

h3 { 
  text-align:center;
  padding:0;
  margin:0;
}

#corps { 
  margin:0px;
  padding:0px;
  background-color:#e9cb8a ;
  
}


.gauche {
  float: left;
  margin-left:5px;
}

 .droite {
  float: right;
  margin-right:5px;
  text-align: right;
}


table { 
  border-collapse: collapse;
}
td,th { 
  border:solid gray 1px;
  padding:2px 3px 2px 5px;
}


input {
  border: 1px solid #c0c0c0;
  background-color : #F9F9F9;
  color : #555555;
}



/*****************************
 pied de page
/****************************/




#piedpage {
  border-top: gray solid 1px;
  font-size: 7.5pt;
  margin: 0;
  padding: 0.2em;
  clear:both;
  height:16px;
  background-color:white ;
}

#piedpage a {
  text-decoration:none;
  color:#8B4513;
}

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