*, body, h1 {
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Sans Serif;
	font-size: 11px;
}

select, input, button, textarea {
  font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Sans Serif;
}

html {
  background-color: #eee;
}

body {
  padding-top: 86px;
  padding-bottom: 65px;
}

a {
  color: #3875D7;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

div.clear {
  clear: both;
}

#header {
	position: fixed;
	z-index: 1000;
	top: 0;
  background: url(../images/header-bg.jpg) top left repeat-x;
  width: 100%;
  height: 40px;
  border-bottom: 3px solid #666;
}
#header-inner {
  padding: 8px 20px;
  color: #fff;
  font-size: 18px;
  background: url(../images/logo-client.jpg) 20px 6px no-repeat;
  height: 39px;
}
#header h1 {
  float: left;
  /*font-size: 0;
  letter-spacing: -50px;*/
  font-size: 16px;
  line-height: 18px;
  margin: 4px 0 4px 70px;
  padding-left: 20px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-weight: normal;
  font-style: normal;
  border-left: 1px solid #999;
  color: #fff;
}
/*
#header a {
  color: #d3d3d3;
}
#header a:hover {
  color: #efefef;
}*/

div#user {
	float: left;
  background: url(../images/icons/status_online.png) 20px top no-repeat;
  margin: 4px 0 0 20px;
  border-left: 1px solid #999;
  padding-left: 40px;
  line-height: 18px;
  color: #fff;
}
#apps, #apps-back {
  float: left;
  background: url(../images/icons/house_go.png) 20px top no-repeat;
  margin: 4px 0 0 20px;
  border-left: 1px solid #999;
  padding-left: 40px;
  line-height: 18px;
}
#apps-back {
  background: url(../images/icons/lock.png) 20px top no-repeat;
}

/* #menu {
  position: fixed;
  top: 43px;
  background: url(../images/fondlightblue.gif) top left repeat-x;
  width: 100%;
  height: 26px;
  border-bottom: 2px solid #bbb;
  padding: 0 20px;
}*/
#menu {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 43px;
  /*left: 20px;*/
  padding: 4px 0 4px 18px;
  border-bottom: 1px solid #bbb;
  background: transparent url(../images/menu-bg.png) top left;
}
#menu a {
	display: block;
	float: left;
	/*padding: 6px 8px;*/
	text-decoration: none;
	text-transform: none;
	border-left: 1px solid #999;
	margin-right: 5px;
}
	
#content {
  padding: 20px;
}

#footer {
	position: fixed;
	bottom: 0;
  background: url(../images/header-bg.jpg) 0 -40px repeat-x;
  width: 100%;
  height: 40px;
  border-top: 3px solid #666;
  clear: both;
}
#footer-inner {
  padding: 10px;
  color: #fff;
  text-align: right;
  font-size: 10px;
}
#footer-inner a {
	color: #ddd;
}
#footer-inner a:hover {
  color: white;
}
#footer span {
  color: #aaa;
}
#footer-inner a img {
	border: 1px solid #2a2a2a;
}

.sf_admin_column {
	float: left; 
	margin-left: 6px; 
	width: 480px;
}
#sf_admin_container .notice {
  margin: 0 4px;
}

#sf_admin_container h1 {
  color: #666;
  padding: 0 2px;
  margin: 0 0 10px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

