body  {
font-family : Times new roman, serif;
font-size : 12pt;
background-image : url(/images/barref.gif);
background-repeat : repeat-y;
}
.legende {
font-family : Arial,sans-serif;
font-size : 8pt;
font-weight : bold;
}
.citation {
font-family : Arial,sans-serif;
font-size : 10pt;
text-indent : 30px;
}
.z {
z-index : 10;
}
.t1 {
font-family : Times new roman, serif;
font-size : 14pt;
font-weight : bold;
}
.t2 {
font-family : Times new roman, serif;
font-size : 14pt;
font-weight : bold;
color : white;
}
.t3 {
font-family : Times new roman, serif;
font-size : 14pt;
font-weight : bold;
color : white;
}
h1 {
font-family : Times new roman, serif;
font-size : 24pt;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
}
h2 {
font-family : Times new roman, serif;
font-size : 16pt;
font-weight : bold;
}
h3 {
font-family : Times new roman, serif;
font-size : 12pt;
font-weight : bold;
}
.t4 {
font-family : Times new roman, serif;
font-size : 16pt;
font-weight : bold;
}
.t5 {
font-size : 24pt;
font-weight : bold;
}
.t6 {
font-size : 14pt;
color : #ffffff;
font-weight : bold;
}
.t7 {
font-family : arial,sans-serif;
font-size : 10pt;
text-align : justify;
text-indent : 30px;
}
.t8 {
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
text-indent : 30px;
padding : 10px;
}
.t9 {
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
}
.t9R {
font-family : Times new roman, serif;
font-size : 12pt;
text-align : right;
}
.t9L {
font-family : Times new roman, serif;
font-size : 12pt;
text-align : left;
}
.t10 {
font-family : Times new roman, serif;
font-size : 14pt;
text-align : justify;
font-weight : bold;
}
.t11 {
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
font-weight : bold;
}
.t12 {
font-family : Arial, sans-serif;
font-size : 12pt;
text-align : center;
font-weight : bold;
}
.t13 {
font-family : Arial,sans-serif;
font-size : 8pt;
font-weight : bold;
}
.t14 {
font-family : Arial,sans-serif;
font-size : 12pt;
text-align : center;
font-weight : bold;
}
.t30 {
font-family : arial,sans-serif;
font-size : 30px;
font-weight : bold;
}
.t31 {
font-family : arial,sans-serif;
font-size : 10px;
text-align : justify;
font-weight : bold;
}
.t32 {
font-family : arial,sans-serif;
font-size : 14px;
text-align : center;
font-weight : bold;
}
#menu {
position : absolute;
left : 0;
top : 0;
z-index : 1;
}
.lettrine {
font-family : Times new roman, serif;
font-size : 20px;
text-align : center;
font-weight : bold;
}
.texte {
border-top-width : 0;
font-weight : normal;
border-left-width : 0;
font-size : 10pt;
border-bottom-width : 0;
color : white;
text-indent : 0;
font-family : Verdana,sans-serif;
text-align : justify;
border-right-width : 0;
}
#ment {
font-family : arial,sans-serif;
font-size : 10pt;
font-weight : bold;
}
.t4 {
font-family : Times new roman, serif;
font-size : 16pt;
font-weight : bold;
}
.conteneur {
background-color : #fffff0;
margin-left : 20px;
margin-top : 40px;
height : 300px;
width : 750px;
border : medium solid inherit;
border-width : 3px;
border-top-color : #ffffff;
border-right-color : #000000;
border-left-color : #ffffff;
border-bottom-color : #000000;
}
.bloc {
background-color : #fff0d1;
height : 80px;
width : 150px;
text-align : center;
margin-left : 580px;
margin-top : 180px;
}
.pres {
float : left;
width : 550px;
height : 280px;
text-align : justify;
}
.ptbloc {
background-color : #fff0d1;
z-index : 1;
height : 40px;
width : 150px;
margin-left : 0;
margin-top : 0;
}
.cache {
background-color : #fff0d1;
z-index : -1;
height : 0;
width : 0;
margin-left : 20px;
margin-top : 0;
}
.image {
float : left;
padding-right : 10px;
}
.titre {
font-weight : bold;
}
img {
border-width : 0;
vertical-align : middle;
}
.fond {
font-family : Times new roman, serif;
font-size : 16pt;
font-weight : bold;
background-color : #fffff0;
margin-left : 20px;
margin-top : 10px;
}
.ffond {
font-family : Times new roman, serif;
font-size : 12pt;
font-weight : normal;
background-color : #fff0d1;
margin-left : 20px;
}
.Desc {
font-family : Times new roman, serif;
font-size : 12pt;
font-weight : normal;
background-color : #fffff0;
margin-left : 40px;
}
.niveau {
font-family : Times new roman, serif;
font-size : 14pt;
font-weight : bold;
background-color : #fff0d1;
margin-left : 15px;
margin-top : 5px;
margin-bottom : 5px;
}
.Nauteur {
font-style : italic;
font-weight : bold;
font-size : 1em;
}
.auteur {
position : relative;
margin-left : 15px;
margin-top : 5px;
margin-bottom : 5px;
}
.reference {
position : relative;
background-color : #fffff0;
border : medium solid inherit;
border-width : 2px;
border-color : #fffff0;
font-size : 1em;
}
div.classe {
width : 100%;
left : 0%;
}
.famille {
position : relative;
background-color : #fff0d1;
font-size : 1em;
font-weight : normal;
border-right : 1px solid #000000;
border-left : 1px solid #ffffff;
border-bottom : 1px solid #000000;
border-top : 1px solid #ffffff;
}
.section {
position : relative;
width : 95%;
left : 3%;
background-color : #fff0d1;
font-size : 1em;
font-weight : normal;
border-left : 1px solid #000000;
border-right : 1px solid #ffffff;
border-top : 1px solid #000000;
border-bottom : 1px solid #ffffff;
}
div.famille {
width : 94%;
left : 3%;
}
div.auteur {
width : 94%;
left : 3%;
}
div.root {
width : 700px;
position : absolute;
left : 80px;
top : 170px;
background-color : #fffff0;
border : medium solid inherit;
border-width : 3px;
border-top-color : #ffffff;
border-right-color : #000000;
border-left-color : #ffffff;
border-bottom-color : #000000;
}
.dis_ref {
position : relative;
background-color : #fffff0;
font-size : 1em;
width : 580px;
left : 13px;
top : 0;
border : medium solid inherit;
border-width : 2px;
border-top-color : #ffffff;
border-right-color : #000000;
border-left-color : #ffffff;
border-bottom-color : #000000;
}
div.selauteur {
position : relative;
background-color : #fff0d1;
width : 650px;
padding : 10px;
border : medium solid inherit;
border-width : 2px;
border-top-color : #ffffff;
border-right-color : #000000;
border-left-color : #ffffff;
border-bottom-color : #000000;
left : 15px;
top : 10px;
}
div.rec {
position : absolute;
left : 488px;
top : 5px;
text-align : right;
background-color : #fffff0;
border : medium solid inherit;
border-width : 2px;
border-top-color : #ffffff;
border-right-color : #000000;
border-left-color : #ffffff;
border-bottom-color : #000000;
}
#film {
position : absolute;
top : 0;
width : 107px;
margin-left : 694px;
overflow : auto;
background-image : url(/images/film.gif);
background-repeat : repeat-y;
}

