/* Style sheet for Lita St-Laurent */
/* Entry page */
/* Copyright Natmark-Concept inc. - All rights reserved. */

body {
	margin: 0px 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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3E7898;
	}

html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }

#mainframe {
	width:757px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	border:6px solid #ffffff;
	background-color: #ffffff;
	}

/* Menu horizontal haut */
.topmenu { width: 757px; text-align: center; background-color: #B4221C; color: #ffffff; font-family: Arial, sans-serif; margin-top: 0px; margin-bottom: 2px; }
.topmenuon { background-color: #ffffff; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenu:link { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenu:visited { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenu:hover { background-color: #ffffff; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenu:active { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
.topmenulefton { background-color: #ffffff; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenuleft:link { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenuleft:visited { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenuleft:hover { background-color: #ffffff; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }
a.topmenuleft:active { background-color: #B4221C; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; padding-left: 5px; padding-right: 5px; }

/* Menu gauche */
.menu { background-color: #D5DCE5; }
.menuon { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.menu:link { display: block; width: 138px; background-color: #D5DCE5; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.menu:visited { display: block; width: 138px; background-color: #D5DCE5; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.menu:hover { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.menu:active { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
.btmmenuon { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.btmmenu:link { display: block; width: 138px; background-color: #D5DCE5; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.btmmenu:visited { display: block; width: 138px; background-color: #D5DCE5; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.btmmenu:hover { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
a.btmmenu:active { display: block; width: 138px; background-color: #46738D; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0px 2px 28px; }
.submenuon { display: block; width: 136px; background-color: #46738D; background-image: url(../images/icone_submenu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: normal; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 30px; }
a.submenu:link { display: block; width: 136px; background-color: #E7E6E3; background-image: url(../images/icone_submenu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 30px; }
a.submenu:visited { display: block; width: 136px; background-color: #E7E6E3; background-image: url(../images/icone_submenu.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 30px; }
a.submenu:hover { display: block; width: 136px; background-color: #46738D; background-image: url(../images/icone_submenu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: normal; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 30px; }
a.submenu:active { display: block; width: 136px; background-color: #46738D; background-image: url(../images/icone_submenu.gif); background-repeat: no-repeat; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: normal; border-top: 1px solid #FFFFFF; padding: 3px 0px 2px 30px; }

/* Corps de la page */
#content { background-color: #ffffff; padding-top: 1px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#content p { color: #000000; margin-top: 2px; line-height: 14px; }
#content p.center { text-align: center; font-size: 11px; color: #000000; line-height: 14px; }
#content h1 { color: #B4221C; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 0px; }
#content h2 { color: #46738D; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; font-size: 12px; margin-bottom: 2px; }
#content h3 { color: #000000; font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 4px; }
#content a:link { color: #3E7898; text-decoration: underline; } 
#content a:visited { color: #878787; text-decoration: underline; }
#content a:hover { color: #B4221C; text-decoration: overline; }
#content a:active { color: #B4221C; text-decoration: underline; }
#content .title { color: #3E7898; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; line-height: 13px; }
#content .descriptive { color: #000000; margin-left: 10px; font-weight: normal; line-height: normal; }
#content ol, ul, li { color: #000000; list-style-image: url(../images/bullet_x.gif); margin-top: 2px; margin-left: 12px; padding-left: 0px; line-height: 14px; }
#content blockquote { color: #000000; font-style: italic; }
#content dt { color: #679DB8; font-weight: bold; }
#content dd { color: #000000; margin-left: 0px; padding-left: 25px; }
#content hr { color: #3E7898; background: #3E7898; width: 100%; height: 1px; border: 0; }
#content .small { color: #000000; font-size: 10px; }
#content a.small:link { color: #000000; text-decoration: none; font-size: 10px; }
#content a.small:visited { color: #000000; text-decoration: none; font-size: 10px; }
#content a.small:hover { color: #000000; text-decoration: underline; font-size: 10px; }
#content a.small:active { color: #000000; text-decoration: underline; font-size: 10px; }

/* Tableau pomme entrée */
#content .blueframe { border: 1px solid #46738D; margin-top: 2px; padding: 0px; border-collapse: collapse; }
#content .backpomme { background-image: url(../images/img_pomme.jpg); background-repeat: no-repeat; }
#content .boldred { color: #B4221C; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; text-align: left;}
#content .boldblue { color: #46738D; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; padding-left: 60px; margin-bottom: 0px; padding-bottom: 0px; }
#content p.apple { color: #000000; text-align: justify; font-size: 11px; padding-left: 132px; padding-top: 0px; line-height: 14px; }

/* Tableaux droite Nouvelita et Le saviez-vous */
.yellowtitle { background-color: #EFB215; text-align: left; color: #ffffff; font-size: 14px; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
.backnouvelita { background-image: url(../images/img_abonnement.gif); background-repeat: no-repeat; background-color: #FBF6E3; color: #000000; }
p.nouvelita { background-color: transparent; color: #000000; font-size: 11px; font-weight: bold; margin: 10px; }
a.nouvelita:link { display: block; width: 140px; background-image: none; background-color: #ffffff; text-align: center; color: #B4221C; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #000000; margin-top: 10px; padding: 2px; }
a.nouvelita:visited { display: block; width: 140px; background-image: none; background-color: #ffffff; text-align: center; color: #B4221C; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #000000; margin-top: 10px; padding: 2px; }
a.nouvelita:hover { display: block; width: 140px; background-image: none; background-color: #FBF6E3; text-align: center; color: #B4221C; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #000000; margin-top: 10px; padding: 2px; }
a.nouvelita:active { display: block; width: 140px; background-image: none; background-color: #FBF6E3; text-align: center; color: #B4221C; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #000000; margin-top: 10px; padding: 2px; }
.blackframe { border: 1px solid #000000; margin-top: 3px; padding: 0px; border-collapse: collapse; }
p.saviezvous { background-color: #ffffff; color: #000000; font-size: 11px; font-weight: normal; margin: 10px; }
a.saviezvous:link { font-size: 11px; color: #3E7898; text-decoration: underline; } 
a.saviezvous:visited { font-size: 11px; color: #3E7898; text-decoration: underline; }
a.saviezvous:hover { font-size: 11px; color: #B4221C; text-decoration: underline; }
a.saviezvous:active { font-size: 11px; color: #B4221C; text-decoration: underline; }

/* Couleurs générales */
.darkgrey { background-color: #D5D3D5; color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.palegrey { background-color: #E7E6E3; color: #000000; }

/* ---- Footer ---- */ 
.footer { background-color: #E7E6E3; color: #000000; font-size: 10px; padding: 10px;	}
a.footer:link { color: #000000; text-decoration: underline; font-size: 10px; padding: 0px; }
a.footer:visited { color: #000000; text-decoration: underline; font-size: 10px; padding: 0px; }
a.footer:hover { color: #000000; text-decoration: overline; font-size: 10px; padding: 0px; }
a.footer:active { color: #000000; text-decoration: overline; font-size: 10px; padding: 0px; }