#sf_admin_container h1 {
  -moz-border-radius: 4px 4px 4px 4px;
  /*-moz-box-shadow:0 0 3px #999999;*/
  background: -moz-linear-gradient(center bottom , #CCCCCC 0%, #949494 100%) repeat scroll 0 0 transparent;
  border-color: #888888 #AAAAAA #BBBBBB;
  border-style: solid;
  border-width: 1px;
  color: white;
  color: #333;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 4px 8px;
  text-shadow: 1px 1px 1px #89919A;
  /*text-transform: uppercase;*/
}
#sf_admin_container h1 {
  background:-moz-linear-gradient(center bottom , #333333 0%, #666666 100%) repeat scroll 0 0 transparent;
  border-color:#000000 #333333 #333333;
  text-shadow:1px 1px 1px #000;
  font-weight: normal;
  
  background:-moz-linear-gradient(center bottom , #DDDDDD 50%, #EFEFEF 20%) repeat scroll 0 0 transparent;
  border-color:#BBBBBB;
  font-weight:normal;
  text-shadow:1px 1px 2px #FFFFFF;
}
#sf_admin_container h1.module-title {
  -moz-box-shadow: none;
  background: -moz-linear-gradient(center bottom , #DDDDDD 50%, #EFEFEF 20%) repeat scroll 0 0 transparent;
  border: 1px solid #BBBBBB;
  color: #333333;
  float: left;
  padding: 4px 8px;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-transform: none;
}

.button:hover, .button-secondary:hover, .submit input:hover, #sf_admin_container ul li a.button:hover {
  border-color: #999;
  color: #000000;
  -moz-box-shadow: 0 0 3px #999;
}
a:hover {
  color: #D54E21;
}
.button, .submit input, .button-secondary, #sf_admin_container ul li a.button {
  background: #F2F2F2 url(../images/white-grad.png) repeat-x scroll left top;
}
.submit input, .button, .button-secondary, #sf_admin_container ul li a.button {
	-moz-border-radius: 4px;
	-moz-box-sizing: content-box;
	-webkit-border-radius: 15px;
	border: 1px solid #BBBBBB;
	color: #464646;
	cursor: pointer;
	font-size: 12px !important;
	line-height: 16px;
	padding: 2px 10px 3px;
  text-decoration: none;
  overflow: visible;
}

div#user .button {
	background: url(../images/red-grad.jpg) repeat-x;
	background: url(../images/header-bg.jpg) repeat-x 0 -3px;
	border-color: black;
	color: white;
	margin-left: 10px;
}
div#user .button:hover {
	border-color: white;
}

a.btn-search,
a.btn-edit,
a.btn-add-bl,
a.btn-replace,
a.btn-print { float: left; padding-left: 8px; }
a.btn-replace span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/arrow_switch.png) left top no-repeat;
}
a.btn-add-bl span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/table_add.png) left top no-repeat;
}
a.btn-search span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/magnifier.png) left 1px no-repeat;
}
a.btn-print span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/printer.png) left 1px no-repeat;
}
a.btn-edit span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/edit.png) left 1px no-repeat;
}
#sf_admin_container ul li a.btn-edit { padding: 2px 10px 2px; }

a.btn-home span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/house.png) left 1px no-repeat;
}

a.btn-back { padding-left: 8px; /*float: left;*/ }
a.btn-back span {
  float: left;
  width: 16px; height: 16px;
  /*margin-top: 1px;*/
  margin-right: 4px; 
  background: transparent url(../images/icons/arrow_left.png) left 1px no-repeat;
}

.btn-key {
  float: left;
  margin-top: -3px;
}
.btn-key span {
  float: left;
  width: 16px;
  height: 16px;
  background: url(../images/icons/lock.png) top left no-repeat;
  margin-right: 5px; 
}

#menu a.selected {
  background: url("../images/header-bg.jpg") repeat-x scroll left 8px #000000;
  border: 1px solid #666666;
  background: url("../images/header-bg.jpg") repeat-x scroll left -3px #000000;
  border: 1px solid #000;
  color: white;
  -moz-box-shadow: 0 0 3px #999;
}


#frm-login h1 {
	margin: 0;
  background: #353535 url(../images/auth-header.jpg) 0 0 no-repeat;
  border: 0px solid #222;
  border-bottom: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-radius-topleft: 10px;
  -webkit-border-radius-topright: 10px;
  color: white;
  padding: 8px 12px 16px;
  font-size: 0px;
  line-height: 16px;
  text-align: center;
  height: 65px;
  letter-spacing: -50px;
}

#frm-login-golf h1 {
	margin: 0;
  background: #353535 url(../images/auth-header-golf.jpg) 0 0 no-repeat;
  border: 0px solid #222;
  border-bottom: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-radius-topleft: 10px;
  -webkit-border-radius-topright: 10px;
  color: white;
  padding: 8px 12px 16px;
  font-size: 0px;
  line-height: 16px;
  text-align: center;
  height: 65px;
  letter-spacing: -50px;
}

