html, body {height:100%;width:100%;margin:0;padding:0;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;color:#666;background:#FFF;overflow:hidden;}
body {font-size : 67.5%;}
input,select,textarea,form,img,hr,h1,h2,h3,h4,h5,h6,table,tr,td,span,p,div,ul,li {padding:0;margin:0;border:none;}
li {list-style-type:none;display:inline;}
a:visited, a:active, a:link{color:#333;}

.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.floatleft {float:left;}
.floatright {float:right;}
.clearfloat {clear:both;}
.normalizewidth {width:100%;!width:100%;_width:100%;*width:98%;}

#dialog-form {}
#dialog-form input {margin-bottom:12px; width:95%; padding: .4em;}
#dialog-form fieldset {padding:0; border:0; margin-top:25px;}
#dialog-form h1 {font-size: 1.2em; margin: .6em 0;}
#dialog-form .ui-dialog .ui-state-error {padding: .3em;}
#dialog-form .validateTips {border: 1px solid transparent; padding: 0.3em }

#global {}
#global #header {width:100%;padding-top:15px;height:114px;position:absolute;top:0px;right:17px;z-index:10;background:#FFF url("bckgd_header.png") repeat-x top left;border-bottom:1px solid #BBB;}
#global #header .headertitle {position:absolute;display:block;left:250px;top:15px;line-height:30px;z-index:15;color:#333;font-weight:100;}
#global #header .headertitle h2 {font-weight:100;font-size:1.8em;padding:0;margin:0;}
#global #header .headerlogo {}
#global #header .headerinfo {position:absolute;top:0px;right:0px;padding:0 0 0 10px;height:15px;line-height:15px;background:transparent url("bckgd_headerinfo.png") no-repeat left -30px;}
#global #header .headerinfo ul {padding:0 30px 0 0; margin:0 0 0 30px;background:#8E8E8E;}
#global #header .headerinfo ul li {color:#FFF; margin-left:15px;}
#global #header .headermenu {text-align:right;position:absolute;z-index:10;height:30px;width:100%;background: url('nav0-bckgd.gif') repeat-x top left;border-top:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9;}

#global #menu button {cursor:pointer;display:inline;height:28px;border:none;width:28px;padding:0px;margin:0px 1px;!margin:0px 1px;_margin:0px 1px;*margin:0px 2px;line-height:28px;}
#global #menu #logout {background:transparent url('logout.jpg') no-repeat 0px top;}
#global #menu #logout:hover {background:transparent url('logout.jpg') no-repeat -28px top;}
#global #menu #admin {background:transparent url('admin.jpg') no-repeat 0px top;}
#global #menu #admin:hover {background:transparent url('admin.jpg') no-repeat -28px top;}
#global #menu #perso {background:transparent url('perso.jpg') no-repeat 0px top;}
#global #menu #perso:hover {background:transparent url('perso.jpg') no-repeat -28px top;}
#global #menu .nav0 {float:right;position:absolute;z-index:15;text-align:left;height:30px;right:18px;top:18px;}
#global #menu .nav1 {left:0px;width:150px;z-index:20;padding-top:80px;padding-left:5px;padding-right:5px;background: url('bckgd_menu.png') no-repeat top right;position:absolute;top:0px;height:350px;}
#global #menu .nav1 ul {}
#global #menu .nav1 ul li {}
#global #menu .nav1 ul li a {text-decoration:none;font-weight:normal;color:#EEE;display:block;background: transparent url('nav1_a_hover.gif') no-repeat right 0px;padding-left:10px;height:32px;line-height:32px}
#global #menu .nav1 ul li a:hover {background: transparent url('nav1_a_hover.gif') no-repeat right -32px;}	
#global #menu .nav1 ul li a:link, .nav1 li a:visited {}
#global #menu .nav1 ul li a:active {background: transparent url('nav1_a_hover.gif') no-repeat right -64px;}
#global #menu .nav1 ul li span {}

#global	#search {position:absolute; z-index:15;top:55px;right:17px;width:100%;background:#FFF; border-bottom:1px solid #BBB;min-height:69px;padding-bottom:5px !important;padding-bottom:6px;}
#global	#search .search {padding-left:200px;}
#global	#search #fieldset {padding:10px 5px;}
#global	#search fieldset {padding:0;display:block;border:none;border-top:1px solid #CCC;}
#global #search fieldset legend {margin:0;padding:0;font-weight:bold;color:#666;}
#global #search fieldset legend a {color:#af4141; text-decoration:none;}
#global #search fieldset label {display:block;margin:0;padding:0;font-style:italic;color:#888;font-size:10px;}
#global #search fieldset input {margin:0;border:1px solid #DDD;font-size:12px;padding:2px;background:#F3F3F3;}

#global #search_actions {position:absolute;margin:35px 0 0 450px!important;margin:33px 0 0 450px;}
#global #search_actions button {cursor:pointer;display:inline;height:28px;width:28px;border:none;padding:0px;margin:0px 1px;*margin:-2px 2px;!margin:-2px 2px;_margin:0px 1px;margin:-2px 2px\0/;line-height:28px;}
#global #search_actions #search_do {background:transparent url('search_do.jpg') no-repeat 0px top;}
#global #search_actions #search_do:hover {background:transparent url('search_do.jpg') no-repeat -28px top;}
#global #search_actions #search_reset {background:transparent url('search_reset.jpg') no-repeat 0px top;}
#global #search_actions #search_reset:hover {background:transparent url('search_reset.jpg') no-repeat -28px top;}

			
#global #search_basic {width:600px;}
#global #search_basic #buyer {width:250px;}
#global #search_basic #seller {width:250px;}
#global #search_basic #buyerseller1 {width:110px;}
#global #search_basic #buyerseller2 {width:110px;}
#global #search_basic fieldset {width:510px;}
#global #search_basic fieldset input {width:150px;}
#global #search_basic .search_field {float:left;width:175px;}

#global #search_advanced {width:600px;display:none;}
#global #search_advanced fieldset {width:225px;margin:0px 50px 0px 0; float:left;}
#global #search_advanced fieldset input {width:75px;}
#global #search_advanced .search_field {float:left;width:100px;}


#global #inset #pagination {position:absolute;text-align:left;top:105px;right:25px;z-index:20;}	
#global #inset #pagination a {text-decoration:underline;cursor:pointer;}	
#global #inset #pagination .pagination-conteneur{text-align:center;padding:0;}
#global #inset #pagination .pagination-elt{text-align:center;margin:3px 0 0 0;padding:0 3px;width: 20px;font-size:12px;border:none;z-index:50;float:left;}
#global #inset #pagination .pagination-display-pages{background:transparent url('../img/icons/page_white_stack.png') no-repeat center left;padding-left:20px;}

#global #inset #scrolling_area {position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;padding:0px;margin:0;}
#global #inset #scrolling_area #working_area {overflow-y:scroll;overflow-x:auto;height:100%;margin:0;padding:0;background:#EEE;}
#global #inset #scrolling_area #working_area #wait {padding:145px 15px 75px 165px;margin:0;display:none;text-align:center;}
#global #inset #scrolling_area #working_area #content {padding:145px 15px 75px 165px;margin:0;}

#global #inset #scrolling_area #working_area #content .empty_page {width:285px; margin:0 auto;}
#global #inset #scrolling_area #working_area #content .empty_page .box {width:160px;height:155px;margin:15px;padding:10px 15px;float:left;text-align:center;color:#333;}
#global #inset #scrolling_area #working_area #content .empty_page .box h2 {border-top:1px solid #DDD;font-size:14px;font-weight:100;letter-spacing:-1px;}

#global #inset #scrolling_area #working_area #content .select_page {width:500px; margin:0 auto;}
#global #inset #scrolling_area #working_area #content .select_page .box {width:175px;height:175px;margin:15px;padding:10px 15px;float:left;text-align:center;color:#333;cursor:pointer;}
#global #inset #scrolling_area #working_area #content .select_page .box:hover {color:#000;}
#global #inset #scrolling_area #working_area #content .select_page .box img {border:0;}
#global #inset #scrolling_area #working_area #content .select_page .box h2 {border-top:1px solid #DDD;font-size:14px;font-weight:100;letter-spacing:-1px;}
#global #inset #scrolling_area #working_area #content .select_page .inputtext {border:1px solid #DDD;padding:3px;}

#global #inset #scrolling_area #working_area #content table {background-color:#EEE;width:100%;!width:100%;_width:100%;*width:98%;border:none;border-collapse: collapse;}
#global #inset #scrolling_area #working_area #content table .alt {background-color:#CCC;}
#global #inset #scrolling_area #working_area #content table * td {text-align:left;padding:10px 1px;border:none;}
#global #inset #scrolling_area #working_area #content table * td a {text-decoration:underline;cursor:pointer;}	
#global #inset #scrolling_area #working_area #content table * tr{border:none;}
#global #inset #scrolling_area #working_area #content table * th{text-align:left;padding:10px 1px;border:none;background:#F3F3F3;white-space:nowrap;color:#000;cursor:pointer;}
#global #inset #scrolling_area #working_area #content table thead tr {border:1px solid #DDD;}
#global #inset #scrolling_area #working_area #content table tr:hover {color:#000;}


#global #inset #scrolling_area #working_area #content fieldset {display:block; float:left; width:450px;border:2px solid #FFF;margin:25px;background:#DDD;padding:25px;!padding:25px;_padding:25px;*padding:0 25px 25px 25px;padding:0 25px 25px 25px\0/;}
#global #inset #scrolling_area #working_area #content fieldset label {display:block;color:#222;padding:2px 0px;}
#global #inset #scrolling_area #working_area #content fieldset legend {font-weight:900; background:#FFF;padding:2px 5px!important;padding:12px 5px 5px 5px;border:1px solid #DDD; margin:0;!margin:0;_margin:0;*margin:-10px 0 25px 0;margin:-10px 0 25px 0\0/;}
#global #inset #scrolling_area #working_area #content fieldset input {display:block;width:450px; border:1px solid #EEE;padding:4px 0px;font-size:12px;background:#FFF;}
#global #inset #scrolling_area #working_area #content fieldset span {display:block;width:450px; border:1px solid #EEE;padding:4px 0px;font-size:12px;background:#FFF;}
#global #inset #scrolling_area #working_area #content #tabs {background:#EEE;}

#footer {z-index:10;position:absolute;bottom:-1px;right:17px;padding:0;margin:0;width:auto;text-align:right;background:transparent url("bckgd_foot.png") no-repeat top left!important;background:transparent url("bckgd_foot.gif") no-repeat top left;}
#footer div {padding:18px 5px 32px 45px;padding:18px 5px 30px 45px\0/;}
#footer ul {margin:0;padding:0;line-height:0px;float:left;}
#footer li {display:inline;margin:0;padding:0;}

#login {background: #444 url('login_body_bckgd.jpg') repeat-x top left;height:100%;width:100%;margin:0;padding:0;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;color:#666;}
#login #lglobal {width:100%;}
#login #lglobal #lheader {width:970px;margin:0 auto;height:175px; background:#fff url('login_logo.jpg') no-repeat center center;}
#login #lglobal #linset	{width:970px;height:410px;padding:75px 0 0 0;margin:0 auto;}
#login #lglobal #linset #login_area {background:#FFF;width:350px;height:350px;margin:0 auto;padding: 25px 25px 20px 25px;}
#login #lglobal #linset #login_area input{margin-bottom:15px;background:#fff url('input_text_background.jpg') repeat-x top left;display:block;line-height:24px;height:24px;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#666;width:350px;font-size:18px;}
#login #lglobal #linset #login_area h2 {color:#444;font-size:18px;margin-bottom:15px;}
#login #lglobal #linset #login_area label {display:block;color:#444;}
#login #lglobal #linset #login_area #login_content {padding-bottom:55px;}
#login #lfooter {color:#AAA;width:970px;margin:0 auto;padding-top:20px;text-align:center;font-size:0.9em;line-height:1.2em;background:#444;}
#login #lfooter span {display:block;}
#login #lfooter a:hover {color:#666; text-decoration:underline;}
#login #lfooter img {}


/*
 * padding:25px; TOUS				----> FF
 * !padding:25px; TOUS IE			----> IE6 & IE7 & IE8
 * _padding:25px; TOUS IE SAUF IE7	----> IE6 & IE8
 * padding:25px\0/; ONLY IE 8		----> IE8
 * *padding:25px; ONLY IE7			----> IE7
 */