@CHARSET "UTF-8";

/**************************************************
				General
**************************************************/

body {
	background: url(images/fond_header.png) repeat-x top left scroll #F2F2F2;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 100%;
}

#ui-datepicker-div {
	display: none;
}

#ui-datepicker-div .ui-slider-horizontal {
	height: 10px;
	width: 150px;
	border: 1px solid #336; 
}

#ui-datepicker-div .ui_tpicker_hour table,
#ui-datepicker-div .ui_tpicker_minute table {
	width: 150px !important;
}

#ui-datepicker-div .ui-slider-horizontal a {
	top: 0px;
	left: 0px;
	border: 1px solid #A73B34;
}

#ui-datepicker-div .ui_tpicker_minute_label,
#ui-datepicker-div .ui_tpicker_hour_label {
	font-size: 11px;
}

#ui-datepicker-div .ui-timepicker-div dl dd {
	margin: 0px 10px 0px 70px;
}

#ui-datepicker-div .ui-timepicker-div dl {
	margin: 0 0 0 0;
}

.container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	z-index: 150;
	text-align: left;
	background-color: #FFF;
	border-right: 2px solid #D9D5CD;
	border-left: 2px solid #D9D5CD;
}

.bodyContent {
	padding-top: 10px;
	padding-bottom: 100px;
	vertical-align: middle;
	display: block;
	float: left;
	background-color: #FFF;
	width: 100%;
	min-height: 400px;
}

a {
	color: #464646;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.detail span {
	background: url(images/picto-detail.gif) no-repeat scroll 0 0 transparent;
	width: 30px;
	height: 14px;
	cursor: pointer;
	display: block;
}

a.retour {
	height: 24px;
	font-weight: bold;
	cursor: pointer;
	background: url(images/back.png) no-repeat scroll 0 0 transparent;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	display: block;
	text-decoration: underline;
}

a.new {
	background: url(images/plus.png) no-repeat scroll 0 0 transparent;
	display: block;
	height: 24px;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 10px;
	text-decoration: underline;
}

input.readonly,
select.readonly {
	background-color: #EEE !important;
	color: #686868 !important;
}

.fix {
	clear: both;
}

fieldset {
	margin: 0px;
	padding: 10px;
}

fieldset legend {
	padding: 5px;
	color: #A8A8A8;
	font-size: 14px;
	font-size: bold;
}

fieldset input[type=submit],
fieldset input.submit {
	cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 3px 14px 6px;
    text-transform: uppercase;
	float: right;
    margin: 5px 0px 0px 0px;
	background: url(images/button-blue.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #4F5A68;
    color: #FFFFFF;       
    height: 25px; 
}

fieldset input[type=submit]:hover,
fieldset input.submit:hover {
    background-position: 0 -25px;
}

fieldset input[type=submit]:active,
fieldset input.submit:active {
    background-position: 0 -50px;
}

fieldset .f-row {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 0px 5px 0px;
	position: relative;
	overflow: hidden;
}

fieldset .f-row.no-border {
	border-bottom: none;
	padding-bottom: 0px;
}

fieldset .f-row label {
	display: block;
	float: left;
	padding: 5px 10px;
	text-align: left;
}

fieldset input[type=text],
fieldset input.text {
	background-color: #FFFFF;
	border: 1px solid #D1D1D1;
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
	font-size: 12px;
	height: 25px;
}

fieldset select {
	width: 400px;
	height: 25px;
}

fieldset input.date {
	width: 80px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

span.mandatory {
	margin: 0px 5px 0px 5px;
	color: #B64136;
	font-weight: bold;
	text-decoration: none;
}

.formErrorMessage {
	color: red;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    clear: both;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000000;
    width: 70px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	color: #000000;
    float: right;
}

.rte-resizer {
	display: none !important;
}

.rte-toolbar select {
	width: 110px !important;
}

.csswfupload input[id^=btnCancel],
.csswfupload input {
	display: none;
}

#uploadPJ .csswfupload .fieldset .legend {
	display: none;
}

#uploadPJ .csswfupload .fieldset {
	width: 650px;
	float: right;
	display: block;
	padding: 0px 0px 0px 120px;
	margin: 0px 0px 10px 0px;
	height: 60px;
}

a.resetForm {
	position: absolute;
	right: 10px;
	font-size: 10px;
	color: #932820;
	text-decoration: underline;
	cursor: pointer;
	top: 5px;
}

div.valeur {
	display: block;
	float: left;
	padding-top: 6px;
}

/**************************************************
				Header
**************************************************/

.header {
	z-index: 5;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	text-align: left;
}

.header .header-top {
	height: 91px;
	margin-top: 2px;
}

.header .header-top div.logo {
	margin-top: 10px;
	float: left;
	width: 300px;	
}

.header .header-top a.logo {
	font-size: 26px;
	font-weight: bold;
	color: #6B6B6B;
	text-decoration: none;
}

.header .header-top a.logo span {
}

.header .header-top a.logo:FIRST-LETTER {
	color: #B22F25;
	font-style: italic;
}

.header .header-top .site-groupe {
	font-weight: bolder;
	text-transform: uppercase;
	padding: 7px 0 6px 25px;
	background: transparent url(images/logo_cf.png) no-repeat left center scroll;
	font-size: 11px;
	line-height: 2.5em;
	color: #000;
}

.header .header-top .dateNow {
	font-size: 11px;
	line-height: 2.5em;
	margin-left: 10px;
	text-align: right;
}

.header .header-top .dateNow:FIRST-LETTER {
	text-transform: uppercase;
}

.header .header-bottom {
	margin: 0;
	padding: 0;
	height: 68px;
}

.header .header-top .header-groupe {
	width: 100%;
	display: block;
	clear: both;
	height: 25px;
}

.header .header-top .header-groupe #groupe {
	float: left;
	display: block;
}

.header .header-top .header-groupe #header-date {
	float: right;
	display: block;
}

.header .header-top .header-extranet {
	width: 100%;
	display: block;
	clear: both;
	float: left;
}

.header .header-top .header-groupe .notification {
	width: 333px;
	display: block;
	float: left;
	margin: 4px 10px 0px 130px;	
	text-align: center;
	background-color: #6B6B6B;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 1px #FFFFFF;
    color: #FFFFFF;
    opacity: 0.8;
}

.header .header-top .header-groupe .notification span {
	font-weight: bold;
}

/**************************************************
				Footer
**************************************************/

.footer {
	background-color: #FFFFFF;
	height: auto;
	border-top: 2px solid #AB4030;
	border-bottom: 2px solid #AB4030;
	min-height: 50px;
}

.footer .footer-inner {
	margin: 0 auto;
	width: 970px;
}

.footer .logo-groupe {
	display: block;
	float: left;
	width: 300px;
	text-align: left;
}

.footer .copyright {
	text-align: center;
	color: gray;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bolder;
	display: block;
	width: 600px;
}

/**************************************************
						MENU
**************************************************/

.menuTop {
	background: transparent;
}

.menuTop ul.sf-navbar {
	width: 100%;
	height: 34px;
}

.menuTop ul.sf-menu li a {
	cursor: pointer;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #707070;
}

.menuTop ul.sf-menu li a span {
	font-size: 16px;
	color: #707070;
}

.menuTop ul.sf-menu li ul li a span {
	font-size : 14px;
	color: #D89893;
	font-weight: bold;
}

.menuTop ul.sf-menu li {
	height: 34px;
    padding: 0px 0px 0px 5px;
    font-weight: normal;
}

.menuTop ul.sf-menu li.current,
.menuTop ul.sf-menu li.sfHover {
	background-color: transparent !important;
}

.menuTop ul.sf-menu li.current a span,
.menuTop ul.sf-menu li.sfHover a span {
	color: #AB4030;
	background-color: transparent !important;
}

.menuTop ul.sf-menu li a:hover span {
	color: #AB4030;	
}
	
.menuTop ul.sf-menu li.current ul, 
.menuTop ul.sf-menu li.sfHover ul {
    left: 0;
    top: 36px;
    background-color: transparent;
    width: 1000px;
}

.menuTop ul.sf-menu li ul li.sfHover,
.menuTop ul.sf-menu li ul li.current {
	background-color: transparent;
}

.menuTop ul.sf-menu li ul li a span {
	color: #FFFFFF !important;
}

.menuTop ul.sf-menu li ul li.current a span,
.menuTop ul.sf-menu li ul li a:hover span {
	text-decoration: underline;
}

#menu_accueil {
	background-image:url(images/icon/small/home.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color: transparent;
}

#menu_accueil a {
	padding-left: 20px;
}

#menu_facture.disabled a {
	cursor: default !important;
}

