/* Style sheet for Desalco */
/* Copyright Natmark-Concept inc. - All rights reserved. */

body {
	margin: 0px 0px; padding:10px; /* 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: #EEF3F8;
	}

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

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

/* Menu gauche */
.menu { background-color: #FFFFFF; }
a.menu:link { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 0px 3px 26px; margin: 3px; }
a.menu:visited { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 0px 3px 26px; margin: 3px; }
a.menu:hover { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 0px 3px 26px; margin: 3px; }
a.menu:active { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD75; padding: 4px 0px 3px 26px; margin: 3px; }
a.menu_on:link { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 0px 3px 26px; margin: 3px; }
a.menu_on:visited { display: block; width: 150px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 0px 3px 26px; margin: 3px; }
blockquote { background-color: transparent; color: #000000; margin: 0px; padding: 8px; font-style: italic; font-size: 11px; }
p.menu { margin-left: 25px; color: #35506A; text-decoration: none; font-size: 11px; }
a.address:link { color: #35506A; text-decoration: underline; font-size: 11px; }
a.address:visited { color: #35506A; text-decoration: underline; font-size: 11px; }
a.address:hover { color: #35506A; text-decoration: overline; font-size: 11px; }

/* Corps de la page */
#content { background-color: #ffffff; padding-top: 1px; padding-left: 20px; padding-right: 20px; 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: #35506A; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 16px; margin-top: 0px; }
#content h2 { color: #35506A; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; font-size: 12px; margin-bottom: 2px; }
#content h3 { color: #000000; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 11px; margin-bottom: 4px; }
#content a:link { color: #35506A; text-decoration: underline; } 
#content a:visited { color: #35506A; text-decoration: underline; }
#content a:hover { color: #35506A; text-decoration: overline; }
#content a:active { color: #35506A; text-decoration: underline; }
#content .title { color: #35506A; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; margin-bottom: 0px; }
#content .descriptive { color: #000000; margin-left: 30px; font-weight: normal; margin-top: 0px; }
#content ol, ul, li { color: #000000; margin-top: 8px; line-height: 14px; }
#content blockquote { color: #000000; font-style: italic; }
#content dt { color: #35506A; font-weight: bold; }
#content dd { color: #000000; margin-left: 0px; padding-left: 25px; }
#content hr { color: #35506A; background: #35506A; 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; }
#content .blueframe { border: 1px solid #35506A; margin-top: 2px; padding: 0px; border-collapse: collapse; }
#content a.button:link { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }
#content a.button:visited { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }
#content a.button:hover { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }
#content a.button:active { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }
#content a.button_on:link { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }
#content a.button_on:visited { width: 130px; height: 15px; text-align: left; background-color: #EEF3F8; background-image: url(../images/icone_menu_on.gif); background-repeat: no-repeat; color: #35506A; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid #9DBCD7; padding: 4px 4px 4px 26px; margin: 3px; }

/* Formulaires */ 
.field { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.entry { background-color: transparent; color: #000000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
input.submit { border: 1px solid #9DBCD7; background-color:#EEF3F8; color:#35506A; text-align: center; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.erreur_titre { border:1px solid #333333; display:block; color:#fff; background-color:#35506A; margin:5px 15px 0 15px; font-size:11px; font-weight:bold; padding:6px; text-align:center; }
.erreur_cadre { border:1px solid #333333; background-color:#EEF3F8; color:#000; margin:0 15px 5px 15px; padding:10px; font-size: 11px; }
.erreur_champs { border:1px solid #333333; background-color:#EEF3F8; font-size: 11px; }
.smallorange { font-size: 10px; background-color: #fff; color: #CB4E22; }
/* 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; }

.framed {border: 1px solid #333333; background-color: #E7E6E3; padding: 20px; }

/* ---- Footer ---- */ 
.footer { background-color: #FFFFFF; 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; }