.tab {
background-color:#fffff0 ;
}

div.disques{
background-color:#fff0d1;
position: absolute;
left:72px;
top: 210px;
width: 600px;
background-image:url("/images/disques/bord.gif");
background-repeat: repeat-y; /* tu r��es l'image verticalement */
background-position: 0 15;  /* tu peux mettre des % pour les val H
et V ex: 50% 0% = au milieu en haut*/
}

div.principale {
position : absolute;
width : 700px;
left : 70px;
top : 150px;
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
}
p {
margin : 0;
}
p.indent {
text-indent : 2em;
margin-bottom : 0.6em;
}
.imaged {
float : right;
padding-left : 10px;
}
.imageg {
float : left;
padding-right : 10px;
}
.ital {
font-style : italic;
}
.gras {
font-weight : bold;
}
dl.float-left {
text-align : center;
padding : 0 0 0;
float : left;
margin : 0 1em 0 0;
}
dl.float-right {
text-align : center;
padding : 0 0 0;
float : right;
margin : 0 0 0 1em;
}
.float-right dt {
font-weight : bold;
background-color : #131210;
color : #959289;
padding : 5px 10px;
margin-bottom : 10px;
}
.float-left dd img {
background-color : #fff0d1;
margin : 0;
padding : 0 0 0;
}
.float-right dd img {
margin : 0;
padding : 0 0 5px;
}
.float-left dd {
background-color : #fffff0;
margin : 0;
padding : 0 0 5px;
font-size : 85%;
font-family : arial,sans-serif;
font-weight : bold;
}
.float-right dd {
background-color : #fffff0;
margin : 0;
padding : 0 0 5px;
font-size : 85%;
font-family : arial,sans-serif;
font-weight : bold;
}
.g1-2 {
background-color : #fffff0;
width : 350px;
float : left;
}
.d1-2 {
width : 350px;
float : left;
margin-left : 20px;
}
.gauche {
float : left;
padding-right : 10px;
}
.droite {
float : right;
padding-left : 10px;
}
.cont {
position : absolute;
top : 370px;
left : 70px;
width : 700px;
}
.bloc1 {
width : 100%;
height : 206px;
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
}
.bloc2 {
padding-left : 100px;
padding-right : 100px;
margin-top : 10px;
font-family : Times new roman, serif;
font-size : 12pt;
text-align : justify;
}
.divG{
text-align:left;height:150px
}
.divD{
text-align:right;height:150px
}