#menu_facture.disabled a span {
	color: #BBB !important;
}

#menu_facture.disabled a .sf-sub-indicator {
	display: none !important;
}

#menu_facture.disabled ul {
	display: none !important;
}

.menuTop ul.sf-menu li ul li.disabled a {
	cursor: default !important;
	text-decoration: none !important;
}

.menuTop ul.sf-menu li ul li.disabled a span {
	color: #643500 !important;
}

.menuTop ul.sf-menu li ul li.disabled.current a span,
.menuTop ul.sf-menu li ul li.disabled a:hover span,
.menuTop ul.sf-menu li ul li.disabled.sfHover span {
	text-decoration: none !important;
}

body.system #menu_declaration,
body.system #menu_facture,
body.system #menu_releves,
body.system #menu_profil,
body.system.usurpe #menu_adv,
body.system.usurpe #menu_profil_adv,
body.system.usurpe #menu_admin,
body.system.usurpe #menu_suivi_commercial,
body.system.usurpe #menu_adv_hp,
body.system #menu_adv .edit-hp {
	display: none;
}

body.system.usurpe #menu_declaration,
body.system.usurpe #menu_hp,
body.system.usurpe #menu_facture,
body.system.usurpe #menu_releves,
body.system.usurpe #menu_profil {
	display: block;
}

body.system.hp #menu_adv .edit-hp {
	display: block;
}


/**************************************************
				Message Note
**************************************************/

.m-message {
	clear: both;
	margin: 10px 0px 10px 0px;
}

.m-message p {
	font-size: 12px;
	padding: 10px 25px 10px 54px;
	margin: 0px;
	color: #565656;
	text-align: left;
}

.m-message strong {
	margin-right: 5px;
}

.m-message.m-failure {
	background: #FCCAC1 url(images/icon/message/exclamation.png) no-repeat 15px center;
	border: 1px solid #E18B7C;
	color: #AC260F;
}

.m-message.m-success {
	background: #EFFEB9 url(images/icon/message/accept.png) no-repeat 15px center;
	border: 1px solid #C1D779;
	color: #3C5A01;
}

.m-message.m-information {
	background: #D1E4F3 url(images/icon/message/information.png) no-repeat 15px center;
	border: 1px solid #99C4EA;
	color: #235685;
}

.m-message.m-warning {
	background: #FFE9AD url(images/icon/message/error.png) no-repeat 15px center;
	border: 1px solid #EAC572;
	color: #826200;
}

/**************************************************
				Widget
**************************************************/

.bodyContent .column {
	margin-left: 10px;
}

.bodyContent .column.last {
	margin-left: 0px;
}	

div.w-widget {
	border-top: 4px solid #464646;	
    background: none repeat scroll 0 0 #FAFAFA;
    margin: 0px 0px 10px 0px;
    padding: 0;
    min-height: 80px;
    width: 100%;
}

div.w-widget .w-head {
	height: 28px;
    position: relative;
	/*background: none repeat scroll 0 0 #ECECEC;*/
	background: url(images/h5.jpg) no-repeat scroll left top transparent;
    border: 1px solid #C8C8C8;
    margin-top: 2px;
}

