@import url(https://fonts.googleapis.com/css?family=Lato);
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* @import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Roboto'); */ 


/*
 * tools.less
 */
/* 
 * VERTICAL OFFSET CLASSES 
 */
@media (min-width: 1200px) {
  .voffset-lg {
    margin-top: 2px;
  }
  .voffset-lg-1 {
    margin-top: 5px;
  }
  .voffset-lg-2 {
    margin-top: 10px;
  }
  .voffset-lg-3 {
    margin-top: 15px;
  }
  .voffset-lg-4 {
    margin-top: 30px;
  }
  .voffset-lg-5 {
    margin-top: 40px;
  }
  .voffset-lg-6 {
    margin-top: 60px;
  }
  .voffset-lg-7 {
    margin-top: 80px;
  }
  .voffset-lg-8 {
    margin-top: 100px;
  }
  .voffset-lg-9 {
    margin-top: 150px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .voffset-md {
    margin-top: 2px;
  }
  .voffset-md-1 {
    margin-top: 5px;
  }
  .voffset-md-2 {
    margin-top: 10px;
  }
  .voffset-md-3 {
    margin-top: 15px;
  }
  .voffset-md-4 {
    margin-top: 30px;
  }
  .voffset-md-5 {
    margin-top: 40px;
  }
  .voffset-md-6 {
    margin-top: 60px;
  }
  .voffset-md-7 {
    margin-top: 80px;
  }
  .voffset-md-8 {
    margin-top: 100px;
  }
  .voffset-md-9 {
    margin-top: 150px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .voffset-sm {
    margin-top: 2px;
  }
  .voffset-sm-1 {
    margin-top: 5px;
  }
  .voffset-sm-2 {
    margin-top: 10px;
  }
  .voffset-sm-3 {
    margin-top: 15px;
  }
  .voffset-sm-4 {
    margin-top: 30px;
  }
  .voffset-sm-5 {
    margin-top: 40px;
  }
  .voffset-sm-6 {
    margin-top: 60px;
  }
  .voffset-sm-7 {
    margin-top: 80px;
  }
  .voffset-sm-8 {
    margin-top: 100px;
  }
  .voffset-sm-9 {
    margin-top: 150px;
  }
}
@media (max-width: 768px) {
  .voffset-xs {
    margin-top: 2px;
  }
  .voffset-xs-1 {
    margin-top: 5px;
  }
  .voffset-xs-2 {
    margin-top: 10px;
  }
  .voffset-xs-3 {
    margin-top: 15px;
  }
  .voffset-xs-4 {
    margin-top: 30px;
  }
  .voffset-xs-5 {
    margin-top: 40px;
  }
  .voffset-xs-6 {
    margin-top: 60px;
  }
  .voffset-xs-7 {
    margin-top: 80px;
  }
  .voffset-xs-8 {
    margin-top: 100px;
  }
  .voffset-xs-9 {
    margin-top: 150px;
  }
}
.voffset {
  margin-top: 2px;
}
.voffset-1 {
  margin-top: 5px;
}
.voffset-2 {
  margin-top: 10px;
}
.voffset-3 {
  margin-top: 15px;
}
.voffset-4 {
  margin-top: 30px;
}
.voffset-5 {
  margin-top: 40px;
}
.voffset-6 {
  margin-top: 60px;
}
.voffset-7 {
  margin-top: 80px;
}
.voffset-8 {
  margin-top: 100px;
}
.voffset-9 {
  margin-top: 150px;
}
@media (min-width: 768px) {
  .spec-cell-60 {
    width: 60px;
  }
  .spec-cell-70 {
    width: 70px;
  }
  .spec-cell-80 {
    width: 80px;
  }
  .spec-cell-90 {
    width: 90px;
  }
  .spec-cell-100 {
    width: 100px;
  }
  .spec-cell-110 {
    width: 110px;
  }
  .spec-cell-120 {
    width: 120px;
  }
  .spec-cell-130 {
    width: 130px;
  }
  .spec-cell-140 {
    width: 140px;
  }
  .spec-cell-150 {
    width: 150px;
  }
  .spec-cell-160 {
    width: 160px;
  }
  .spec-cell-170 {
    width: 170px;
  }
  .spec-cell-180 {
    width: 180px;
  }
  .spec-cell-190 {
    width: 190px;
  }
  .spec-cell-200 {
    width: 200px;
  }
  .spec-cell-210 {
    width: 210px;
  }
  .spec-cell-220 {
    width: 220px;
  }
  .spec-cell-230 {
    width: 230px;
  }
  .spec-cell-240 {
    width: 240px;
  }
  .spec-cell-250 {
    width: 250px;
  }
}
/* -------------------------------------------------------------------------------- */
.spacerRow {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* -------------------------------------------------------------------------------- */
/* 
 * TABLE RESPONSIVE STYLE 
 */
.cell-no-spacing {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** BODY
*/
/* body			{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px } */

/*
** DEFAULT
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: 'Lato', arial, helvetica, sans-serif;
}

#conteneur, .jqiGreymessage {
	font-size: 0.9em;
}

h1, h2, h3, div, p, td, th, li, span, a {
	font-family: 'Lato', Helvetica, Verdana, Arial, sans-serif;
	color: #000000;
	font-weight: normal;
}

/*
** H1
*/
h1				{ color: #0467a9; font-weight: bold; font-size: 2em !important; }
h2				{ color: #0467a9; font-weight: bold; font-size: 1.7em !important; }

/*
** P
*/
p.title			{ font-size: 12px; color: #0467a9; font-weight: bold }
p.bold			{ font-weight: bold; }

/*
** IMG
*/
img				{ border: none; }

/*
** BLOCKQUOTE
*/
blockquote		{ margin: 10px; }

hr { margin-top: 1rem !important; margin-bottom: 1rem !important; }

/*
**
** DESIGN ====================================================================================================
**
*/

#bgconteneur	{ margin: 0 auto; padding: 10px 20px; text-align: center; }
#conteneur		{ position: relative; width: 1200px; margin: 0 auto; text-align: left; }

#content		{ background-color: #FFFFFF; }
#footer			{ text-align: center; padding: 5px; } 

#contentPart				{ padding: 5px; }
#contentPart .title			{ text-align: center; color: #999999; font-size: 13px; padding: 3px; }
#contentPart ul				{ margin: 0px; padding-left: 15px; }
#contentPart li				{ padding-bottom: 3px; }
#contentPartShortcut div	{ padding-top: 3px; }

/*
** Header
*/
#header						{  }
#headerContent				{ padding-bottom: 10px; }
#header #authentifiedUser 	{ font-size: 16px; color: #333333; font-weight: normal; }

#header a					{ color: #333333; }
#header a:hover 			{ color: #0467a9; }

/*
** Context url
*/
#contextUrl a			{ color: #333333; }
#contextUrl a:hover    	{ color: #0467a9; }

/*
** DESIGN -> Logon
*/
#logonDiv						{ padding: 10px 0; }
#logonDiv input					{ padding: 5px; font-size: 12px; color: #656565; font-weight: normal; }
#logonDiv input[type=text]		{ width: 370px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }
#logonDiv input[type=password]	{ width: 370px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }
#logonDiv input[type=submit]	{ width: 200px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; background-color: #ad1f24; color: #fff; text-align: left; cursor: pointer; }
#logonDiv select				{ width: 290px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }

#logonDiv a						{ color: #ad1f24; }

div.logonBox	{ width: 320px; background-color: #FFFFFF; border: 1px solid #0467a9; }
div.logonHeader	{ padding: 3px; color: #FFFFFF; font-weight: bold; background-color: #0467a9; text-align: center; }
div.logonFooter	{ height: 15px; background-color: #0467a9; }

/*
* DESIGN -> Order
*/
.notexpediee	{ font-weight: normal; color: red; }
.expediee		{ font-weight: normal; color: green; }
.paid			{ font-weight: normal; color: green; }
.unpaid			{ font-weight: normal; color: red; }
.offered		{ font-weight: normal; color: #5bc0de; }

.bgTitle		{ background-color: #6D6464; }
.tabOnglet		{ color: #0467a9 ; font-weight: bold; }

.payment-interface-form-container { display: inline-block; vertical-align: middle; }
.payment-icon { vertical-align: middle; }

/*
* DESIGN -> Event
*/
.responseOk		{ font-weight: normal; color: green; }
.responseKo		{ font-weight: normal; color: red; }

/*
** DESIGN -> Menu
*/
#menu						{ background-color: #D7E7F2; font-size: 1em; 
								background-image: url('/crm-1/custom/img/event/background_menu_border.png');
								background-repeat: repeat-x;
								background-position: bottom;
							}
.menuItem					{ display: inline-block; margin: 0; padding: 10px 15px; border-bottom: 5px solid #fff; }
.menuOffsetIn				{ background-color: #fff; border-bottom: 5px solid #0467a9; }
#header .menuItem a			{ font-family: 'Lato'; font-weight: 600; color: #737373; font-size: 1.2em; }
#header .menuOffsetIn a		{ color: #0467a9; }

.menuOffsetOut:hover		{
	border-bottom: 5px solid #0467a9;
	background: #0467a9;
	/*
	background: -moz-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F2F2), color-stop(100%, #fff) );
	background: -webkit-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -o-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -ms-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: linear-gradient(top, #F3F2F2 0%, #fff 100%);
	*/
}
#header .menuOffsetOut:hover a		{
	color: #fff;
}
/*
#menuModule .menuModuleItem {
	float: left;
	padding: 0 2px;
}
#menuModule .menuModuleItem img {
	max-height: 40px;
}

#menuModule .menuModuleOffsetIn img {
	max-height: 50px;
}
*/

#menuModule #menuModuleAction {
	float: left;
    padding-right: 10px;
}
#menuModule #menuModuleAction img {
	max-height: 42px;
}
#menuModule #menuModuleAction #menuModuleActionOverlay {
	position: absolute;
	background-color: #E6E7E8;
	display: none;
	z-index: 1000;
}
/*
#menuModule #menuModuleAction #menuModuleActionOverlay {
	left: -9999px;
	opacity: 0;
	transition: 0.2s all ease-in-out;
}

#menuModule #menuModuleAction:hover #menuModuleActionOverlay, 
#menuModule #menuModuleAction:focus #menuModuleActionOverlay {
	left: 0px;
	opacity: 1;
}
*/
#menuModule #menuModuleAction #menuModuleActionOverlay .menuModuleActionOverlayContainer {
	padding: 10px;
}

#menuModuleActionOverlay .shortcutItem	{ display: inline-block; width: 110px; padding: 20px 5px; background-color: none; text-align: center; }
#menuModuleActionOverlay .shortcutItem:hover { background-color: #efefef; }
#menuModuleActionOverlay a img			{ max-height: 80px !important; }
#menuModuleActionOverlay a div			{ font-size: 14px; margin: auto; font-weight: bold; }
#menuModuleActionOverlay a:hover div	{ color: #0467a9; }

#menuModule .menuModuleReminder {
	float: left;
	padding-top: 4px;
	margin-left: 20px;
}

.reminderBefore { color: #d9534f; font-size: 0.9em; }
.reminderAfter { /* color: #5cb85c; */ font-size: 0.9em; }

#menuModule .menuModuleSelected {
	display: table;
	float: left;
}
#menuModule .menuModuleSelected > div {
	display: table-cell;
	vertical-align: middle;
}
#menuModule .menuModuleSelected > div:nth-child(2) {
	display: inline-block;
    border-right: 1px solid #efefef;
    padding: 13px 0;
    margin-top: 7px;
}
#menuModule .menuModuleSelected > div:nth-child(3) {
	/* background-color: red; */
	width: 120px;
	text-align: center;
}
#menuModule .menuModuleSelected > div:nth-child(3) a {
	color: #fff;
	font-size: 16px;
}

#menuModule .menuModuleSelected img {
	max-height: 40px;
}

#menuMore {
	position: relative;
	top: -7px;
}

#menuMore .arrow {
	max-height: 10px;
}

#menuMore .menuMoreItem{
	width:100px;
	height:20px;
	float:left;
	/* color:#191919; */
	text-align:center;
	overflow:hidden;
	position: absolute;
	z-index: 1000;
}

#menuMore a{
	/* color:#FFF; */
	text-decoration:none;
}

