body {
	background-color: #BBC5CE;
	margin: 0px;
	padding: 10px;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de IE même le 9*/
  }

#container {
	background-color: #333333;
	border: 5px solid #DAD5D9;
	padding: 0px;
	margin: 0 auto;
	width: 1000px;
}
/* menu général */
#table_entete {
	background-color: #A3ACB3;
	border: 0;
	padding: 0;
}
#table_menu {
	border: 0;
	padding: 0;
	margin: auto;
	background-color: #4977A4;
	text-align: center;
}
#table_menu a {
	FONT-SIZE: 12px;
	color: #FFFFFF;
}
#table_menu a:link {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}
#table_menu a:visited {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}
#table_menu a:hover {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	background-color: #FFAE17;
}

/* table centrale */
#table_corps {
}
.TD_list_thèmes {
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 5px;
	vertical-align: top;
}
.TD_list_thèmes h3 {
	background-color: #0C2953;
	color: #FFF;
	margin: 0px;
	padding: 20px 1px 5px 5px;
	background-repeat: no-repeat;
}
.TD_list_thèmes H3.select {
	background-image: url(../images/ensemble_de_livres.jpg);
	background-position: 50% 50%;
}
.TD_list_thèmes h3:first-letter, .TD_list_thèmes h3 span:first-letter {
	color: #FFAE17;
	font-size: 160%;
}
.TD_list_thèmes ul {
	list-style-type: none;
	font-size: 90%;
	color: #FFF;
	margin: 0px;
	padding: 5px;
	background-color: #A4ACB3;	/* couleur de fond du texte dans UL */
}
.TD_list_thèmes li {
	padding: 3px 2px 3px 2px;
	margin-bottom: 4px;
}
.TD_list_thèmes li:hover {
	padding: 2px 1px 2px 1px;
	border: 1px dotted #0C2953;
	background-color: #6BA0D2;
}
.TD_list_thèmes a:link, .TD_list_thèmes a:visited {
	border-left: 6px solid #FFF;
	padding-left: 2px;
	font-weight: bold;
	color: #FFF;
}
.TD_list_thèmes a:hover, .TD_list_thèmes a:active {
	border-left: 6px solid #FFD800;	
	padding-left: 2px;
	color: #FFD800;
	text-decoration: none;
	font-weight: bold;
}
.TD_list_thèmes a.c:link, .TD_list_thèmes a.c:visited {
	/*border-left: none;  /* sans petit carré devant*/
	border-left: 6px solid #FFF;	/* avec petit carré devant */
	padding-left: 0px;
	font-weight: normal;
	color: #FFF;
}
.TD_list_thèmes a.c:hover, .TD_list_thèmes a.c:active {
	/*border-left: none;  /* sans petit carré devant*/
	border-left: 6px solid #FFD800;	/* avec petit carré devant */
	padding-left: 0px;
	color: #FFD800;
	text-decoration: none;
}

#cadre {
	padding: 10px 10px 0px 20px;
}
#cadre h2 {
	margin: 15px 0px 0px 0px;
	padding: 6px 20px 2px 6px;
	text-align: left;
	font-size: 120%;
	font-variant: small-caps;
	color: #6BA0D2;
	background-image: url(../images/bord_table_droit_h3.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-color: #F6F7F7;
}
#cadre h3 {
	margin: 15px 0px 0px 0px;
	padding: 6px 20px 2px 6px;
	text-align: left;
	font-size: 180%;
	font-variant: small-caps;
	color: #6BA0D2;
	background-image: url(../images/bord_table_droit_h3.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-color: #F6F7F7;
}
#cadre h3 span {
	display: block;
	padding: 20px 0px 15px 48px;
	background-image: url(../images/puce_livre.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#cadre p {
	text-align: justify;
}
#cadre p.p1, #cadre p.p2 {
	margin: 0px;
	padding: 10px 20px 2px 6px;
	background-image: url(../images/bord_table_droite.gif);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	background-color: #F6F7F7;
}
#cadre p.p3 {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bord_table.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-color: #F6F7F7;
}
#cadre p.p1 span, #cadre p.p2 span, #cadre p.p3 span {
	display: block;
}
#cadre p.p3 span {
	margin: 0px;
	padding: 10px 20px 20px 6px;
	background-image: url(../images/bord_table_gauche.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
#cadre p:first-letter, #cadre p span:first-letter {
	color: #6BA0D2;
	font-size: 140%;
	font-weight: bold;
	margin: 0px 2px 0px 0px;
}
#footer {
	clear: both;
}

.footer td{
 	border-width:3px; 
	border-top-color: #5F8EBA;
	border-top-style: solid;
 }
.footer a {
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.footer p {
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.footer_centre {
	background-image: url(../images/pied.jpg);
	background-repeat: repeat-x;
	color: #663300;
	text-align: center;
}

/* table de la liste des livres*/
table.classic
  {
	/* Couleurs */
  background-color: transparent;
	/* Taille et Position */
  margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	/* Bordures */
  border-color: #BBC5CE;
	border-width: 1px;
	border-style: ridge;
  }

th.classic
  {
  /* Propriétés Texte */
  text-align: center;
  font-size: 16px;
  font-variant: small-caps;
  font-weight: bold;
  
  /* Couleurs */
  background-color: #18426b;
  color: #92b2d2;
  
  /* Taille et Position */
  margin:0;
  padding:5px;

  /* Bordures */
  border-color: #FFFFFF;
  border-style: ridge;
  border-width: 1px;
}

td.classic
  {
  /* Propriétés Texte et fond pour lignes paires */
  text-align: left;
  font-size: 14px;

  /* Taille et Position */
  
  margin:0;
  padding:5px;

  /* Bordures */
  border-color: #FFFFFF;
  border-style: ridge;
  border-width: 1px;
  }
td.classic_droite
  {
  /* Propriétés Texte et fond pour lignes paires */
  text-align: right;
  font-size: 14px;

  /* Taille et Position */
  
  margin:0;
  padding:5px;

  /* Bordures */
  border-color: #FFFFFF;
  border-style: ridge;
  border-width: 1px;
  }

tr.classicP
  {
  /* Propriétés fond pour lignes paires */
  background-color: #B5CDE6;
  }

tr.classicI
  {
  /* Propriétés fond pour lignes impaires */
  background-color: #CEDCEA;
  }

caption.classic		/* légende du tableau */
  {
	/* Propriétés Texte de la légende du tableau*/
  text-align: center;
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	/* Couleurs  de la légende du tableau*/
  color: #000099;
  /* Taille et Position  de la légende du tableau */
	margin-bottom: 5px;  
	}


