h3 { text-transform:uppercase; }

.coordinates { line-height:15px; }
.coordinates a:hover { color:#000000; }

.contact { clear:left; float:left; line-height:15px; margin:0 0 12px 0; }
    .name { clear:left; color:#000000; float:left; font-weight:bold; text-transform:uppercase; }
    .position { clear:left; float:left; }
    .courriel { clear:left; float:left; }
    .courriel a:hover { color:#000000; text-decoration:underline; }
    
.map { background:transparent url('../images/map/north-america.png') no-repeat; border:none; height:430px; outline:none; position:absolute; left:200px; top:110px; width:448px; }
.map img { border:none; left:0; outline:none; position:absolute; top:0; }
.map img.behind {  }

    .bubble { background:#221f1f; bottom:0px; cursor:pointer; font-size:10px; height:14px; overflow:hidden; padding:2px 0 0 0; position:absolute; width:100px; }    
    .bubble span { color:#898888; }
    .bubble span.title { color:#FFFFFF; font-size:10px; font-weight:bold; margin-top:10px; position:relative; text-transform:uppercase; width:92px; }
    .bubble .cities { margin:5px 0 20px 0; }
    .bubble .cities span { }
    .bubble .city { }
    .bubble .city:hover { color:#EEEEEE; }
    .bubble-bottom { background:transparent url('../images/map/bubble-bottom.png') no-repeat; height:4px; position:absolute; width:100px; }
    
    .spacer { height:2px; width:100%; }
    .spacer-bottom { height:4px; width:100%; }
    
    /* Note : Must use the bottom property so that the "bubble" opens correctly */
    #bubble-canada { bottom:680px; left:265px; }
    #bubble-canada-bottom { bottom:676px; left:265px; }
    #bubble-canada-ontario { bottom:635px; left:396px; }
    #bubble-canada-ontario-bottom { bottom:631px; left:396px; }
    #bubble-canada-quebec { bottom:608px; left:481px; }
    #bubble-canada-quebec-bottom { bottom:604px; left:481px; }
    #bubble-usa { bottom:524px; left:268px; }
    #bubble-usa-bottom { bottom:520px; left:268px; }
    #bubble-usa-ne { bottom:553px; left:471px; }
    #bubble-usa-ne-bottom { bottom:549px; left:471px; }
    #bubble-usa-se { bottom:473px; left:441px; }
    #bubble-usa-se-bottom { bottom:469px; left:441px; }
    
#dialog { display:none; padding:0 0 0 40px; }
#dialog .name { clear:left; color:#2d2d2d; float:left; font-family:Helvetica, Sans-Serif; font-size:11pt; font-weight:bold; text-transform:uppercase; }

#dialog .position { clear:left; float:left; font-family:Helvetica, Sans-Serif; }
#dialog .email { clear:left; float:left; font-family:Helvetica, Sans-Serif; }
#dialog .telephone { clear:left; float:left; font-family:Helvetica, Sans-Serif; }

#dialog .city { clear:left; color:#FF0000; float:left; font-family:Helvetica, Sans-Serif; font-weight:normal; margin:0px 0 25px 0; }
#dialog form { clear:left; float:left; }
#dialog span { clear:left; float:left; font-size:11px; font-weight:bold; margin:0 0 10px 0; text-transform:uppercase; }
#dialog input { clear:left; float:left; }
#dialog input[type="text"] { background:#f5f5f5; border:none; border-left:solid 1px #dcdcdc; border-top:solid 1px #c4c4c4; font-size:10px; font-weight:bold; height:23px; margin:0 0 15px 0; padding:0 11px 0 11px; width:548px; }
#dialog input[type="submit"] { background:#FF0000 url('../images/button-submit.png') no-repeat; border:none; color:#FFFFFF; font-family:Helvetica, Sans-Serif; font-weight:bold; height:23px; width:81px; }
#dialog textarea { background:#f5f5f5; border:none; border-left:solid 1px #dcdcdc; border-top:solid 1px #c4c4c4; clear:left; font-size:10px; font-weight:bold; float:left; height:108px; margin:0 0 18px 0; padding:11px 11px 11px 11px; width:546px; }