#sf_fieldset_none {
	-moz-border-radius: 10px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-radius: 15px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
#sf_admin_container fieldset {
  margin-bottom: 0;
  clear: both;
  max-width: 478px;
  /*max-width: 444px;*/
}
#frm-login #sf_fieldset_none {
  position: relative;
  margin-top: -11px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

.frm-footer {
  position: relative;
	height: 23px;
  padding-top: 6px;
  background: transparent url(../images/white-grad-active.png) repeat scroll left top;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-top: 0;
}
#sf_admin_container a:hover {
  text-decoration: none;	
}
#sf_admin_container .tab-container a:hover {
  padding-bottom: 1px;
  background-color: white;
}

#sf_admin_container .error, #sf_admin_container ul.error_list li {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #666;
  padding: 4px 4px 5px 30px;
  border: 1px solid #333;
  border-bottom: 2px solid #333;
  /*float: left;*/
  float:left;
	margin-left:5px;
	margin-top:0;
}
#sf_admin_container ul.error_list {
  background-color: transparent;
/*  float: left;*/
/*  margin-left: 100px;*/
  margin-bottom: 4px;
}
#sf_admin_container .errors input, #sf_admin_container .errors select {
  border-style: ;
}
#sf_admin_container form .error, #sf_admin_container form ul.error_list li {
	float: none;
	margin: 0;
}

#sf_admin_container .notice {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #666;
  padding: 4px 4px 5px 30px;
  border: 1px solid #333;
  border-bottom: 2px solid #333;
  color: #fff;
  float: left;
}

/*
#sf_admin_list_batch_actions {
  -moz-border-radius-topleft: 15px;
  border: 1px solid #ddd;
  border-right: 0;
  border-bottom: 0;
}
#sf_admin_container tr {
  background-color: transparent;
  border-left: 0px;
  border-right:1px solid #DDDDDD;
}
#sf_admin_container tbody tr {
	background-color:#FFFFFF;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}*/

#sf_admin_container thead th {
  background: #EDEDED url(../images/white-grad.png) top left repeat-x;
  white-space: nowrap;
}
#sf_admin_container tfoot th {
	background: url(../images/white-grad-active.png) top left repeat-x;
	white-space: nowrap;
}

#sf_admin_container ul.sf_admin_actions {
	list-style-type:none;
	margin: 0 0 0 -1px;
	padding: 6px 12px;
  background: #fff url(../images/white-grad-active.png) repeat-x scroll left top;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-top: 0;
}
#sf_admin_container form ul.sf_admin_actions {
	margin: 0;
}
.sf_admin_list table {
  /*width: 100%;*/
  margin-bottom: 0;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
#sf_admin_container tr {
	border-left: 0;
  border-right: 0;
}

.sf_admin_list p {
  background-color: #fff;
  margin: 0;
  padding: 12px 12px;
  border: 1px solid #ddd;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.sf_admin_list_actions {
  display: table;
}

span.item-selected {
  background: transparent url(../images/white-grad-active.png) repeat scroll left top;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  color: #464646;
  font-size: 12px !important;
  line-height: 16px;
  padding: 2px 12px 3px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #e8e8e8;
}

span.item-selected {
  background: transparent url(../images/white-grad-active.png) repeat scroll left top;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  color: #464646;
  font-size: 12px !important;
  line-height: 16px;
  padding: 2px 12px 3px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #e8e8e8;
}

.calendar td {
  border: 0;
}
.calendar tfoot .ttip  {
  background-color: white;  
}

.sf_admin_form_header {
  background-color: #fff;
  margin: 0;
  margin-bottom: 6px;
  padding: 12px 12px;
  border: 1px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #ccc;
}

.help {
  padding-top: 5px; 
}
span.folder {
	display: block;
	background: url(../images/icons/folder.png) left top no-repeat; 
	padding-left: 18px;
	line-height: 16px;
	height: 16px;
}
span.folder-more {
  display: block;
  background: url(../images/icons/folder_add.png) left top no-repeat; 
  padding-left: 18px;
  line-height: 16px;
  height: 16px;
}
span.group {
	display: block;
  background: url(../images/icons/group.png) left top no-repeat; 
  padding-left: 18px;
  line-height: 16px;
  height: 16px;
}
span.folder-parent {
  display: block;
  background: url(../images/icons/arrow_up.png) left top no-repeat; 
  padding-left: 18px;
  line-height: 16px;
  /*height: 16px;*/
}