div.w-widget .w-head h5 {
	float: left;
    padding: 3px 12px 4px 30px;
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

div.w-widget .w-body {
	padding: 10px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 2px;
	overflow: visible;
	clear: both;
}

div.w-widget {
	border-bottom: 2px solid #464646;
}
	
div.w-widget .w-head h5.w-contact {
    background: url(images/icon/small/phone.png) no-repeat scroll 10px 50% transparent;
    font-weight: bold;
}

div.w-widget .w-head h5.w-info {
    background: url(images/information.png) no-repeat scroll 5px 3px transparent;
    padding-left: 35px;
}

div.w-widget .w-head h5.w-message {
    background: url(images/icon/small/userComment.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-facture {
    background: url(images/icon/small/money.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-search {
    background: url(images/icon/small/magnify.png) no-repeat scroll 10px 50% transparent;
    width: 905px;
}

div.w-widget .w-head h5.w-login {
    background: url(images/icon/small/user.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-infos {
    background: url(images/icon/small/info.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-horaires {
    background: url(images/icon/small/time.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head .w-data h5.w-login {
	width: 350px;
}

div.w-widget .w-head h5.w-password {
    background: url(images/icon/small/key.png) no-repeat scroll 10px 50% transparent;
    width: 350px;
}

div.w-widget .w-head h5.w-photo {
    background: url(images/icon/small/user.png) no-repeat scroll 10px 50% transparent;
    width: 350px;
}

div.w-widget .w-head h5.w-question {
    background: url(images/icon/small/pencil.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-piecejointe {
    background: url(images/icon/small/piece-jointe.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-parametres {
    background: url(images/icon/small/parametres.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-calendar {
    background: url(images/icon/small/parametres.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-produit {
    background: url(images/icon/small/books.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget .w-head h5.w-admin {
    background: url(images/icon/small/parametres.png) no-repeat scroll 10px 50% transparent;
    color: #FFFFFF;
}

div.w-widget.w-red .w-head h5 {
	color: #FFFFFF;
}

div.w-widget .w-head h5.w-help {
    background: url(images/icon/small/help.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget.w-help .w-head {
	/*ackground-color: #FFFF99;*/ 
}

div.w-widget .w-head h5.w-edit {
    background: url(images/icon/small/pencil.png) no-repeat scroll 10px 50% transparent;
}

div.w-widget.w-admin .w-head,
div.w-widget.w-red .w-head {
    background: #C7362B;
}

div.w-widget.w-admin,
div.w-widget.w-red {
	border-top: 3px solid #932820;
	border-bottom: 3px solid #932820;
}

div.w-widget.w-edit {
	overflow: hidden;
}

div.w-widget.w-edit .csswfupload {
	float: left;
	width: 300px;
}

div.w-widget.w-edit .csswfupload div.flash {
	width: auto;
	position: absolute;
	top: 50px;
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding: 0px;
	border: none;	
}

div.w-widget.w-edit #uploadedPhoto,
div.w-widget.w-edit #uploadedFicheProduit,
div.w-widget.w-edit #uploadedBordereauRappel {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 2px;
	border: 2px solid #EEE;
	width: 300px;
	min-height: 100px;
}

div.w-widget.w-edit .csswfupload .legend {
	display: none;
}

div.w-widget.w-edit .decalage,
.bodyContent .decalage {
	margin-left: 30px; 
	margin-bottom: 10px;
	overflow: visible;
	padding-top: 5px;
}

.w-row {
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 0;
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	overflow:auto;
}

.w-row.no-border {
	border-top: none;
}

.w-row label {
	display: block;
	float: left;
	padding: 4px 0px;
	text-align: left;
	color: #464646;
}

.w-row .w-column {
	margin-right: 25px;
	float: left;
}

.w-row.formError,
.formError {
	background-color: #FFDDEE;
	border-bottom : 5px solid #FFFFFF;
}

div.w-widget input[type=text],
div.w-widget input.text,
div.w-widget input[type=password],
div.w-widget input.password {
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	padding: 3px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
	font-size: 12px;
	height: 25px;
	position: relative;
}

div.w-widget input[type=submit],
div.w-widget input.submit,
div.w-widget a.button.red {
	cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 4px 14px 6px;
    text-transform: uppercase;
	float: right;
    margin: 10px 0px 10px 0px;
	background: url(images/button-red.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #4F5A68;
    color: #FFFFFF; 
    height: 25px;
}

div.w-widget input[type=submit]:hover {
    background-position: 0 -25px;
}
div.w-widget input[type=submit]:active {
    background-position: 0 -50px;
}

div.w-widget input.cancel,
input.cancel {
	cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 4px 14px 6px;
    text-transform: uppercase;
	float: right;
    margin: 1px 15px 10px 0px;
	background: url(images/button-grey.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #4F5A68;
    color: #FFFFFF;
    height: 25px;        
}

div.w-widget textarea,
div.w-widget iframe {
	background-color: #FFFFFF;
}

div.w-widget.w-edit textarea {
	width: 770px;
	height: 150px;
	resize: none;
}

div.w-widget input.cancel:hover {
    background-position: 0 -25px;
}

div.w-widget input.cancel:active {
    background-position: 0 -50px;
}

div.w-widget input[type=button],
div.w-widget input.button,
div.w-widget a.button,
input.print-button {
	cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 4px 14px 6px;
    text-transform: uppercase;
    margin: 1px 15px 10px 0px;
	background: url(images/button-blue.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #4F5A68;
    color: #FFFFFF;        
    height: 25px;
}

div.w-widget input[type=button],
div.w-widget input.button:hover {
    background-position: 0 -25px;
}

div.w-widget input[type=button],
div.w-widget input.button:active {
    background-position: 0 -50px;
}

/**************************************************
				Login
**************************************************/

div.w-widget.w-login {
	margin-top: 30px;
	margin-bottom: 50px;
	padding: 0px;
}

div.w-login .w-row label {
	width: 120px;
	margin-top: 3px;
} 

div.w-login .w-row input[type=text],
div.w-login .w-row input.text,
div.w-login .w-row input[type=password],
div.w-login .w-row input.password {
	width: 220px;
}

div.w-login #pwdFgt {
	margin: 0px 0px 10px 10px;
}

div.w-login #btnConnexion {
	margin: 10px 10px 0px 0px;
	width: 90px;
}

div.w-login #pwdFgt a {
	font-weight: bold;
}

/**************************************************
			Widget send email
**************************************************/

div.w-widget.w-send-email {
	border-top: none;
	border-bottom: none;
}

.w-send-email .w-row label {
	width: 100px;
	margin-top: 3px;
} 

.w-send-email .w-row input[type=text],
.w-send-email .w-row input.text {
	width: 400px;
}

.w-send-email .w-row textarea {
	width: 400px;
	height: 150px;
}

.w-send-email .receiveCopy {
	float: left;
	margin: 10px 10px 0px 5px;
}

.w-send-email .receiveCopy input {
	margin-right: 5px;
}

.w-send-email input[type=submit],
.w-send-email input.submit {
	margin-top: 10px;
	width: 90px;
}

div.w-widget.w-send-email input.cancel {
	margin: 10px 15px 10px 0px !important;
	width: 90px !important;
}

.w-send-email .formErrorMessage {
	padding-left: 145px;
}

/**************************************************
			Widget	Contact
**************************************************/

div.w-widget .contact-infos {
	padding: 0px 0px 10px 0px;
	background: none repeat scroll 0 0 transparent !important;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 10px;
	overflow: visible;
	width: 248px;
}

div.w-widget .contact-infos.last {
	border: none;
}

div.w-widget .contact-infos .contact-type {
 	background: url(images/dashed.png) repeat-x scroll 0 50% transparent;
    color: #515E70;
    font-weight: bold;
    width: 250px;
    display: block;
    float: left;
}

div.w-widget .contact-infos .contact-type span {
   	color: #515E70;
    font-weight: bold;
   	background: none repeat scroll 0 0 #FAFAFA;
    display: block;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    text-indent: 0;
    font-size: 11px;
    text-transform: uppercase;
}

div.w-widget .contact-infos .contact-summary {
	clear: both;
    padding: 2px 0px 0px 0px;
}

div.w-widget .contact-infos .contact-summary ul {
	list-style: none;
	margin: 3px 0px 0px 0px;
	padding: 0;
	display: block;
	float: left;
	clear: both;
}

div.w-widget .contact-infos .contact-summary ul li {
	background: url(images/plusRed.png) no-repeat scroll 0 6px transparent;
	padding: 0px 0px 0px 12px;
}

div.w-widget .contact-infos .contact-summary .contact-nom {
	color: #B44136;
	font-weight: bold;
	clear: both;
	font-size: 14px;
	background: url(images/pin.png) no-repeat scroll 0 1px transparent;
	padding-left: 16px;
	padding-top: 0px;
}

div.w-widget .contact-infos .contact-summary span.telephone {
	font-weight: bold;
}

div.w-widget .contact-infos .contact-summary span.email a {
	color: #2B6893;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

div.w-widget .contact-infos .contact-summary .send-email {
	float: right;
	padding: 5px 0px 0px 0px;
}

div.w-widget .contact-infos .contact-summary .send-email a {
	background: url(images/small-bouton.png) repeat-x scroll 0 0 transparent;
	background-position: 0 -57px;
    border: 1px solid #9D382F;
    border-radius: 2px 2px 2px 2px;
    color: #FEFEFE;
    padding: 1px 5px;    
    text-decoration: none;
    cursor: pointer;
}

div.w-widget a.small-button {
	background: url(images/small-bouton.png) repeat-x scroll 0 0 transparent;
	background-position: 0 0;
    border: 1px solid #444444;
    border-radius: 2px 2px 2px 2px;
    color: #FEFEFE;
    padding: 0px 5px;    
    text-decoration: none;
    cursor: pointer;
}

div.w-widget .contact-infos #demande-reassort {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;	
}

/**************************************************
			Widget	Information
**************************************************/

div.w-widget.w-info {
	border-top: 3px solid #932820;
}

div.w-widget.w-info .w-head {
	background-color: #ECECEC;
	border: 1px solid #AFD3F2;
}

div.w-widget.w-info .w-head h5 {
	color: #000;
}

div.w-widget.w-info .w-body {
	overflow: visible;
}

div.w-widget.w-info .informations .information span.expediteur {
	float: right;
	font-style: italic;
	font-size: 12px;
	color: #AB4030;
	font-weight: bold;
}

div.w-widget.w-info .informations .information .disposition .image,
div.w-widget.w-info .informations .information .disposition .texte {
	border: none;
}

div.w-widget.w-info .informations .information ul {
	list-style: none;
	margin: 3px 0px 0px 10px;
	padding: 0;
	display: block;
	float: left;
}

div.w-widget.w-info .informations .information ul li {
	background: url(images/plusRed.png) no-repeat scroll 0 6px transparent;
	padding: 0px 0px 0px 12px;
}

div.w-widget.w-info .informations .information img {
	height: 100%;
	max-height: 200px;
	width: auto;
}


/**************************************************
			     Widget Search
**************************************************/

div.w-widget.w-search {
	margin-bottom: 20px;
	margin-top: 10px;	
}

div.w-widget.w-search .w-body {
	padding: 5px 15px 0px 15px;
}

div.w-widget.w-search .f-row {
	margin-bottom: 5px;
	width: 100%;
	display: block;
	overflow: hidden;
}

div.w-widget.w-search .f-row .f-column {
	margin-right: 20px;
	float: left;
	width: 214px;
}

div.ui-dialog div.w-widget.w-search .f-row .f-column {
	width: 195px;
	margin-right: 0px;
}

#panierClients div.w-widget.w-search .f-row .f-column {
	margin-right: 15px !important;
}

#panierClients div.w-widget.w-search .f-row {
	margin-bottom: 1px;
}

#panierClients div.w-widget.w-search {
	margin-bottom: 0px;
	margin-top: 0px;
}

#panierClients div.w-widget input.submit {
	margin-top: 3px;
	margin-bottom: 5px;
}

#panierClients #dtClients tbody tr td {
	padding: 1px 5px;
}

#panierClients .paging, #panierClients .pagingInfo {
	margin: 5px 0px 5px 0px;
}

#panierClients {
	padding-bottom: 0px;
}

.myDialogClass.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0px;
	padding-bottom: 0px;
}

.myDialogClass.ui-dialog .ui-dialog-buttonpane button {
	margin-top: 2px;
	margin-bottom: 3px;
}

div.w-widget.w-search .f-row .f-column.last {
	margin-right: 0px;
}

div.w-search div.f-column label {
	font-size: 10px;
	text-align: left;
	width: auto;
	float: left;
}

div.w-widget.w-search input[type=text],
div.w-widget.w-search input.text {
	width: 210px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

div.ui-dialog div.w-widget.w-search input[type=text],
div.ui-dialog div.w-widget.w-search input.text {
	width: 190px;
} 

div.w-widget.w-search select,
div.w-widget.w-search select.select {
	width: 210px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

div.ui-dialog div.w-widget.w-search select {
	width: 190px;
} 

div.w-widget.w-search div.ene {
	float: right;
}

div.w-widget.w-search div.ene input.checkbox {
	margin-top: 0px;
}

div.w-widget.w-search span.ene-label {
	font-size: 9px;
}

div.w-widget.w-search div.checkbox {
	display: block;
	width: 210px;
}

div.w-widget.w-search div.checkbox * {
	float: left;
}

div.w-widget.w-search div.checkbox label {
	clear: none;
	margin-right: 20px;
	margin-top: 5px;
	margin-left: 5px;
}

div.w-widget.w-search .slctEdition {
	height: auto;
	max-height: 100px;
}

/**************************************************
			     Welcome
**************************************************/

.welcome {
	width: 350px;
	display: block;
	float: right;
    padding: 2px 0px 0px 0px;
    height: 50px;
}

.welcome .user-info {
    border-left: 2px solid #D9D5CD;
    border-right: 2px solid #D9D5CD;
    padding: 0px 10px 0px 10px;
}

.welcome .user-info .user-info-welcome {
 	background: url(images/dashed.png) repeat-x scroll 0 50% transparent;
    color: #515E70;
    font-weight: bold;
    display: block;
    float: left;
    width: 330px;
}

.welcome .user-info .user-info-welcome span {
   	color: #515E70;
    font-weight: bold;
   	background: none repeat scroll 0 0 #FAFAFA;
    display: block;
    float: left;
    padding-right: 5px;
    text-indent: 0;
    font-size: 12px;
}

.welcome .user-info .user-info-summary {
	clear: both;
    padding: 3px 0px 0px 0px;
}

.welcome .user-info .user-info-summary .user-info-photo {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    padding: 2px 2px 0px 5px;
    margin-right: 10px;
}

.welcome .user-info .user-info-summary .user-info-nom {
	color: #2B6893;
	font-weight: bold;
	font-size: 14px;
}

/**************************************************
			     Usurpatin
**************************************************/

.usurpation {
	width: 280px;
	display: block;
	float: left;
	margin: 5px 10px 0px 10px;
}

/**************************************************
			     Shorcut
**************************************************/

.shortcut {
	margin: 0px;
	display: block;
	float: right;
	clear: both;
}

.shortcut ul {
    margin-top: 25px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.shortcut ul li {
	display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    text-align: center;
}

.shortcut ul li a {
    background: url("images/middlebg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D5D5D5;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 1px #FFFFFF;
    color: #595858;
    display: block;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    height: 55px;
    font-weight: bold;
}

.shortcut ul li a:hover {
	color: #AB4030;
	border: 1px solid #AB4030;
}

.shortcut ul li a span {
    display: block;
    padding: 32px 5px 5px 5px;
}

.shortcut ul li.presentation {
    width: 130px;
}

.shortcut ul li.presentation a span {
    background: url(images/icon/middle/dialog.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.produit {
    width: 130px;
}

.shortcut ul li.produit a span {
    background: url(images/icon/middle/books.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.declaration {
	width: 160px;
}

.shortcut ul li.declaration {
}

.shortcut ul li.declaration a {
	font-weight: bold;
	color: #AB4030;
}

.shortcut ul li.declaration a span {
    background: url(images/icon/middle/pencil.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.disabled {
	opacity: .4;	
}

.shortcut ul li.disabled a {
	cursor: default !important;
}

.shortcut ul li.stats {
	width: 110px;
}

.shortcut ul li.stats a span {
    background: url(images/icon/middle/graph.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.factures {
	width: 110px;
}

.shortcut ul li.factures a span {
    background: url(images/icon/middle/money.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.profil {
	width: 110px;
}

.shortcut ul li.profil a span {
    background: url(images/icon/middle/cog.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li.message {
	width: 110px;
}

.shortcut ul li.message a span {
    background: url(images/icon/middle/userComment.png) no-repeat scroll 50% 8px transparent;
}

.shortcut ul li span.numberMiddle {
	font-size: 13px;
	font-weight:bold;
    margin: 0;
    position: absolute;
    right: -5px;
    top: -5px;
	background: url(images/number.png) repeat-x scroll 0 0 transparent;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    float: right;
    line-height: 14px;
    padding: 1px 5px;
    text-align: center;   
    text-indent: 0; 
}

/**************************************************
				AUTOCOMPLETE
**************************************************/

fieldset .autocomplete .ffb-input {
	width: 382px !important;
	height: 25px !important;
}

fieldset .autocomplete .ffb-arrow {
	margin-top: 6px;
	height: 25px;
	cursor: pointer;
}

.autocomplete {
	overflow: visible;
	display: block;
	float: left;
	width: 760px;
}

.autocomplete .ffb-div {
}

.autocomplete .ffb {
	top: 32px !important;
	position: absolute;
}

.autocomplete .ffb .content {
	position: relative;
	overflow: auto;
	float: left;
	clear: both;
	width: 398px;
}

.autocomplete .ffb .content .row {
	position: relative;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
}

.autocomplete .ffb .content .row.ffb-sel {
	background-color : #C7362B;
	position: relative;
}


/**************************************************
				DIALOG
**************************************************/

.ui-dialog .displaytag thead tr th,
.ui-dialog .displaytag tbody tr td {
	font-size: 10px;
	padding: 2px 10px;
}

.ui-dialog .w-search {
	margin-top: 0px;
	margin-bottom: 5px;
}


/**************************************************
			DESTINATAIRES MESSAGE
**************************************************/

#selectedDestinataires {
	margin: 10px 0px 10px 0px;	
}

#selectedDestinataires .listDestinataires {
	display: block;
	overflow-y: scroll;
	height: 200px;
	text-align: left;
	margin: 0px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	clear: both;
}

#selectedDestinataires .listDestinatairesBottom,
#selectedDestinataires .listDestinatairesTop {
	float: right;
	clear: both;
}

#selectedDestinataires span.nbDestinataires {
	font-size: 10px;
	font-style: italic;
}

#selectedDestinataires a.deleteDestinataires {
	font-size: 10px;
	cursor: pointer;
	text-decoration: underline;
}

#selectClient a.new {
	float: left;
	margin-right: 30px;
}

#panierManuelClients {
	text-align: left;
}

#panierManuelClients textarea {
	width: 90%;
	height: 200px;
}


/**************************************************
				MESSAGE PJ
**************************************************/

#uploadedPJ {
	display: block;
	overflow-y: scroll;
	height: 100px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	clear: both;
}

/**************************************************
				MESSAGE USER
**************************************************/

#messageContainer table.messageTable {
	margin-bottom: 20px;
	width: 648px;
}

#messageContainer a.logoMessage.nouveau {
	background: url("../images/message/mail_new_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.lu {
	background: url("../images/message/mail_lu_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.informatif {
	background: url("../images/message/view_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.mandatory {
	background: url("../images/message/mandatory_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.piecejointe {
	background: url("../images/message/piece-jointe.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.question {
	background: url("../images/message/question_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.question-reponse {
	background: url("../images/message/question_reponse_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer a.logoMessage.delete {
	background: url("../images/message/delete_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
}

#messageContainer table.messageTable tr:hover {
	background-color: #FFF;
}	

#messageContainer table.messageTable td.logo {
	padding: 5px;
}

#messageContainer table.messageTable td.nouveau a.show {
	font-weight: bold;
	color: #000;
}

#messageContainer table.messageTable td a.show {
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	color: #222;
}

#messageContainer table.messageTable td a.show:hover {
	text-decoration: underline;
}


/**************************************************
				DETAIL MESSAGE
**************************************************/

.detailMessage {
	text-align: left;
}

.detailMessage .f-row {
	margin-top: 3px;
}

.detailMessage .f-row label {
	width: 150px;
	padding: 0px;
}

.detailMessage .messageDescription {
	margin-top: 10px;
	display: block;
	float: left;
	width: 100%;
}

.detailMessage .disposition {
	width: 100%;
}

.detailMessage .disposition .image,
.detailMessage .disposition .texte {
	border: none;
}

.detailMessage ol {
	padding-left: 20px;
	margin: 0px;
}

.detailMessage .question {
	margin-bottom: 0px;
	padding: 5px;
}

.detailMessage .question label {
	text-decoration: underline;
}

.detailMessage .reponse .textQuestion {
	width: 830px;
	height: 60px;
}

.detailMessage .reponse .numberQuestion,
.detailMessage .reponse .prixQuestion,
.detailMessage .reponse .telephoneQuestion,
.detailMessage .reponse .siretQuestion,
.detailMessage .reponse .dateQuestion,
.detailMessage .reponse .emailQuestion {
	width: 200px;
	text-align: right;
}

.detailMessage .question .reponse label {
	text-decoration: none;
}

.detailMessage input[type=submit],
.detailMessage input.submit {
	width: 90px;
	margin: 0px 0px 10px 10px;
}

.detailMessage input.cancel {
	width: 90px;
	margin: 0px 0px 10px 10px;
}

.detailMessage input.cancel.delay {
	width: 150px;
}

.imageMessage {
	max-height: 100px;
}
/**************************************************
				GENERAL
**************************************************/

.loading {
	background: url("../images/loader.gif") no-repeat 50% 50% transparent;
	cursor: waiting;	
}


/**************************************************
			     Statistiques
**************************************************/

.w-statistiques h5 {
	color: #7F7F7F;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	background: url(images/icon/small/graph.png) no-repeat scroll 0 9px transparent;
}

.w-statistiques table {
	border: 2px solid #DDD;	
}

.w-statistiques table.gray tbody td {
	font-size: 12px;
}

.w-statistiques table.gray thead td {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.w-statistiques table td.pourcent {
	color: #B55D5C;
    font-size: 14px;
    font-weight: bold;
}


/**************************************************
			     PROFIL
**************************************************/

div.w-widget.w-profil .w-row {
	padding: 2px 0;
	overflow: hidden;
}

div.w-widget.w-profil h5.w-login span.codeClient {
	position: absolute;
	right: 10px;
}

div.w-widget.w-profil h5.w-login span.codeClient b {
	color: #C7362B;
}

div.w-widget.w-profil h5.w-login {
	width: 95%;	
}

div.w-widget.w-profil .w-row label {
	width: 140px;
	margin-top: 2px;
} 

div.w-widget.w-profil .w-row input[type=text],
div.w-widget.w-profil .w-row input.text {
	width: 280px;
	padding: 2px 5px 0px 5px;
	height: 22px; 
}

div.w-widget .w-row input.text.small {
	width: 240px;
	padding-top: 0px;
}

div.w-widget.w-profil .w-row select {
	width: 280px;
}

div.w-widget.w-profil .formErrorMessage {
	padding-left: 10px;
}

div.w-widget.w-profil input.cancel,
div.w-widget.w-parametres input.cancel {
	width: 80px;
	margin-top: 10px;
}

div.w-widget.w-profil.w-password {
	border-top : 2px solid #464646;
}

div.w-widget.w-profil.w-password #changePwd a {
	color: #000099;
	text-decoration: none;
	font-style: italic;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	white-space: nowrap;
}

div.w-widget.w-profil.w-password .w-row label {
	width: 100px;
	margin-top: 7px;
}

div.w-widget.w-profil.w-password input.text {
	/*width: 125px;*/
}

div.w-widget.w-profil.w-password #pwd {
	font-size: 16px;
	font-weight: bold;
	color: #C7362B !important;
	margin: 10px 0px 10px 0px;
}

div.w-widget.w-profil.w-photo a.modify {
	margin-top: 10px;
}

div.w-widget.w-profil.w-photo .actions {
	float: right;
}

div.w-widget.w-profil.w-photo a.delete {
	margin: 0px 10px 10px 0px;
	color: #111111;
	font-weight: bold;
	text-decoration: underline;
	clear: both;
	float: right;
}

div.w-widget.w-profil.w-photo .user-photo {
	display: block;
	float: left;
}

div.w-widget.w-profil.w-photo .user-photo .photo { 
	padding: 5px;
	float: left;
	display: block;
	border: 2px solid #C8C8C8;
	margin: 10px 15px 10px 0px;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto {
	margin-top: 10px;
	width: 250px;
	float: left;
	display: block;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .csswfupload {
	width: 90px;
	float: left;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .csswfupload .flash {
	position: absolute;
	top: 80px;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding: 0px;
	border: none;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .csswfupload .flash .legend {
	display: none;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .csswfupload .flash .progressWrapper {
	width: auto;
	height: auto;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .csswfupload .flash .progressWrapper .progressCancel {
	display: none;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto .info {
	margin-top: 5px;
}

div.w-widget.w-profil.w-photo .user-photo #changePhoto input.cancel {
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.w-widget.w-profil a.modify,
div.w-widget.w-parametres a.modify {
	float: right;
	margin: 10px 10px 10px 0px;
	color: #2B6893;
	font-weight: bold;
	text-decoration: underline;
}

/**************************************************
			     PARAMETRES
**************************************************/

div.w-widget.w-parametres .w-row label {
	width: 140px;
	margin-top: 2px;
} 

div.w-widget.w-parametres .w-row input[type=text],
div.w-widget.w-parametres .w-row input.text {
	width: 280px;
	padding: 2px 5px 2px 5px;
	height: 22px; 
}

div.w-widget.w-parametres .w-row select {
	width: 280px;
}

div.w-widget.w-parametres .w-chapitre {
	font-weight: bold;
	color: #2B6893;
	font-size: 14px;
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #2B6893;
	margin: 0px 0px 10px 0px; 
}

div.w-widget.w-parametres .w-chapitre.hebdo {
	margin: 20px 0px 10px 0px;
}

/**************************************************
			     MESSAGES
**************************************************/

.w-message .w-row label {
	width: 170px;
	margin-top: 2px;
	margin-left: 10px;
} 

.w-message .w-row input[type=text],
.w-message .w-row input.text {
	width: 400px;
}

.w-message .w-row .ffb-input {
	width: 382px !important;
}

.w-message .w-row select {
	width: 400px;
}

.w-message .w-row input.text.datePicker {
	width: 100px;
	float: left;
}

.w-message .w-row input.text.timeForDatePicker {
	margin-left: 10px;
	width: 60px;
	float: left;
}

.w-message .w-row input.text.dateTimePicker {
	width: 150px;
	float: left;
}

.w-message .ffb-div {
	position: absolute !important;
}

/**************************************************
			     PRODUITS
**************************************************/

div.w-produit .w-body {
	overflow: visible;
}

div.w-produit a.seeAll {
	position: absolute;
	text-transform: uppercase;
	font-weight: bolder;
	top: 0.5em;
	right: 0.4em;
	color: #B44136;
	text-decoration: underline;
}

div.w-produit .w-row label {
	width: 150px;
	margin-top: 2px;
} 

div.w-produit .w-row input[type=text],
div.w-produit .w-row input.text {
	width: 400px;
}

div.w-produit .w-row select {
	width: 400px;
}

div.w-produit .w-row input.text.datePicker {
	width: 100px;
	float: left;
}

div.w-produit .rte-toolbar a.image {
	display: none;
}

#produitsHSPrint {
	display: none;
	width: 950px;
}

div.print {
	display: none;
}

div.produits {
	position: absolute;
}

div.produits .produits-inner {
	clear: both;
	display: block;
	float: left;
	height: 520px;
}

div.produits .produit {
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #C8C8C8;
	float: left;
	background-color: #F5F5F5;
	width: 450px;
}

div.produits .produit .produit-visu {
	display: block;
	float: left;
	padding: 10px;
	width: calc(100% - 20px);
}

div.produits .produit .produit-inner {
	clear: both;
}

div.produits .produit .description h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
}

a.downDocument,
a.downFicheProduit,
a.downBordereauRappel {
	text-decoration: underline;
	font-size: 12px;
	color: #000;
	clear: both;
	margin-bottom: 5px;
	background: url(images/icon/small/download.png) no-repeat scroll left top transparent;
	padding-left: 15px;
}

.ajaxLoading{
	width: 100%;
	text-align: center;
}
.ajaxLoading div{
	background-image: url("../images/loader.gif");
	width: 100px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

#mesProduits .divConsult,
#mesProduits .divModif,
#mesProduits .divReassort,
#mesProduits .divDemandeReassort {
	width: 70px;
}

#mesProduits td.quantite,
#mesProduits th.quantite {
	width: 60px;
}

#mesProduits td.total,
#mesProduits th.total {
	width: 50px;
}


#mesProduits th.date,
#mesProduits td.date {
	width: 100px;
}

#mesProduits th.bordereau,
#mesProduits td.bordereau {
	width: 100px;
}

#mesProduits tr.rappel,
#mesProduits tr.rappel td {
	background-color: #FFFFCC;
}

#mesProduits tr.rupture,
#mesProduits tr.rupture td {
	background-color: #f8adad;
}

div.listeTelechargements table td.nom,
div.listeTelechargements table th.nom {
	width: 500px;
}
div.listeTelechargements table td.nom {
	font-size: 12px;
	font-weight: bold;
}
div.listeTelechargements table td.icon,
div.listeTelechargements table th.icon {
	width: 25px;
}
div.listeTelechargements #tableDocuments th,
div.listeTelechargements table.listeProduits th {
	text-align: center;
}
div.listeTelechargements table a.icon-delete {
	margin-left: 43%;
}
div.listeTelechargements table a.downDocument {
	margin-left: 10px;
}

/**************************************************
		Informations utilisateur
**************************************************/

.jshowoff-slidelinks {
	position: absolute;
	right: 0px;
	top: -40px;	
}

.jshowoff-slidelinks a {
	display: block;
	background-color: black;
	color: white;
	padding: 3px 7px 3px 7px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}

.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
}

.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
}


/**************************************************
				Composants du Tag Slider
**************************************************/
.sliderWrapper {
	padding-bottom: 1.05em;
	padding-left: 1.1em;
	padding-right: 1.1em;	
}
.mySlider {
	margin-top: 5px;	
}
.mySlider, .mySlider a {
	border-color: #333366 !important;	
}
.sliderShowValue {
	text-align: center;
}
.sliderSelectorBtn {
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
}
.sliderSelectorBtn input{
	height: 2em;
	vertical-align: middle;
	margin: 0;
}

/**************************************************
					Usurpation
**************************************************/
#selectUser {
	position: relative;
	display: block;
	border-color: #E1CC0F;
	border-style: solid;
	border-width: thin;
	background-color: #FFF48A;
	padding : 5px;
	text-align: center;
}

#selectUser *{
	vertical-align: middle;
}

#changeUser {
	text-align: left;
	vertical-align: middle;
}

/**************************************************
				Gestion Profil
**************************************************/

label#civilite[value="MLE"] {
	color: #FF99FF;	
	padding-right: 20px;
	background-image: url("../images/user_female.png");
	background-repeat: no-repeat;
	background-position: right;
}
	
label#civilite[value="MME"] {
	color: #FF33FF;	
	padding-right: 20px;
	background-image: url("../images/user_female.png");
	background-repeat: no-repeat;
	background-position: right;
}

label#civilite[value="M"] {
	color: blue;	
	padding-right: 20px;
	background-image: url("../images/user_gray.png");
	background-repeat: no-repeat;
	background-position: right;
}

#divId{
	position: relative;
	float: right;
	right: 5px;
	top: 3px;
}

/**************************************************
				Recherche client
**************************************************/
.paging img,
.paging a {
	cursor: pointer;
}

.paging strong, .paging a {
	margin: 0px 3px 0px 0px;
	background-color: #F2F2F2;
	line-height: 14px;
	font-size: 11px;
	padding: 2px 6px;
	display: block;
	position: relative;
	text-decoration: none !important;
	text-align: center;
	border: 1px solid #D5D5D5;
	float: left;
}

.paging a.p-first,
.paging a.p-prev,
.paging a.p-next,
.paging a.p-last {
	padding: 1px 2px;
}

.paging strong {
	font-weight: bold;
	opacity: .35;
}

.pagingInfo {
	display: block;
	float: left;
	margin: 10px 0px 10px 0px;
	font-style: italic;
	font-size: 11px;
	color: #932820;
}

.paging {
	display: block;
	float: right;
	margin: 10px 0px 10px 0px;
	overflow: visible;
}

/**************************************************
		Création/Modifications de messages
**************************************************/
.ui-datepicker-trigger {
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.dateChooser .ui-datepicker-trigger {
	float: none;
} 

.w-edit .ui-datepicker-trigger {
	float: left;
	margin-top: 3px;	
} 

#frmRechercheMessage {
	margin-left: auto;
	margin-right: auto;	
}

#frmRechercheMessage fieldset {
	width: 60%;
}

#appliContainer {
	width: 565px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}

.retourRecherche{
	display: block;
}

#frmRechercheMessage fieldset *{
	vertical-align: middle;
	margin-bottom: 0;
	margin-top: 0;
}
#frmRechercheMessage div{
	margin-bottom: 3px;
	margin-top: 2px;
}


.frmClient * {
	vertical-align: middle;
}

.frmClient input[type="button"] {
	float: right !important;
}

#radioSet {
	margin-bottom: 1.2em;	
	margin-top: 1.2em;	
}

.wrapper {
	width: 49%;
	margin: 0 0;	
	vertical-align: middle;
	white-space: nowrap;
	display: inline;
	height: 18px;
}

.wrapper img{
	margin: 0 0;
	cursor: pointer;
	float: right;	
}

#radioSet {
	text-align: center;
	right: auto;
	left: auto;	
}

#listePJ, #listePJ *{
	text-align: left;
}
#listePJ, #selectPj, #appendPj, #selectDestFile{
	margin-bottom: 1.2em;
}

.editQuestion,
.supprQuestion{
	text-align: center;
}

.editQuestion img,
.supprQuestion img {
	cursor: pointer;
}

#divPossibleValues input[type="button"] {
	float: right;
}

#displayResults {
	width: 100%;
}
/**************************************************
	Création/Modifications du message d'accueil
**************************************************/

#frmInformation {
	width: 100%;
	text-align: center;	
}
#frmInformation fieldset {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.rte-toolbar ul li a.warning {
	background:url("../images/rte/warning_16_16.png") no-repeat scroll 0 0 transparent;
}
/**************************************************
				Gestion CFCITO
**************************************************/
div#cmdScheduler *{
	margin-left: auto;
	margin-right: auto;
}
div#cmdScheduler a {
	text-decoration: none !important;
	font-style: italic;
}
div#cmdScheduler p *{
	vertical-align: text-bottom;
}

