/* Style sheet for Myles McKelvey */
/* By Natmark-Concept inc. Copyright - All rights reserved. */

body {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:left; /* Hack for IE5/Win */
	color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
   background-image: url(../images/texturedefond.gif); background-repeat: repeat;	
	background-color: #ffffff;
	font-size: 12px;
	}
	
img { border: 0px; }
html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */

#outerframe {
	width:555px;
	margin:2px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border-top: 1px solid #002B69; border-right: 8px solid #FFCC00; border-bottom: 1px solid #002B69; border-left: 1px solid #002B69;
	background-color: #EFEFF4;
	color: #404040; }

/* Menu du haut */
.topmenu { background-color: transparent; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #404040; font-size: 11px; font-weight: bold; }
a.topmenuon { background-color: #002B69; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; }
a.topmenu:link { background-color: transparent; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; color: #404040; text-decoration: none; font-size: 11px; font-weight: bold; }
a.topmenu:visited { background-color: transparent; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; color: #404040; text-decoration: none; font-size: 11px; font-weight: bold; }
a.topmenu:hover { background-color: #002B69; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; }
a.topmenu:active { background-color: #002B69; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; }
	
/* Menu vertical */
.menuon { background-color: #002B69; display: block; width: 140px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 10px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #002B69; }
a.menu:link { background-color: transparent; display: block; width: 140px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 10px; color: #404040; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px dashed #FFCC00; border-left: 1px solid #ffffff; }
a.menu:visited { background-color: transparent; display: block; width: 140px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 10px; color: #404040; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px dashed #FFCC00; border-left: 1px solid #ffffff; }
a.menu:hover { background-color: #002B69; display: block; width: 140px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 10px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #002B69; }
a.menu:active { background-color: #002B69; display: block; width: 140px; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 10px; color: #EDEDED; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #002B69; }

#content { background-color: #EFEFF4; color: #404040; text-align: left; padding-left: 20px; margin-right: 20px; padding-top: 4px; padding-bottom: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#content p { background-color: #EFEFF4; font-size: 12px; color: #404040; padding-left: 4px; text-align: justify; line-height: 16px; margin-top: 0px; }
#content p.center { background-color: #EFEFF4; font-size: 12px; color: #404040; padding-left: 4px; text-align: center; }
#content p.right { background-color: #EFEFF4; font-size: 12px; color: #404040; padding-left: 4px; text-align: right; }
#content h1 { background-color: #EFEFF4; color: #002B69; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
#content h2 { background-color: #EFEFF4; color: #002B69; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding-left: 4px; margin-bottom: 4px; }
#content h3 { background-color: #EFEFF4; color: #545454; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-left: 4px; margin-bottom: 4px; }
#content a:link { background-color: #EFEFF4; font-size: 12px; color: #002B69; text-decoration: underline; } 
#content a:visited { background-color: #EFEFF4; font-size: 12px; color: #404040; text-decoration: underline; }
#content a:hover { background-color: #EFEFF4; font-size: 12px; color: #F89A1C; text-decoration: overline; }
#content a:active { background-color: #EFEFF4; font-size: 12px; color: #F89A1C; text-decoration: underline; }
#content .title { background-color: #EFEFF4; font-size: 12px; color: #002B69; font-weight: bold; margin-bottom: 0px; padding-left: 4px; }
#content .descriptive { background-color: #EFEFF4; font-size: 12px; color: #404040; margin-left: 0px; font-weight: normal; margin-top: 0px; padding-left: 25px; line-height: 16px; }
#content ol, ul, li { background-color: #EFEFF4; font-size: 12px; color: #404040; }
#content blockquote { background-color: #EFEFF4; font-size: 12px; color: #404040; font-style: italic; padding-left: 4px; }
#content dt { background-color: #EFEFF4; font-size: 12px; color: #002B69; font-weight: bold; padding-left: 4px; }
#content dd { background-color: #EFEFF4; font-size: 12px; color: #404040; margin-left: 0px; padding-left: 25px; }
#content hr { background-color: #EFEFF4; color: #002B69; width: 60%; }
#content .small { background-color: #EFEFF4; color: inherit; font-size: 10px; }
#content a.small:link { background-color: #EFEFF4; color: #404040; text-decoration: underline; font-size: 10px; }
#content a.small:visited { background-color: #EFEFF4; color: #404040; text-decoration: underline; font-size: 10px; }
#content a.small:hover { background-color: #EFEFF4; color: #404040; text-decoration: overline; font-size: 10px; }
#content a.small:active { background-color: #EFEFF4; color: #404040; text-decoration: underline; font-size: 10px; }
#content .btmmenu { background-color: #EFEFF4; color: #404040; font-size: 10px; text-align: center; }
#content a.btmmenu:link { background-color: #EFEFF4; color: #404040; text-decoration: none; font-size: 10px; }
#content a.btmmenu:visited { background-color: #EFEFF4; color: #404040; text-decoration: none; font-size: 10px; }
#content a.btmmenu:hover { background-color: #EFEFF4; color: #404040; text-decoration: overline; font-size: 10px; }
#content a.btmmenu:active { background-color: #EFEFF4; color: #404040; text-decoration: none; font-size: 10px; }
#content .testimonials { background-color: #EFEFF4; color: #404040; padding: 10px; font-size: 12px; text-align: justify; border: solid #002B69; border-width: 1px; border-collapse: collapse; }

/* Footer */
.footer { background-color: transparent; text-align: left; color: #545454; font-size: 10px; margin-top: 10px; }
a.footer:link { background-color: transparent; color: #545454; text-decoration: none; font-size: 10px; }
a.footer:visited { background-color: transparent; color: #545454; text-decoration: none; font-size: 10px; }
a.footer:hover { background-color: transparent; color: #545454; text-decoration: underline; font-size: 10px; }
a.footer:active { background-color: transparent; color: #545454; text-decoration: underline; font-size: 10px; }

/* Couleurs */
.yellow { background-color: #F89A1C; color: #404040; font-weight: bold; font-size: 16px; padding: 5px; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; }
.paleblue { background-color: #EFEFF4; color: #404040; font-size: 11px; padding: 3px; text-align: left; font-family: Arial, Geneva, Helvetica, sans-serif; }
.white { background-color: #ffffff; color: #404040; }
.degradebleu { background-image: url(../images/degrade_bleu.jpg); background-repeat: repeat; }
.tableaux { background-color: #EFEFF4; color: #404040; font-size: 11px; text-align: justify; border: solid #002B69; border-width: 1px; border-collapse: collapse; }