.sf_admin_form_header {
	color: #464646;
}

#sf_admin_container ul li.sf_admin_action_editrights a {
  background: url(../images/icons/bullet_key.png) left top no-repeat; 
}
#sf_admin_container ul.sf_admin_td_actions {
  height:17px;
  min-width: 183px;
}
#sf_admin_container ul.sf_admin_td_actions li {
  background: #F2F2F2 url(../images/white-grad.png) repeat-x scroll left top;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #BBBBBB;
  color: #464646;
  cursor: pointer;
  font-size: 12px !important;
  line-height: 16px;
  padding: 2px 10px 3px 8px;
  text-decoration: none;
  margin-right: 0px;
}
#sf_admin_container ul.sf_admin_td_actions li:hover {
  border-color: #999;
  color: #000000;
  -moz-box-shadow: 0 0 3px #999;
}

#sf_admin_header {
	clear: left;
  max-width: 446px;
}
#blsortie #sf_admin_header {
	max-width: 480px;
}
#sf_admin_content {
  /*clear: both;*/
  float: left;
  margin-right: 10px;
  /*width: 480px;*/
}

ul.tree {
	float: left;
	margin: 0;
	width: 175px;
  -moz-border-radius: 15px;
  -moz-box-sizing: content-box;
  -webkit-border-radius: 15px;
  border: 1px solid #BBBBBB;
  color: #464646;
  font-size: 12px !important;
  line-height: 16px;
  padding: 10px 10px;
  text-decoration: none;
  background-color: white;
  list-style-type: none;
}
ul.tree li {
	list-style-type: none;
}


#sf_admin_container input, #sf_admin_container textarea, input {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #FAFAFA;
	/*-moz-box-shadow: inset 2px 2px 2px #fff;*/
	/*border-color: #ccc #aaa #aaa #ccc;*/
  -moz-box-shadow: inset 2px 2px 2px #EFEFEF;
  border-color: #aaa #ccc #ccc #aaa;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
  width: auto;
}
#sf_admin_container input:focus, #sf_admin_container textarea:focus, input:focus {
  -moz-box-shadow: 0px 0px 6px #0075FF, inset 2px 2px 2px #EFEFEF;
  border-color: #aaa #ccc #ccc #aaa;
  background-color: #FAFAFA;
  color: #000;
}
#sf_admin_container input[type=submit], #sf_admin_container select, a.submit {
  border-color: #CCCCCC #aaa #aaa #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  -moz-box-shadow: 2px 2px 2px #EFEFEF;
  background: url(../images/buttons/button-bg-over.jpg) 0 -1px repeat-x;
  -moz-border-radius: 4px 4px 4px 4px;
  padding: 4px 4px;
}
#sf_admin_container input[type=submit]:hover, #sf_admin_container select:hover, a.submit:hover {
  background-color: #fff;
  background: url(../images/buttons/button-bg.jpg) 0 -1px repeat-x;
  color: #333;
}
a.submit, #sf_admin_container a.submit {
	color: black;
	height: 26px;
  background: url(../images/buttons/button-bg-over.jpg) 0 -1px repeat-x;
  padding:4px 8px;
  line-height:26px;
}
a.submit:hover, #sf_admin_container a.submit:hover {
  color: black;
  height: 26px;
  background: url(../images/buttons/button-bg.jpg) 0 -1px repeat-x;
  padding:4px 8px;
}
#sf_admin_container  a.btn-cancel_ {
	-moz-box-shadow: 2px 2px 2px #ddd;
	background: -moz-linear-gradient(0% 100% 90deg, #AB0000, #A10000, #FF0000 66%) repeat scroll 0 0 transparent;
	border: 1px solid #9F0000;
	color: white;
	height: 26px;
	padding: 4px 8px;
}

