/* Style sheet for Voix et diction Marie Guimont */
/* Inner pages */
/* By Natmark-Concept inc. 2008 All rights reserved. */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #313131;
	background-color: #486787;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bkg-body.gif); background-repeat: repeat-x; }

#outerframe { width: 729px; margin: 0 auto; }
img.x { clear: both; position:relative; left:-6px; top:-20px; z-index: 0; }
html { height: 100.1%; overflow-y: scroll; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }

/* Top horizontal menu */
#topmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .65em; font-weight: bold; padding: 0px 14px 0px 0px; margin-left: 8px; margin-top: 1px; margin-bottom: 1px; background-color: #ffffff; color: #313131; }
#topmenu ul, #topmenu li { margin: 0px; padding: 0px; list-style-type: none; display: inline; }
#topmenu a.topmenuoff:link, #topmenu a.topmenuoff:visited { background-color: transparent; color: #313131; text-decoration: none; padding: 2px 6px 2px 6px; margin-left: 10px; }
#topmenu a.topmenuoff:hover, a#topmenu .topmenuoff:active { background-color: #ED5E27; color: #ffffff; text-decoration: none; padding: 2px 6px 2px 6px; margin-left: 10px; }
/* Top menu : selected state */
#topmenu a.topmenuon:link, #topmenu a.topmenuon:visited, #topmenu a.topmenuon:hover, #topmenu a.topmenuon:active { background-color: #ED5E27; color: #ffffff; text-decoration: none; padding: 2px 6px 2px 6px; margin-left: 10px; }

#whiteframe {
	padding: 0px 10px 0px 10px;
	background-color: #ffffff;
    color: #313131;
    }

#innerframe {
	position:relative;
	text-align:left;
	width: 706px;
	padding: 0px;
    border: 1px solid #ED5E27;
	background-color: #ffffff;
    color: #313131;
    }

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

/* Left section */
#left 				{ width: 180px; float: left; }
#left .content 		{ padding-top: 0px; padding-bottom: 20px; font-size: 0.75em; }
#left ul, #left li 	{ margin: 0px; padding: 0px; list-style-type: none; line-height: 1em; }
/* Left vertical menu */
/*Top link (to set the top margin right) */
#left a.toplink:link, #left a.toplink:visited { display: block; background-image: url(../images/toplink-off.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #ED5E27; text-decoration: none; font-size: 1em; padding: 0px 0px 0px 20px; margin: 0px 0px 0px -6px; }
#left a.toplink:hover, #left a.toplink:active { display: block; background-image: url(../images/toplink-off.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #557A9F; text-decoration: none; font-size: 1em; padding: 0px 0px 0px 20px; margin: 0px 0px 0px -6px; }
#left a.toplinkopen:link, #left a.toplinkopen:visited, #left a.toplinkopen:hover, #left a.toplinkopen:active { display: block; background-image: url(../images/toplink-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #557A9F; text-decoration: none; font-size: 1em; padding: 0px 0px 6px 20px; margin: 0px 0px 0px -6px; }
/* Regular links */
#left a.menu:link, #left a.menu:visited { display: block; background-image: url(../images/menu-off.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #ED5E27; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; }
#left a.menu:hover, #left a.menu:active { display: block; background-image: url(../images/menu-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #557A9F; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; }
#left a.menuon:link, #left a.menuon:visited, #left a.menuon:hover, #left a.menuon:active { display: block; background-image: url(../images/menu-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #557A9F; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; }
#left a.menuopen:link, #left a.menuopen:visited, #left a.menuopen:hover, #left a.menuopen:active { display: block; background-image: url(../images/menu-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #557A9F; text-decoration: none; font-size: 1em; padding: 12px 0px 6px 20px; margin: 0px 0px 0px -6px; }
/* Sublinks */
#left a.submenu:link, #left a.submenu:visited { display: block; background-color: #ffffff; color: #ED5E27; text-decoration: none; background-image: url(../images/submenu-off.gif); background-repeat: no-repeat; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 14px; font-size: .8em; }
#left a.submenu:hover, #left a.submenu:active { display: block; background-color: #ffffff; color: #557A9F; text-decoration: underline; background-image: url(../images/submenu-on.gif); background-repeat: no-repeat; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 14px; font-size: .8em; }
#left a.submenuon:link, a.submenuon:visited, a.submenuon:hover, a.submenuon:active { display: block; background-image: url(../images/submenu-on.gif); background-repeat: no-repeat; background-color: transparent; color: #557A9F; text-decoration: underline; border: none; font-size: .8em; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 14px; }
/* News section 
#left .blue	{ background-color: #557A9F; color: #ffffff; width: auto; margin: 0px 26px 10px 4px; padding: 10px 6px 10px 6px; line-height: 14px; }
#left .nouvelles { font-size: .90em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 4px; }
#left .details { font-size: .85em; color: #D5DBE3; background-color: #557A9F; margin-top: 6px; margin-bottom: 4px; padding-bottom: 6px; }
#left a.bluelink:link, #left a.bluelink:visited { color: #ffffff; background-color: #557A9F; text-decoration: underline; font-size: 1em; }
#left a.bluelink:hover, #left a.bluelink:active { color: #ffffff; background-color: #557A9F; text-decoration: overline; font-size: 1em; }
*/
/* Middle section */
#center 			{ width: 364px; float: left; }
#center .content 	{ padding: 10px 30px 20px 0px; font-size: 0.7em; line-height: 1.65em; text-align: justify; }
#center p 			{ margin-top: 0px; }
#center h1 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; color: #557A9F; background-color: #ffffff; font-weight: bold; }
#center h2 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #557A9F; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#center h3 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #557A9F; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#center h4 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #ED5E27; background-color: #ffffff; font-weight: bold; margin-top: 0px; margin-bottom: 14px; font-style: italic; }
#center .subtitle 	{ font-size: .75em; color: #557A9F; background-color: #ffffff; font-weight: bold; }
#center a:link 		{ color: #ED5E27; background-color: #ffffff; text-decoration: underline;} 
#center a:visited 	{ color: #ED5E27; background-color: #ffffff; text-decoration: underline; }
#center a:hover 	{ color: #486787; background-color: #ffffff; text-decoration: overline; }
#center a:active 	{ color: #486787; background-color: #ffffff; text-decoration: underline; }
#center .title 		{ font-size: 1.2em; color: #557A9F; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#center .descriptive { margin-left: 20px; font-weight: normal; margin-top: 0px; }
#center ol, ul, li 	{ line-height: 16px; }
#center blockquote 	{ font-style: italic; }
#center hr 			{ color: #486787; background-color: #486787; width: 100%; height: 1px; }
#center table 		{ border: 1px solid #486787; border-collapse: collapse; padding: 10px; }
#center .framed		{ border: 1px solid #cccccc; border-collapse: collapse; padding: 10px; line-height: 14px; }
#center .small 		{ font-size: 0.6em; }
#center a.small:link 	{ color: #313131; background-color: #ffffff; text-decoration: none; }
#center a.small:visited { color: #313131; background-color: #ffffff; text-decoration: none; }
#center a.small:hover 	{ color: #ED5E27; background-color: #ffffff; text-decoration: underline; }
#center a.small:active 	{ color: #ED5E27; background-color: #ffffff; text-decoration: underline; }
#center table.small { border: 1px solid #486787; border-collapse: collapse; padding: 11px; }
#center td.calendar 	{ background-color: #D8DCD4; color: #313131; }
#center .orange 	{ background-color: #ffffff; color: #ED5E27; }