#frmPwd, #frmPwd * {
	text-align: center;		
}

#frmPwd fieldset {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
} 

#frmPwd fieldset * {
	text-align: left;	
}

/**************************************************
				Liste CLients
**************************************************/
#frmClients fieldset span *{
	cursor: pointer;
}
#frmClients fieldset input, #frmClients fieldset select{
	margin-bottom: 0;
	margin-top: 0;
}
#frmClients fieldset hr{
	margin-bottom: 1.2em;
	margin-top: 1em;
}
#frmClients fieldset div.column{
	vertical-align: middle;
	margin-bottom: 5;
	margin-top: 5;
}
span.noTypeDeclaration {
	font-size: x-small;
	font-style: italic;
}
/**************************************************
					Echeancier
**************************************************/
#choixDeclaration {
	padding-left: 5px;
}

#choixDeclaration select{
	padding-left: 5px;
	margin:0px;
}

/**************************************************
				Panier client
**************************************************/
.panierChecked, .panierSelected, .panierUnChecked{
	height: 16px;
	width: 16px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	cursor: pointer;
}
.panierChecked {
	background-image: url("../images/panier/cocheVerte.png");
}
.panierSelected {
	background-image: url("../images/panier/cocheOrange.png");
}
.panierUnChecked {
	background-image: url("../images/panier/cocheGrise.png");
}