#sf_admin_container .errors input, #sf_admin_container .errors select, #sf_admin_container .errors textarea {
  border-color: #BF0000 #EF0000 #EF0000 #BF0000;
  -moz-box-shadow: inset 2px 2px 2px #EFEFEF;
}
#sf_admin_container .errors input:focus, #sf_admin_container .errors select:focus, #sf_admin_container .errors textarea:focus {
  border-color: #BF0000 #EF0000 #EF0000 #BF0000;
  -moz-box-shadow: 0px 0px 8px #DF0000, inset 2px 2px 2px #EFEFEF;
}

#sf_admin_footer {
	clear: both;
	float: left;
}

#sf_admin_container ul li.sf_admin_action_list a {
  background: url("../images/icons/arrow_left.png") no-repeat scroll 0 0 transparent;
}

div.sf_admin_form {
	clear: left;
}

span.obligatory {
	color: #BF0000;
}

#sf_admin_container label {
	padding-top: 4px;
}

.ui-datepicker-trigger {
  margin: 0px;
  margin-left:4px;
}

.sf_admin_form #sf_admin_container fieldset {
  width: 480px;
}

#sf_admin_container h1.toolbar {
  -moz-border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  margin-top: 0;
  
  -moz-border-radius: 4px 4px 0 0;
  border-bottom-color: #DDDDDD;
  margin-bottom: 0;
  margin-top: 0;
}

/**
 * COMMENTS COMPONENT
 */

#box-header-comments {
	height: 24px;
}

#box-comments {
	
}

.comment-box {
	-moz-border-radius: 10px;
	background-color:white;
	border:1px solid #CCCCCC;
	clear:both;
	padding: 15px;
	width:450px;
	margin-bottom:10px;
	border-bottom-width: 2px;
}
.comment-box h1 b {
	-moz-border-radius:4px 4px 4px 4px;
	background-color:#EEEEEE;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-right:2px;
	padding:1px 5px;
}

.comment-number {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("/images/fonddarkgrey.gif") repeat-x scroll left top #000000;
	border:1px solid #444444;
	color:#EEEEEE;
	float:left;
	font-size:20px;
	line-height:22px;
	margin:0 6px 6px 0;
	padding: 6px 4px;
	text-align:center;
	width:32px;
}

.comment-content {
  clear: both;
  padding-top:8px;
}

#sf_admin_container .comment-content h1 {
  font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Sans Serif;
  font-size: 11px;
  color: black;
  padding: 0;
}
	
	
/**
 * Menu Sous-titres
 */
#nav .label {
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #333;
  font-size: 14px;
  padding: 6px 0 2px 6px;
  margin-bottom: 0;
  height: auto;
  /*text-transform: uppercase;*/
}

/**
 * FICHIERS COMPONENT
 */
#box-header-fichiers {
  height: 24px;
}

#box-fichiers {
  
}

.file-name-over {
  position: absolute; 
  top: 52px; 
  left: -1px; 
  display: none; 
  width: 80px; 
  padding: 4px; 
  border: 1px solid #ccc; 
  border-top: 0; 
  background-color: #fff; 
  -moz-border-radius: 0 0 10px 10px; 
  word-wrap: break-word;
  min-height: 26px;
}

a.file-box:hover .file-name-over {
  display: block;
}

.fichier-box {
  -moz-border-radius: 10px;
  background-color:white;
  border:1px solid #CCCCCC;
  clear:both;
  padding: 15px;
  width:450px;
  margin-bottom:10px;
  border-bottom-width: 2px;
}
.fichier-box h1 b {
  -moz-border-radius:4px 4px 4px 4px;
  background-color:#EEEEEE;
  border-color:#CCCCCC #999999 #999999 #CCCCCC;
  border-style:solid;
  border-width:1px;
  margin-right:2px;
  padding:1px 5px;
}

.fichier-number {
  -moz-border-radius:5px 5px 5px 5px;
  background:url("/images/fonddarkgrey.gif") repeat-x scroll left top #000000;
  border:1px solid #444444;
  color:#EEEEEE;
  float:left;
  font-size:20px;
  line-height:22px;
  margin:0 6px 6px 0;
  padding: 6px 4px;
  text-align:center;
  width:32px;
}

