/* ********** [START COMMON] ********** */

body {
    margin: 10px auto 0px auto; padding: 0px;
    text-align: center;
    background-color: #e8b36d;
    cursor: default;
    overflow: -moz-scrollbars-vertical;
}

form {
    margin: 0px; padding: 0px;
}

div.clear {
    clear: both;
}


/* ********** [END COMMON] ********** */


/* ********** [START HEADER] ********** */

div#header {
    width: 780px; height: 100px;
    background: url("header_bg.gif") no-repeat;
}

div#header a {
    margin-left: 100px;
    font: 24px/100px Trebuchet MS, arial, sans-serif;
    color: #71171a;
    font-weight: bold;
    text-decoration: none;
}

/* ********** [END HEADER] ********** */


/* ********** [START FOOTER] ********** */

div#footer {
    width: 780px; height: 45px;
    font: 11px/45px verdana, sans-serif;
    color: #636363;
    background: url("footer_bg.gif") no-repeat;
    text-align: center;
}

div#footer a {
    font: 11px/45px verdana, sans-serif;
    color: #636363;
    text-decoration: none;
}

div#footer a:hover {
    text-decoration: underline;
}

/* ********** [END FOOTER] ********** */


/* ********** [START MAIN MENU] ********** */

div#mainnav {
    margin: 0px 10px 0px 10px;
    width: 760px; height: 30px;
    background: url("topnav_bg.gif") repeat-x;
}

div#mainnav ul {
	margin: 0px; padding: 0px;
    list-style: none;
}

div#mainnav ul li {
 	float: left;
}

div#mainnav ul li a {
	padding: 0px 12px 0px 12px;
	height: 30px;
 	float: left;
    display: block;
    font: 13px/30px arial, sans-serif;
	color: #484b4f;
    font-weight: bold;
    text-decoration: none;
}

div#mainnav ul li a:hover {
    text-decoration: underline;
}

div#mainnavshade {
    margin: 0px 10px 0px 10px;
    width: 760px; height: 10px;
    background: url("topnavshade_bg.gif") repeat-x;
}

div#loginbox {
    margin: 10px;
}

div#loginbox a {
    font: 11px verdana, sans-serif;
	color: #484b4f;
    text-decoration: none;
}

div#loginbox a:hover {
    text-decoration: underline;
}

table.loginbox {
    font: 11px verdana, sans-serif;
	color: #484b4f;
}

table.loginbox td {
    padding: 3px;
}

/* ********** [END MAIN MENU] ********** */


/* ********** [START USER MENU] ********** */

div#usermenu {
    width: 180px;
}

div#usermenu ul {
	margin: 0px; padding: 0px;
    list-style: none;
}

div#usermenu ul li a {
	padding-left: 10px;
    height: 30px;
    display: block;
    font: 12px/30px verdana, sans-serif;
	color: #484b4f;
	background-color: #e6f0fb;
    text-decoration: none;
    border-right: 1px #bdd0d7 solid;
    border-top: 1px #f4f8fc solid;
    border-bottom: 1px #bdd0d7 solid;
}

div#usermenu ul li a:hover {
	background-color: #d6e3f2;
    text-decoration: none;
}

/* ********** [END USER MENU] ********** */


/* ********** [START MESSAGES] ********** */

div#info_message {
    margin: 10px; padding: 10px;
    font: 11px verdana, sans-serif;
	color: #aa571b;
    background-color: #FFFFC0;
    border-top: 1px #d8b62d solid;
    border-bottom: 1px #d8b62d solid;
}

div#error_message {
    margin: 10px; padding: 10px;
    font: 11px verdana, sans-serif;
	color: #800000;
    background-color: #FFD7D7;
    border-top: 1px #9D290D solid;
    border-bottom: 1px #9D290D solid;
}

/* ********** [END MESSAGES] ********** */


/* ********** [START CONTENT] ********** */

div#pageheader {
    margin: 0px 10px 0px 10px; padding: 0px;
    width: 760px; height: 60px;
    background: url("pageheader_bg.gif") repeat-x;
}

div#pageheader h1 {
    margin: 0px; padding: 15px 0px 0px 10px;
    font: 14px arial, sans-serif;
	color: #ffffff;
    font-weight: bold;
}

div#pageheader h2 {
    margin: 0px; padding: 0px 0px 0px 10px;
    font: 12px verdana, sans-serif;
	color: #ffffff;
}

div#pageheader h2 a {
    margin: 0px; padding: 0px;
    font: 12px verdana, sans-serif;
	color: #ffffff;
    text-decoration: none;
}

div#pageheader h2 a:hover {
    text-decoration: underline;
}

div#contentheader {
    margin: 10px 10px 0px 10px;
    font: 18px arial, sans-serif;
	color: #CC5522;
    font-weight: bold;
}