/**************************************************
				 Vérifications
**************************************************/
#healthWrapper table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#healthWrapper table p{
	width: 100%;
	margin: 0;
}
#healthWrapper fieldset{
	margin-left: 1.5em; 
	margin-right: 1.5em; 
}

/**************************************************
				Display Tag
**************************************************/
.exportlinks {
	text-align: left;
	margin: 10px 0px 0px 0px;
	background-color: #F2F2F2;
	display: block;
	width: 300px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
	clear: both;
}

.exportlinks a {
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: underline;
}

.content-header {
	clear: both;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#contact-panel fieldset {
	padding: 5px;
	margin-bottom: 0px;
}

#contact-panel .contact-row .contact-input {
	float: left;
    width: 430px;
}

#contact-panel .contact-row textarea {
	float: left;
	width: 430px;
	height: 150px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
}

table.gray {
	margin: 0px;
	clear: both;
	empty-cells: show;
	border-collapse: collapse;
}

table.gray a {
	color: #2B6893;
	font-weight: bold;
	cursor: pointer;
}

table.gray thead td,
table.gray thead th {
    background: url(images/leftNavBg.png) repeat-x scroll 0 0 #EFEFEF;
    border: 1px solid #D5D5D5;
    color: #878787;
    font-size: 12px;
    text-align: left;
    padding: 5px 10px;
}

