body,ul,li,h1,h2,p,img {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

#container {position:absolute;top:15mm;left:10mm;
    width: 900px;
    margin: 0 auto;
    font-size: 0.8em;
    font-family: Arial, sans-serif;
}
#dicobf {position:absolute;top:120mm;left:10mm;
    width: 300px;
    margin: 0 auto;
    font-size: 0.8em;
    font-family: Arial, sans-serif;
}

.explic{font:italic;font-family:Helvetica,sans-serif;color:#FF00;font-size:23px;}

#loca{position:absolute;top:120mm;left:80mm;
  }
h1 {
    font-size: 2.4em;
    text-align: center;
    padding: 30px 0;
}

h2 {
    font-size: 1.3em;
    padding: 0.5em 0;
}
.navig{position:absolute;top:160mm;left:5mm;font-family:Times New Roman,Arial,Helvetica,sans-serif;font-size:20px;font-weight:bold;color:#000000;text-align:center}
#navigation {position:absolute;top:20mm;left:70px;font-family: Arial, Helvetica, sans-serif;font-size: .9em;color:#FFFF00;
}
#portfolio li {
    overflow: hidden;
    padding: 10px;
    margin: 10px 0;
}

#portfolio li img {
    float: left;
    margin: 0 10px 0 0;
}

#portfolio li p {
    padding: 0.3em 0 0.5em 0;
}
.abr{font:bold;color:#f800f8;font-size:11pt;}
.fagm {position:fixed;top:75mm;right:0mm;width:140mm;background-Color:transparent;font:bold;
font-family:Times New Roman,Arial,Helvetica,sans-serif;font-size:12pt;font-weight:bold;color:#cccccc}
.pream{position:fixed;top:47mm;right:0mm;width:155mm;background-Color:transparent;font-family:Arial,Helvetica,sans-serif;font-size:12px;font:bold;color:#995555}

#suggest #mot{background-color:transparent;position:absolute;top:20mm;left:0}
.sjh{background-color:#446699;font-family:sans-serif,Times New Roman,Helvetica,Arial;font-size:0.9em;color:#ffffff;font-variant:normal;}
#titre1 {position:absolute;top:1mm;left:40mm;font-family:Times New Roman,Arial,Helvetica,sans-serif;font-size:30px;font-weight:bold;color:#000000;text-align:center}
#titre2 {position:absolute;top:15mm;left:115mm;font-family: Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;color:#cccccc}

.h1{position:absolute;top:12mm;left:34mm;text-align:center}
.titreform{position:absolute;top:38mm;left:4mm;background-color:#0000ff;font-variant:small-caps;font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#ffff00;font-weight:bold;border: 1px solid #00FFFF;}

#t1{position:absolute;top:5mm;left:30mm;width:190mm;font-family:Trebuchet MS;font-style:italic;font-weight:bold;text-align:center;border-color:RGB(0,0,0);font-size:26pt;color:#FFFF00}

#t2{position:absolute;top:7mm;left:32mm;width:190mm;font-family:Trebuchet MS;color:#0000FF;font-style:italic;font-weight:bold;text-align:center;font-size:26pt}

#terme{position:absolute;top:30mm;left:50mm;font:bold;font-family:Helvetica,sans-serif;font-size:26px;background-color:transparent;}
.terme{position:absolute;top:30mm;left:50mm;font:bold;font-family:Helvetica,sans-serif;font-size:16px;background-color:transparent;}

#footer {position:fixed;bottom:0;left:0;width:100%;height:2em;background-color:#2A4F6F;color:#FFFFFF;border-top:#778899;text-align:left;}