div#tooltip {
    margin: 10px; padding: 5px 10px 5px 10px;
    font: 11px verdana, sans-serif;
	color: #347635;
    background-color: #d2f7d3;
    border-top: 1px #6b9c6c solid;
    border-bottom: 1px #6b9c6c solid;
}

td.page {
    width: 780px;
    background: url("content_bg.gif") repeat-y;
}

table.content {
    margin: 10px;
    width: 560px;
    background: #ffffff;
}

table.content td.header {
    height: 30px;
    background-color: #f4f8fc;
    border-top: 1px #8799AB solid;
    border-bottom: 1px #8799AB solid;
    text-align: right;
}

table.content td.header span {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.header a {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    text-decoration: none;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.header a:hover {
	color: #0099CC;
    text-decoration: none;
}

table.content td.footer {
    height: 30px;
    background-color: #f4f8fc;
    border-top: 1px #8799AB solid;
    border-bottom: 1px #8799AB solid;
    text-align: right;
}

table.content td.footer span {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.footer a {
    padding: 0px 10px 0px 10px;
    height: 30px;
    display: block;
    float: right;
    font: 11px/30px verdana, sans-serif;
	color: #006699;
    text-decoration: none;
    border-right: 1px #ffffff solid;
    border-left: 1px #bdd0d7 solid;
}

table.content td.footer a:hover {
	color: #0099CC;
    text-decoration: none;
}

table.content td.content {
    padding: 10px;
    font: 11px verdana, sans-serif;
	color: #222222;
}

table.content td.content td {
    padding: 4px;
    font: 11px verdana, sans-serif;
	color: #222222;
}

table.content td.content td a {
    font: 11px verdana, sans-serif;
	color: #006699;
    text-decoration: none;
}

table.content td.content td a:hover {
	color: #0099cc;
    text-decoration: none;
}

table.content td.content td h1 {
    margin: 0px; padding: 0px;
}

table.content td.content td h1 a {
    margin: 0px; padding: 0px;
    font: 12px verdana, sans-serif;
	color: #21557C;
    font-weight: bold;
    text-decoration: none;
}

table.content td.content td h1 a:hover {
	color: #3E9BE0;
}

table.content td.content td h2 {
    margin: 0px 0px 5px 0px; padding: 0px;
    font: 11px verdana, sans-serif;
	color: #083785;
}

table.content td.content td h3 {
    margin: 0px; padding: 0px;
    font: 11px verdana, sans-serif;
    font-weight: bold;
	color: #083785;
}

div.contentPicture img {
    margin: 4px 0px 4px 0px;
    border: 1px solid #000000;
}

hr {
	display: none;
}

div.hr {
	margin: 4px 0px 4px 0px; padding: 0px;
	height: 2px;
    background: url("box_div.gif") repeat-x;
    border: 0px;
}

/* ********** [END CONTENT] ********** */


/* ********** [START CHAT] ********** */

#chat ul {
	margin: 0px; padding: 0px;
	list-style: none;
}

#chat ul li {
	margin: 0px 0px 8px 0px; padding: 4px 12px 0px 12px;
	background: #FFFFFF;
	color: #808080;
	line-height: 150%;
}

#chat ul li span.name {
	margin: 0px; padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #000000;
}

/* ********** [END CHAT] ********** */


/* ********** [START INPUT] ********** */

.inputText {
    padding: 2px 0px 0px 2px;
    height: 20px; width: 200px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}

.inputText:focus {
    background-color: #FFFFC0;
}

.inputTextarea {
    padding: 2px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}

.inputTextarea:focus {
    background-color: #FFFFC0;
}

.inputSubmit {
    padding: 0px 0px 2px 0px;
    width: 85px; height: 26px;
    font: 11px/26px verdana, sans-serif;
    color: #303030;
    background: url("submit.gif") no-repeat;
    border: 0px;
}

.inputLogin{
    padding: 0px 0px 2px 0px;
    width: 85px; height: 26px;
    font: 11px/26px verdana, sans-serif;
    color: #303030;
    background: url("login.gif") no-repeat;
    border: 0px;
}

.inputFile {
    padding: 2px 0px 0px 2px;
    height: 20px; width: 200px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}

.inputCombo {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}

.inputCheck {
    margin: 0px;
    padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 0px;
}

.inputRadio {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 0px;
    background-color: #ffffff;
}

.inputGo {
    padding: 0px;
    width: 16px; height: 16px;
    background: url("go.gif") no-repeat;
    border: 0px;
}

/* ********** [END INPUT] ********** */

