body {background-colour:white}
div#entete { position: absolute; top: 10px; left: 10px; width: 800px; height: 110px; }
div#latent1 {position: absolute; top: 10px; left: 10px; width: 6px; height: 88px; background-image: url(caneva/lateral1.gif)}
div#latent2 {position: absolute; top: 10px; left: 16px; width: 600px; height: 6px; background-image: url(caneva/lateral2.gif)}
div#latent3 {position: absolute; top: 10px; left: 616px; width: 6px; height: 88px; background-image: url(caneva/lateral3.gif)}
div#latent4 {position: absolute; top: 104px; left: 16px; width: 600px; height: 6px; background-image: url(caneva/lateral4.gif)}
div#menu1   {position: absolute; top: 120px; left: 10px; width: 137px; height: 35px; background-image: url(caneva/menu1.gif)}
div#menu2   {position: absolute; top: 120px; left: 149px; width: 64px; height: 35px; background-image: url(caneva/menu2.gif)}
div#menu3   {position: absolute; top: 120px; left: 215px; width: 55px; height: 35px; background-image: url(caneva/menu3.gif)}
div#menu4   {position: absolute; top: 120px; left: 272px; width: 83px; height: 35px; background-image: url(caneva/menu4.gif)}
div#menu5   {position: absolute; top: 120px; left: 357px; width: 92px; height: 35px; background-image: url(caneva/menu5.gif)}
div#menu6   {position: absolute; top: 120px; left: 451px; width: 72px; height: 35px; background-image: url(caneva/menu6.gif)}
div#menu7   {position: absolute; top: 120px; left: 525px; width: 151px; height: 35px; background-image: url(caneva/menu7.gif)}
div#menu8   {position: absolute; top: 120px; left: 678px; width: 132px; height: 35px; background-image: url(caneva/menu8.gif)}
div#menu9 { background-image: url(caneva/menu9.gif); position: absolute; top: 691px; left: 10px; width: 127px; height: 29px; }
div#lateral1 {position: absolute; top: 160px; left: 10px; width: 6px; height: 517px; background-image: url(caneva/lateral1.gif)}
div#lateral2 {position: absolute; top: 160px; left: 16px; width: 115px; height: 6px; background-image: url(caneva/lateral2.gif)}
div#lateral3 {position: absolute; top: 160px; left: 131px; width: 6px; height: 517px; background-image: url(caneva/lateral3.gif)}
div#lateral4 {position: absolute; top: 671px; left: 16px; width: 115px; height: 6px; background-image: url(caneva/lateral4.gif)}
div#barre {position: absolute; top: 166px; left: 96px; width: 35px; height: 505px; background-image: url(caneva/barre.gif)}
div#image1 {position: absolute; top: 166px; left: 16px; width: 80px; height: 85px; background-image: url(caneva/carre1.gif)}
div#image2 {position: absolute; top: 251px; left: 16px; width: 80px; height: 85px; background-image: url(caneva/carre2.gif)}
div#image3 {position: absolute; top: 336px; left: 16px; width: 80px; height: 85px; background-image: url(caneva/carre3.gif)}
div#image4 {position: absolute; top: 421px; left: 16px; width: 80px; height: 85px; background-image: url(caneva/carre4.gif)}
div#image5 {position: absolute; top: 506px; left: 16px; width: 80px; height: 85px; background-image: url(caneva/carre5.gif)}
div#image6 {position: absolute; top: 591px; left: 16px; width: 80px; height: 80px; background-image: url(caneva/carre6.gif)}

div#principal {position: absolute; top: 166px; left: 148px; width: 668px; height: 511px}
div#princ1 {position: absolute; top: 160px; left: 143px; width: 668px; height: 6px; background-image: url("caneva/principal1.gif")}
div#princ2 {position: absolute; top: 166px; left: 143px; width: 5px; height: 511px}
div#princ3 {position: absolute; top: 166px; left: 805px; width: 6px; height: 511px; background-image: url("caneva/principal3.gif")}
div#princ4  { vertical-align: top; position: absolute; top: 675px; left: 148px; width: 663px; height: 2px }

div#supp2  {position: absolute; top: 820px; left: 10px; width: 115px; height: 6px}
div#supp { position: absolute; top: 691px; left: 10px; width: 115px; height: 6px; }
div#retour {position: absolute; top:683px; left: 715px; width: 80px; height: 25px}

div#mention { position: absolute; top: 683px; left: 10px; width: 710px; height: 25px   }
div#mention2 { position: absolute; width: 666px; height: 25px; }
h1    { color: #809fb9; font-size: 50px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-indent: 40px; margin-bottom: 0 }
h2     { color: #809fb9; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-indent: 40px }
h3      { color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-indent: 30px; margin-bottom: -10px }
h4   { color: black; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center }
h5     { color: #9dbed9; font-size: 30px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif}
p      { color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 0 }
a:link { color: #9dbed9; }
.classtitresurfondpetit { color: white; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }
.classtitresurfond { color: white; font-size: 14pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; }
.classtitre { color: #666; font-size: 12pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; }
.classtitresection { color: #8ac2e6; font-size: 14pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: underline; text-align: left; }
.classtitre_centre { color: #666; font-size: 12pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }
.classtextestandardctr { color: black; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }
.classtextestandard { color: black; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; }
.classtextestandardjus { color: black; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: justify; letter-spacing: normal; }
.classtextestandardctr { color: black; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-position: center 0; text-align: center; }
a:visited { color: #999999 }
#header {
height: 6px;
}
#conteneur {
position: absolute;
top: 160px;
left: 143px;
width: 666px;
margin: 0 auto; 
}
#centre {
position: relative;
}
#pied {
height: 30px;
}
.celluletitre { background-color: #8ac2e6; background-position: 0 center; height: 30px; padding: 12px; }
.celluletexte { background-position: 0 center; padding: 12px; }
.classdestock { color: #646464; font-size: 12pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; }