* {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

html {
	overflow-y: scroll !important;
}
body {
	background-color:#FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/images/fondmain.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment:fixed;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 5px;
}

h1 {
  font-size: 10pt;
}

h2 {
  font-size: 12pt;
  color: #FF0000;
  margin: 0 0 10px 0;
}

h3 {
  font-size: 8pt;
  font-weight: bold;
}

p {
	margin: 0 0 15px 0;
}
p.last {
  margin: 0 0 25px 0;
}

#main {

	width: 1000px;
	margin: auto;
		
}
#header {
	
	height: 170px;
	width: 1000px;
}

#content {

	background: #FFF url(../images/particulier/fondcontent.gif) top left repeat-y ;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	text-align: center;
	padding: 10px 20px;
}
#pager {

	width: 900px;
	margin: auto;
	text-align: center;
}

.Verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;

}
.text4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4pt; }

.text5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 5pt; }

.text6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; }

.text7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

.text8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }

.text7white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt;  color:#FFFFFF}

.text8white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  color:#FFFFFF}

.text10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  }

.text10Middle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
}

.text10white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#FFFFFF}

.text12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }

.text12bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }

.text12white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#FFFFFF}

.titre1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;  }

.titre2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt;  }

.titre3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;  }

.texte1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;  }

.texte2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  }

.texte3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  }
.texte3white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF; }

.texte4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;  }

.text18White {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; color:#333333; }



.text24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
}


a:link {
	color: #990000;
	text-decoration:none;
}
a:visited {
	color: #990000;
	text-decoration:none;
}
a:hover {
	color:#D91A1B;
	text-decoration:underline;
}
a:active {
	color:#FF0000
	text-decoration:underline;
}

.table {
border-style:solid; 
border-width:1px; 
border-color:#CCCCCC;
border-collapse:collapse
}
.tableblank {
border-style:none;
border-collapse:collapse

}

.td { 
border-style:solid; 
border-width:1px; 
border-color:#CCCCCC;

}
.tdblank { 
border-style:none;

}




.sort {
	border:none;
	padding : 0em;
	margin : 0px 0 0 0;
	background : #FFFFFF;
	clear : both;
	text-align: left;
}
.sort p {
	margin : 0 0 0 0;
}
.sortJS {
	padding : 0 0 0 0;
	cursor : move;
	background : #FFFFFF;
}
.inline {
	display : inline;
}
.fielderror {

color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;	

}
.fieldreq {

     color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;	
} 
.fond {
	width: 750px;
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;
	left: 259px;
	top: 66px;
}
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #00CCFF;
	padding: 5px;
	font-family: Blue Highway;
	font-size: 10pt;
	color:#FFFFFF;
	background-color:#333333;
	}
 .ombre {
  float:left;
  clear:left;
  background: url(../images/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }
  
  
  input.submit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
	font-weight: bold;	
	color:#000000;
	/*border-style:outset;
	border-width:thin;
	border-color: #EEEEEE;
	background : url(../images/fondlightgrey.gif) repeat-x 0 100%;*/
	
}

  input.submitRED {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
	font-weight: bold;	
	color:#FFFFFF;
	border-style:outset;
	border-width:thin;
	border-color: #FF0000;
	background : url(../images/fondred.gif) repeat-x 0 100%;
	
}

  input.submitBLUE {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
	font-weight: bold;	
	color:#FFFFFF;
	border-style:outset;
	border-width:thin;
	border-color:#0099FF;
	background : url(../images/fondblue.gif) repeat-x 0 100%;
	
}

  input.submitGREEN {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
	font-weight: bold;	
	color:#FFFFFF;
	border-style:outset;
	border-width:thin;
	border-color:#00CC00;
	background : url(../images/fondgreen.gif) repeat-x 0 100%;
	
}

.sort {
	border : 0px;
	padding : 0.0em;
	margin : 0px 0 0 0;
	background : #FFFFFF;
	clear : both;
	text-align: center;
}
.sort p {
	margin : 0 0 0 0;
}
.sortJS {
	padding : 0 0 0 0;
	cursor : move;
	background : #FFFFFF;
}
.inline {
	display : inline;
}


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width : 80px;
	float: left;
	
}