/* ********** [START MENUS] ********** */
.acmenu  {
    FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: blue; TEXT-DECORATION: none; 
} 
.acmenu:hover {
    FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: red; TEXT-DECORATION: none; 
} 
.acmenu:onClick {
    FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: red; TEXT-DECORATION: none; 
} 
/* ********** [END MENUS] ********** */

/* ********** [START BUTTONS] ********** */
#redbutton1 {
    WIDTH: 75px; HEIGHT: 17px; BORDER-RIGHT: #77003C 1px solid; BORDER-TOP: #77003C 1px solid; BORDER-LEFT: #77003C 1px solid; BORDER-BOTTOM: #77003C 1px solid; BACKGROUND-COLOR: #77003C;
} 
.redbutton1  {
    WIDTH: 73px; HEIGHT: 15px; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #77003C; TEXT-ALIGN:center; FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none;
} 
.redbutton1 a {
    TEXT-ALIGN:center; FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none;
}
#redbutton4 {
    HEIGHT: 17px; BORDER-RIGHT: #77003C 1px solid; BORDER-TOP: #77003C 1px solid; BORDER-LEFT: #77003C 1px solid; BORDER-BOTTOM: #77003C 1px solid; BACKGROUND-COLOR: #77003C;
} 
.redbutton4  {
    HEIGHT: 15px; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #77003C; TEXT-ALIGN:center; FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;
} 
.redbutton4 a {
    TEXT-ALIGN:center; FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none;
}

/* ********** [END BUTTONS] ********** */
.title {
    padding-left: 10px; FONT-SIZE: 15pt; font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #CC5522;
}
.whitelink1 {
	COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7pt; TEXT-DECORATION: none;
}
.borderwhite {
	BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid;
}
.borderred {
	BORDER-RIGHT: #77003C 1px solid; BORDER-TOP: #77003C 1px solid; BORDER-LEFT: #77003C 1px solid; BORDER-BOTTOM: #77003C 1px solid;
}
.darkblue {
	COLOR: #5A5D94; FONT-SIZE: 7pt; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;
}
.darkblue1 {
	COLOR: #5A5D94; FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;
}
.darkblue2 {
	COLOR: #5A5D94; FONT-SIZE: 11pt; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;
}	
.darkblue3 {
	COLOR: #5A5D94; FONT-SIZE: 20pt; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;
}
.link1 { 
    color: blue; text-decoration: none; font-size: 10pt; cursor: hand; font-weight: bold;
}
.link1:HOVER{color:#FF0000;
}
/* ********** [START TABLES ONGLETS] ********** */
H1 {
	FONT-SIZE: 1.4em 
}
H2 {
	FONT-SIZE: 1.3em; MARGIN: 10px 0px
}
.cbFields {
	BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 0px solid; WIDTH: 98%; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid
}
.titleCell {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 8px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.titleCell {
	WIDTH: 125px
}
.cbProfile {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#conteneurmenu {
	HEIGHT: 30px
}
.tab-pane {
	WIDTH: 100%; POSITION: relative
}
.dynamic-tab-pane-control .tab-row .tab {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 1; BACKGROUND: #E6E7F0; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 3px; MARGIN: 1px -1px 1px 2px; CURSOR: pointer; PADDING-TOP: 2px; FONT-FAMILY: Menu,Arial,Verdana,sans-serif; WHITE-SPACE: nowrap; POSITION: relative; TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.dynamic-tab-pane-control .tab-row .selected {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 6px; Z-INDEX: 3; BACKGROUND: #fff; PADDING-BOTTOM: 4px; MARGIN: 1px -3px -1px 0px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #666 0px solid; TOP: -2px
}
.dynamic-tab-pane-control .tab-row .tab A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; FONT: 13px Menu,Arial,Verdana,sans-serif; CURSOR: pointer; COLOR: #000; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.dynamic-tab-pane-control .tab-row .hover {
	BACKGROUND: #F5F7FA}
.dynamic-tab-pane-control .tab-page {
	CLEAR: both; BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; Z-INDEX: 2; BACKGROUND: #fff; BORDER-LEFT: #666 1px solid; A???e?????????ŸG?WIDTH: 100%; COLOR: #000; BORDER-BOTTOM: #666 1px solid; FONT-FAMILY: Message-Box,sans-serif; POSITION: relative; TOP: -2px
}
.dynamic-tab-pane-control .tab-row {
	Z-INDEX: 1; WHITE-SPACE: nowrap
}
.dynamic-tab-pane-control .tab-page .tab-content {
	MARGIN: 10px
}
.tab_Description {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
TR.sectiontableentry1 TD {
	PADDING-RIGHT: 4px; BORDER-TOP: #eeeeee 1px solid; PADDING-LEFT: 4px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
TR.sectiontableentry2 TD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #ffffff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
/* ********** [END TABLES ONGLETS] ********** */