#menuMore div {
	padding:0px 5px;
}

#menuMore .subtext {
	margin-top: 10px;
	padding: 10px;
	display: none;
}
#menuMore .subtext div {
	padding: 3px 0;
}

/*Menu Color Classes*/
#menuMore .blue{
	background-color:#efefef;
}

/*
** DESIGN -> Corner
*/
#cornerTopLeft     { position:absolute; top:-1px; left:-1px; width:10px; height:10px; background:url('/crm-1/custom/img/kernel/corners.gif') no-repeat top left; }
#cornerTopRight    { position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url('/crm-1/custom/img/kernel/corners.gif') no-repeat top right; }
#cornerBottomLeft  { position:absolute; bottom:-1px; left:-1px; width:10px; height:10px; background:url('/crm-1/custom/img/kernel/corners.gif') no-repeat bottom left; }
#cornerBottomRight { position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background:url('/crm-1/custom/img/kernel/corners.gif') no-repeat bottom right; }

/*
** DESIGN -> Color preview
*/
span.colorPreview	{ padding: 3px; }

/*
** DESIGN -> Sheet
*/
.referenceBox table.card th 	{ background-color: #EEE; }
.referenceBox table.card th.required 	{  }

table.card th					{ background-color: #D7E7F2; padding: 3px; border-bottom: 1px dotted #eaeaea; color: #333333; font-weight: normal; text-align: right; width: 120px; }
table.cardRib th				{ background-color: #D7E7F2; padding: 3px; border-bottom: 1px dotted #eaeaea; color: #333333; font-weight: normal; text-align: left; width: 120px; }
table.card th.required			{                            padding: 3px; border-bottom: 1px dotted #eaeaea; color: #000000; font-weight: bold; text-align: right; width: 120px; }
table.card td					{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #eaeaea; text-align: left; }
table.card td.name,	table.card td.name span.name
								{ font-weight: bold; font-size: 13px; text-align: left; }
table.card td.none				{ border-bottom: 0px; }
table.card table.Gtab td		{ padding: 0px; border: none; }

.cardLine th					{ text-align: center !important; }

table.cardDetail th				{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #eaeaea; color: #333333; font-weight: normal; text-align: right; width: 120px; }
table.cardDetail th.required	{                            padding: 3px; border-bottom: 1px dotted #eaeaea; color: #000000; font-weight: bold; text-align: right; width: 120px; }
table.cardDetail td				{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #eaeaea; text-align: left; }
table.cardDetail td.name, table.cardDetail td.name span.name
								{ font-weight: bold; font-size: 13px; text-align: left; }
table.cardDetail td.none		{ border-bottom: 0px; }

table.none th			{ padding: 0px; border: none; font-weight: normal; text-align: left; }
table.none td			{ padding: 0px; border: none; font-weight: normal; text-align: left; }

table.highlightTable	{ border-spacing: 1px; }
table.highlightTable th	{ background-color: #0467a9; padding: 1px; border-bottom: 1px dotted #eaeaea; color: #fff; font-weight: bold; text-align: center; vertical-align: top; }
table.highlightTable td	{ padding: 1px; padding: 5px 5px; border-bottom: 1px dotted #eaeaea; }



/*
table.highlightTable tr:nth-child(odd) td {
    background-color: #F0F0F0;
}
table.highlightTable tr:nth-child(even) td {
    background-color: #FBFBFB;
}
*/

#nbMailsSendLast table td { border:none; }
#nbMailsSend	 table td { border:none; }

/*
** DESIGN -> Search
*/
fieldset.search			{ padding: 5px; background-color: #F3F2F2; border: none; border-radius: 0px; margin-top: 10px; }
fieldset.search legend	{ 
							background-image: url('/crm-1/custom/img/event/_picto_search_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px;
							height: 35px;
							margin: 0 !important;
							border-bottom: 0;
						}

fieldset.searchAdd		{ padding: 5px; border: 1px solid #AAAAAA; background-color: #ffffcc; -moz-border-radius:5px; border-radius:5px; }

fieldset.searchUpdate, fieldset.searchMassContact, fieldset.searchMassAccount	{ margin-top: 20px; padding: 5px; background-color: #F3F2F2; border: none; border-radius: 0px; }
fieldset.searchUpdate legend, fieldset.searchMassContact legend, fieldset.searchMassAccount legend	{ 
							background-image: url('/crm-1/custom/img/event/_picto_search_update_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px;
							height: 30px;
							margin-bottom: 0px;
						}
						
fieldset.searchUpdate input[type=text], fieldset.searchMassContact input[type=text], fieldset.searchMassAccount input[type=text],
fieldset.searchUpdate select, fieldset.searchMassContact select, fieldset.searchMassAccount select {
	width: 100%;
}						

fieldset.import			{ padding: 5px; border: 1px solid #AAAAAA; -moz-border-radius:5px; border-radius:5px; }
div.searchMenu			{ display: none; position: absolute; text-align: left; background-color: #F3F2F2; border: 1px solid #AAAAAA; padding: 5px;}
div.searchMenu div		{ padding: 3px;}

fieldset.search select { width: 200px; }
fieldset.search .searchQuickSave select, fieldset.search select[name="searchSave.id"] { width: 400px; }

div.searchQuickSave	{ background-color: #fff; border-top: 1px dotted #eaeaea; padding: 5px; }
/* div.searchNumber	{ text-align: right; padding: 5px; font-size: 1.4em; color: #999999; } */

div.searchNumber		{ text-align: right; padding: 5px; font-size: 1.6em; }
div.searchNumber .label span	{ color: #fff !important; }
div.searchNumber .label span:last-child { font-size: 0.8em !important; font-weight: normal; }
div.searchNumber .searchNumberPagerLight { display: inline; font-size: 0.8em; padding-left: 10px; color: #777 !important; }

span.searchNumber	{ font-style:italic; font-size: 12px; color: #999999; }

div.calendarShareColorChoice		{ display: none; position: absolute; text-align: left; background-color: #D3D4D6; width:200px; padding:5px; padding-bottom:5px; border: 1px solid #FFFFFF; margin-top : 1px;}
div.calendarShareColorChoice div.calendarShareColorChoicePresent	{ margin: 0; margin-left:3px; margin-top:3px; padding:0; width: 15px; height:15px; float:left; border: 1px solid #FFFFFF;  cursor: pointer;}
div.calendarShareColorChoiceFirst	{ margin:0; padding:0; width: 20px; height:20px; border: 1px solid #FFFFFF; cursor: pointer;} 

/*
** DESIGN -> Import
*/

#importStep { 	text-align:left; }

#importStep div.oneStep { float:left; padding-right: 5px;}
				
#importStep div.oneStep div.left { 		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top left; 
							background-image: url('/crm-1/custom/img/event/left_quick_start_off.gif'); }

#importStep div.oneStep div.middle { 	float:left; height: 64px; 
							background-repeat: repeat-x; background-position: top left; 
							background-image: url('/crm-1/custom/img/event/middle_quick_start_off.gif'); }
							
						
#importStep div.oneStep div.middle div.content 				{ padding-top: 18px; } 
#importStep div.oneStep div.middle div.content div.num 		{ font-size: 22px; float: left;  color:#999999 ;}
#importStep div.oneStep div.middle div.content div.label 	{ font-size: 17px; float: left; padding-top: 3px; padding-left: 5px; color:#999999;}

#importStep div.oneStep div.right {		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top right; 
							background-image: url('/crm-1/custom/img/event/right_quick_start_off.gif'); }
							
#importStep div.oneStep div.stepNextContent	{ float:left; }
#importStep div.oneStep div.stepNextLabel 	{ padding-top: 20px;}




#importStep div.active div.left { 	background-image: url('/crm-1/custom/img/event/left_quick_start_on.gif'); }

#importStep div.active div.middle { background-image: url('/crm-1/custom/img/event/middle_quick_start_on.gif'); }
							
#importStep div.active div.middle div.content div.num 		{ color: #FFFFFF; }
#importStep div.active div.middle div.content div.label 	{ color: #FFFFFF; }

#importStep div.active div.right {	background-image: url('/crm-1/custom/img/event/right_quick_start_on.gif'); }

.importType					{ padding: 10px; background-color: #FEFFEA; } 
.importPreview table		{ border: 1px dashed #EEEEEE; }
.importPreview th			{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #eaeaea; color: #333333; font-weight: bold; text-align: center; }
.importPreview td			{ border-bottom: 1px dashed #EEEEEE; border-right: 1px dashed #EEEEEE; padding: 2px; }
.importPreview td.header	{ border-bottom: 1px dashed #EEEEEE; border-right: 1px dashed #EEEEEE; padding: 2px; background-color: #EEEEEE; font-weight: bold; }

/*
** DESIGN -> QuickStart
*/

#quickStart { 	text-align:left; }

#quickStart div.oneStep { float:left; padding-right: 5px;}
				
#quickStart div.oneStep div.left { 		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top left; 
							background-image: url('/crm-1/custom/img/event/left_quick_start_off.gif'); }

#quickStart div.oneStep div.middle { 	float:left; height: 64px; 
							background-repeat: repeat-x; background-position: top left; 
							background-image: url('/crm-1/custom/img/event/middle_quick_start_off.gif'); }
							
						
#quickStart div.oneStep div.middle div.content 				{ padding-top: 18px; width:120px;} 
#quickStart div.oneStep div.middle div.content div.num 		{ font-size: 22px; float: left;  color:#5492DB ;}
#quickStart div.oneStep div.middle div.content div.label 	{ font-size: 17px; float: left; padding-top: 3px; padding-left: 5px; color:#5492DB;}

#quickStart div.oneStep div.right {		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top right; 
							background-image: url('/crm-1/custom/img/event/right_quick_start_off.gif'); }
							
#quickStart div.oneStep div.stepNextContent	{ float:left; }
#quickStart div.oneStep div.stepNextLabel 	{ padding-top: 20px;}




#quickStart div.active div.left { 	background-image: url('/crm-1/custom/img/event/left_quick_start_on.gif'); }

#quickStart div.active div.middle { background-image: url('/crm-1/custom/img/event/middle_quick_start_on.gif'); }
							
#quickStart div.active div.middle div.content div.num 		{ color: #FFFFFF; }
#quickStart div.active div.middle div.content div.label 	{ color: #FFFFFF; }

#quickStart div.active div.right {	background-image: url('/crm-1/custom/img/event/right_quick_start_on.gif'); }

/*
** DESIGN -> Changelog
*/
#changelog .title			{ font-size: 20px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#changelog .subtitle		{ font-size: 14px; color: #999999; padding-top: 10px; padding-bottom: 10px; cursor: pointer; }
#changelog .description		{ padding-left: 30px; background-color: #F6F7F7; }
#changelog .description div	{ padding: 7px; }

/*
** DESIGN -> Products
*/
#products .title			{ font-size: 20px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#products .subtitle		{ font-size: 14px; color: #999999; padding-top: 10px; padding-bottom: 10px; }

#products .tab-container { display: none; }

#products .tab { display inline-block; padding: 6px; font-weight: bold; background: white; color: #a12020; }
#products .tab.active { background: #a12020; color: white; }

#products .products-table { width: 100%; }
#products .products-table > tbody > tr:not(:first-child) { border-top: 2px solid black; }
#products .products-table td { padding: 10px; vertical-align: top; }
#products .products-table td:nth-child(2) { vertical-align: middle; }

#products .product-description { margin: 10px 0px; }
#products .product-pricing { display: inline-block; padding: 10px; border-radius: 5px; font-weight: bold; background-color: #63be6a; color: white; }
#products .product-pricing-free { background-color: #a4d7ef; color: white; }

/*
** DESIGN -> Sync
*/
#sync .title			{ font-size: 20px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#sync .subtitle			{ font-size: 14px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#sync .description		{ padding-left: 30px; background-color: #F6F7F7; }
#sync .description div	{ padding: 7px; }

/*
** DESIGN -> Statistic
*/
table.tableStatistic { width: 440px; }

/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** TD
*/
td.title		{ font-size: 12px; color: #0467a9; font-weight: bold }
td.bold			{ font-weight: bold }
td.titleTab		{ font-weight: bold; background-color: #D3D4D6 }
td.cellMenu		{ height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellMenuIn	{ font-weight: bold ; height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellMenuOver	{ height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellHome1	{ background-color: #D3DBE8 }
td.cellHome2	{ background-color: #E0E0E0 }
td.cellHome3	{ background-color: #F2F2F2 }
td.cellTab		{ border-bottom: 1px solid #DDDDDD }
td.cellTab0		{ border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF ; }
td.cellTab1		{ border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ font-weight: bold; background-color: #E9F2F8; border-bottom: 1px solid #DDDDDD }
td.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabRed	{ color: #0467a9; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabGreen	{ color: #02AA16; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.pager		{ color: #999999; }

td.cellTabStatWeek	{ font-weight: bold; color: #0467a9; border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF; }
td.formulary	{ text-decoration: underline; font-weight: bold }

/*
** TR
*/

tr.odd			{ background-color: #fff; }
tr.even			{ background-color: #F0F0F0; }

tr.before		{ background-color: #FFEBCE; }
tr.over			{ background-color: #ffffcc !important ; }

/*
** UL
*/
ul.error 		{ position: relative; padding-top : 0px; margin-top: 0px; }

/*
** LI
*/
li.error		{ font-size: 12px; color: #A12020; font-weight: normal }

/*
** DIV
*/
div.bold		{ font-weight: bold }
div.title		{ font-size: 12px; color: #0467a9; font-weight: bold }
div.titleTab	{ padding: 1px; font-weight: bold; background-color: #E2ECFF }
div.cell		{ padding: 1px; border: 1px solid #D3DBE8; }
div.displayInfo	{ padding: 5px; border: 1px dotted #D3DBE8; background-color: #FFFFFF; }
div.subscribe	{ padding: 1px; border: 1px dashed #E18E19; }

div.success		{ padding: 3px; font-weight: bold; color: #267510; background-color: #B5E2AE; border: 1px solid #267510; }
/* div.alert		{ padding: 3px; font-weight: bold; color: #B40326; background-color: #FFCCCB; border: 1px solid #B40326; } */
#errorDivContent.alert    { margin-bottom: 0px !important; }
div.error		{ padding: 3px; background-color: #FFCCCB; border: 1px solid #B40326; }
div.reservationError { padding: 5px; background-color: #FFCCCB; border: 1px solid #B40326; display: inline-block; }
div.warning		{ padding: 5px; color: #0467a9; font-weight: bold; }
div.legend		{ padding: 5px; border: 1px dotted #D3DBE8; background-color: #FFFFFF; }
div.info		{ padding: 5px; border: 1px dotted #7890BB; background-color: #D3DBE8; }
div.timestamp	{ color: #999999; padding: 5px; }

div.errorMessage	{ color: #FF0000; font-weight: bold; }
div.operation	{ padding: 3px; background-color: #E9F2F8; border: 1px solid #DDDDDD; text-align:left; filter:alpha(opacity=90); }						
div.fileInfo	{ color: #AAAAAA; font-style: italic; }
div.statistic	{ padding: 3px; border: solid 1px #7890BB; background-color: #E9F2F8; }
div.statisticTotal	{ color: #0467a9; font-weight: bold; }

div.menuNav		{ padding: 3px; background-color: #0467a9; color: #FFFFFF; border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

div.colorView	{  }
div.colorAdd	{ background-color: #D7E7F2; margin-top: 10px; }
div.colorUpdate	{ background-color: #E8FFE8; margin-top: 10px; }
div.colorDelete	{ background-color: #E6E6E6; margin-top: 10px; }
div.colorCadre	{ background-color: #E2ECFF; padding: 3px }
div.colorCadreGroup { background-color: #E8FFE8; padding: 3px }
div.colorBarre	{ border-bottom: 3px solid #AAAAAA; }
div.colorSearch	{ background-color: #FFFFCC; }
div.colorViewSearch select { width: 250px; }

div.colorAdd select 		{ width: 250px; }
div.colorUpdate select 		{ width: 250px; }

fieldset.colorView		{ background-color: #ffffcc; }
fieldset.colorUpdate	{ background-color: #E8FFE8; }
fieldset.colorAdd		{ background-color: #E8FFE8; }

.colorView fieldset			{ padding: 5px; border: none; border-top: 3px solid #efefef; border-radius: 0px; }
.colorView fieldset legend	{ 
							/* background-image: url('/crm-1/custom/img/event/_picto_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px;
							height: 30px; */
							margin-bottom: 0px;
						}


div.statRed		{ color: #FF0000; font-weight: normal; }
div.statGreen	{ color: #02AA16; font-weight: normal; }

div.queryButton	{ text-align: center; width: 50px; padding: 1px; border: solid 1px #7890BB; background-color: #E2ECFF; }
div.formulary	{ text-decoration: underline; font-weight: bold }

div.contactSearchForManif { float: right; padding-bottom: 10px; margin-top: -40px; }
div.contactSearchForGroup { float: right; padding-bottom: 10px; margin-top: -40px; }

div.activityList		{ padding-bottom:2px; padding-top:2px; }

<!--div.tutoriel			{ padding-bottom: 5px; background-color}-->
<!--div.response			{ padding-bottom: 10px; padding-top: 5px; padding-left:20px; display: none; background-color: #EEEEEE; }-->


/*
** DESIGN -> Tutoriel
*/
#tutoriel .title			{ font-size: 14px; color: #999999; font-weight: bold; }
#tutoriel .faq              { text-align: justify; border-top: 1px solid #CCCCCC; padding-top: 2px;}
#tutoriel .subtitle			{ font-size: 14px; color: #999999; cursor: pointer; }
#tutoriel .response			{ padding-left: 10px; background-color: #F6F7F7; }
#tutoriel .question a		{ text-decoration: none; }
#tutoriel table 			{ padding-left: 10px;}


div.addressDefault		{ margin: auto ; text-align: center;  padding: 3px;  border: 1px solid #FFDE8F; font-weight: bold; color: #FFDE8F; font-size: 12px; font-variant: small-caps; background-color: white; }
span.addressLibelle		{ color: #AAAAAA; font-size: 15px; }
span.addressDefault		{ color: #FA5300; }

#tagsContainer			{ }
#tagInput				{ width: 150px; }
.tagDiv					{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.tagDivHover			{ background-color: #FBFBFB; }
.tagDelete				{ float:right; }
.tagContent				{ padding-top:2px; }

#activitiesContainer		{ }
#activityInput				{ }
.activityDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.activityDivHover			{ background-color: #FBFBFB; }
.activityDelete				{ float:right; }
.activityContent			{ padding-top:2px; }

#tagActivitysContainer			{ }
#tagActivityInput				{  }
.tagActivityDiv					{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.tagActivityDivHover			{ background-color: #FBFBFB; }
.tagActivityDelete				{ float:right; }
.tagActivityContent				{ padding-top:2px; }

.backlist				{ color: #0467a9; font-weight: bold; }
.backlistMessage		{ color: #0467a9; font-weight: normal; }

/*
** CALENDAR
*/
#calendar-tab, #opportunitie-tab, #account-tab, #contact-tab, #manif-tab { width: 100%; }

#calendarMenuTitle		{ font-weight: bold; }
#calendarTableMonth		{ border: 1px solid #CCCCCC; width: 100% !important; }
#calendarTableMonth td	{ border-right: 1px solid #CCCCCC; }
#calendarTableWeek		{ border: 1px solid #CCCCCC; }

.calendarDateEmpty		{ background-color: #EEEEEE; width: 100%; height: 90px;}
.calendarWeekDays		{ text-align: center; color: #FFFFFF; background-color: #F48770; }
.calendarWeekItem		{ width: 135px; background-color: #FFFFFF; }

.calendarToday			{ border: 1px solid #FD8800; }
.calendarTodayDay		{ height: 15px; text-align: left; color: #FFFFFF; background-color: #F48770; padding-right: 3px; }
.calendarWeekDay		{ height: 15px; text-align: left; color: #000000; background-color: #EEEEEE; padding-right: 3px; }
.calendarItemList		{ padding-left:5px; padding-right:5px; }

#calendarTableMonth .calendarWeekItemContent 					{ height: 75px; text-align: left; cursor:pointer; }
#calendarTableMonth .calendarWeekItemContentLine 				{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentTitle 				{ font-weight: normal; color: #FD8800;  }
#calendarTableMonth .calendarWeekItemContentLineLabelManif 	 	{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentLineLabelSupport 	{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentLine img			{ float:left; padding-left:3px; }

#calendarTableWeek td	{ border-right: 1px solid #CCCCCC; }
#calendarTableWeek .calendarTodayDay	{ height: 15px; text-align: center; color: #FFFFFF; background-color: #FD8800; }
#calendarTableWeek .calendarWeekDay		{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; }

#calendarTableDay		{ width: 100% }
#calendarTableDay .calendarTodayDay	{ height: 15px; text-align: center; color: #FFFFFF; background-color: #FD8800; }
#calendarTableDay .calendarWeekDay	{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; }

.calendarHour			{ width: 15px; }
.calendarHour div		{ border-bottom: 1px solid #EEEEEE; height: 30px }

.calendarToEnlargeTodayDay							{ text-align: center; color: #FFFFFF; background-color: #FD8800; font-weight:bold; }
.calendarToEnlargeWeekDay							{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; font-weight:bold;}
.calendarWeekItemContentToEnlargeContainer 			{ display:none; }
.calendarWeekItemContentToEnlarge 					{ text-align: left;}
.calendarWeekItemContentToEnlargeLine 				{ padding-bottom: 3px; }
.calendarWeekItemContentToEnlargeLineLabelManif 	{ position:relative; top:-5px; padding-left:3px; }
.calendarWeekItemContentToEnlargeLineLabelSupport 	{ position:relative; top:-3px; padding-left:3px; }
.calendarWeekItemContentToEnlargeMenu				{ padding:3px; padding-bottom: 5px;  }
.calendarWeekItemContentToEnlargeTitle 				{ font-weight: normal; color: #FD8800; padding:3px; padding-top:0px;   }

.calendarSeparator		{ border-bottom: 1px dotted #eaeaea; padding-top: 2px; margin-bottom: 2px;}

#showCalendarDayContent { border: 1px solid #CCCCCC ; display: none;position: absolute; background-color: #FFFFDD; width: 260px; height: 200px; z-index: 10; overflow: auto; }

a.calendarItemList:link     		{ text-decoration: none; }
a.calendarItemList:visited  		{ text-decoration: none; }
a.calendarItemList:active   		{ text-decoration: none; }
a.calendarItemList:hover    		{ text-decoration: underline }

.calendarOptions					{ margin:10px; padding: 5px; border: 1px dotted #999999; background-color: #ffffcc; }

div#supportOptions					{ text-align: center ;  margin:0; padding:0; }
div#supportOptionsIn				{ text-align: center ; margin: auto; width: 850px; border:1px solid #CCCCCC; padding:5px; margin-top:15px; margin-bottom:15px;}
table#supportOptionsTable			{ text-align: left ; width:100% ;}
.supportOptionsLabel				{ padding:5px; padding-left:0px; }

div#prospectingOptions					{ text-align: center ;  margin:0; padding:0; }
div#prospectingOptionsIn				{ text-align: center ; margin: auto; width: 650px; border:1px solid #CCCCCC; padding:5px; margin-top:15px; margin-bottom:15px;}
table#prospectingOptionsTable			{ text-align: left ; width:100% ;}
.prospectingOptionsLabel				{ padding:5px; padding-left:0px; }

/*
** HR
*/
hr	{ height: 1px; color: #999999; background-color: #999999; border: none; }

/*
** SPAN
*/
span.errorMessage	{ color: #0467a9; font-weight: bold; }
span.footer { font-size: 12px; color: #AAAAAA; font-weight: normal; text-decoration: none }

/*
** FORMS
*/
input					{ padding: 2px; color: #656565; font-weight: normal; }
input[type=text]		{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
input[type=password]	{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
input[type=submit], a.submit 			{ padding: 3px 5px; background-color: #9A9A9C; color: #fff; border: none; cursor: pointer; }
input[type=submit]:hover, a.submit:hover { background-color: #737373; color: #fff; }

textarea				{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
select					{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
select:disabled			{ background-color: rgb(235, 235, 228); }

textarea.contactNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.contactNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.opportunitieNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.opportunitieNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.accountNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.accountNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.manifNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.manifNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.groupNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.groupNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.eventNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.eventNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 
textarea.contactSupportDescriptionView { width: 100%; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.contactSupportDescriptionEdit { width: 100%; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

option.formatTypeDesactive { background-color:#BBBBBB; color:#FFFFFF; }

.manifSubscribeBlockedYes	{ background-color: red; color: #fff; padding: 3px 10px; }
.manifSubscribeBlockedNo	{ background-color: green; color: #fff; padding: 3px 10px; }

/*
** A
*/
a     			{ color: #0000FF; text-decoration: none; }
a:link     		{  }
a:visited  		{  }
a:active   		{  }
a:hover    		{ color: #0467a9; text-decoration: none !important; }

a.footer		{ color: #AAAAAA; }
a.footer:hover	{ color: #AAAAAA; }

a.menuMarket     	{ color: #000000; font-weight: bold; }
a.menuMarket:hover	{ color: #014D99; font-weight: bold; }

a.menuKernel		{ color: #000000; }
a.menuKernel:hover	{ color: #000000; }

a.menuKernelWhite		{ color: #FFFFFF; }
a.menuKernelWhite:hover	{ color: #FFFFFF; }

a.menuKernelOver		{ color: #0467a9; }
a.menuKernelOver:hover	{ color: #0467a9; }

a.displayInfo     		{ color: #AAAAAA; }
a.displayInfo:hover		{ color: #AAAAAA; }

/*
.ui-shadow{-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.8);-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.8);box-shadow:0px 5px 10px rgba(0,0,0,0.8);}
.ui-shadow{-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;}
*/

.menuAction 				{ padding: 0px; /* margin-bottom: 10px; */ }
.menuAction a				{  
	font-family: 'Open Sans'; 
	color: #6D6E71;
	font-weight: bold;
	line-height: 3em;
    padding: 10px 8px;
}
.menuAction .menuActionSeparator	{  }
.menuAction span.btn {
	/* padding: 5px 8px; */
	padding: 0px;
	margin-right: 7px;
	margin-bottom: 5px;
	white-space: nowrap;
	border: 1px solid #D1D3D4;
	font-weight: normal;
    line-height: 2em;
    font-size: 1em;
	inset 0 0 5px #444;
    transition: all 0.3s ease 0s;
}
.menuAction span.btn input {
	padding-left: 8px;
	cursor: pointer;
}
.menuAction span.btn input + a {
	padding-left: 0px;
}

/*
.menuAction span.btn:hover, .menuAction span.btn:active	{ 
	box-shadow: inset 0 0 0 5px #D1D3D4;
	box-shadow: 0 0 3px #0467a9, inset 0 0 5px #368EC9;
}
*/
.menuAction span.btn {
	background: #F3F2F2;
}
.menuAction span.btn:hover, .menuAction span.btn:active	{
	background: #e6e6e6;
}
.menuAction span img 			{ vertical-align: middle; }
.menuAction img					{ max-height: 1.4em !important; }
.menuAction span input			{ vertical-align: middle; }
.menuAction span.btn span		{ vertical-align: middle; }
.menuAction span.item_over		{  }

/*
* Menu action
*/
.menuActionFixed {
    z-index:1000;
    /* background-color: #fcf8e3;
    border-bottom: 3px solid #faebcc; */
    background-color: #f3f2f2;
    border-bottom: 3px solid #727272;
    padding: 10px !important;
    width: 1200px;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;
}

.menuActionFixed.menuAction span.btn {
	background: #fff;
}
.menuActionFixed.menuAction span.btn:hover, .menuAction span.btn:active	{
	background: #fbfbfb;
}

/*
** Shorcut
*/
#contentPartShortcut { padding-bottom: 10px; display: none; }
#contentPartShortcut .shortcutContainer { text-align: center; }
#contentPartShortcut .shortcutContainer .shortcutContent { padding: 10px; background-color: #efefef; }
#contentPartShortcut .shortcutItem	{ display: inline-block; vertical-align: top; width: 80px; height: 90px; padding: 5px 5px 10px 5px; background-color: none; }
/* #contentPartShortcut div 			{ font-size: 0; } */
#contentPartShortcut a div			{ width: 60px; font-size: 11px; }
#contentPartShortcut a:hover div	{ color: #0467a9; }

#contentFlatShortcut { padding-bottom: 10px; padding-top: 40px; }
#contentFlatShortcut .shortcutFlatContainer {  }
#contentFlatShortcut .shortcutFlatContainer .shortcutFlatContent { padding: 10px 70px; }
#contentFlatShortcut .shortcutItem	{ display: inline-block; width: 250px; padding: 20px 5px; background-color: none; text-align: center; }
#contentFlatShortcut .shortcutItem:hover { background-color: #efefef; }
#contentFlatShortcut a img			{ max-height: 100px; }
#contentFlatShortcut a div			{ width: 60px; font-size: 14px; margin: auto; font-weight: bold; }
#contentFlatShortcut a:hover div	{ color: #0467a9; }

/*
** Shorcut
*/
.referenceBox	{ background-color: #F3F2F2; display: block; }

/*
* IMG SIZE
*/
.menuAction	img, .menuAction input[type=image],
#gedCategoryCurrentMenu img, #gedCategoryCurrentMenu input[type=image],
#webmailCategoryCurrentMenu img, #webmailCategoryCurrentMenu input[type=image],
#supportOptions img, #prospectingOptions img
							{ max-height: 20px; }

.stepNextLabel img 			{ max-height: 20px; }
.colorView img, .highlightTable img, .card img
							{ max-height: 14px; }
#changelog img
							{ max-height: 14px; }
.colorView input[type=image]
							{ max-height: 20px; }
.colorStat img
							{ max-height: 20px; }
.searchAdd img

							{ max-height: 20px; }
img.searchAddImg			{ max-height: 40px !important; padding-right: 5px; }
img.searchLinkImg			{ max-height: 40px !important; padding-right: 5px; }

.search img
							{ max-height: 20px; }
.setting img				
							{ max-height: 20px; }		
							
.movePagerLayout			{ float: right; }
.paginatedSection img, .movePagerLayout img
							{ max-height: 15px; }
.paginatedSection div		{ display: inline; }

#contentPart img			{ max-height: 14px; }
#contentPartShortcut img	{ max-height: 50px; max-width: 60px; }

.referenceBox 				{ min-height: 90px; }
.referenceBox img			{ max-height: 14px; }
.referenceBoxLogo 			{ padding: 0px; }
.referenceBoxLogo img 		{ max-height: 90px; max-width: 120px; }
.referenceBoxAssoLogo img 	{ max-height: 50px; max-width: 50px; }

#jqContextMenu img, #vakata-contextmenu img, #iconeCategoryContainer img
							{ max-height: 14px; }
							
#iconeCategoryContainer .tableCategoryIcon img	{ max-height: 30px; }
#iconeCategoryContainer .contentCategoryIcon img	{ max-height: 80px; }

#importStep img 			{ max-height: 30px; }

.colorView .formulary-field-container img	{ max-height: none; }

/**
 * START The automcomplete box styling
 */
div.auto_complete 
{
	position: relative ;
    width: 290px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #dcedad;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}

/**
 * END The automcomplete box styling
 */
 
/*
 *	LEGEND
 */

fieldset			{ padding: 5px !important; border: 1px solid #AAAAAA; -moz-border-radius:5px; border-radius:5px; }

legend			{ font-weight: bold; color: #000000; font-size: 1.3em !important; border-bottom: 3px solid #e5e5e5 !important; }
.colorStat		{ background-color: #D7E7F2; padding: 3px }

.bgTitle { background-color: #6D6464; }
.tabOnglet { color: #0467a9 ; font-weight: bold; }

/* Class permettant de configurer la boite à déplacer */
div.tomove
{
	background: #eee none;
	border: 1px solid #ddd;
	font-size: 0.9em;
	position: absolute;
}

.bgTitle { background-color: #6D6464; }


.buttonBuy, .buttonBuy:hover {
	background-color: #0467a9;
	font-weight: bold;
	color: #fff;
	padding: 3px 5px;
}
.buttonBuy img, .buttonBuy:hover img {
	max-height: 11px;
	margin-right: 5px;
}

div.buttonsChoice{
	text-align: center;
	padding: 5px 0 0 0;
}
div.buttonsChoice button{
	background: url(../../../script/images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.buttonsChoice button:hover{
	border: solid #777777 1px;
}

/*
* KERNEL
*/
.moduleDisable	{ background-color: #f00; color: #fff; font-weight: normal; }
td.moduleGroup	{ background-color: #fff; vertical-align: bottom; text-align:center; width: 33px; border-right: 1px solid #DDDDDD; }
.moduleGroupA	{ color: #FE0045; }
.moduleGroupM	{ color: #E96F00; }
.moduleGroupL	{ color: #008000; }

/*
* BUSINESS
*/
tr.businessLine {}
tr.businessLine.business-hidden { opacity: 0.7; }
tr.businessLine.subtotal td, 
tr.businessLine.subtotal input, 
tr.businessLine.subtotal select { font-weight: bold; font-style: italic; padding-top: 6px; padding-bottom: 6px; }
td.businessLineSelected { background-color : #ffffcc ;}
input.businessLineOffset						{ width: 25px; } 
input.businessLineReference						{ width: 80px; }
textarea.businessLineLibelle					{ width: 350px; height:50px; }
select.businessLineUnit							{ width: 90px; }
input.businessLineConditioning					{ width: 60px; }
input.businessLineQuantityOrder					{ width: 40px ;}
input.businessLineQuantity						{ width: 40px ;}
select.businessLineTva							{ width: 100px ; }
input.businessLinePriceUnitPurchaseHT			{ width: 50px; }
input.businessLinePriceUnitHT					{ width: 50px; }
input.businessLinePriceUnitTTC					{ width: 50px; }
input.businessLineRemise						{ width: 30px; }
input.businessLinePriceBaseHT					{ width: 50px; color: red ;}
input.businessLinePriceBaseTTC					{ width: 50px; color: red ;}
input.businessLinePriceLinePurchaseHT			{ width: 80px; color: red ;}
input.businessLinePriceLineHT					{ width: 80px; color: red ;}
input.businessLinePriceLineTTC					{ width: 80px; color: red ;}
input.businessLineWeightUnit					{ width: 50px; }
input.businessLineWeightLine					{ width: 80px; color: red ;}
input.readonly, tr.businessLine input:read-only	{ color: red ;}
input.disabled                                  { color: grey; opacity: 0.5;} 

tr.businessLine.subtotal .businessLineReference,
tr.businessLine.subtotal .businessLineUnit,
tr.businessLine.subtotal .businessLineConditioning,
tr.businessLine.subtotal .businessLineQuantity,
tr.businessLine.subtotal .businessLinePriceUnitHT,
tr.businessLine.subtotal .businessLinePriceUnitPurchaseHT,
tr.businessLine.subtotal .businessLineTva,
tr.businessLine.subtotal .businessLinePriceUnitTTC,
tr.businessLine.subtotal .businessLineRemise,
tr.businessLine.subtotal .businessLinePriceBaseHT,
tr.businessLine.subtotal .businessLinePriceBaseTTC,
tr.businessLine.subtotal .businessLineWeightUnit,
tr.businessLine.subtotal .businessLineWeightLine {
	visibility: hidden;
}

tr.subtotalLinkedBusinessLine td { background: #B9ECDA; }

input.businessPaymentAmountPaid					{ width: 80px; }
input.businessPaymentAmountTotal				{ width: 80px; }
input.businessPaymentAmountEscompte				{ width: 80px; }
select.businessPaymentTva						{ width: 100px ; }
td.businessHeaderSelected { background-color : #ffffcc ;}

div.businessLineDiv {  }
div.businessLineLibelleDiv { 	
	width: 350px; height: 20px; 
	padding: 0px; overflow-x: hidden; 
	overflow-y: scroll; overflow : -moz-scrollbars-vertical; 
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	text-align: left; 
}

div.designationInvoiceDiv {  }
div.designationInvoiceDiv {    
    width: 350px; height: 20px; 
    padding: 0px; overflow-x: hidden; 
    overflow-y: scroll; overflow : -moz-scrollbars-vertical; 
    background-color: #FFFFFF; 
    border: 1px solid #CCCCCC; 
    text-align: left; 
}

span.businessDangerousCustomer				{ color:red; font-weight: bold; } 
span.businessLate							{ font-weight: bold ; color:red; }
span.businessUnsolded						{ font-weight: normal ; color:black; }
span.businessSolded							{ font-weight: normal ; color:green ; }
span.businessRunning						{ font-weight: normal ; color:black; }
span.businessWaiting						{ font-weight: normal ; color:black; }
span.businessAccepted						{ font-weight: normal ; color:green ; }
span.businessDoing							{ font-weight: normal ; color:green; }
span.businessToInvoice						{ font-weight: normal ; color:green; }
span.businessValidated						{ font-weight: normal ; color:green; }
span.businessCancelled						{ font-weight: normal ; color:red ; }
span.businessRefused						{ font-weight: normal ; color:red ; }
span.businessLinked							{ font-weight: normal ; color:purple ; }
span.businessPaymentUnpaid					{ font-weight: normal ; color:red ; }

span.businessArticleDisplay					{ font-weight: normal ; color:green ; }
span.businessArticleNotDisplay				{ font-weight: normal ; color:red ; }

span.privateAccess							{ color : black; }

span.invoiceUnpaidStatistic					{ color : black; font-size:22px; }
span.invoiceUnpaidMonthStatistic			{ color : black; font-size:14px; }
div.invoiceUnpaidMonthStatistic				{ padding:10px; }

table.tableTabDataFormPublic td				{ padding: 2px 0; }
td.cellTabDataFormPublicRequired			{font-weight: bold;}
td.cellTabDataFormPublic					{}

div.tabDataFormPublic .row					{ margin-right: 0; margin-left: 0; }
div.tabDataFormPublic label					{font-weight: normal;}
div.cellTabDataFormPublicRequired			{font-weight: bold;}



/*
* PROGRESS BAR
*/

.businessProgressbar {
  background-color: #8D8D8D;
  border-radius: 9px; /* (height of inner div) / 2 + padding */
  padding: 1px;
  width: 200px;
  height: 15px;
}

.businessProgressbar div.libelle { position:relative; color: #FFFFFF; text-align:center; top:-15px; left:5px; }

.businessProgressbar div.bar {
   background-color: #FE8F00;
   width: 0%; /* Adjust with JavaScript */
   height: 15px;
   border-radius: 10px;
}

.businessProgressbar div.start {
       background-color: #d9534f;
}

.businessProgressbar div.running {
   background-color: #f0ad4e;
}

.businessProgressbar div.finished {
   background-color: #5cb85c;
}
/*
* WEBMAIL
*/
div.attachment 	   { float:left; cursor:pointer; height: 23px; }
div.attachment div { float:left; }

tr.tableMessage 	{ cursor: pointer }

.messageLinkedDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.messageLinkedDivHover			{ background-color: #FBFBFB; }
.messageLinkedDelete			{ float:right; }
.messageLinkedContent			{ padding-top:2px; }

.subMenuWebmail ul {
    margin:0;
    padding:0;
    list-style:none;
}

.subMenuWebmail li {
    margin:5px;
    padding:0;
    list-style:none;
}

.subMenuWebmail 
{ 
	position:absolute;
	width:250px; 
	z-index:9999;
	display: none; 
	border: 1px solid #F1F1F1; 
	background-color: #000000; 
	color: #FFFFFF;
	margin-top:3px;
}

.subMenuWebmail a		{ color: #FFFFFF; font-weight: bold; }
.subMenuWebmail a:hover	{ color: #FFFFFF; font-weight: bold; }

.validatedMessage {color:red;}

tr.businessResultCount {height:30px; background-color:#FFFFFF;}

tr.businessResultCount td { border-top:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; font-size: 1.1em; font-weight: bold; }
tr.businessResultCount td:first-child { border-left:2px solid #e5e5e5; font-weight: normal; }
tr.businessResultCount td:last-child { border-right:2px solid #e5e5e5;}

.rightPanelTitle { margin-bottom: 5px; padding: 2px; text-align: left; color: #fff; background-color: #9A9A9C; }

#calendarTableMonth img, #showCalendarDayContent img, .formulary-add-new img	{ max-height: 15px; }

#param-fieldsets div[id^='fieldset-'] { display: none; }
/* .businessTop img { max-height: 25px; } */

.socialnetwork img {
	max-height: 15px;
	height: 15px;
}

.titleLibelle {
	font-size: 14px; font-weight: bold;
}

div .label {
  line-height: 2.5;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-default {
    background-color: #777;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-danger {
    background-color: #d9534f;
}
.label-green {
    background-color: green;
}
.label-success {
    background-color: #5cb85c;
}
.label-info {
    background-color: #5bc0de;
}

.badge-default {
    background-color: #777 !important;
}
.badge-primary {
    background-color: #337ab7 !important;
}
.badge-warning {
    background-color: #f0ad4e !important;
}
.badge-danger {
    background-color: #d9534f !important;
}
.badge-green {
    background-color: green !important;
}
.badge-success {
    background-color: #5cb85c !important;
}
.badge-info {
    background-color: #5bc0de !important;
}

.tablePrice {
	padding: 20px;
} 

.tablePrice  th {
	padding: 10px;
}
.tablePrice  td {
	padding: 10px;
}


#search-engine input[type=text] { width: 75%; padding: 5px; background: #F3F2F2; font-size: 1.1em; }
#search-engine input[type=submit] { padding: 5px; font-size: 1.1em; background-color: #9A9A9C; }

legend.dropdown-button { cursor: pointer; }
img.dropdown-picto { max-height: 0.8em; vertical-align: middle; }
span.dropdown-info { font-size: 11px; color: #0000FF; } 

.badge, .badge-red {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.badge-red {
    background-color: #d9534f;
}

.counterBox {
	padding: 10px;
	font-size: 18px ;
	/* border: 3px solid #999; 
	width: 20px; 
	padding: 10px;
	color: #333 ;
	font-size: 18px ;
	margin: auto; */
}
.counterBox span { font-size: 18px; }
.counterBoxGreen { color: green; }
.counterBoxRed { color: red; }

.mailRoutage, .mailRoutage span { color: #333; font-style: italic; }
.mailRoutage span { font-weight: bold; }

.homeFlat-moduleOther {
	font-size: 1.2em;
	color: #333;
}

/*
* WEBSITE
*/

input[name=websiteUrl]:read-only, input.dummyPagePath:read-only { background-color: #E4E4E5; }

.website-template-container {

}

.website-template {
	float: left;
	height: 300px;
	width: 21%;
	padding: 10px;
	margin: 5px;
	cursor: pointer;
	text-align: center;
	border: 3px solid transparent;
}

.website-template:hover, .website-template:focus, .website-template.selected {
	border: 3px solid #FFFFFF;
}

.website-template div {
	padding: 2px;
}

.website-template img {
	display: block;
	max-width: 100%;
	max-height: 200px;
	width: auto;
	margin: auto;
}

.website-template .website-template-reference {
	font-weight: bold;
}

.website-template .website-template-reference:before {
	content: 'Ref: ';
}

.domain-name-wishes { display: none; }
a.domain-name-submit { display: inline-block; padding: 3px 5px; background-color: #0467a9; color: #fff; border: none; cursor: pointer; }

/*
 * WEBSITE PAGES
 */

.website-preview-container {
	margin: 10px 0; 
	padding: 10px; 
	border: 3px dotted #DDD; 
	border-radius: 10px;
}

.website-pages-panel {
	display: none;
	width: auto !important;
	background-color: #E8FFE8 !important;
}

.add-website-page {
	opacity: 0.7;
}

/*
.websiteUpdate .cke_top, .websiteUpdate .cke_bottom {
	display: none;
}

.websiteUpdate .cke:hover .cke_top,
.websiteUpdate .cke:focus .cke_top,
.websiteUpdate .cke:active .cke_top,
.websiteUpdate .cke:hover .cke_bottom,
.websiteUpdate .cke:focus .cke_bottom,
.websiteUpdate .cke:active .cke_bottom {
	display: block;
}
*/

.customPageContentHeader, .customPageContentFooter {
	display: none;
}

#website-pages-manager {
	display: none;
	padding: 10px;
	overflow-x: hidden;
}

#website-pages-manager .page-item-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

#website-pages-manager .page-item + .page-item {
	margin-top: 10px;
}

#website-pages-manager .page-item .page-item {
	margin-top: 10px;
	padding-left: 15px;
}

#website-pages-manager .page-item span {
	display: block;
	border-radius: 5px;
	padding: 4px;
	border: 1px solid #b6b6b6;
	background-color: #cfd1cf;
	min-height: 17px;
	cursor: pointer;
	/*non surlignable sur doubleclick*/
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */	
}

#website-pages-manager .page-item span img {
	height: 1em;
	float: right;
	padding: 3px;
}

#website-pages-manager .page-item-list-selected > span {
	background-color: #F39814;
}

#website-pages-manager .page-item-to-delete > span {
	background-color: #f54e4e;
}

#website-pages-manager .page-item-hover > span {
	background-color: #E8FFE8;
}

#website-pages-manager .root-page-item > span {
	visibility: hidden;
	text-align: center;
	display: block;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 4px;
	border: 1px solid transparent;
}

#website-pages-manager .root-page-item-active > span {
	visibility: visible;
	border: 1px solid #D7E7F2;
}

#website-pages-manager .root-page-item-hover > span {
	visibility: visible;
	border: 1px solid #D7E7F2;
	background-color: #D7E7F2;
}

#website-pages-manager .add-page-item > span {
	text-align: center;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	padding: 4px;
	border: 1px solid #D7E7F2;
	cursor: pointer;
}

#website-pages-manager .add-page-item:hover > span {
	background: #D7E7F2;
	color: white;
}

#website-pages-manager .page-item-parameters-panel {
    display: none;
    border: 1px solid #b6b6b6;
    position: relative;
    top: -4px;
    padding-top: 4px;
    padding-left: 5px;
}

#website-pages-manager .page-item-parameters-confirm img {
	height: 1em;
	padding: 3px;
	vertical-align: middle;
}

#website-pages-manager .chars-referencing-description-helper,
#website-pages-manager .chars-referencing-keywords-helper {
	font-size: 10px;
}

.businessArticleQuickAddBtn {
	margin-left: 5px;
}

.businessLine td:first-child {
	/* font-size: 0; */ //Hack permettant d'afficher sans espacements les boutons
}

.businessLine .businessLineArticlePicturePreview {
	display: block;
	margin: 4px 0px;
	max-width: 100%;
	max-height: none;
	height: auto !important;
}


.alert.alert-success, .alert.alert-warning, .alert.alert-info, .alert.alert-danger {
    padding: 15px !important;
    margin-bottom: 20px !important;
    /* border: 1px solid transparent !important; */
    border-radius: 4px !important;
    font-weight: normal !important;
}

.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border: 1px solid #d6e9c6 !important;
}

.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border: 1px solid #faebcc !important;
}

.alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border: 1px solid #bce8f1 !important;
}

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #ebccd1 !important;
}

.alert-default {
    color: #31708f !important;
    background-color: #efefef !important;
    border: 1px solid #ddd !important;
}

.btn {
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.glyphicon {
 color: #9a9a9c !important;
}

/* TB VENTE */

.clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}

.mini-widget .mini-widget-heading {
    padding: 7px 15px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    /* text-transform: uppercase; */
    background: #0467a9;
}
.mini-widget .mini-widget-heading div {
    color: #fff !important;
}

.mini-widget {
    margin: 0 0 15px;
    color: #fff;
}
.mini-widget .mini-widget-body {
    padding: 15px;
    background: #3693cf;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.mini-widget .mini-widget-body i, .mini-widget .mini-widget-body span.glyphicon {
    -webkit-transition: All .5s ease-in;
    -moz-transition: All .5s ease-in;
    -ms-transition: All .5s ease-in;
    -o-transition: All .5s ease-in;
    transition: All .5s ease-in;
    font-size: 48px;
    line-height: 48px;
    vertical-align: middle;
    color: #fff;
}
.mini-widget .mini-widget-body .number, .mini-widget .mini-widget-body .number a {
	font-size: 24px;
	color: #fff;
}

.mini-widget i {
    opacity: .4;
}

.mini-widget .mini-widget-body {
	position: relative;
}

.mini-widget .mini-widget-body .number {
    position: absolute;
    right: 15px;
    top: 22px;
}

.mini-widget .number sub {
	font-size: 0.7rem;
}

.mini-widget.red .mini-widget-heading {
    background: #f13c3c;
}
.mini-widget.red .mini-widget-body {
    background: #f45e5e;
}
.mini-widget.grey .mini-widget-heading {
    background: #404040;
}
.mini-widget.grey .mini-widget-body {
    background: #666;
}
.mini-widget.green .mini-widget-heading {
    background: #399e5a;
}
.mini-widget.green .mini-widget-body {
    background: #4cbe71;
}
.mini-widget.yellow .mini-widget-heading {
    background: #cc9000;
}
.mini-widget.yellow .mini-widget-body {
    background: #ffb400;
}

.icon-globe:before {
    content: "\e9e6";
}

.manif-ticket-scan-list ul {
	
	margin: 0;
	padding: 0;
	list-style: none;
    max-height: 200px;
    overflow-y: auto;
	
}

.manif-ticket-scan-list li {
	
	text-align: left;
	padding: 5px;
	
}

.manif-ticket-scan-list li:hover {
	
	background-color: #FFFFCC;
	
}

.manif-ticket-scan-list li.STATE_OK {
	background-color: rgba(53, 146, 79, 0.5);
}

.manif-ticket-scan-list li.STATE_EXISTS {
	background-color: rgba(255, 174, 0, 0.5);
}

.manif-ticket-scan-list li.STATE_KO {
	background-color: rgba(239, 71, 56, 0.5);
}

.manif-ticket-scan-list span.STATE_OK {
	color: rgb(53, 146, 79);
}

.manif-ticket-scan-list span.STATE_EXISTS {
	color: rgb(255, 174, 0);
}

.manif-ticket-scan-list span.STATE_KO {
	color: rgb(239, 71, 56);
}

/** FULLCALENDAR.IO OVERRIDE **/

.fc-widget-header {
	background-color: #d6e6f2;
}

.fc-widget-header * {
    font-family: 'Lato';
    font-weight: 600;
    color: #737373;
    font-size: 14px;
}

.fc-button {
	
    color: #fff !important;
    font-family: 'Lato' !important;
	border: none !important;
	border-radius: 0px !important;
	background: #9A9A9C !important;
	text-shadow: none !important;
	
}

.fc-state-hover {
	background: #9A9A9C !important;
}

.fc-button.fc-state-active {
	
	background-color: #0467a9 !important;
	font-weight: 600 !important;
	
}

.fc-icon {
	color: white !important;
}

.fc-event.custom-hovered {

	left: 0 !important;
	right: 0 !important;
	padding: 1em !important;
	z-index: 9999 !important;
	margin: 0 !important;
	
}

/** END FULLCALENDAR.IO OVERRIDE **/

.reservation-custom input[type=radio] {
	display: none;
}

.reservation-custom input[type=radio] + label {
  cursor: pointer;
  line-height: 1em;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.reservation-custom input[type=radio] + label {
	display: inline-block;
    margin-bottom: 5px;
    background-color: #9A9A9C;
    padding: 0 15px;
    height: 20px;
    background-position: 0 1px;
    line-height: 20px;
    color: #fff;
    font-family: 'Lato';    
    font-weight: bold;
    white-space: nowrap;
}

.reservation-custom input[type=radio]:checked + label {
  background-color: #0467a9;
}

div.jqiGrey button {
	width: auto !important;
	color: initial;
}

div.jqiGrey select {
	color: initial;
}

/*
**
** Compteur email
**
*/
.compteur-sf-bg-total{
}
    
.compteur-sf-front span {
 font-size: 2em;
 line-height: normal;
 text-transform: uppercase;
 padding-top: 0;
}
.compteur-sf-dark-color {
    /*color: #fff!important;*/
}

.cluetip-jtip #cluetip-outer {
	font-size: 0.85em !important;
}

table.quickSearchModule, table.quickSearchInnerModule {
	border-spacing : 0;
	border-collapse : collapse;
}
table.quickSearchModule tr td, table.quickSearchInnerModule tr td {
	padding: 2px;
}

table.resultSearchModule tr th, table.resultSearchInnerModule tr th {
	padding: 5px 0;
	white-space: nowrap;
}
table.resultSearchModule .glyphicon, table.resultSearchInnerModule .glyphicon {
	color: #9a9a9c;
}
table.resultSearchModule a.entityName, table.resultSearchInnerModule a.entityName {
	font-size: 1.15em;
	/* font-weight: bold; */
}
table.resultSearchModule div.entityNameDetail, table.resultSearchInnerModule div.entityNameDetail {
	display: inline-block;
	white-space: nowrap;
	/* background-color: red; */
}
table.resultSearchModule div.entityNameDetail img, table.resultSearchInnerModule div.entityNameDetail img {
	max-height: 0.9em;
	padding-right: 2px;
}

.qtip-custom {
    border: 1px solid #777 !important;
    background-color: #777 !important;
}
.qtip-custom .qtip-titlebar {
    background-color: #777 !important;
}
.qtip-custom .qtip-titlebar .qtip-title {
	color: #fff !important;
	font-size: 1.2em;
}
.qtip-custom .qtip-content {
	background-color: #777;
	color: #fff;
	font-size: 1.2em;
}
.qtipCustom .glyphicon {
	color: #fff !important;
	font-size: 0.8em;
}
.qtipCustomReverse .glyphicon {
	color: #000 !important;
	font-size: 0.8em;
}

.jqiGreymessage table td {
	padding: 5px;
}

div.extranetSecurity > div.row { margin-bottom: 10px; }
div.extranetSecurity .inactive { color: #a94442;	 }
div.extranetSecurity .active { color: #3c763d; }

/** FormFieldBean **/

.form-field-container {
	margin-bottom: 1em;
}

.form-field-container input[type=text],
.form-field-container select {
	display: block;
	width: 100% !important;
}

/** FormValueBean **/

.form-value-container ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
<<<<<<< .working
<<<<<<< .working

#printTitle .alert {
	background-color: #9A9A9C !important;
}

#printTitle .alert h1 {
	text-align: center;
	color: #fff;
}
.printDate {
	color: #333;
	font-size: 0.9em;
}


.referenceDefaultBox, .referenceAccountBox {
	background-color: #fcfcfc !important;
	border-color: #e8e8e8 !important;
}
.referenceDefaultBox:hover, .referenceAccountBox:hover {
//	background-color: #F3F2F2 !important;
		background-color: #F3F2F2 !important;
	
}
.referenceAccountBox {
	min-height: 80px;
}

.referenceAccountBoxFav, .referenceAccountBoxFav {
	background-color: #fcfcfc !important;
	border-color: #4fc8ff !important;
	border-width: medium !important;
}
.referenceAccountBoxFav:hover, .referenceAccountBoxFav:hover {
		background-color: #F3F2F2 !important;
	
}
.referenceAccountBoxFav {
	min-height: 80px;
}

#ProspectingForm select.form-control {
	padding: 5px 5px;
}

.modal-dialog a {
	color: #337ab7 !important;
}
.modal-dialog a:hover {
	color: #23527c !important;
}

.paymentBusiness_OK {
	color: #3c763d;
}
.paymentBusiness_NOT_FINISHED {
	color: #8a6d3b;
}
.paymentBusiness_REFUSED, .paymentBusiness_CANCELLED {
	color: #a94442;
}

.colorView label, .card label {
	font-weight: normal;
}
a.btn, a.btn:hover, a.btn:active {
	color: #fff !important;
}
a.btn-default, a.btn-default:hover, a.btn-default:active {
	color: #333 !important;
}

/** eventManager Network **/

.theme-badge {
	display: inline-block;
	padding: 5px;
	margin: 2px 2px;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	background-color: #3b5fb5;
	transition: 0.1s all ease-in-out;
}

.theme-badge:hover, .theme-badge:focus {
	background-color: #6a8cde;
}

/* Uniformisation des champs */
div.uniform-fields input[type=text],
div.uniform-fields input[type=password],
div.uniform-fields select,
div.uniform-fields textarea {
	
	width: 300px;
	max-width: 100%;
}