table.gray tbody td {
    border: 1px solid #E7E7E7;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 11px;
    background-color: transparent;
    text-align: left;
}

table.gray tbody tr:nth-child(2n) {
    background-color: #F5F5F5;
}

table.gray td.actions {
	width: 120px;
}

table.gray#dtMessages td.actions {
	width: 150px;
}

table.gray td.actions img {
	margin-left: 10px;
}

.rte-panel {
	z-index: 1000;
	position: absolute;
	right: 0px !important;
	top: 0px !important;
}

.rte-panel input[type="text"] {
	width: 150px !important;
	margin: 0 !important;
}

.rte-panel label {
	width: auto !important;
	margin: 0 !important;
}


h4.puce {
	background: transparent url(images/puce.png) no-repeat scroll left top;
	padding-left: 23px;
	line-height: 2em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 2px solid #AB4030;
	clear: both;
}

#tblEditQuestion .f-row label {
	width: 150px;	
}

#tblEditQuestion .f-row input[type=text],
#tblEditQuestion .f-row input.text,
#tblEditQuestion .f-row select {
	width: 300px;
}

span.info {
	font-size: 12px;
	color: #2B6893;
	background: transparent url(images/sInfo.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 20px;
	display: inline-block;
	margin-top: 5px;
	clear: both;
	width: 90%;
}

span.destinatairesTous {
    background-color: #2B6893;
    background-image: none;
    color: #EEEEEE;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
    width: 96%;
}

.selectDisposition {
	margin: 10px 0px 10px 0px;
	font-size: 12px;	
}

.selectDisposition  span.dispositionTitre {
	margin-right: 15px;
}

.selectDisposition span.dispositionDefaut {
	background: transparent url(images/icon/disposition/default.gif) no-repeat scroll right top;
	padding-right: 30px;
	margin-right: 20px;
}

.selectDisposition span.dispositionPhotoTexte {
	background: transparent url(images/icon/disposition/float-left.gif) no-repeat scroll right top;
	padding-right: 30px;
	margin-right: 20px;
}

.selectDisposition span.dispositionTextePhoto {
	background: transparent url(images/icon/disposition/float-right.gif) no-repeat scroll right top;
	padding-right: 30px;
	margin-right: 20px;
}


ul.rouge {
	padding: 0px 0px 0px 10px;
	list-style: none;
}

ul.rouge li {
	background: transparent url(images/carre_rouge.png) no-repeat scroll left 4px;
	padding: 0px 0px 7px 15px;
	font-weight: bold;
}


.visualization {
	margin-top: 20px;
}

.visualization_pie {
	margin-right: 20px;
	float: left;
	width: 300px;
	display: block;
}

.wait {
	cursor: wait;	
}

.ajaxUpdate:before {
	content: "Recherche en cours, veuillez patienter ...";	
}

.errorField{
	color: #f97e7e;
}

.errorMsg {
	color: red;
	font-weight: bold;	
	float: left;
}

.successMsg {
	color: green;
	font-weight: bolder;	
}


#helpBox {
	text-align: left;
}

