/* Exemple de feuille de style du widget EnvoiMoinsCher */

form { margin: 0px; }

body   { font: 9px Arial; background-color: rgb(194,209,245); margin: 3px; }
#widget, .logo, .slogan, #pub, #obj, #poids, #dim, #tra, #exp, #dst, .cp, #sub, #help, #helpmenu 
  { position: absolute; /*border: solid gray 1px; margin: -1px;*/ }
#widget, #help { top:   0px; left:   0px; width: 200px; height: 176px; background-color: white; background-image: url(widget.jpg); background-repeat: no-repeat; }
.logo          { top:   2px; left:   2px; }
img            { border: 0px; }
.slogan        { top:   6px; left: 100px; width:  98px; height:  38px; text-align:center; font: bold 10px Arial; color: red; }
#obj           { top:  48px; left:   7px; width: 190px; height:  45px; }
#poids         { top:   2px; left:  35px; width:  80px; height:  38px; }
#dim           { top:   2px; left:  88px; width: 100px; height:  38px; }
#tra           { top:  86px; left:   7px; width: 190px; height:  80px; }
#exp           { top:   2px; left:   5px; width:  90px; height:  80px; }
#dst           { top:   2px; left:  98px; width:  90px; height:  80px; }
#sub           { top: 150px; left: 105px; width:  90px; height:  20px; }
input  { font: 9px Arial; height: 10px; border: solid brown 0px; }
#dim .val input { width: 20px; }
.poids { font: 8px Arial; width: 40px; height: 14px; border: solid brown 0px; }
.pays { font: 8px Arial; width: 90px; border: 0px; }
#sub input { width: 88px; height: 19px; font: bold 11px Arial; color: white; background-color: rgb(48,99,150); vertical-align: top; border: solid brown 0px; }
.label { color: brown; font-weight: bold; }
.head { font: bold 11px Arial; }
.cp { top: 30px; }
.detail { font: italic 8px Arial; }
#helpmenu       { top: 7px; left:   7px; width:  18px; height:  12px; color: blue; overflow: hidden; margin-top: 150px; }
#helpmenu:hover { top: 0px; left:   0px; width: 189px; height: 166px; color: white; background-image: url(widget.jpg); padding: 5px; padding-top: 2px; margin-top: 0px; }
#helptext { text-align: left; padding-top: 0px; color: green; }
#helptext p { position: relative; margin: 5px; padding: 0px; }
#helptext a img { top: 1px; left: 2px; float: left; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }