html, body {height:100%;width:100%;margin:0;padding:0;font-family: 'Open Sans', Sans-Serif, Arial;color:#666;background:#EEE;/*background:#f9f9f9;background:#FFFFFF;*/}
body {font-size : 12px;}
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{}

.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%;position:fixed;top:0px;left:0px;z-index:10;
min-width:400px;
padding-top:15px;height:95px;background:transparent url("bckgd_header.png") repeat-x top left;
}


#global #header .headertitle {position:absolute;display:block;left:225px;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 {position:absolute;display:block;top:0px;left:0px;width:215px;height:100px;background: url('nav1_bckgd_begin.png') no-repeat top left;}
#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 -32px;}
#global #header .headerinfo ul {padding:0 30px 0 0; margin:0 0 0 30px;background:#c8c8c8;}
#global #header .headerinfo ul li {color:#666; margin-left:15px;}
#global #header .headermenu {text-align:right;position:absolute;z-index:10;height:30px;width:100%;}
#global #menu {position:fixed;width:100%;min-width:400px;height:100px;top:0px;left:0px;z-index:12}

#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 {position:absolute;z-index:15;text-align:left;height:30px;right:5px;top:18px;}
#global #menu .nav1 {left:215px;width:auto;z-index:20;padding:0px;position:absolute;top:83px;height:50px;}
#global #menu .nav1 ul {list-style:none;}
#global #menu .nav1 ul li {margin-right:0px;display:inline;font-size:12px;letter-spacing:-1px;}
#global #menu .nav1 ul li a {border:1px solid #BBB;border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
#global #menu .nav1 ul li a .countInfo {color:#888;font-weight:100;font-family:"Open Sans", Sans-Serif, Courier, monospace}
#global #menu .nav1 ul li a:hover {}	
#global #menu .nav1 ul li a:link, .nav1 li a:visited {}
#global #menu .nav1 ul li a:active {}
#global #menu .nav1 ul li span {}

/*
#global #search {display:none;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:fixed;text-align:left;top:85px;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:14px;border:none;z-index:50;float:left;}
#global #inset #pagination .pagination-display-pages{background:transparent url('../img/icons/page_white_stack0.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 {height:100%;margin:0;padding:0;background:#EEE;padding-left:185px;}
#global #inset #scrolling_area #working_area #wait {padding:125px 15px 75px 15px;margin:0;display:none;text-align:center;}
#global #inset #scrolling_area #working_area #content {padding:125px 15px 115px 15px;margin:0;}

#global #inset #scrolling_area #working_area #ajax {display:block;z-index:9999;position:absolute;top:0px;right:17px;width:35%;height:100%;background:#DDD url('folder_searches_w.png') no-repeat center center;border-left:1px solid #BBB;}
#global #inset #scrolling_area #working_area #ajax table caption {
	width:100px;
	background:#eee;
	color:#2779aa;
	padding:2px;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	position:relative;
	margin-bottom:-1px;
	padding:4px; border:1px solid #2779aa;
	border-bottom:0px;
}
#global #inset #scrolling_area #working_area #ajax table {
	width:100%;margin:0 0 5px 0; background:#eee;border:1px solid #2779aa;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;}
#global #inset #scrolling_area #working_area #ajax table td {vertical-align:top;padding:0px;border-top:1px solid #2779aa;}
#global #inset #scrolling_area #working_area #ajax table th {font-weight:100;color:#2779aa;}
#global #inset #scrolling_area #working_area #ajax #ajaxaccordion div {font-size:12px; padding:5px;}
#global #inset #scrolling_area #working_area #ajax #ajaxbutton {width:100%;margin:0;text-align:right;padding:5px 0 3px 0;background:#ddd;}

#global #inset #scrolling_area #working_area #content .empty_page {width:240px; 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:16px;font-weight:100;letter-spacing:-1px;}

#global #inset #scrolling_area #working_area #content .select_page {width:750px; 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:16px;font-weight:100;letter-spacing:-1px;}
#global #inset #scrolling_area #working_area #content .select_page .inputtext {border:1px solid #DDD;padding:3px;}
#content .select_page .input {font-size:12px;}

#global #inset #scrolling_area #working_area #content table {background-color:#F3F3F3;width:100%;!width:100%;_width:100%;*width:98%;border:1px solid #CCC;border-collapse: collapse;}
#global #inset #scrolling_area #working_area #content table .alt {background-color:#FFF;}

#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;color:#88d70c;}	
#global #inset #scrolling_area #working_area #content table * th a {text-decoration:underline;cursor:pointer;color:#000;}	
#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 * th:hover{text-decoration:underline;}

/* changement laure */
#content table {background-color:#F8F8F8;width:100%;!width:100%;_width:100%;*width:98%;border:1px solid #CCC;border-collapse: collapse;}
#content table .alt {background-color:#FFF;}

