body { margin:0;padding:0; background:#FFFFFF url(graf/dotted_bg.png) repeat-x left top; background-color:#FFFFFF}
table.main { width : 800px; border: 1px solid #000000; background-color: #3C9DFF; }
table.main td { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px }
table.main td.menu a:link { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.main td.menu a:visited { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.main td.menu a:hover { font-weight:bold; color: #FFCC00; text-decoration:underline;  }
table.main td.menu div.submenu { margin-top:15px; margin-bottom:7px;color: #FFFFFF; font-weight:bold; text-transform:uppercase; border-top: 1px solid #FFFFFF;  border-bottom: 1px solid #FFFFFF; }

table.contact { width : 100%; border: 1px solid #FFFFFF;  background-color: #DADFD9; }
table.contact td { color: #000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px }
table.contact input { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000 }
table.contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000 }
.contactsubmit { color:#213089; font-size:16px; font-weight:bold; border:2px dashed #213089; background-color:#FFE400; }

table.listad { margin-bottom:10px; width : 100%; border: 1px solid #FFFFFF;  background-color: #FFCE3C; }
table.listad td.titlelistead { font-weight:bold; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px }
table.main td.titlelistead a:link { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.main td.titlelistead a:visited { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.main td.titlelistead a:hover { background-color:#9EC830; display:block; font-weight:bold; color: #FFFFFF; text-decoration:underline;  }

table.boxcontactus { width : 100%; border:2px dashed #000066;  background-color: #6A3CFF; }
table.boxcontactus td { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold   }
table.boxcontactus td a:link { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.boxcontactus td a:visited { font-weight:bold; color: #FFFFFF; text-decoration:none;  }
table.boxcontactus td a:hover { background-color:#F4A0D6; display:block; font-weight:bold; color: #5B4654; text-decoration:underline;  }

table.detail { border-bottom:1px solid #FFFFFF; width : 95%; border:0px; }
table.detail td.dttitle { font-family:Arial, Helvetica, sans-serif; background-color:#FFE400; border-bottom:2px dashed #213089; border-top:2px dashed #213089; width : 100%; color:#213089; font-size:18px; font-weight:bold }
table.detail td.dttof { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
table.detail td.dtdesc { font-family:Arial, Helvetica, sans-serif; font-size:14px; }


table.redaction { width : 100%; height:100%; border: 0px; background-color: #3C9DFF; }
table.redaction td { color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px }
img { border: 0px; }
.img-shadow {
float:right;
background: url(/graf/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}


.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.bulle { font-family: Verdana, Arial, Helvetica; color: #000000; width: 150px; font-size: 11px; }
.comment { font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 11px; }
#cadre {margin: 0; padding:10px 0 5px 0; width: 100%; height: auto; border: 1px solid #B8D6C2;text-align:center; background-color: #F6FCEC;}
#EmplacementDeMacarte {border: 1px solid #B8D6C2;}