.field {

/*margin-left : 5px;
padding: 3px;*/
/*background: #FFFFFF;
border: 1px solid #CCCCCC;*/

}



#app-menu {
	padding: 0;
}
#app-menu a {
	font-size: 7pt;  
	color:#FFFFFF;
	float: left;
	padding: 8px 4px;
	border-right: 1px solid #FFAFAF;
}
#app-menu a:hover, #app-menu a.selected {
	background: url(../images/menu/menu-item-bg.png) repeat;
	text-decoration: none;
}
a.bullet-toggle {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/icons/bullet_toggle_minus.png) top left no-repeat;
}
a.boxHeader {
	font-weight: bold;
	color: #D91A1B;
}
td.boxHeader {
  background: url(../images/box/header_bg.png) top left repeat-x;
  height: 27px;
  border-bottom: 1px solid #444;
  
  font-family: Verdana, Arial, Sans Serif;
  font-size: 12px;
}
div.boxHeaderTitle {
	position: relative; 
	height: 27px; 
	width: 1px;
}
td.boxHeader label, td.boxHeader label.blue {
	/*z-index: 10;*/
	/*float: left;*/
	position: absolute;
	top: 0;
	margin-left: ;
	overflow: hidden;
	
  display: block;
  height: 13px;
  background: url(../images/box/title_bg_grey.png) top left no-repeat;
  padding: 7px;
  
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}
td.boxHeader label.blue {
	background: url(../images/box/title_bg_blue.png) top left no-repeat;
}
td.boxHeader label > span.text {
	z-index: 10;
	position: relative;
	padding: 0 3px;
	text-transform: uppercase;
}
td.boxHeader label > span.corner, td.boxHeader label.blue > span.corner {
	z-index: 5;
	position: absolute;
	top: 0;
	right: 0;
	float: left;
  display: block;
  height: 29px;
  width: 17px;
  background: url(../images/box/title_right_grey.png) top left no-repeat;
}
td.boxHeader label.blue > span.corner {
	background: url(../images/box/title_right_blue.png) top left no-repeat;
	width: 15px;
}
a.boxHeader span {
	color: #fff;
}
td.boxContent {
	padding: 0px; 
	background-color: #ccc; 
	border-bottom: 2px solid #444;
}
td.boxForm {
  padding: 1px; 
  background-color: #ccc; 
}
td.boxLinks {
  background: url(../images/stripe_lightgrey.png) top left repeat-x;
  background-color: #D5D5D5;
  height: 50px;
  
  font-family: Verdana, Arial, Sans Serif;
}
td.form_col {
  background: url(../images/box/col_bg.png) bottom left repeat-x;
  background-color: #f1f1f1;
}
tr.value > td {
	background-color: #fff;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px; 
	cursor: pointer;
}
tr.value-selected > td {
	background: url(../images/fondlightblue.gif) top left repeat-x;
  background-color: #bcd9ed;/*e4efff;*/
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding: 3px;
  cursor: pointer;
}
tr.value-over > td {
	/*background: url(../images/fondlightblue.gif) top left repeat-x;*/
  background-color: #ddf1ff;/*#edf4ff;*/
  font-size: 9pt;
  color: #08088A;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
  cursor: pointer;
}
tr.sold > td {
  /*background: url(../images/fondlightblue.gif) top left repeat-x;*/
  background-color: #ffe3e3;/*#edf4ff;*/
  font-size: 7pt;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

thead td {
  background: url(../images/fondlightgrey.gif) top left repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  color: #999999;
  font-weight: bold;
  padding: 3px; 
}
thead > tr > td.action, td.sn-pager-head, td.sn-pager-view, td.sn-pager-by {
  background: url(../images/fondlightgrey.gif) top left repeat-x;
  background-color: #494949;
  color: #666666;
}
tbody > tr > td.action {
	background: url(../images/fondlightgrey.gif) top left repeat-x;
  background-color: #cdcdcd;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt;
  text-transform: uppercase;
}
tbody > tr > td.group, div.tableHead {
  background: url(../images/fondlightgrey.gif) 0px 0px repeat-x;
  background-color: #cdcdcd;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt;
  text-transform: uppercase;
  color: #000;
}
div.tableHead {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 2px;
	padding: 6px;
}
table.sn-pager {
  border-spacing: 1px;
} 
td.sn-pager-head, td.sn-pager-by {
	padding: 4px;
}
table.sn-pager a:hover, .sn-pager-opts a:hover, .sn-pager-opts a.selected, .sn-pager-opts a.selected {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}
/*.sn-pager-opts a.selected {
  background: transparent url(../images/fondlightblue.gif) repeat-x scroll left top;
}*/
td.sn-pager-by {
	text-align: right
}
span.sn-pager-current {
	font-weight: bold;
}
thead td.sn-pager-page {
	background: none;
  background-color: white;
}
.sn-pager-opts {
  background:#494949 url(../images/fondlightgrey.gif) repeat-x scroll left top;
  color:#FFFFFF;
  border: 1px solid #ccc;
  border-top: 0;
  border-bottom: 0;
  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 6pt;
}
.sn-pager-opts a {
	float: left; 
	padding: 4px 15px 4px 5px; 
	border-left: 1px solid #ccc;
}

td.moduleHeader {
	background: url(../images/stripe_grey.png) 0px 0px repeat-x;
	background-color: #AFAFAF;
}
td.mediumgrey {
	background: url(../images/fondmediumgrey.gif)  0px 0px repeat-x;
	background-color: #494949;
}
td.lightgrey {
  background: url(../images/fondlightgrey.gif)  0px 0px repeat-x;
  background-color: #cdcdcd;
}
td.mediumgrey {
  background: url(../images/fondmediumgrey.gif)  0px 0px repeat-x;
  background-color: #494949;
}

td.label, td.flabel {
  background: url(../images/fondmediumgrey.gif)  0px 0px repeat-x;
  background-color: #494949;
  padding: 5px 5px 8px 5px;
  padding: 0;
  width: 100px;
  text-align: right;
  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;  
  color:#FFFFFF;
}
td.flabel {
  /*padding: 8px 5px 5px 5px;*/
  padding: 0;
  text-transform: uppercase;
}
td.flabel label {
	display: block;
	position: relative;
  padding: 8px 5px 5px 5px;
  text-transform: uppercase;
}
td.label label {
	display: block;
  position: relative;
  padding: 5px 5px 8px 5px;
}
td.flabel span.required, td.label span.required {
	color: #C20000;
	display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 29px;
  width: 27px;
  background: url(../images/labels/required.png) 0 0 no-repeat;
}

/*td.flabel label {
	margin: 0;
	padding: 0;
}*/

td.value, td.input {
	background: url(../images/fondlightgrey.gif)  0px 0px repeat-x;
  background-color: #cdcdcd;
  padding: 6px 5px 8px 5px;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;  
  color:#000;
  text-align: left;
}
td.input {
  padding: 4px 5px 5px 5px;
}

td.value a, a.icon /*, tbody > tr > td > a*/ {
	background: url(../images/icons/link_go_out.png) right -3px no-repeat;
	padding-right: 20px;
}
a.icon:hover /*tbody > tr > td > a:hover*/ {
  background: url(../images/icons/link_go.png) right -3px no-repeat;
  padding-right: 20px;
}
td.value a.edit, a.edit {
	background: url(../images/icons/link_edit_out.png) right -4px no-repeat;
  padding-right: 20px;
}
td.value a.edit:hover, a.edit:hover/*, tbody > tr > td > a.edit:hover*/ {
  background: url(../images/icons/link_edit.png) right -4px no-repeat;
  padding-right: 20px;
}
td.value a:hover, tr.value a:hover, tr.value-selected a:hover, tr.value-over a:hover {
  color:#065F9E;
  text-decoration:underline;
}
td.moduleActions {
  padding-right: 20px;
}
td.moduleActions span {
	display: block;
	width: 1px;
	height: 50px;
	float: left;
  background: url(../images/buttons/accept.gif) -99px 0 no-repeat;
}
a.accept,
a.add,
a.cancel,
a.delete,
a.list,
a.import,
a.update,
a.mail,
a.print,
a.send,
a.facture,
a.proformer,
a.proforma {
	float: left;
  display: block;
  height: 50px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
a.accept:hover,
a.add:hover,
a.cancel:hover,
a.delete:hover,
a.list:hover,
a.import:hover,
a.update:hover,
a.mail:hover,
a.print:hover,
a.send:hover,
a.facture:hover,
a.proformer:hover,
a.proforma:hover {
  background-position: 0 -50px;
  text-decoration: none;
}
a.accept {
  background-image: url(../images/buttons/accept.gif);
  width: 100px;
}
a.add {
  background-image: url(../images/buttons/add.gif);
  width: 106px;
}
a.cancel {
  background-image: url(../images/buttons/cancel.gif);
  width: 105px;
}
a.delete {
  background-image: url(../images/buttons/delete.gif);
  width: 115px;
  /*margin-right: 25px;*/
}
a.list {
  background-image: url(../images/buttons/list.gif);
  width: 88px;
}
a.import {
  background-image: url(../images/buttons/import.gif);
  width: 112px;
  /*margin-right: 25px;*/
}
a.update {
  background-image: url(../images/buttons/update.gif);
  width: 105px;
}
/*a.print {
  background-image: url(../images/buttons/print.gif);
  width: 112px;
  margin-right: 0px;
}*/
a.send {
  background-image: url(../images/buttons/send.gif);
  width: 109px;
  margin-right: 0px;
}
a.mail {
  background-image: url(../images/buttons/mail.gif);
  width: 98px;
  /*margin-right: 25px;*/
}
a.facture {
  background-image: url(../images/buttons/facture.gif);
  width: 111px;
  margin-right: 0px;
}
a.proforma {
  background-image: url(../images/buttons/proforma.gif);
  width: 118px;
  /*margin-right: 25px;*/
}
a.proformer {
  background-image: url(../images/buttons/proformer.gif);
  width: 120px;
  /*margin-right: 25px;*/
}
td.moduleHeader {
	border-top: 1px solid #444;
}
td.moduleHeader h1 {
	position: relative;
	display: block;
	float: left;
	height: 32px;
  background: url(../images/moduleHeader/module_bg.png) 0 0 no-repeat;
  margin: 0;
  margin-right: 5px;
  padding: 18px 30px 0 15px;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h1 span {
	display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 30px;
  background: url(../images/moduleHeader/module_right.png) 0 0 no-repeat;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2 {
	position: relative;
  display: block;
  float: left;
  height: 32px;
  background: url(../images/moduleHeader/action_blue_bg.png) 0 0 no-repeat;
  margin: 0;
  margin-right: 6px;
  padding: 18px 29px 0 15px;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2 span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 29px;
  background: url(../images/moduleHeader/action_blue_right.png) 0 0 no-repeat;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2.add {
  position: relative;
  display: block;
  float: left;
  height: 32px;
  background: url(../images/moduleHeader/action_green_bg.png) 1px 0 no-repeat;
  margin: 0;
  margin-right: 6px;
  padding: 18px 32px 0 15px;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2.add span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 32px;
  background: url(../images/moduleHeader/action_green_right.png) 0 0 no-repeat;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2.edit {
  position: relative;
  display: block;
  float: left;
  height: 32px;
  background: url(../images/moduleHeader/action_orange_bg.png) 1px 0 no-repeat;
  margin: 0;
  margin-right: 6px;
  padding: 18px 32px 0 15px;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.moduleHeader h2.edit span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 32px;
  background: url(../images/moduleHeader/action_orange_right.png) 0 0 no-repeat;
  
  font-size: 12px;
  font-family: arial;
  color: white;
}
td.messageBox {
  /*background: url(../images/fondlightblue.gif) 0 0 repeat-x;*/
  background: url(../images/icons/agt_action_success.png) 6px 2px no-repeat;
  background-color: #fff;
  border-bottom:1px solid #999;
  
  font-size: 12px;
  font-family: Verdana, Arial, Sans Serif;
  color: #444;
  padding: 10px 5px 10px 45px;
}
td.errorBox {
  /*background: url(../images/fondlightblue.gif) 0 0 repeat-x;*/
  background: url(../images/icons/no.png) 6px 5px no-repeat;
  background-color: #fff;
  border-bottom:1px solid #999;
  
  font-size: 12px;
  font-family: Verdana, Arial, Sans Serif;
  color: #444;
  padding: 13px 5px 16px 45px;
}
ul.error_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.error_list li {
  color: #C20000;
  margin-bottom: 2px;
}
div.users_on_page {
  background: url(../images/users/box_bg.png) top left repeat-x;
  background-color: #ccc;
  padding: 6px 6px 3px 6px;
  margin: 0 3px;
  
  font-size: 11px;
  font-family: Verdana, Arial, Sans Serif;
  color: #fff;
  text-align: left;
  height: 15px;
}
div.users_on_page a {
  color: #dedede;
}
div.users_on_page a:hover {
  color: #fff;/*#065F9E;*/
  text-decoration: none;
}
span.sess_delay {
  color: #999;
  display: block;
  background: url(../images/labels/delay_bg.png) center top no-repeat;
  margin-top: 1px;
}

div.snmask {
	background: url(../images/icons/ajax-loader-black.gif) center center no-repeat;
}
div.mask-box {
  /*border: 1px solid #333;*/
  background: url(../images/icons/ajax-loader.gif) 4px 4px no-repeat;
  /*background-color: #fff;*/
  width: 40px;
  height: 40px;
}
span.option-tag {
	display: block;
	float: left;
  border: 1px solid #3399FF;
  background: url(../images/fondlightblue.gif) 0 0 repeat-x;
  background-color: #eee;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 2px 6px;
}
span.ajax-autocomplete {
  background: url(../images/icons/ajax-ac-loader.gif) center center no-repeat;
  background-color: #000;
  display: block;
  /*float: left;*/
  position: absolute;
  z-index: 6;
  width: 20px;
  height: 20px;
  filter : alpha(opacity=75);
  -moz-opacity : 0.75;
  opacity : 0.75;
  border: 1px solid #fff;
}
span.autocomplete-field {
  background: url(../images/icons/autocomplete-field.gif) center center no-repeat;
  /*background-color: #000;*/
  display: block;
  /*float: left;*/
  position: absolute;
  z-index: 4;
  width: 22px;
  height: 22px;
  /*filter : alpha(opacity=75);
  -moz-opacity : 0.75;
  opacity : 0.75;
  border: 1px solid #fff;*/
}


.bold {
  font-weight: bold;
}
em {
  color: #065F9E;
}

div.auto_complete {
  z-index: 1000;
}
td.group {
	height: 25px;
}
td.group span {
  background: url(../images/fondmediumgrey.gif) left top repeat-x;
  padding: 3px 4px;
  margin-right: 3px;
  border: 1px solid #bbb;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
  border: 0;
  color: #fff;
}
span.comment {
  font-style: italic;
}

.box-choose-contact a {
	display: block; 
	border-bottom: 1px solid #ddd; 
	padding: 4px 0 5px 0; 
	width: 308px;
}
.box-choose-contact a:hover, .box-choose-contact a.selected {
  text-decoration: none;
  color: inherit;
  background-color: #ddd;
  border-bottom: 1px solid #ccc;
}
.box-choose-contact a.selected:hover {
  background-color: #e2e2e2;
}

textarea {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:8pt;
}

.boxTitle {
  color:#FFFFFF;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:8pt;
  height: 25px; 
  background: url(../images/fondred.gif);
  background-color: #e40000;
  text-align: center;
  font-weight: bold;
}

a.submit {
	padding: 5px 8px;
	color: white;
	font-weight: normal;
	font-size: 12px;
  background: url(../images/fondred.gif) 0 -1px repeat-x;
  background-color: #e40000;
  border: 2px solid #EFEFEF;
  /*border-top: 0;*/
  line-height:12px;
  margin-right: 0px;
}
a.submit:hover {
	border: 2px solid #EFEFEF;
  text-decoration: none;
  background: #E47373 url(../images/fondlightred.gif) 0 -1px repeat-x;
}

a.submit-grey, a.submit-grey:hover {
	display: block;
  padding: 8px 10px;
  font-weight: bold;
  background: #CDCDCD url(../images/fondlightgrey.gif) repeat-x scroll left top;
  font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:10px;
	color: black;
}
a.submit-grey:hover {
  font-weight: bold;
  background: #CDCDCD url(../images/fondlightblue.gif) repeat-x top left;
}
a.submit-grey:hover {
  text-decoration: none;
  color: #000;
  background: #CDCDCD url(../images/fondlightblue.gif) repeat-x top left;
}

a.button:hover {
	background: url("../images/professionnel/button-bg.jpg") repeat-x scroll 0 -1px #FFFFFF;
	border: 2px solid #DFDFDF;
	color: #A40000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	padding: 4px 10px;
	text-align: center;
	text-shadow: 2px 2px 1px #FFFFFF;
}
a.button {
  background: url("../images/professionnel/button-bg-over.jpg") repeat-x scroll 0 -1px #FFFFFF;
  border: 2px solid #DFDFDF;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 19px;
  line-height: 19px;
  padding: 4px 10px;
  text-align: center;
  text-shadow: 2px 2px 1px #FFFFFF; 
  text-decoration: none;
}
a.float {
  float: left;
  margin-right: 5px;	
}
#frm-search a.button {
	position: relative;
	float: right;
	font-size: 11px;
	padding-left: 26px;
  height: 14px;
  line-height: 14px;
}
a.print, a.print:hover {
  position: relative;
  float: left;
  font-size: 11px;
  padding-left: 26px;
  padding-right: 5px;
  height: 14px;
  line-height: 14px;
}
a.print span {
	position: absolute;
	background: transparent url(../images/icons/printer.png) top left no-repeat;
	width: 16px; height: 16px;
	top: 3px;
	left: 5px;
}
#frm-search select {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  height: 22px;
  line-height: 22px;
}

/* ajout 14/10/2009 pour logicauto es */
a.cta{float:right;}
#mayorista h2{font-size:12px;}
#mayorista{width:940px;margin:0 auto 10px;}
#mayorista ol{list-style-position:inside;margin-bottom:10px;}
#mayorista hr{margin:15px auto;color:#eee;}
#mayorista img.oferta{display:block;margin:0 auto 15px;}

#mayorista #description{width:642px;text-align:left;font-size:12px;line-height:16px;float:right;}
/*#mayorista #box-frm-login{width:280px;/*float:left;margin:40px 190px;float:right;}*/
.clear{clear:both;}

.annonce{width:280px;float:left;}
.annonce img{margin-bottom:10px;}

#stock-mayorista{text-align:left;width:895px;margin:15px auto 0;}

/* ajout 17/03/2010 pour logicautopro */
#lignelogo img{padding:5px;float:left}
#lignelogo a{font-size:11px;float:left;margin-top:18px;}
#gestion-pro, #propo-pro, #achat-pro{width: 654px;margin:10px auto;}

#gestion-pro .messageBox, #propo-pro .messageBox{text-align:left;}
#gestion-pro h1, #propo-pro h1, #achat-pro h1{margin:0 0 10px 0;}
#gestion-pro form, #propo-pro form{background-color: #cccccc; border: 2px solid #efefef; width: 650px}
form#frm-propo{margin:10px 0;}
form#frm-gestion{margin:0 auto;}

a.toutlestock{display: block; text-align: center; font-weight: bold; font-size: 12pt; height: 20px; line-height: 20px;}



#gestion-pro .help_message{font-size:9px;display:block;margin-top:-13px;width:296px;float:right;color:#444}

a.btn-reset span {
	display: block;
	position: absolute;
	top: 2px;
	left: 3px;
	background: url(../images/icons/magnifier_zoom_out.png) 0 0 no-repeat;
	height: 16px;
	width: 16px;
}

a.btn-resetfilters span {
	display: block;
	position: absolute;
	top: 3px;
	left: 5px;
	background: url(../images/icons/cog_delete.png) 0 0 no-repeat;
	height: 16px;
	width: 16px;
}

.info-box {
	background-color: #FFFBDF;
	border: solid 1px #FFF06A;
	padding: 10px 10px 0 10px;
	text-align: left;
	margin-top:4px;
}


/* page grupo logicautomocion */
#grupo{background:#CBCBCB url(../images/okrac/grupo.jpg) no-repeat top;}
#grupo ul{width:445px;margin:0 auto ;padding:40px 0;text-align:center;}
#grupo li{margin:0 auto 50px ;display:block;}
#grupo a{text-decoration:none;color:#000;margin-bottom:10px;display:block;}
#grupo a img{border:0}
#grupo span{width:250px;text-align:center;margin:10px auto;font-size:11px;width:250px;line-height:15px;}
#grupo span strong{display:block;margin-bottom:10px;font-size:15px;}