#content table * td {text-align:left;padding:10px 1px;border:none;}
#content table * td a {text-decoration:underline;cursor:pointer;color:#88d70c;}	
#content table * th a {text-decoration:underline;cursor:pointer;color:#000;}	
#content table * tr{border:none;}
#content table * th{text-align:left;padding:10px 1px;border:none;background:#F3F3F3;white-space:nowrap;color:#000;cursor:pointer;}
#content table * th:hover{text-decoration:underline;}

/*
#div_working table.table_liste * th{text-align:left;padding:10px 1px;border:none;background:#F3F3F3;white-space:nowrap;color:#000;cursor:pointer;}
#div_working table.table_liste tr.table_liste_th {border:1px solid #DDD;}
#div_working table.table_liste tr.table_liste_th a {color:#000;}
*/

#global #inset #scrolling_area #working_area #content table thead tr {border:1px solid #DDD;}
#global #inset #scrolling_area #working_area #content table tfoot tr {border:1px solid #DDD;}
#global #inset #scrolling_area #working_area #content table tr:hover {color:#000;} 
#global #inset #scrolling_area #working_area #content table tr:hover td.redHoverable  {color:red;}
#global #inset #scrolling_area #working_area #content table tr td.redHoverable{color:tomato;}

/* changement laure */
#content table thead tr {border:1px solid #DDD;}
#content table tfoot tr {border:1px solid #DDD;}
#content table tr:hover {color:#000;} 
#content table tr:hover td.redHoverable  {color:red;}
#content table tr td.redHoverable{color:tomato;}

#global #inset #scrolling_area #working_area #content * td.title {text-align:left;padding:10px 1px;border:none;color:#2779aa;font-weight:bold;}

#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:14px;background:#FFF;}
#global #inset #scrolling_area #working_area #content fieldset span {display:block;width:450px; border:1px solid #EEE;padding:4px 0px;font-size:14px;background:#FFF;}
#global #inset #scrolling_area #working_area #content #tabs {background:#EEE;}

.showclass {bottom:0px;}
.hideclass {bottom:-87px;}
#search {width:100%;height:176px;z-index:10;position:fixed;padding:0;margin:0;border-top:1px solid #f7f7f7;color:#7F7F7F;background:linear-gradient(#F3F3F3, #D1D1D1)/*(#e9e9e9, #787878)linear-gradientdcd9de*/; cursor:pointer;}
#search .topbar {width:100%;padding:0px;margin:0;height:5px;background:#D1D1D1/*#BBB*/ url('expand.png') no-repeat center center;border-bottom:1px solid #f7f7f7;cursor:pointer;}
#search .topbarempty {width:100%;padding:0;margin:0;height:5px;background:#BBB;border-bottom:1px solid #AAA;}
#search .content {padding:5px 5px 5px 20px;}
#search .content input {padding:2px; border:1px solid #AAA;}
#search .content select {border:1px solid #AAA;background:#FFF;padding:1px;}


#search 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;}
#search #search_do {background:transparent url('search_do.jpg') no-repeat 0px top;}
#search #search_do:hover {background:transparent url('search_do.jpg') no-repeat -28px top;}
#search #search_reset {background:transparent url('search_reset.jpg') no-repeat 0px top;}
#search #search_reset:hover {background:transparent url('search_reset.jpg') no-repeat -28px top;}

#footer {
position:fixed;width:100%;bottom:0px;left:0px;z-index:10;
height:50px;border-top:1px solid #BBB;background:#FFF;
min-width:400px;
}
#footer div {padding:18px 5px 32px 25px;padding:20px 5px 30px 25px\0/;}
#footer ul {margin:0;padding:0;margin-top:-10px;}
#footer li {display:inline;margin:0;padding:0;}
#footer input {letter-spacing:-1px;font-size:12px;padding:7px;}


