/* Style sheet for Douanes & Logistique 101 */
/* Entry page */
/* By Natmark-Concept inc. 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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	}

#outerframe {
	width:755px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	border-top: 1px solid #863D3D; 
	border-right: 1px solid #863D3D;
	border-bottom: 8px solid #863D3D;
	border-left: 1px solid #863D3D;
	background-color:#ffffff;
	}
	
html { overflow-y: scroll; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }

/* Menu gauche */
.backmenu { background-image: url(../images/bk_menu.gif); background-repeat: repeat-y; }
.backbasmenu { background-image: url(../images/bk_basmenu.gif); background-repeat: repeat-y; }

a.on:link { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.on:visited { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.on:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.on:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }

a.onwithsub:link { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.onwithsub:visited { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.onwithsub:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.onwithsub:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }

a.main:link { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.main:visited { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.main:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }
a.main:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #E6DBC6 #863D3D; }

a.mainwithsub:link { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.mainwithsub:visited { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.mainwithsub:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }
a.mainwithsub:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border-top: 1px solid #863D3D; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 3px 0px 2px 20px; }

a.onbtm:link { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.onbtm:visited { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.onbtm:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.onbtm:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }

a.mainbtm:link { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.mainbtm:visited { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.mainbtm:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }
a.mainbtm:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: bold; border: 1px solid; margin-left: 30px; padding: 3px 0px 2px 20px; border-color: #863D3D #863D3D #863D3D #863D3D; }

a.submenu:link { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenu:visited { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenu:hover { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: underline; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenu:active { display: block; width: 172px; background-color: #F7EFE0; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: underline; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }

a.submenuon:link { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenuon:visited { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #363D3D; text-decoration: none; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenuon:hover { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: underline; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }
a.submenuon:active { display: block; width: 172px; background-color: #F6F3EC; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #863D3D; text-decoration: underline; font-size: 11px; font-weight: normal; border-top: none; border-right: 1px solid #863D3D; border-bottom: none; border-left: 1px solid #863D3D; margin-left: 30px; padding: 2px 0px 3px 20px; }

/* Body Content */
#content { padding:20px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff;  }
#content table { border: 1px solid #863D3D; border-collapse: collapse; padding: 10px; font-family: Arial, Helvetica, sans-serif; }
#content p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#content h1 { font-size: 14px; color: #863D3D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } 
#content h2 { font-size: 12px; color: #863D3D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } 
#content a:link { font-size: 12px; color: #363D3D; text-decoration: underline;} 
#content a:visited { font-size: 12px; color: #363D3D; text-decoration: underline; }
#content a:hover { font-size: 12px; color: #863D3D; text-decoration: overline; }
#content a:active { font-size: 12px; color: #863D3D; text-decoration: underline; }
#content .title { font-size: 12px; color: #863D3D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 0px; }
#content .descriptive { font-size: 12px; color: #000000; margin-left: 20px; font-weight: normal; margin-top: 0px; }
#content ol, ul, li { font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 14px; }
#content ul.partners, li.partners { font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 2px; }
#content blockquote { font-size: 12px; color: #000000; font-style: italic; }
#content dt { font-size: 11px; color: #863D3D; font-weight: bold; }
#content dd { font-size: 11px; color: #000000; margin-left: 0px; padding-left: 25px; }
#content hr { color: #863D3D; width: 100%; height: 1px; }
#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 .smallred { color: #863D3D; font-size: 10px; }
#content a.smallred:link { color: #863D3D; text-decoration: none; font-size: 10px; }
#content a.smallred:visited { color: #863D3D; text-decoration: none; font-size: 10px; }
#content a.smallred:hover { color: #863D3D; text-decoration: underline; font-size: 10px; }
#content a.smallred:active { color: #863D3D; text-decoration: underline; font-size: 10px; }
#content .framed { border: 1px solid #863D3D; border-collapse: collapse; }
/* Boutons CSS */
#content .btn { background-color: #F7EFE0; border: 1px solid #863D3D; padding: 4px; font-size: 10px; }
#content a.btn:link, #content a.btn:visited, #content a.btn:hover, #content a.btn:active { background-color: #F7EFE0; border: 1px solid #863D3D; font-size: 10px; color: #000000; text-decoration: none; padding-left: 3px; padding-right: 3px; }

/* ---- Colors ---- */
.red { color: #863D3D; font-weight: bold; }
.eggshell { color: #F6F3EC; }
.palebeige { color: #F7EFE0; }
.darkbeige { color: #E6DBC6; }

/* Formulaires */ 
.field { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.entry { background-color: #fff; color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
input.submit { border: 1px solid #863D3D; background-color:#F7EFE0; color:#000000; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.erreur_titre { display:block; color:#fff; background-color:#F78A00; margin:5px 15px 0  15px; font-size:11px; font-weight:bold; padding:6px; text-align:center; }
.erreur_cadre { border:1px solid #F78A00; background-color:#F7EFE0; color:#000; margin:0 15px 5px 15px; padding:10px; font-size: 11px; }
.erreur_champs { border:1px solid #F78A00; background-color:#F7EFE0; font-size: 11px; }
.smallred { font-size: 10px; background-color: #fff; color: #863D3D; }

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