/* Style sheet for Enjeux Carrière */
/* By Natmark-Concept inc. Copyright 2005. All rights reserved. */

body {
	margin:10px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	}

#frame {
	width:766px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border: 1px solid #104384;
	background-color:#ffffff;
	}

img { border: 0px; }
.pagetitle { background-color: #124485; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; }
.menutop { background-image: url(../images/bandebleu.gif); background-color: #124485; background-repeat: repeat; }
.greyframe  { text-align: left; border: 1px solid #A3A3A3; padding: 10px; font-size: 11px; color: #525252; }

/* Menu vertical */
.section { padding-left: 2px; }
a.section:link { display: block; color: #A3224C; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 16px; }
a.section:visited { display: block; color: #A3224C; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 16px; }
a.section:hover { display: block; color: #CE899E; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 16px; }
a.section:active { display: block; color: #CE899E; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 16px; }
.sub { padding-left: 14px; }
a.sub:link { display: block; background-image: url(../images/arrow.gif); background-repeat: no-repeat; color: #124485; text-decoration: none; font-size: 11px; margin-left: 14px; }
a.sub:visited { display: block; background-image: url(../images/arrow.gif); background-repeat: no-repeat; color: #124485; text-decoration: none; font-size: 11px; margin-left: 14px; }
a.sub:hover { display: block; background-image: url(../images/arrow-over.gif); background-repeat: no-repeat; color: #A3224C; text-decoration: none; font-size: 11px; margin-left: 14px; }
a.sub:active { display: block; background-image: url(../images/arrow-over.gif); background-repeat: no-repeat; color: #A3224C; text-decoration: none; font-size: 11px; margin-left: 14px; }
.about { display: block; background-image: url(../images/bckg_propos.gif); background-color: #EFF4FA; }
.particuliers { display: block; background-image: url(../images/bckg_entreprises.gif); background-color: #FEFCF5; }
.entreprises { display: block; background-image: url(../images/bckg_particuliers.gif); background-color: #F4F7FB; }
.readaptation { display: block; background-image:  url(../images/bckg_readaptation.gif); background-color: #F6E8ED; }
.professionnels { display: block; background-image: url(../images/bckg_education.gif); background-color: #F4F7FB; }

#content { padding:16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content p { font-size: 12px; color: #525252; text-align: justify; line-height: 16px; }
#content h1 { color: #A9A9A9; font-size: 36px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: lighter; margin-bottom: -12px; }
#content h2 { color: #A3224C; font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 18px; }
#content h3 { color: #A3224C; font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 14px; margin-bottom: -12px; }
#content a:link { font-size: 12px; color: #104384; text-decoration: underline; } 
#content a:visited { font-size: 12px; color: #525252; text-decoration: underline; }
#content a:hover { font-size: 12px; color: #104384; text-decoration: overline; }
#content a:active { font-size: 12px; color: #104384; text-decoration: underline; }
#content .title { font-size: 12px; color: #6ba7cb; font-weight: bold; line-height: 13px; }
#content .descriptive { font-size: 12px; color: #525252; margin-left: 0px; font-weight: normal; }
#content ol, ul, li { font-size: 12px; color: #525252; }
#content blockquote { font-size: 12px; color: #525252; font-style: italic; }
#content dt { font-size: 12px; color: #104384; font-weight: bold; }
#content dd { font-size: 12px; color: #525252; margin-left: 0px; padding-left: 25px; }
#content .check { background-image: url(../images/check.gif); background-repeat: no-repeat; font-size: 12px; color: #525252; margin-left: 25px; padding-left: 25px; }
#content hr { color: #525252; width: 100%; }
#content .small { color: #525252; font-size: 10px; }
#content a.small:link { color: #525252; text-decoration: none; font-size: 10px; }
#content a.small:visited { color: #525252; text-decoration: none; font-size: 10px; }
#content a.small:hover { color: #525252; text-decoration: underline; font-size: 10px; }
#content a.small:active { color: #525252; text-decoration: underline; font-size: 10px; }

/* Footer */
.small { color: #525252; font-size: 10px; }
.footer { color: #666666; font-size: 10px; }
a.footer:link { color: #666666; text-decoration: none; font-size: 10px; }
a.footer:visited { color: #666666; text-decoration: none; font-size: 10px; }
a.footer:hover { color: #666666; text-decoration: underline; font-size: 10px; }
a.footer:active { color: #666666; text-decoration: underline; font-size: 10px; }

/* Couleurs */
.fushia { background-color: #A3224C; }
.darkblue { background-color: #124485; }
.white { background-color: #ffffff; }
.fushiatext { color: #A3224C; background-color: transparent; }