/* CSS Document */ /*table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	/*color : #fff;*/
}

h1,h2,h3,h4,h5,p,img,ul,li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}


/*
a,a:link {
	color: #e49b20;
	text-decoration: none;
}

a:hover {
	color: #f78e71;
	text-decoration: underline;
}
*/



form {
	margin: 0;
}

img {
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff
}

table,tr,td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

/* class*/
.bd {
	font-size: 10px;
	font-weight: bold;
	padding-left: 0px;
	color: #000;
}

/* FORMS */
.output {
	font-size: 11px;
	height: 11px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.output_pic {
	cursor: pointer;
	border: 1px solid #000;
}

input,.form,textarea,select {
	background-color: #fff;
	border: 1px solid #444;
}

.form_focus,.form_over {
	background-color: #ffff00;
}

.form_disabled {
	background-color: #fff;
	border: 1px solid #ddd;
}

.image,label {
	background-color: #fff;
	border: 0px solid #fff;
	cursor: pointer;
}

/* Real Time Response Area */
.rt_response {
	position: absolute;
	background-color: #fff;
	border: 1px solid #444;
	z-index: 1;
	text-align: left;
}

.a0 {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.a1 {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #ff9;
}

.a_on {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fc0;
}

.a0:hover  , .a1:hover {
	background-color: #fc0;
}

/* Windows */
.window_container {
	position: absolute;
	top: 200px;
	width: 100%;
	text-align: center;
}

.window_container_500 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	border: 1px solid #000;
}

.window_container_250 {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	border: 1px solid #000;
}

.window_container_900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	border: 1px solid #000;
}

.window_bar {
	border-bottom: 1px solid #000;
	height: 23px;
	background-color: #ddd;
}

.window_title_bar {
	text-align: left;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	margin-left: 12px;
	padding-top: 4px;
}

.window_title_button {
	height: 23px;
	float: right;
	margin: 1px;
}

.window_tab_right {
	display: inline;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	padding-left: 12px;
	background-image: url(/p-1.2.1/dot7.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
}

.window_tab_left {
	display: inline;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	padding-left: 12px;
	background-image: url(/p-1.2.1/dot8.gif);
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

.window_tab_on {
	border-bottom: 1px solid #fff;
	color: #900;
	font-weight: bold;
	font-size: 13px;
	padding-left: 12px;
	cursor: pointer;
}

.pager {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

.pager_on {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 12px;
}

/* Tables */
.active_table,.manual_table {
	border: 1px solid #000;
	font-size: 11px;
	border-collapse: collapse
}

tr.tr_on td,tr.tr_clic td {
	background-color: yellow;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #000;
}

tr.tr_title td {
	color: #fff;
	background-color: #000;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000;
}

tr.tr_total td {
	color: #000;
	background-color: #b5d2fa;
	padding: 2px;
	font-weight: bold;
	border: 1px solid #000;
}

tr.tr_mini_title td {
	color: #000;
	background-color: #ddd;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000;
}

tr.tr_light_title td {
	color: #000;
	background-color: #ddd;
	padding: 2px;
	border: 1px solid #000;
}

tr.tr_title td a,tr.tr_mini_title td a {
	color: #000;
	text-decoration: none;
}

tr.tr_title td.td_ordered a,tr.tr_mini_title td.td_ordered a {
	color: #900000;
	text-decoration: none;
}

tr.tr_0 td {
	background-color: #fff;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #000;
}

tr.tr_0_web td {
	background-color: #fff;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #000;
	color: #3552fa;
}

tr.tr_1 td {
	background-color: #ff9;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #000;
	color: #000;
}

/* id */
#top_table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}


#load_div {
	background-color: #000;
	color: white;
	border: 2px solid yellow;
	width: 200px;
	margin: auto;
}

/* Other */
#div_transparent {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 1px;
}

#div_message {
	width: 100%;
	background-color: white;
	color: black;
}

/* Help */
#help_container {
	background-color: yellow;
	z-index: 1;
	border-bottom: 2px inset #ddd;
	border-right: 2px inset #ddd;
	width: 200px;
}

#help {
	background-color: black;
	color: #fff;
	z-index: 1;
	width: 203px;
	padding: 2px;
	border: 1px solid #444
}
/* custom */
#wrapper {
	margin-left: auto;
    margin-right: auto;
	width: 1024px;	
}

.inner { 
	/*margin: 0px 0px 40px 0px;*/
	/*padding: 0px 10px 10px 10px;*/
	padding: 2px 2px 2px 2px;
	background-color: 	#FFF;
}

.inner p {
	/*color: #000;*/
	font-size: .9em;
}

.inner h1 {
	font-size: 1.5em;
	color: #1a0b01;
}

.inner h2 {
	font-size: 1.5em;
	color: #fff;
	background-color: #000;
	border: 1px solid #fff;
}
#clearf {
	clear: both;
}
/*Div corner */

.bl {
	background-image: url(/p/bl2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #000;
}

.br {
	background-image: url(/p/br2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.tl {
	background-image: url(/p/tl2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}

.tr {
	background-image: url(/p/tr2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 20px;
}


.wbl {
	background-image: url(/p/bl2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #000;
}

.wbr {
	background-image: url(/p/br2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.wtl {
	background-image: url(/p/tl2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}

.wtr {
	background-image: url(/p/tr2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 20px;
}


.bbl {
	background-image: url(/p/bl4.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #fff;
}

.bbr {
	background-image: url(/p/br4.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.btl {
	background-image: url(/p/tl4.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}

.btr {
	background-image: url(/p/tr4.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 20px;
}

.stbl {
	background-image: url(/p/strip.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #000;
}

.stbr {
	background-image: url(/p/.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.sttl {
	background-image: url(/p/strip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}

.sttr {
	background-image: url(/p/.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 20px;
}


.thumb_file {
	width: 100px;
	height: 150px;
}

.thumb_file_list {
	width: 80px;
	height: 60px;
	margin:5px;
}

.mini_pic {
	float: left;
}
/*Onglet*/

.tab_head li {
	float: left;
	display: inline;
}
.tab_head li a {
	text-align: center;
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
.tab_head .tab_on a{
	border-bottom: 1px solid #fff;	
	color: #900;
	font-weight: bold;
	font-size: 13px;
	padding-left: 12px;
	
}
.tab_head .tab_off a{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	padding-left: 12px;
	background-color: #DDDDDD;
	border-right: 1px solid #000;
}

.tab_container .contentOn {
	display: block;
}
.tab_container .contentOff {
	display: none;
}

/*Onglet*/

.menu1 {
width: 11px;
height: 177px;
background-image: url(/p/hl.gif);
background-repeat: no-repeat;
float: left;
}

.menu2 {
width: 239px;
height: 177px;
float: left;
}

.menu3 {
width: 774px;
height: 177px;
background-image: url(/p/hr.gif);
background-repeat: no-repeat;
float: left;
}