.fichier-content {
  clear: both;
  padding-top:8px;
}

#sf_admin_container .fichier-content h1 {
  font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Sans Serif;
  font-size: 11px;
  color: black;
  padding: 0;
}

/**
 * DOCUMENTS STYLES
 */
.document-box {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:white;
  border:1px solid #ddd;
  clear:both;
  padding: 15px;
  padding-bottom: 10px;
  /*width:450px;*/
  margin-bottom:10px;
  border-bottom-color: #cccccc;
  line-height: 21px;
  /*box-shadow: 0 3px 5px #CCCCCC;
  -moz-box-shadow: 0 3px 5px #CCCCCC;
  -webkit-box-shadow: 0 3px 5px #CCCCCC;*/
}
.document-box-tabed {
  margin-bottom: 0; 
  border-bottom-width: 1px; 
  border-radius: 10px 10px 0 0; 
  -moz-border-radius: 10px 10px 0 0; 
  -webkit-border-radius: 10px 10px 0 0; 
  /*box-shadow: 0 0px 5px #ddd;
  -moz-box-shadow: 0 0px 5px #ddd;
  -webkit-box-shadow: 0 0px 5px #ddd;*/
  padding-bottom: 10px;
  background: #FFFFFF; /* old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FAFAFA 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FAFAFA)); /* webkit */
}

.document-box ul {
	margin: 0;
	padding: 0;
	clear: both;
}
.document-box ul.head li {
  border-bottom: 1px solid #ddd;
  line-height: 16px;
  margin-bottom: 2px;
}
.document-box li {
  float: left;
  list-style-type: none;
  padding-right: 0px;
  margin-right: 4px;
}
#sf_admin_container .document-box ul li a {
	background-image: none;
}

#sf_admin_container fieldset h2 {
    background: url("../images/white-grad.png") repeat-x scroll left top #EDEDED;
    height: 20px;
    line-height: 20px;
    padding-left: 6px;
    color: #333333;
    font-size: 11px;
    margin: 0;
    padding: 3px 10px;
}

.users_on_page {
  -moz-border-radius: 0 0 4px 4px;
  /*-moz-box-shadow: 0 0 3px #999999;*/
  background: -moz-linear-gradient(center bottom , #EEEEEE 0%, #999999 100%) repeat scroll 0 0 transparent;
  background: -moz-linear-gradient(center bottom , #EEEEEE 40%, #bbbbbb 100%) repeat scroll 0 0 transparent;
  border-color: #666666 #999999 #AAAAAA;
  border-color: #888888 #999999 #AAAAAA;
  border-color: #bbb;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 8px;
  padding: 4px 6px;
  margin-top: 1px;
  margin-top: 0;
}
#sf_admin_container .users_on_page a {
  color: #333;
}

#sf_admin_container .document-box a {
	color: #065F9E;
	
	-moz-border-radius:4px 4px 4px 4px;
	background-color:#333;
	color: white;
	font-weight:normal;
	padding:2px 6px;
}
#sf_admin_container .document-box a:hover {
  -moz-box-shadow: 0px 0px 3px #999;
  background-color: #000;
}
#sf_admin_container .document-box a.file-box:hover {
  -moz-box-shadow: none;
}

#sf_admin_container .document-box #btn-header-edit {
	float: right;
  background-color: transparent;
  color: #00AAFF;
}
#sf_admin_container .document-box #btn-header-edit:hover {
  -moz-box-shadow: none;
  text-decoration: underline;
}

.document-box b {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #EEEEEE;
	/*border-color: #CCCCCC #999999 #999999 #CCCCCC;
	border-style: solid;
	border-width: 1px;*/
	font-weight: normal;
	padding: 2px 6px;
}
b.wca-view { margin-top: 5px; }
.document-box .bl-comment {
  -moz-border-radius: 4px 4px 4px 4px;
  background-color: #EEEEEE;
  padding: 4px 6px;
  line-height: 16px;
}
.document-box .bl-comment b {
	font-weight: bold;
	padding: 0;
}