#right { width: 160px; float: left; padding-left: 2px; }
#right h3 { margin-top: 0px; padding: 8px 0px 2px 10px; font-size: 0.7em; line-height: 1.5em; background-color: #ED5E27; color: #ffffff; font-weight: bold; }
#right .content { padding: 0px 10px 20px 0px; font-size: 0.7em; line-height: 1.5em; }
#right a:link { color: #000000; }
#right a:visited { color: #333333; }
#right a:hover { color: #826800; }
#right .blue	{ background-color: #557A9F; color: #ffffff; width: auto; padding: 4px; }
#right .nouvelles { font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-top: 4px; }
#right .details { font-size: 1em; color: #D5DBE3; background-color: #557A9F; margin-top: 6px; margin-bottom: 4px; padding-bottom: 6px; }
#right a.bluelink:link, #right a.bluelink:visited { color: #ffffff; background-color: #557A9F; text-decoration: underline; font-size: 1em; }
#right a.bluelink:hover, #right a.bluelink:active { color: #ffffff; background-color: #557A9F; text-decoration: overline; font-size: 1em; }

/* Promotional section */
#promo { border-top: 1px dashed #557A9F; border-bottom: 1px dashed #557A9F; margin-top: 20px; margin-bottom: 20px; padding: 4px; }
#promo p { font-size: 1em; line-height:normal; }
#promo h3 { font-size: 1em; color: #ED5E27; background-color: transparent; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
#promo .small { font-size: 0.9em; line-height: normal; }

#copyright { color: #313131; padding: 6px; text-align: center; font-size: 0.6em; clear: both; background-color: #ffffff; }
#copyright a:link, #copyright a:visited { color: #313131; background-color: #ffffff; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: #313131; background-color: #ffffff; text-decoration: underline; }

#footer { background-image: url(../images/bkg-ligne_bleue.gif); background-repeat: repeat-x; background-position: top; margin-top: 20px; }