/* $Id$ */
/* lionel site intra*/

A{
    color : #ffffff;
    text-decoration:none;
    font-size : 15px;
    font-weight : bold;
    vertical-align : center;
}
A:hover{
  color: #172874;
  border-bottom: none;
}
A:active {
  color: #8a8683;
  border-bottom: none;
}

BODY {
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    font-family: Bitsream Vera Sans, Helvetica, Arial, sans-serif;
    text-align: center; /* be nice to IE5 */
    background-color: #bcbcbc;
}
h1 {
    font-size: 35px;
}
h2 {
    font-size : 15px;
    vertical-align : center;
    margin: 0 0 0 0;
    padding: 0;
}
h3 {
    font-size : 12px;
    margin: 0 0 0 0;
    padding: 0;
    
}
h4 {
    font-size : 12px;
    margin: 0 0 0 0;
    padding: 0;
    
}
h5 {
    font-size : 12px;
    margin: 0 0 0 0;
    padding: 0;
    
}
h6 {
    font-size : 10px;
    margin: 0 0 0 0;
    padding: 0;
    
}
ul {
    list-style: disc outside;
}


#bas {
    width : 100%;
    height : 35px;
    position : absolute;
    left :0px;
    
    bottom : 0px;
    
    background-color: #111f5b;
}
#bas h3 {
    font-size : 12px;
    margin: 0 0 0 0;
    padding: 0;
    color : #ffffff;
}
#bas table{
    width: 98%;
    margin: 5px 0 0 0;
    height : 25px;
    
}
#bas td{
    width : 25%;
    padding: 0;
}

#bas a:hover{
  color: red;
  border-bottom: none;
}
#home{
    position: absolute;
    top : 5px;
    left : 5px;
    right : 215px;
    bottom : 5px;
    background-color: #transparent;
    overflow: auto;
}
#home h1{
    color : #000000;
    font-size : 15px;
}
#home h4 {
    color: red;
}
#home h6 {
    color: grey;
}
#info {
   
    width: 200px;
    background-color: #395cac;
    position: absolute;
    top : 5px;
    right : 5px;
    border-style: dotted;
    border-width: 1px;
    border-color: #111f5b;
}
#info h1{
    color : #ffffff;
    text-align: center;
    font-size : 14px;
}
#info h2{
    font-size : 12px;
    color : #ffffff;
    margin: 0 5px;
}

#liens {
    height : 30px;
    background-color: transparent;
    position: relative;
    top : 90px;
    
}
#liens td {
    text-align: center;
    width : 25%;
}
#lienhome{
    margin: 3px;
}
#lienhome A{
    color : #ffffff;
    text-decoration:none;
    font-size : 20px;
    font-weight : bold;
    vertical-align : center;
}
#lienhome A:visited {
  color: #ffffff;
  border-bottom: none;
}
#lienhome A:hover {
  color: #395cac;
  border-bottom: none;
}
#lienhome A:active {
  color: #000000;
  border-bottom: none;
}

    
#logo {
    height : 100px;
    width : 225px;
    background-color: transparent;
    position: absolute;
    top : 30px;
    left :0px;
    
}

#logo h1{
    text-align: center;
    color: #ffffff;
    
    padding: 0; 
    margin: 0 0 0 0;
}
#logo h2{
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#logo h3{
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#logoimg img {
    height : 100px;
    width : 225px;
    background-color: transparent;
    position: absolute;
    top : 14px;
    left : 40px;
    
}
#menu{
    background-color: #395cac;
    height : 120px;
    width : 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

#milieu {
    width : 100%;
    position: absolute;
    left: 0px;
    bottom : 35px;
    top : 155px;
    background-color: #dcdcdc;

}
#perso{
        width : 100%;
    position: absolute;
    left :0px;
    height : 35px;
    top : 120px;
    background-color: #172874;
    
}
#persoliens {
    position: absolute;
    height : 30px;
    top : 5px;
    left : 225px ;
    right : 0px;
    background-color: transparent;
}
#persoliens td {
    text-align : center;
    vertical-align : center;
}
#persoliens A:hover {
  color: #dedcdd;
  border-bottom: none;
}
#persoliens H3 {
  color: #dedcdd;
  font-size : 15px;
  margin: 0 0 0 0;
}
#calendrier li{
	list-style:none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
        list-style:none;
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
        list-style:none;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}