.customfile-input { position:absolute;height:100px;cursor:pointer;background:transparent;border:0;opacity:0;-moz-opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);z-index:999;}
.customfile { width:500px;background:#2779aa;cursor:pointer;overflow:hidden;padding:2px;border:1px solid #dbedfa;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;position:relative;}
.customfile-disabled { opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);cursor:default;}
.customfile-feedback { display:block;margin:1px 1px 1px 5px;font-size:1.2em;color:#fff;font-style:italic;padding:.3em .6em;}
.customfile-feedback-populated { color:#fff;font-style:normal;font-weight:bold;padding-left:20px;background:url(../img/icons/icon-generic.gif) left 4px no-repeat;}
.customfile-button { border:1px solid #dbedfa;color:#fff;font-weight:bold;float:right;width:70px;padding:.3em .6em;text-align:center;text-decoration:none;font-size:1.2em;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.customfile-hover .customfile-button, .customfile-focus .customfile-button  {background:#dbedfa;}
.customfile-focus .customfile-button {outline:1px dotted #ccc;}
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image:url(../img/icons/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image:url(../img/icons/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image:url(../img/icons/icon-zip.gif);}


#login {background: #444 url('../backgroud.jpg') repeat center center;height:100%;width:100%;margin:0;padding:0;font-family: 'Open Sans', Sans-Serif, Arial;color:#666;overflow:auto;}
#login #lglobal {min-width:500px;min-height:500px;width:100%;height:100%;}
#login #lglobal #lheader {width:100%;margin:0 auto;height:25px;background:#FFF;border-bottom:1px solid #DDD;}
#login #lglobal #linset	{width:400px;height:400px;padding:0;margin:auto;
position:relative;
top:50%;
  margin-top:-225px;
}
#login #lglobal #linset #login_area {background:#FFF;border:1px solid #DDD;width:350px;height:305px;margin:0 auto;padding: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 {min-width:500px;width:100%;margin:0 auto;height:25px;background:#FFF;border-top:1px solid #DDD;color:#AAA;margin-top:-26px;text-align:center;font-size:0.9em;line-height:25px;}
#login #lfooter span {}
#login #lfooter a:hover {color:#666; text-decoration:underline;}
#login #lfooter img {}


#public {background: #444;overflow:auto;}

#public #pglobal {width:100%;}
#public #pglobal #pheader {width:100%;margin:0 auto;min-height:35px; background:#fff;}
#public #pglobal #pheader-content {width:970px;margin: 0 auto;padding:15px;}
#public #pglobal #pheader-content h2 {text-align:center;font-weight:100;font-size:2em;padding:0;margin:0;}

#public #pglobal #pinset	{background: #FFF url('public_body_bckgd.jpg') repeat-x top center;width:100%;min-height:400px;padding:75px 0 0 0;margin:0 auto;}
#public #pglobal #pinset-content {border:1px solid #EEE;border-bottom:none;width:970px;margin: 0 auto;padding:15px;background:#FFF;}
#public #pglobal #pinset-content 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:425px;font-size:20px;}
#public #pglobal #pinset-content h2 {color:#444;font-size:20px;margin-bottom:15px;}
#public #pglobal #pinset-content label {display:block;color:#444;}
#public #pglobal #pinset-content p {font-size:17px;text-align:justify;margin:10px;}
#public #pfooter {color:#AAA;background: #444 url('public_footer_bckgd.jpg') repeat-x top center;width:100%;margin:0 auto;padding-top:20px;text-align:center;font-size:0.9em;line-height:1.2em;}
#public #pfooter span {display:block;}
#public #pfooter a:hover {color:#666; text-decoration:underline;}
#public #pfooter 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
 */

 .dialog .value {
width:250px;
color:#2779aa;
padding:2px;
border:1px solid #444;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;position:relative;
padding:4px; border:1px solid #2779aa;
}
.dialog form {margin:15px 0;}
.dialog p {text-align:justify}	
.dialog { display: none; }
.value350 {

width:350px;
background:#dbedfa;

color:#2779aa;
padding:2px;
border:1px solid #444;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;position:relative;
padding:4px; border:1px solid #2779aa;
}
.title {
color:#2779aa;
font-weight:bold;
text-align:center;
border:1px solid none;
}
.value150 {

width:150px;
background:#dbedfa;

color:#2779aa;
padding:2px;
border:1px solid #444;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;position:relative;
padding:4px; border:1px solid #2779aa;
}

.title p {text-align:justify}

/* class no-close pour cacher la croix dans les popups */
.no-close .ui-dialog-titlebar-close {
  display: none;
}