span.statut-green, span.statut-orange, span.statut-red, span.statut-blue {
  -moz-border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  font-weight: normal;
  padding: 2px 6px;
	color:white;
	font-weight:bold;	
}
span.statut-green { background-color:#99CC33; }
span.statut-orange { background-color: orange; }
span.statut-red { background-color: red; }
span.statut-blue { background-color: #6FA3FF; }

span.base {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 -10px 2px #EFEFEF inset;
  color: #666666;
  font-weight: normal;
  padding: 4px 6px;
}

a.btab, #sf_admin_container ul li a.btab {
	background:url("/images/white-grad.png") repeat-x scroll left top transparent;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px;
	color:#464646;
	float:left;
	line-height:24px;
	padding:0 10px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-bottom: 1px solid #999;
}
a.btab:hover, #sf_admin_container ul li a.btab:hover {
  background:none repeat scroll 0 0 white;
}
a.btab-selected, #sf_admin_container ul li a.btab-selected {
  background:none repeat scroll 0 0 white;
  line-height:25px;
  margin-top:-1px;
}
.document-parent-box {
  background: -moz-linear-gradient(center bottom , #DDDDDD 50%, #EFEFEF 20%) repeat scroll 0 0 transparent;
  margin-bottom: 2px;
  padding: 1px 4px 2px;
  -moz-border-radius: 0 0 4px 4px;
}
#sf_admin_container .document-parent-box a {
	background-color:#DDDDDD;
	color:black;
}
#sf_admin_container .document-parent-box a:hover {
	background-color:#eee;
}


/**
 * JQEURY TABS
 */
.ui-tabs { position: relative; background: none; border: 0; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; /*padding: .2em .2em 0;*/ }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; /*top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;*/ }
.ui-tabs .ui-tabs-nav li a { float: left; /*padding: .5em 1em; text-decoration: none;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { /*margin-bottom: 0; padding-bottom: 1px;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { /*cursor: text;*/ }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; background: white; border-width: 0; padding: 15px; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/**
 * JQEURY DATEPICKER
 */
.ui-datepicker {
	-moz-box-shadow:0 0 16px #ccc;
	padding:0.2em 0.2em 0;
	width:17em;
	border-color: #bbb;
}


/**
 * JQUERY AUTOCOMPLETER
 */
body .ac_results {
  -moz-border-radius:4px 4px 4px 4px;
  -moz-box-shadow:1px 1px 6px #999999;
  background-color:white;
  border:1px solid #999999;
  overflow:hidden;
  padding:0;
  z-index:99999;
}
body .ac_results ul {
  list-style:none outside none;
  margin:0;
  padding:1px;
  width: auto;
}
body .ac_results li {
  -moz-border-radius:4px 4px 4px 4px;
  cursor:default;
  display:block;
  font:menu;
  font-size:12px;
  line-height:16px;
  margin:0;
  overflow:hidden;
  padding:2px 5px;
}
body .ac_over {
  background-color:#3875D7;
  color:white;
}
 

/**
 * UPLOADIFY
 */
.uploadify {
  margin-top: 8px;
}
.uploadify .button {
  margin-right: 4px;
}


/**
 * TOOL BAR
 */
#sf_admin_bar {
	float: right;
	margin-left: 20px;
	position: absolute;
	right: 10px;
  top: 88px;
}

.sf_admin_filter {
	-moz-border-radius: 4px 0 4px 4px;
	-moz-box-shadow: 0 0 16px #999999;
	background-color: white;
	border: 1px solid #AAAAAA;
	margin-right: 28px;
	padding: 10px;
	display: none;
}
#sf_admin_container .sf_admin_filter td {
  border-width: 0;
}

a.tool, a.tool-filter, a.tool-filter-opened {
  background: #fff url(../images/icons/filter.png) 6px 6px no-repeat;
  display: block;
  float: right;
  width: 28px; height: 28px;
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  
}
a.tool:hover, a.tool-filter:hover {
  background: #333 url(../images/icons/filter.png) 6px 6px no-repeat;
	-moz-box-shadow: 0 0 3px #999;
	border: 1px solid #000;
}
a.tool-filter-opened {
  background: white url(../images/icons/filter.png) 6px 6px no-repeat;
  -moz-border-radius: 0 4px 4px 0;
  border: 1px solid #aaa;
  border-left: 0;
}

