html,body {
background-color : #EEEEEE;

font-family : Arial;
font-size : 100%;
margin: 0px auto;
width: 1000px;
top: 0px;
left: auto;
right: auto;
text-align : center;
background : url(fondlivrem.jpg) repeat-y top center #EEEEEE
}

img {
border: 0px;
}

.top{
/*border-style:solid;
border-width:1px;*/
width : 800px;
margin : 0px;
padding : 0px;
position : relative;
}

.top .titre{
position :absolute;
/*left : 50%;*/
/*color : green;*/
/*font-size : 130%;
font-weight : normal;
font-style : italic;*/
/*padding-top : 10px;*/
display:none;
}

.top .logo{
/*float : left;
width : 800px;
border-width:0px;
display:none;*/
}

.principal{
width : 900px;
background-image : url(logo2.jpg);

/*background-color  : #fcfefc;*/
/*background-color  : #123456;*/
}

.principal .contenu{
  /*background-image : url(logo2.jpg);*/
  background-color : #B0A4FF
  /*background-color  : #FFFFFF;*/
  border-style:solid;
  border-width:1px;
  /*border-color:purple;*/
  text-align : justify;
  width: 600px;
  padding-left:40px;
  padding-right:40px;
  float:left;
  -moz-border-radius : 10px;

}

.principal .contenu h2{
/*color:#000055;*/
}

.principal .menu {
border-style:solid;
border-width:1px;
/*border-color:purple;*/
background-color:#B0A4FF;
/*background : url(prog.jpg) no-repeat;*/
width:180px;
font-weight: bold;
padding:15px;
margin-top:0px;
padding-top:10px;
float:right;
font-size : 85%;
text-align : left;
-moz-border-radius : 10px;

}


.principal .menu h2{
/*display:none;*/
}

.auteur
{
/*position :absolute;*/
text-align : right;
font-style:italic;
left : 50%;
font-size : 100%;
/*font-weight : bold;*/
padding-top : 10px;
margin-bottom : 30px;
}

.principal  .contenu .prog{
    border-style : dotted; 
    border-width : 1px;
    background-color : #eee;
    margin-top : 10px;
    margin-bottom : 20px;
    padding : 3px;
    margin-left : 50px;
}


.principal  .contenu .prog{
    border-style : solid; 
    border-width : 1px;
    background-color : #eee;
    margin-top : 10px;
    margin-bottom : 20px;
    padding : 3px;
    /*width: 500px;
    align: right;*/
    margin-left : 50px;
}

.principal .contenu .prog .title{
    background-color : #ddd;
    border-bottom : solid;
    border-width : 1px;
    margin-bottom : 5px;
}

.principal .contenu .heure{
    width : 50px;
    float : left;
}

.principal .logodivers {
border-style:solid;
border-width:0px;
width:100%;
font-weight: bold;
padding:0px;
text-align:center;
float : left;
}

.principal .photoAut{
float:left;
margin : 10px;
margin-top:10px;
text-align:left;
}

.principal .lien{
margin-bottom : 20px;
}

.principal .blockquote {
  margin:1em 30px;
  color:#323ACD;
}

a:link    {
  color:#FFFFFF;		
  text-decoration:none; 
  border:none;
  margin:0px;
}

a:visited {
  color:#000000; 
  text-decoration:none;
  border-syle:dotted;
  margin:0px;
}

a:hover   {color:#FFFFFF;text-decoration:underline;/*background-color:#fdfdfd;*/border:none;margin:0px;}

.principal a:link    {color:#555555; text-decoration:none; /*font-weight : bold;*/}
.principal a:visited {color:#333333; text-decoration:none; /*font-weight : bold;*/}
.principal a:hover   {color:#222222; text-decoration:underline;background-color:#fdfdfd;}

.menu a:link    {color:#555555; text-decoration:none; /*font-weight : bold;*/}
.menu a:visited {color:#555555; text-decoration:none; /*font-weight : bold;*/}
.menu a:hover   {color:#222222; text-decoration:underline;background-color:#fdfdfd;}