#helpBox a {
	padding-left: 20px;
	background: transparent url(images/help-check.gif) no-repeat scroll left top;
}

#helpBox a.EHstopAll {
	display: none;
}

#helpbox a.ehelp {
	background: url(images/icon/small/help.png) no-repeat scroll left top transparent;
	padding-left: 20px;
	font-size: 11px;
	cursor: pointer;
}

.w-send-email a.ehelp {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.shortcut ul li a.EHmarker,
input.text.EHmarker,
textarea.EHmarker,
input.checkbox.EHmarker,
input.submit.EHmarker,
input.cancel.EHmarker,
select.EHmarker,
span.info.EHmarker,
.divConsult.EHmarker,
.tdInvendus.EHmarker input,
input.hasDatepicker.EHmarker,
th.previousDate.EHmarker img ,
th.nextDate.EHmarker img,
.divModif .inputModif.EHmarker,
.w-data.EHmarker input.text,
.w-data.EHmarker select,
.user-info-nom a.EHmarker {
	border: 3px solid #FFCC66;
}

.w-search #helpBox,
.w-profil #helpBox,
.w-data #helpBox {
	float: right;
	margin-top: 3px;
}

h4.puce #helpBox {
	float: right;
	text-transform: none;
	margin-right: 10px;
}

.bodyContent .ffb-arrow {
	width: 18px;
	height: 25px;
	background-image: url(flexbox/images/sel.gif);
	margin-top: 3px;
}

.bodyContent .w-search-action .autocomplete-client .ffb-arrow {
	margin-top: 0px;
}

.bodyContent .w-search-action .autocomplete-client .ffb-input {
	height: 25px;
}

.bodyContent .w-search-action .autocomplete-client label {
	margin-right: 20px;
	margin-top: 5px;
	width: 100px;
}

.bodyContent .w-search-action .autocomplete-client {
	margin-bottom: 10px;
	display: block;
	clear: both;
	float: left;
}

div.w-question input.cancel {
	margin-top: 10px;
}


div.carousel .actions .prev, 
div.carousel .actions .next {
    position: absolute;
    height: 155px;
    width: 20px;
    top: 10px;
}
div.carousel .actions .prev {
    left: 9px;
    border-right: 1px solid #464646;
    background: #ececec url(images/fleches_carousel.png) no-repeat -46px center scroll;
}
div.carousel .actions .next {
    right: 9px;
    border-left: 1px solid #464646;
    background: #ececec url(images/fleches_carousel.png) no-repeat 0 center scroll;
}
div.carousel .actions .prev:focus,
div.carousel .actions .prev:hover,
div.carousel .actions .next:focus,
div.carousel .actions .next:hover {
    cursor: pointer;
    border-color: #c7362b;
}
div.carousel .actions .prev:focus,
div.carousel .actions .prev:hover {
    background-position: -72px center;
}
div.carousel .actions .next:focus,
div.carousel .actions .next:hover {
    background-position: -26px center;
}

div.carousel .items {
    padding: 0px 20px 10px 20px;
}

div.carousel .items ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.carousel .items li {
    float: left;
    padding: 10px 10px 0px 10px;
    border: none;
    margin: 0;
    height: 120px;
}

div.w-carousel {
	width: 330px;
	float: left;
	margin-right: 10px;
	display: block;
}

div.w-carousel.last {
	margin-right: 0px;
}

div.carousel .items li img {
	border: 1px solid #C8C8C8;
	float: left;
	margin-right: 9px;
}

div.w-carousel .w-body {
	position: relative;
}

div.produit .content {
	width: calc(100% - 106px);
    float: left;
    padding: 0px 0px 0px 10px;
}

div.w-carousel div.produit-visu {
	width: 248px;
	height: 130px;
}

div.produit .photo {
	width:96px; 
	height: 128px; 
	background-color: #EEE; 
	float: left;
}

div.produit .flag {
	width : 100%;
	height: 17px;
	text-align: center;
	font-weight: bold;
}

div.produit.vente .flag {
	background-color: #28a745;
	color: white;
}

div.produit.speciale .flag {
	background-color: #28a745;
	color: white;
}

div.produit.rupture .flag {
	background-color: #dc3545;
	color: white;
}

div.produit.rappel .flag {
	background-color: #ffc107;
	color: #000;
}

div.w-carousel div.produit div.description span {
	display: none;
}

div.produit div.description {
	height: 74px;
	width: calc(100% - 20px);
	padding: 10px;
}

div.produit div.description h3 {
	display: block !important;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
}

div.produit .buttons {
	text-align: right;
}

#undoUsurpation {
	position: absolute;
	right: 5px;
}

table#recapQuestions {
	width: 750px;
}

.myDialogClass {
	position: absolute !important;
	top: 20px !important;
}

div.w-widget.w-quick label {
	width: 175px;
	margin-top: 0px;
}

div.w-widget.w-quick select {
	width: 120px;
	margin: 0px 20px 0px 0px;
}

div.w-widget.w-quick input.texte {
	width: 230px;
	height: 20px;
	margin: 0px 20px 0px 0px;
	padding: 0px;	
}

div.w-widget.w-quick input.submit {
	float: none;
	margin: 0px 0px 0px 0px;
}

div.w-widget.w-admin h5 {
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
}

div.w-widget.w-admin ul.rouge {
	margin-bottom: 0px;
}