#module-toolbar {
  margin-bottom: 8px;
}
#module-toolbar .button {
  margin-right: 5px;
}


/**
 * Widget Select Autocomplete
 */
.wca {
  padding-top: 5px;
}
b.wca-view {
  -moz-border-radius: 4px 4px 4px 4px;
  background-color: #EEEEEE;
  font-weight: normal;
  padding: 2px 6px;
}


/**
 * PAGINATION GENERATOR
 */
.sf_admin_pagination a, .sf_admin_pagination span {
  padding: 2px 8px;
}
.sf_admin_pagination span {
  padding: 2px 6px;
}
div.snmask {
  background: url(../images/icons/ajax-loader.gif) center center no-repeat;
}


/**
 * HIDDEN FIELDS
 */
#header-hidden-fields {
	cursor: pointer;
  background: -moz-linear-gradient(center top , #f4f4f4 20%, #dfdfdf 70%) repeat scroll 0 0 transparent;
  border-bottom: 1px solid #D3D3D3;
  color: #666666;
  font-size: 9px;
  padding: 2px;
  text-align: center;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-transform: uppercase;
}
#header-hidden-fields:hover {
	background: -moz-linear-gradient(center top , #ffffff 20%, #eeeeee 70%) repeat scroll 0 0 transparent;
}

/* HOMEPAGE FILTERS */
#sf_admin_container #filters {
  
}
#sf_admin_container #filters label {
  float: left;
}
#sf_admin_container #filters select {
  float: left;
  margin-right: 130px;
}
#sf_admin_container #filters select#filters_reference_id {
	margin-right: 0;
}


p.alert {
  background-color: #EEDC94;
  background-image: -moz-linear-gradient(center top , #FCEEC1, #EEDC94);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  color: #404040;
  margin-bottom: 18px;
  padding: 7px 15px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
p.alert-error, div.alert-error {
  background-color: #EEDC94 !important;
  background-image: -moz-linear-gradient(center top , #FCEEC1, #EEDC94) !important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  color: #fff;
  margin-bottom: 18px;
  padding: 7px 15px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	
	background-color: #C43C35 !important;
  background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35)!important;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  font-size: 16px;
}
p.alert-error b {
  font-size: 16px;
}
div.alert-error {
  font-size: 12px;
}
div.alert-error b, div.alert-error .bl-comment {
  color: black;
}

ul.accessoires {
  padding-left: 20px;
}
ul.accessoires li {
  float: none;
  list-style-type: circle;
}


.alert {
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  border-radius: 4px 4px 4px 4px;
  color: #C09853;
  margin-bottom: 18px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-info {
  background-color: #D9EDF7;
  border-color: #BCE8F1;
  color: #3A87AD;
  margin-bottom: 18px;
}

.list-box {
  clear: both;
}
.list-line {
  display: block;
  background: white;
  border: 1px solid #ddd;
  border-bottom: 0;
  min-height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
  /*overflow: hidden;*/
}
.list-line:first-child {
  border-radius: 5px 5px 0 0;
}
.list-line:last-child {
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
}
.list-line .button {
  float: right;
  margin: 0;
  border-color: #ddd;
  line-height: 21px;
  border-width: 0 0 0 1px;
  border-radius: 0;
}
.list-line:first-child .button {
  border-radius: 0 5px 0 0;
}
.list-line:last-child .button {
  border-radius: 0 0 5px 0
}
.list-line .button span {
  background-position: left 3px;
}
.list-line span.quantity {
  color: #999999;
  float: left;
  margin-right: 5px;
  text-align: right;
  width: 22px;
}


.combo-multiple ul {
  
}
.combo-multiple li {
  
}
#sf_admin_container .document-box.combo-multiple  ul li a {
  background-color: #EEEEEE;
  color: #999;
}
#sf_admin_container .document-box.combo-multiple  ul li.selected a {
  background-color: #3B5998;
  color: white;
}

#sf_admin_container .document-box.combo-multiple .help {
  padding-left: 0;
}

.texte-marron{
color:#800000;
}

#sf_admin_container #reference_reference_sortie{
    background: none;
    height: 300px;
}