/* 
  ------------------------------------------------
  CSS layout for Dessureault, Savard, Caron & ass. inc. 
  Copyright (c) 2008 Natmark-Concept inc. - www.natmark.net
  ------------------------------------------------
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
	color: #336088; background-color: #CAC096;
    background-image: url(/images/bkg-page.jpg); background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

html { height: 100.1%; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }
#left a:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */


#banner { color: #ffffff; background-color: #000000; padding: 0px; margin: 0; }
#banner .content { padding: 0px; }

#wrapper { width: 850px; margin: 0 auto; }

#column_wrapper { background-image: url(/images/bkg-inner.gif); background-repeat: repeat-y; }
#left { width: 177px; float: left; }
#left .content { padding: 0px 0px 20px 0px; margin: 0px; font-size: 0.95em; }

/* Menu main links */
#left a.profil:link, a.profil:visited { display: block; height: 37px; background-image: url(/images/bt-cabinet.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.profil:hover, a.profil:active { display: block; height: 37px; background-image: url(/images/bt-cabinet-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.services-f:link, a.services-f:visited { display: block; height: 28px; background-image: url(/images/bt-lesservices.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.services-f:hover, a.services-f:active { display: block; height: 28px; background-image: url(/images/bt-lesservices-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.carrieres:link, a.carrieres:visited { display: block; height: 28px; background-image: url(/images/bt-carrieres.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.carrieres:hover, a.carrieres:active { display: block; height: 28px; background-image: url(/images/bt-carrieres-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.capsules:link, a.capsules:visited { display: block; height: 28px; background-image: url(/images/bt-capsules.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.capsules:hover, a.capsules:active { display: block; height: 28px; background-image: url(/images/bt-capsules-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.profile:link, a.profile:visited { display: block; height: 37px; background-image: url(/images/bt-thefirm.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.profile:hover, a.profile:active { display: block; height: 37px; background-image: url(/images/bt-thefirm-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.services-e:link, a.services-e:visited { display: block; height: 28px; background-image: url(/images/bt-ourservices.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.services-e:hover, a.services-e:active { display: block; height: 28px; background-image: url(/images/bt-ourservices-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.careers:link, a.careers:visited { display: block; height: 28px; background-image: url(/images/bt-careers.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.careers:hover, a.careers:active { display: block; height: 28px; background-image: url(/images/bt-careers-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.vignettes:link, a.vignettes:visited { display: block; height: 28px; background-image: url(/images/bt-vignettes.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
#left a.vignettes:hover, a.vignettes:active { display: block; height: 28px; background-image: url(/images/bt-vignettes-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
/* Menu sub-links */
#left .menulist { font-size: .90em; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-image: url(/images/bt-tiret.gif); margin: 0px; padding: 2px 8px 2px 44px; } 
#left li a:link, #left li a:visited { display: block; text-decoration: none; background-color: #336088; color: #ccd7e1; margin-bottom: 4px; margin-left: -4px; }
#left li a:hover, #left li a:active { display: block; text-decoration: none; background-color: #336088; color: #ffffff; margin-bottom: 4px; margin-left: -4px; }

#right { width: 673px; float: left; color: #336088; background-color: #ffffff; }
#right .topmenu { padding: 6px 36px 4px 0px; text-align: right; font-size: 0.90em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#right a.topmenu:link, #right a.topmenu:visited { color: #6790b0; background-color: #ffffff; text-decoration: none; padding: 0px; }
#right a.topmenu:hover { color: #183f61; background-color: #ffffff; text-decoration: none; padding: 0px; }
#right a.topmenuon:link { color: #183f61; background-color: #ffffff; text-decoration: none; padding: 0px; }
#right .title { color: #336088; background-color: #eaeff3; padding: 8px; font-size: 1em; }
#right .content { padding: 6px 36px 24px 30px; font-size: 1em; line-height: 1.3em; text-align: justify; }
#right a:link, #right a:visited { color: #336088; background-color: #ffffff; }
#right a:hover, #right a:active { color: #2e81ce; background-color: #ffffff; }
#right li { margin-bottom: 10px; }
#right .resourcename { font-size: 1.1em; margin-top: 12px; margin-bottom: 0px; font-weight: bold; }
#right .profile { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .90em; line-height: 14px; margin-top: 2px; text-align: justify; }
#right hr { color: #336088; background-color: #FFFFFF; width: 80%; height: 1px; }
#right .descriptive { margin-left: 20px; margin-top: 0px; }
#right input.submit { background-color:#336088; color:#ffffff; text-align: center; font-size: 10px; font-weight: bold; }


#footer { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; background-color: transparent; padding: 0px; margin: 0; font-size: 0.85em; clear: both; text-align: center; }
#footer .content { padding: 6px 24px; }
#footer a:link, #footer a:visited { color: #666666; background-color: transparent; }
#footer a:hover, #footer a:active { color: #666666; background-color: transparent; text-decoration: overline; }

.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }

h1 { font-size: 1.35em; margin: 10px 0 0 0; }
h2 { font-size: 1.25em; margin: 10px 0 0 0; }
h3 { font-size: 1.1em; margin: 10px 0 0 0; }
h4 { font-size: 1em; margin: 10px 0 0 0; }
.nomargintop { margin-top: 0; }