div.w-widget.w-admin ul.rouge li {
	padding-bottom: 3px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
 
 .charsLeft {
 	padding: 0px 20px 0px 20px;
 	background-color: #FFCC33;
 	float: right;
 }
 
 .charsLeft span {
 	font-weight: bold;
 }
 
table.gray tbody tr.sms-80 td,
table.gray tbody tr.sms-81 td {
 	color: #66CC00;
 	font-weight: bold;
 }
 
table.gray tbody tr.sms-00 td,
table.gray tbody tr.sms-82 td,
table.gray tbody tr.sms-83 td,
table.gray tbody tr.sms-84 td,
table.gray tbody tr.sms-85 td,
table.gray tbody tr.sms-86 td,
table.gray tbody tr.sms-87 td,
table.gray tbody tr.sms-88 td,
table.gray tbody tr.sms-89 td,
table.gray tbody tr.sms-90 td,
table.gray tbody tr.sms-91 td {
 	color: #CC0000;
 	font-weight: bold;
 }
 
 a.icon-delete {
 	background: url("../images/message/delete_16.png") no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer;
 }
 
 .w-produit a.icon-delete {
 	float: right;
 } 
 
 .pagenotfound {
 	clear: both;
 	font-size: 28px;
 	color: #ABABAB;
 	padding: 30px 50px 30px 30px;
 	display: block;
 	float: left;
 	width: 830px;
 	background-color: #FFF2F2;
 	margin: 30px;
 }
 
 .pagenotfound a {
 	text-decoration: underline;
 	font-size: 20px;
 	color: #AB4030;
 	margin-left: 50px;
 }
 
 .client-info {
 	display: none;
 }
 
 input.print-button {
 	float: right;
 }
 
input.print-button.stats {
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 5px;
}

 /**************************************************
			     ACTIONS
**************************************************/

div.w-action .w-body {
	overflow: visible;
}

div.w-action .w-row label {
	width: 180px;
	margin-top: 2px;
} 

div.w-action .w-row input[type=text],
div.w-action .w-row input.text {
	width: 400px;
}

div.w-action .w-row select {
	width: 400px;
}

div.w-action .w-row input.text.datePicker {
	width: 100px;
	float: left;
}

div.w-action .w-row input.text.timeForDatePicker {
	margin-left: 10px;
	width: 60px;
	float: left;
}

div.w-action .w-row textarea {
	width: 760px;
}

.w-action .ffb-div {
	position: absolute !important;
}

.actions .actionDay {
	width: 100%;
	min-height: 114px;
	margin-bottom: 10px;
	border: 4px solid #DDD;
	background-color: #EFEFEF;
}

.actions .actionDay h5 {
	padding: 2px 5px 2px 5px;
	background: url(images/calendar-header.png) no-repeat top left #EEE;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	text-transform: capitalize;
}

.actions .actionDay h5 a.new {
	display: block;
	float: right;
}

.action .actionDay h5:first-letter {
	text-transform: uppercase;
}

.actions .actionDay.now h5 {
	/*color: #AB4030;*/
	background: url(images/calendar-header-now.png) no-repeat top left #EEE;
}

.actions .actionDay.now {
	/*border: 4px solid #909090;*/
}

.actions .actionDay .action,
.w-calendar .action {
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #FFF;
	font-size: 11px;
	display: block;
	background-color: #F5F5F5;
	overflow: hidden;
}

.actions .actionDay .action {
	width: 700px;
}
	
.w-calendar .action {
	width: 640px;
}

.actions .actionDay .action .action-date,
.w-calendar .action .action-date {
	width: 75px;
	float: left;
	margin-right: 10px;
	background-color: #DDD;
	padding: 0px 3px 0px 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #AB4030;	 
}

.actions .actionDay .action .action-client {
	width: 210px;
	float: left;
	margin-right: 10px;	
}

.w-calendar .action .action-client {
	width: 210px;
	float: left;
	margin-right: 5px;
}

.actions .actionDay .action .action-sujet {
	width: 230px;
	margin-right: 10px;
	float: left;
}

.w-calendar .action .action-sujet {
	width: 230px;
	float: left;
	margin-right: 5px;
}

.actions .actionDay .action .action-etat,
.w-calendar .action .action-etat,
.filtre-calendar .action-etat {
	width: 90px;
	margin-right: 0px;
	float: left;
	text-align: center;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	font-weight: bold;
}

#dtActions .etat {
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding: 2px 5px 2px 5px;
	width: 90px;
	display: block;
	text-align: center;
}

.actions .actionDay .action .action-etat.PROGRAMME,
.w-calendar .action .action-etat.PROGRAMME,
#dtActions .etat.PROGRAMME,
.filtre-calendar .action-etat.PROGRAMME {
	background-color: #C5DBEC;
}

.actions .actionDay .action .action-etat.TERMINE,
.w-calendar .action .action-etat.TERMINE,
#dtActions .etat.TERMINE,
.filtre-calendar .action-etat.TERMINE {
	background-color: #66CC66;
}

.actions .actionDay .action .action-etat.ANNULE,
.w-calendar .action .action-etat.ANNULE,
#dtActions .etat.ANNULE,
.filtre-calendar .action-etat.ANNULE {
	background-color: #F5A9A9;
}

.actions .actionDay .action-PROGRAMME,
.actions .actionDay .action-ANNULE {
	cursor: move;	
}

.actions .actionDay .action-PROGRAMME:hover,
.actions .actionDay .action-ANNULE:hover {
	background-color: #FFC;
	text-decoration: none;
}

.actions .actionDay .action .action-boutons {
	display: block;
	float: right;
}

.actions .actionDay .action .action-boutons a.edit {
	background: url("images/icon/small/pencil.png") no-repeat center center transparent;
	width: 14px;
	height: 14px;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	border: 1px solid #D8DCDF;
}


.actions .actionDay .action .action-boutons a.terminate {
	background: url("images/icon/small/check.png") no-repeat center center transparent;
	width: 14px;
	height: 14px;
	padding: 0;
	display: block;
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #D8DCDF;
}

.actions .actionDay .action .action-boutons a.edit:hover,
.actions .actionDay .action .action-boutons a.terminate:hover {
	background-color: #FFF;
	border: 1px solid #AB4030;
}

.weekPicker {
	padding-left: 5px;
}

.weekPicker .weekPicker-hover {
	background-color: #FCD3A1;
}

span.chargement {
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
	border-top: 1px dashed #BBB;
	border-bottom: 1px dashed #BBB;
	clear: both;
	width: 100%;
	display: block;
	color: #AB4030;
}

ul.type-action-root {
	list-style: none;
	padding-left: 0px;
	display: block;
	width: 770px;
	margin-bottom: 0px;
	margin-right: 0px;
	clear: both;
	margin-left: 180px;
}

#form-terminate ul.type-action-root {
	margin-left: 120px;
} 

ul.type-action-root li.list-type-action-root {
	margin-bottom: 10px;
	padding: 0px;
}

.w-search ul.type-action-root {
	font-size: 0.9em;
	width: 400px;
	background-color: #FFF;
}

.w-search ul.type-action-root>li>span {
	width: auto;
	background: none;
}

ul.type-action-root span.label-type-action-root {
	background-color: #ECECEC;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0px 5px 2px 5px;
	width: 600px;
	display: inline-block;		
}

ul.type-action-child {
	list-style: none;
	padding-left: 30px;
}

ul.type-action-child li.list-type-action-child {
	margin-bottom: 0px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px dashed #ECECEC;
	width: 500px;
}

ul.type-action-child li.list-type-action-child input.checkbox {
	width: 30px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

ul.type-action-child li.list-type-action-child div.valeurs {
	float: right;
	width: 185px;
	text-align: right;
	padding-right: 10px; 
}

ul.type-action-child li.list-type-action-child div.valeurs.notChecked {
	background-color: #FFDDEE;
}

#dtActions td.date {
	text-transform: capitalize;
}

.w-search a.toggle {
	clear: both;
	display: block;
	font-size: 0.8em;
	cursor: pointer;
	text-decoration: underline;
	color: #2B6893;
	background: url(images/showMore.png) no-repeat scroll 200px 6px #FFF;
	width: 195px;
	text-align: right;
	border: 1px solid #D1D1D1;
	padding: 2px 15px 2px 0px;
}

ul.list-actions {
	padding: 0px;
	margin: 0px;
	list-style: none;
	min-height: 10px;
}

.actions .placeholder { 
	display: block;
	cursor: pointer;
	text-decoration: none;
	float: left;
	width: 710px;
	background-color: #FFC;
	height: 25px;
	border: 1px solid #FCD3A1;
}

#form-terminate label {
	width: 120px;
}

#form-terminate ul.type-action-root {
	text-align: left;
	width: 620px;
}

#form-terminate textarea {
	width: 620px;
	height: 150px;
}

.filtre-calendar {
	padding: 0px 0px 0px 10px;
	margin-top: 10px;
}

.filtre-calendar fieldset {
	padding-left: 20px;
}

.filtre-calendar ul.filtreEtat {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	width: 180px;
	display: block;
}

.filtre-calendar ul.filtreEtat li {
	display: block;
	clear: both;
	margin-bottom: 5px;
	float: left;
	width: 180px;
}

.filtre-calendar ul.filtreEtat li input {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}

table.horaires td.entete {
	width: 55px;
}

table.horaires td.ouverture-false,
table.horaires td.ramassage-false {
	background-color: red;
	width: 18px;
}

table.horaires td.ouverture-true,
table.horaires td.ramassage-true {
	background-color: green;
	width: 18px;
}

table.gray.horaires thead td, 
table.gray.horaires thead th {
	padding: 5px 3px;
}

.hide {
	display: none !important;
}

.autocomplete #client_div .ffb-input {
	width: 512px !important;
}

.autocomplete #client_div .ffb .content {
	width: 512px !important;
}

.select-commercial {
	width: 100%;
}

.select-commercial .autocomplete {
	float: right;
	width: 310px;
}

.select-commercial .autocomplete .ffb-input {
	margin-top: 3px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}

ul.type-action-root li {
    width: 400px;
}

ul.type-action-child div.valeurs {
	display: inline-block;
    margin-left: 30px;
}

.m-select-commercial {
	float: left;
	width: 100%;
}

.m-select-commercial p {
	float: left;
}

.m-select-commercial .select-commercial {
	float: right;
	width: auto;
}

.w-search-action #blocTypesAction ul.type-action-root {
	margin-left: 0px;
}

.tableFactureHead{
	font-weight: bold;
}