html, body { margin: 0px; padding: 0; height: 100%; font: 14px Georgia, serif; color: #141414; }
html { background: url(../im/bg2r.jpg) repeat-y top center; }
body {  }
img { border: none; display: block; }
form, input { margin: 0px; padding: 0px; }
p { margin: 10px 0px 10px 0px; }
a { font-style: italic; }
p a { color: #fc9947; }

h1 {}
h2 { font:italic bold 16px/22px Georgia,serif; background: url(../im/r_hr.jpg) no-repeat bottom left; padding: 5px 0 3px 0; margin: 0 0 15px 0;}
h3 { font: bold 12px/16px Georgia,serif; margin: 10px 0px 2px 0px; }
#leftCol h3 { font:italic bold 12px/16px Georgia,serif; margin: 8px 0px 2px 0px; }
#leftCol h3 a { color: #141414; text-decoration: none; }

#page { width: 100%; height:auto !important; height:100%; min-height:100%; background: url(../im/bg2.jpg) no-repeat fixed top center; }
#content { width: 1002px; margin:0 auto; position: relative; }

/* Roll over buttons */
.roBtn a { float: left; display:block; background: no-repeat left bottom; }
.roBtn a img {  border:none; vertical-align:bottom; /* for IE6 */}
.roBtn a:hover { visibility:visible; }
.roBtn a:hover img { visibility:visible; }
.roBtn a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* Header */
#menu { width: 1002px; height: 25px; float: left; position: absolute; top: 132px; margin: 0px; padding: 0px; z-index: 100;}

/* Navigation block */
#nav { list-style: none; margin: 0px 0px 0px 0px ;padding: 0;float: left; }
ul.topNav li { display: inline; float: left; position: relative; } /* Top horizontal menu */

/* Drop-down menus */
ul.subNav {	position: absolute; left: 0px; top: 25px; margin: 0;	padding: 0;	list-style: none; display: none; background: #000;	}
ul.subNav li {	clear: both; }
li.topNav:hover ul, li.topNav.over ul { display: block; } /* The magic */

/* Roll overs for navigation */
li.topNav a.ro { float: left; display:block; background: no-repeat left bottom; }
li.topNav a.ro img {  border:none; vertical-align:bottom; /* for IE6 */}
li.topNav:hover a.ro, li.topNav.over a.ro { visibility:visible; }
li.topNav:hover a.ro img, li.topNav.over a.ro img { visibility:visible; }
li.topNav:hover a.ro img, li.topNav.over a.ro img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* End navigation block */

/* Content */
#main { width: 1016px; height: 510px; background-color: #f8f8f8; padding-bottom: 20px; overflow: auto; }
#leftCol { width: 203px; padding: 0 11px 0 24px; position: absolute; top: -449px; left: 0px; }
#rightCol { width: 705px; margin: 0 0px 0 22px; float: left; }
#leftColFiller { width: 203px; padding: 0 11px 0 24px; float: left; }

#rightCol ul { margin: 20px 25px; padding-left: 25px; list-style-image: url(../im/bullet.gif); }
#rightCol p + ul { margin: 10px 25px; padding-left: 25px; list-style-image: url(../im/bullet.gif); }

#rightCol p + a + h2, ul + a + h2, p + h2 { margin-top: 30px; } /* More spacing for a h2 after a paragraph */
#rightCol p + h3 { margin: 25px 0px 2px 0px; } /* More spacing for a h3 after a paragraph */

#rightCol img { display: inline; }

/* Telechargement */
#levelSearch { position: relative; float: left; background: url('../im/tele_chapitre.jpg') no-repeat; width: 476px; height: 174px; display: inline; /* USed to fix IE6 double-margin float bug */ }
#levelSearch input { position: absolute; left:416px; height: 14px; /* Set the height to prevent a IE bug */ }
#levelSearch label { display: none; }

#categorySearch { position: relative; float: left; background: url('../im/tele_categorie.jpg') no-repeat; width: 468px; height: 174px; display: inline; /* USed to fix IE6 double-margin float bug */ }
#categorySearch input { position: absolute; left:408px; height: 14px; /* Set the height to prevent a IE bug */ }
#categorySearch label { display: none; }

.pos1 { }
.pos2 { }
.pos3 { }
.pos4 { }
.pos5 { }

/* Liste dictée */
#listeChapitre { }
#listeChapitre tbody tr { height: 18px; }
#listeChapitre tbody td { height: 18px; color: #4a4a4a; font: 11px/18px Arial, Helvetica, sans-serif; margin:0; padding: 0;}
#listeChapitre td { text-align: center; }

tr.listChapPair { background: url(../im/tele_list_bg_pair.jpg); }
tr.listChapImpair { background: #f8f8f8; }
img.sep { width: 1px; height: 18px; }
