/*
vert : Array
(
    [hexa] => #A1BB28
    [rgb] => Array
        (
            [0] => 161
            [1] => 187
            [2] => 40
        )

)
*/


/** GENERAL */
/**	RESET : 
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain) */
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, textarea     {
	margin			: 0px;
	padding			: 0px;
	border			: 0px;
	font-size		: 10px;
	font			: inherit;
	vertical-align	: middle;
	padding			: 0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display			: block;
}

html { 
	line-height		: 1em;
	font-size		: 12px;
	cursor			: default;
	font-family		: Arial,Verdana;
	color			: #000;
	text-align		: left; 
	line-height		: 1.4em;
	height			: 100%; 
	width			: 100%;
}
/*html#template_0 {
	background		: #f08f09;
}*/
body {
	min-height		: 100%;
	margin			: 0px;
	/*background		: #c07207;*/
}

b {
	font-weight		: bold;
}
blockquote, q {
	quotes			: none;
}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {
	content			: '';
	content			: none;
}

table {
	/*border-collapse:collapse;*/
	border-spacing	: 0px;
	padding			: 0px;
	text-align		: left;
}
table TFOOT, 
table THEAD {
	font-weight		: bold;
}

a {
	font-size		: 1em;
	color			: #f08f09;
	text-decoration	: none; 
	outline			: none;
}
a.alink {
	text-decoration	: underline; 
}
img {
	border			: 0px; 
	line-height		: normal; 
	font-size		: 0.8em;
}
ol, ul, li { 
	list-style		: none;
	display			: inline-block;
}
ul.vertical li {
	display			: block;
}
h1 {
	display			: inline;
	font-size		: 1em;
}
.alt {
	background-color	: rgba(0,0,0, 0.05);
	background-repeat	: repeat;
	background-position : 0px 0px;
}

#overlay {
	position		: absolute; /*fixed si le parent est body*/
	width			: 100%;
	height			: 100%;
	top				: 0;
	left			: 0;
	background		: #000;
}

#popup {
	position		: absolute; /*fixed si le parent est body*/
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; 	-webkit-box-shadow	: 0em 0.25em 0.5em 0em rgba(0, 0, 0, 0.5); -moz-box-shadow	: 0em 0.25em 0.5em 0em rgba(0, 0, 0, 0.5); box-shadow	: 0em 0.25em 0.5em 0em rgba(0, 0, 0, 0.5); }
#popup  > *:first-child {
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; }
#popup  > *:last-child {
	webkit-border-radius	: 0em 0em 0.5em 0.5em; -moz-border-radius	: 0em 0em 0.5em 0.5em; border-radius	: 0em 0em 0.5em 0.5em; }
#popup  > *:only-child {
	webkit-border-radius	: 0em 0em 0.5em 0.5em; -moz-border-radius	: 0em 0em 0.5em 0.5em; border-radius	: 0em 0em 0.5em 0.5em; }
#popup > .head {
	color			: #FFF;
	display			: block;
	padding			: 0.25em;
	margin			: 0em -0.1em;
	font-weight		: bold;
	text-align		: center;
	text-transform	: capitalize;
	background		: #000;
	border			: 1px solid #000000;
	border-bottom	: none;
	-webkit-box-shadow	: 0em 0em 20em -1em rgba(255, 255, 255, 0.6), 0px 0.1em 0em 0px rgba(255, 255, 255, 0.6) inset, 0px 1.75em 2em -1em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0em 20em -1em rgba(255, 255, 255, 0.6), 0px 0.1em 0em 0px rgba(255, 255, 255, 0.6) inset, 0px 1.75em 2em -1em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0em 20em -1em rgba(255, 255, 255, 0.6), 0px 0.1em 0em 0px rgba(255, 255, 255, 0.6) inset, 0px 1.75em 2em -1em rgba(255, 255, 255, 0.4) inset; }
#popup > .draggable {
	cursor			: move;
}
#popup > .body {
	background		: #FFF;
	padding			: 10px 20px 10px 10px;
	max-width		: 800px;
	max-height		: 600px;
	min-width		: 240px;
	min-height		: 70px;
	overflow		: auto;
}
#popup > .notice {
	color			: #FFF;
	font-style		: italic;
	font-size		: 0.95em;
	background		: #f08f09;
	padding			: 0.25em 0.5em;
	margin			: 0em -0.1em;
}
#popup > .foot {
	text-align		: right;
	padding			: 10px 10px 10px 10px;
	margin			: 0px 0px;
	border-top		: none;
	background		: #e5e5e5 ;
	-webkit-box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.5) inset; -moz-box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.5) inset; box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.5) inset; }
#popup.warning > .head  {
	background		: #f08f09;
	border-color	: #f08f09;
}
#popup.alert > .head {
	background		: #b20000;
	border-color	: #b20000;
}
#popup.notice > .head {
	background		: #004cb2;
	border-color	: #004cb2;
}
#matchingEntities {
	position		: absolute;
	top				: 0px;
	left			: 0px;
	display			: none;
}
#matchingEntities > .element {
	color			: #FFF;
	vertical-align	: top;
	background		: #7f7f7f;
	padding			: 1em;
	display			: inline-block;
	webkit-border-radius	: 1em 1em 1em 1em; -moz-border-radius	: 1em 1em 1em 1em; border-radius	: 1em 1em 1em 1em; 	-webkit-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); -moz-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 	min-width: 320px;
}
#matchingEntities > .element .infos{
	height:10px;
	font-size:10px;
	font-style:italic;
	margin-bottom	: 4px;
	/*background: url(/img/famfamfam/icons/add.png) no-repeat 300px 0px;*/
   
    height: 14px;
}

}	
#matchingEntities > .element h1{
	
	margin-bottom	: 4px;
	
}

#matchingEntities > .element > * {
	margin-bottom	: 8px;
	/*padding-top		: 0.5em;*/
	/*border-top		: 1px dotted #404040;*/
}
#matchingEntities > .element > *:first-child {
	border-top		: none;
	padding-top		: 0;
}
#matchingEntities > .element > *:last-child {
	margin-bottom	: 0;
}
#matchingEntities > .triangle {
	width			: 0; 
	height			: 0; 
	display			: inline-block;
	margin			: 10px 0px 0px 0px;
	border-top		: 5px solid transparent;
	border-bottom	: 5px solid transparent; 
	border-right	: 5px solid #7f7f7f;
}
#matchingEntities > .element .loader {
	width			: 16px;
	height			: 16px;
	background		: url(/img/cursors/loader_circle_oprange.gif) no-repeat 0px 0px;
	border-top		: none;
}
#matchingEntities h1 {
	display			: block;
}
/** CSS **/
#matchingEntities > .element > ul {
	display			: block;
	width			: 100%;
	color			: #FFF;
	border			: none;
	background		: none;
	padding			: 0;
	overflow		: auto;
	max-height		: 200px;
	
}
#matchingEntities > .element > ul > li {
	display:block;
	padding:0px 2px;
	cursor:pointer;
}

#matchingEntities > .element > ul > li:nth-child(even) {

background: url(/img/famfamfam/icons/add.png) no-repeat 0px 0px;
  padding-right: 20px;
  background-position: right top;
  background-color: #666666;
}
#matchingEntities > .element > ul > li:hover {

	background: url(/img/famfamfam/icons/add.png) no-repeat 0px 0px;
  padding-right: 20px;
  background-position: right top;
  	background:#A1BB28;
}

#matchingEntities > .element > ul > li.titre {
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: 222;
	background-color: fff;
	width: 90%;
	padding-left: 10px;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
}

#matchingEntities > .element > ul > em.titre {
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: 222;
	background-color: fff;
	width: 90%;
	padding: 0px 60px 2px 10px;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
	line-height: 26px;
}


#matchingEntities > .element > ul > li.titre:hover {
	background:none;
	cursor:default;
}
/*#matchingEntities > .element > select {
	display			: block;
	width			: 100%;
	color			: #FFF;
	border			: none;
	background		: none;
	padding			: 0;
}
#matchingEntities > .element > select option:hover {
	color			: #000;
}*/


#matchingEntities > .element .result {
	border-top		:none;
	display			: none;
	padding			: 0.5em;
	background		: #bbbbbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
}

#matchingEntities > .element .result .resultbtn{
	float:right;
	color:#fff;
	display:block;
	height:20px;
	
	}
	
#matchingEntities > .element .result .resultbottom{
	
	color:#123;
	display:block;
	height:20px;
	width:100%;
	
}

#matchingEntities > .element .result .detailetbs{
	border-top		:none;
	padding-left: 12px;
	background-color: #666666;
	margin-left: 10px;
	padding-right: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
#matchingEntities > .element .result h2{
	color:#000;
	margin-bottom:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: 222;
	background-color: fff;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
	padding-left:10px;
	padding-right:10px;
}
#matchingEntities > .element .result > * {
	display			: inline-block;
	margin-right	: 1em;
	vertical-align	: top;
	
}
#matchingEntities > .element .result > *:last-child {
	margin-right	: 0px;
	margin-bottom: 4px;
	margin-top: 10px;
}
#matchingEntities > .element > .buttons .btn {
	cursor			: pointer;
	float			: right;
	margin-left: 0px;
	margin-top: -40px;
	margin-right: -8px;
}

.unSelectable, 
img, 
.input em, 
.input .input_left, 
.onglet, 
.onglet_noir, 
.onglet_orange, 
.onglet_blanc, 
.onglet_selected, 
.checkbox_label, 
.pagination, 
a.button, 
#left_menu, 
.pop_block .pop_block_tete { 
	-webkit-touch-callout: none; /* default , none, inherit */
	-webkit-user-select	: none; /* auto, none, text */
	-khtml-user-select	: none; /* none, auto */
	-moz-user-select	: none; /* normal, none */
	-ms-user-select		: none; /* none, element, text */
	user-select			: none; /* none, auto */
}
.selected { 
	background-color	: #f08f09; 
	color				: #FFF;
}
.selected, 
.selected > a { 
	color:#FFF; 
	font-weight:bold;
}

/** COMPONENTS COMMON */
.autocomplete > input.wait {
	background-color:#EEE;
	background-image:url(/img/cursors/loader_circle_oprange.gif);
}
.autocomplete > ul {
	display:block;
	padding:0.5em;
	overflow-y: scroll;
	position:absolute;
	width:100%;
	/*max-height:150px;*/
	background-color:#FFF;
	color:#000;
	text-align:left;
	-webkit-box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.3); -moz-box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.3); box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.3); }
.autocomplete > ul > li {
	font-size:12px;
	padding:0.2em;
	display:block;
}

.autocomplete > ul.ipad > li {
	font-size:20px;
	padding:0.5em;
	display:block;
}


.autocomplete > ul > li:nth-child(even)  {
	background-color:#F6F6F6;
}
.autocomplete > ul > li:hover, 
.autocomplete > ul > li.selected  {
	color:#FFF;
	background-color:#f08f09;
}
/*select option:hover {
	background		: #e5e5e5 ;
	cursor			: pointer;
}
.autocomplete select {
	padding			: 0.25em;
	-webkit-box-shadow	: 0em 0.12em 0.5em 0em rgba(0, 0, 0, 0.3); -moz-box-shadow	: 0em 0.12em 0.5em 0em rgba(0, 0, 0, 0.3); box-shadow	: 0em 0.12em 0.5em 0em rgba(0, 0, 0, 0.3); }
.autocomplete select option{
	padding			: 0.25em 0.5em;
	margin			:0px;
	border			: none;
}
.autocomplete select option:nth-child(2n) {
	background		: #f2f2f2 ;
}*/

input[type=text], 
input[type=password], 
textarea, 
ul.scrollable_checklist {
	display			: block;
	border			: 1px solid #666;
	background		: #FFF;
	padding			: 0.5em;
}
input[type=text]:hover, 
input[type=password]:hover, 
textarea:hover, 
ul.scrollable_checklist:hover {
	border			: 1px solid #000;
}

/** SCROLLABLE_CHECKLIST */
ul.scrollable_checklist {
	display			: block;
	max-height		: 240px;
	overflow		: auto;
}
ul.scrollable_checklist:hover {
	-webkit-box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.2) inset; box-shadow	: 0em 5px 5px 0em rgba(0, 0, 0, 0.2) inset; }
ul.scrollable_checklist li {
	display			: block;
	margin-bottom	: 1px;
}
ul.scrollable_checklist li:nth-child(2n) {
	background		: rgba(0,0,0, 0.05) repeat 0px 0px;
}
ul.scrollable_checklist li:hover {
	background		: rgba(0,0,0, 0.1) repeat 0px 0px;
}
ul.scrollable_checklist li label.checkbox_label {
	display			: block;
	padding			: 0.25em;
}
ul.scrollable_checklist li label.checkbox_label:hover {
	background		: rgba(0,0,0, 0.2) repeat 0px 0px;
}
ul.scrollable_checklist li.selected label.checkbox_label {
	color:#FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-weight		: bold;
}
h1 { font-size		: 1.1em }
h2 { font-size		: 1.2em }
h3 { font-size		: 1.3em }
h4 { font-size		: 1.4em }
h5 { font-size		: 1.5em }
h6 { font-size		: 1.6em }

/** INPUTS ï¿½ la guyot */
/*  optimiser pour IPAD a faire !!! */
input {
	outline			: 0px;
	/*cursor			: pointer; */ /* Mis par guyot !! */
}
input[type=checkbox] {
	font-size		: 1em;
}
label.checkbox_label {
	cursor			: pointer;
}
label.checkbox_label input[type=checkbox] {
	margin-right	: 0.5em;
}
input[type=button], button {
	cursor			: pointer;
}

/* Input Text */
input[type=text], 
input[type=password], 
textarea {
	height			: 23px;
	margin-right	: 5px;
	font-size		: 0.9em;
	padding			: 0px 0.5em;
	color			: #666;
	outline			: none;
	cursor			: text;
}

input[type=text]:hover, 
input[type=password]:hover, 
input[type=text]:focus, 
input[type=password]:focus, 
textarea:hover, 
textarea:focus {
	border-color	: #000;
	background-color: #FFF;
	color			: #000;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background		: #FFF;
	-webkit-box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; -moz-box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; }
input[type=text].wait, input[type=text].wait:focus {
	background-image	: url(/img/cursors/loader_circle_oprange.gif);
	background-position	: 100% 50%;
	background-repeat	: no-repeat;
}
input[disabled], input[disabled]:hover, input[disabled]:active {
	color			: #666666;
	border			: 1px solid #999999;
	background-color: #f2f2f2;
	opacity: 1;
    -webkit-text-fill-color: black;
}

textarea {
	font-family		: Arial,Verdana;/*Lucida Console;*/
	height			: auto;
	min-height		: 160px;
	min-width		: 240px;
	line-height		: 1.4em;
	padding			: 0.5em;
	resize			: none;
	font-size		: 1em;
	margin			: 0px;
}

.input2 {
	display			: block;
	width			: 100%;
	margin			: 1px;
	border-collapse	: collapse;
	overflow		: hidden;
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; 	-webkit-box-shadow	: 0em 1px 0em 1px rgba(255, 255, 255, 0.4); -moz-box-shadow	: 0em 1px 0em 1px rgba(255, 255, 255, 0.4); box-shadow	: 0em 1px 0em 1px rgba(255, 255, 255, 0.4); }
.input2 > div {
	width			: 100%;
	display			: table;
	-webkit-box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; -moz-box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; box-shadow	: 0em 0.5em 0.4em -0.5em rgba(0, 0, 0, 0.4) inset; }
.input2 > div > div {
	display			: table-cell;
	padding			: 0 0.5em;
	background-color: #FFF;
}
.input2 > div > div:first-child {
	background-color: #DDD;
	min-width		: 50px;
	font-weight		: bold;
	font-size		: 1.1em;
	white-space		: nowrap;
}
.input2 > div > *:nth-child(2) {
	width			: 100%;
	padding			: 0em;
}
.input2 > div > * > * {
	width			: inherit;
	background		: none;
	border			: none;
	display			: block;
}
.input2 > div > div > input:focus, .input2 > div > div > select:focus, 
.input2 > div > div > input:hover, .input2 > div > div > input:hover, 
.input2 > div > div > input:active, .input2 > div > div > input:active {
	background		: none;
	border			: none;
	-webkit-box-shadow	: none; -moz-box-shadow	: none; box-shadow	: none; }

.input2:hover, .input2_active {
	border			: 1px solid transparent;
	margin			: 0px;
	box-shadow		: none;
}
.input2:hover > div, .input2_active > div {
	-webkit-box-shadow	: 0em 0.6em 0.5em -0.6em rgba(0, 0, 0, 0.7) inset; -moz-box-shadow	: 0em 0.6em 0.5em -0.6em rgba(0, 0, 0, 0.7) inset; box-shadow	: 0em 0.6em 0.5em -0.6em rgba(0, 0, 0, 0.7) inset; }
.input2:hover > div > *:first-child, 
.input2_active > div > div:first-child {
	background-color: #000;
	color			: #FFF;
	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }


button, .onglet, 
.onglet_blanc, 
.onglet_noir, 
.onglet_orange, 
.accordeon > li > .tete,
table.table_liste TH {
	font-family		: Arial,Verdana;
	font-size		: 1em;
}

/** BUTTON,  * > BUTTON,  ACCORDEON */
button, .classbutton/*, a.button, a.button_transparent, a.button_small, .accordeon > li > .tete*/ {
	/*display			: inline-block;*/
	overflow		: hidden;			
	text-align		: center;
	white-space		: nowrap;	
	color			: #FFF;
	font-weight		: bold;
	vertical-align	: middle;
	padding			: 0.3em 0.4em;
	margin			: 0px 0px 0px 0px;
	background		: #111;
	border			: 1px solid #000; /*0.1em solid #000;*/
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; 	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
button > * {
	vertical-align	: middle;
	display			: inline-block;
}
button:first-letter, button > *:first-letter {
	text-transform	: capitalize;
}
button > span {
	padding-left	: inherit;
}
button > img {
	margin			: 0;
}
.button, .onglet {
	display			: inline-block;
}
button:hover {
	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; }
button:active {
	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; }
button.onglet, .onglet button ,   .ongletbutton {
	border-bottom	: none;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; 	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
button.onglet:hover, .onglet button:hover {
	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; }
button.onglet:active, .onglet button:active ,   .ongletbutton  {
	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; }

 .ongletbutton  {
     border: 0px solid #000;
}
/* Blanc */
button.blanc, a.button_blanc {
	color		: #000;
	border-color: #e5e5e5;
	background	: #e5e5e5;
}
button.orange, button.vert, button.rouge, button.bleu {
	color		: #FFF;
}
/* Orange */
button.orange {
	border-color: #f08f09;
	background	: #f08f09;
}
/* Vert */
button.vert {
	border-color: #339933;
	background	: #339933;
}
/* Rouge */
button.rouge {
	border-color: #d10019;
	background	: #d10019;
}
/* Bleu */
button.bleu {
	border-color: #425c7d;
	background	: #425c7d;
}
/* transparent */
button.transparent  {
	color		: rgba(126, 126, 126);
	border-color: rgba(126, 126, 126, 0.1);
	background	: rgba(126, 126, 126, 0.1);
}
button.transparent:hover  {
	color		: rgba(126, 126, 126);
	border-color: rgba(126, 126, 126, 0.15);
	background	: rgba(126, 126, 126, 0.15);
}

/** ACCORDEON */
.accordeon, .accordeon > li {
	display:block;
}
.accordeon > li > .tete {
	display		: block;
	text-align	: left;
	cursor		: pointer;
	font-weight:normal;
}
.accordeon > li > .tete > button{
	/*border-radius:0;*/
	width		: 100%;
	text-align	: left;
	font-weight	: normal;
}
.accordeon > li > .tete > button > .arrow {
	width		: 16px;
	height		: 16px;
	vertical-align	: middle;
	background	: url(/img/famfamfam/icons/bullet_arrow_right.png) no-repeat 0px 0px;
}
.accordeon > li:not(:first-child) > .wrapper {
	margin		: 0px; 
	padding		: 0em 0.1em; 
	position	: static; 
	overflow	: hidden; 
	height		: 0px;   /* mettre en commentaire pour afficher / cacher  tous les ï¿½tapes oi electronique*/ 
}
.accordeon > li .corps {
	font-size	: 0.95em;
	text-align	: justify;
	text-justify: inter-word;
	padding		: 0.8em 1em;
	background	: #FFF;
	display		: none;
	color		: #666666;
	-webkit-box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.25) inset; -moz-box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.25) inset; box-shadow	: 0em 0.5em 0.5em -0.5em rgba(0, 0, 0, 0.25) inset; }
.accordeon > li:first-child > .tete > button {
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; }
.accordeon > li:last-child > .tete > button,  
.accordeon > li:last-child > .wrapper > .corps  {
	webkit-border-radius	: 0em 0em 0.5em 0.5em; -moz-border-radius	: 0em 0em 0.5em 0.5em; border-radius	: 0em 0em 0.5em 0.5em; }
.accordeon > li:only-child > .tete > button {
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; }
.accordeon > li.open > .tete > button > .arrow {
	background	: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 0px 0px;
}
.accordeon > li.open:last-child > .tete > button {
	/*border-radius	: 0;*/
}


/** PAGINATION */
.pagination a {
	color		: #000;
	display		: block;
	padding		: 0.5em 1em;
}
.pagination a:hover {
	background	: rgba(0,0,0, 0.1) repeat 0px 0px;
}
.pagination li.selected a {
	color		: #FFF;
	font-weight	: bold;
}
.pagination li.pagination_boundary a {
	color		: #7f7f7f;
}
.pagination li.pagination_boundary a:hover {
	color		: #000;
}


/** TABLE LISTE */
.complete_table_liste {
	padding		: 0px;
}
.complete_table_liste .pagination{
	float		: right;
}
.complete_table_liste div.nbr_result{
	font-size	: 0.95em;
	color		: #7f7f7f;
	float		: left;
	padding		: 0.25em 0.5em;
}
.complete_table_liste .pagination a {
	padding		: 0.25em 1em;
}
.complete_table_liste div.nbr_result > * {
	display		: inline-block;
}
.complete_table_liste div.nbr_result form {
	margin		: 0 0.5em 0px 0px;
}
.complete_table_liste div.nbr_result button {
	margin		: 0px;
	padding		: 0px;
	background	: none;
	border		: none;
	/*border-radius: 0px;*/
	box-shadow	: none;
	overflow	: visible;
}
table.table_liste {
	min-width		: 100%;
	position	: relative;
	background	: #FFF;
}
table.table_liste TH > a,
table.table_liste TFOOT TH {
	padding		: 0.3em 0.4em;
	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }

table.table_liste TFOOT TH {
	padding		: 0.3em 0.4em;
	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }

table.table_liste .total_perso TH  {
	padding		: 0.3em 0.4em;
	background-color: #DDD;
    border: 1px solid #DDD;
    font-weight: bold;
    -webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }

 table.table_liste .total_perso TH.float {
    text-align: right;
}

/* action groupe */
table.table_liste #allListe {
	margin-top:1px;
	margin-bottom:2px;
}

table.table_liste TH.prehead {
	 
	color		: #000;
	white-space	: nowrap;
	border		: 1px solid #666;
	background-color:#DDD;
	padding		: 0.5em;
	text-align:center;
}

table.table_liste TH.vide{
	 
	color		: #FFF;
	white-space	: nowrap;
	border: 0px solid #000;
    background-color: transparent;
}


table.table_liste TH > a {
	display		: block;
	color		: #FFF;
	white-space	: nowrap;
	border		: 1px solid #000;
	background-color:#000;
}
table.table_liste TH:hover > a {
	-webkit-box-shadow	: 0em 0.12em 0.12em 0em rgba(0, 0, 0, 0.4), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow	: 0em 0.12em 0.12em 0em rgba(0, 0, 0, 0.4), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; box-shadow	: 0em 0.12em 0.12em 0em rgba(0, 0, 0, 0.4), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; }
table.table_liste TH.selected > a {
	border		: 1px solid #f08f09;
	background-color: #f08f09;
}
table.table_liste THEAD TH:first-child > a {
	webkit-border-radius	: 0.5em 0em 0em 0em; -moz-border-radius	: 0.5em 0em 0em 0em; border-radius	: 0.5em 0em 0em 0em; }
table.table_liste THEAD TH:last-child > a {
	webkit-border-radius	: 0em 0.5em 0em 0em; -moz-border-radius	: 0em 0.5em 0em 0em; border-radius	: 0em 0.5em 0em 0em; }
table.table_liste THEAD TH ul {
	display		: none;
	position	: absolute;
	width		: inherit;
	padding		: 0.5em;
	font-weight	: normal;
	background	: #666666;
	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3); -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3); box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3); }
table.table_liste THEAD TH:hover ul, 
table.table_liste THEAD TH ul li,
table.table_liste THEAD TH ul a {
	display		: block;
}
table.table_liste THEAD TH ul a {
	color		: #FFF;
	font-size	: 0.95em;
	padding		: 0.25em 0.5em;
	background-color:none;
	border-bottom: 1px dotted #b2b2b2;
}
table.table_liste THEAD TH ul li:last-child a {
	border-bottom: none;
}
table.table_liste THEAD TH ul li.selected:hover a {
	background	: rgba(0,0,0, 0.1) repeat 0px 0px;
}
table.table_liste THEAD TH ul li:hover a {
	background	: rgba(0,0,0, 0.3) repeat 0px 0px;
}
/*table.table_liste TBODY TR:last-child TD {
	border-bottom:1px solid #DDD;
}*/
table.table_liste TBODY TR:hover{
	background	: rgba(0,0,0, 0.1) repeat 0px 0px;
}
table.table_liste TBODY TR TD{
	font-size	: 0.95em;
	padding		: 0.25em 0.5em;
	border-right: 1px solid #f2f2f2;
}
table.table_liste TBODY TR TD:last-child {
	border-right: none;
}
table.table_liste TBODY TD.int, 
table.table_liste TBODY TD.float, 
table.table_liste TBODY TD.undefined, 
table.table_liste TFOOT TH.int, 
table.table_liste TFOOT TH.undefined, 
table.table_liste TFOOT TH.float 
{
	text-align	: right;
}
table.table_liste TBODY TD a{
	text-decoration	: underline;
}
table.table_liste TBODY TD a.lien_noir{
	color		: #000;
}
table.table_liste TFOOT TH{
	background-color: #DDD;
	border		: 1px solid #DDD;
}
table.table_liste TFOOT TH:first-child {
	 
}
table.table_liste TFOOT TH:last-child {
	webkit-border-radius	: 0em 0em 0.5em 0em; -moz-border-radius	: 0em 0em 0.5em 0em; border-radius	: 0em 0em 0.5em 0em; }

.carre {
	width		: 6px;
	height		: 6px;
	display		: inline;
	padding-left: 3px;
	margin-left	: 4px;
	
}
.rouge{ background:#D00; }
.vert{ background:#0C0;}


/** Message de type alert, PAS PopUp */
.app_message {
	margin-bottom	: 10px;
}
.app_message > * {
	border-style	: solid;
	border-width	: 1px;
	display			: block;
}
.app_message > .app_message_type {
	padding			: 0.3em 0.4em;
	border-bottom	: none;
	font-weight		: bold;
	color			: #FFF;
	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
.app_message > .app_message_text {
	padding			: 0.5em;
	border-top	: none;
}
.app_message > .app_message_text li {
	display		: block;
}
.app_message_Alerte > .app_message_type {
	background-color: #D10019;
	border-color	: #D10019;
}
.app_message_Alerte > .app_message_text {
	color			: #D10019;
	border-color	: #D10019;
}
.app_message_Note > .app_message_type {
	background-color: #00337f;
	border-color	: #00337f;
}
.app_message_Note > .app_message_text {
	color			: #001999;
	border-color	: #001999;
}
.app_message_Attention > .app_message_type {
	background-color: #f08f09;
	border-color	: #f08f09;
}
.app_message_Attention > .app_message_text {
	color			: #f08f09;
	border-color	: #f08f09;
}

.pop_block{
	margin		: 0px 7px 10px 0px;
	display		: inline-block;
	vertical-align:top;
}
.pop_block_tete {
	font-weight	: bold;
	padding		: 0.3em 0.4em;
	color		: #FFF;
	border		: 1px solid #000;
	background-color: #000;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; 	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }

.pop_block_tetered {
	font-weight	: bold;
	padding		: 0.3em 0.4em;
	color		: #FFF;
	border		: 1px solid #000;
	background-color: #F00;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; 	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
.pop_block_corps{
	background	: #EEE;
	padding		: 5px;
	border		: 1px solid #000;
	border-top	: none;
}

a.mblink {
	display		: inline-block;
	width		: 15px;
	height		: 16px;
	background	: url(/img/famfamfam/icons/information.png) no-repeat 50% 0%;
}


.pointer { 
	cursor		: pointer;
}

.left { 
	float		: left; 
}
.right { 
	float		: right; 
}
.clr { 
	clear		: both; 
}

.spacerH1 { 
	width		: 5px;
}
.spacerH2 { 
	width		: 10px; 
}
.spacerH3 { 
	width		: 15px;
}

.spacerV0 { 
	height		: 0px; 
	line-height	: 0px; 
	font-size	: 0px; 
	clear		: both; 
}
.spacerV1 { 
	height		: 5px; 
	line-height	: 5px; 
	font-size	: 5px; 
	clear		: both;
}
.spacerV2 { 
	height		: 10px; 
	line-height	: 10px; 
	font-size	: 10px; 
	clear		: both; 
}
.spacerV3 { 
	height		: 15px; 
	line-height	: 15px; 
	font-size	: 15px; 
	clear		: both;
}

.text_left { 
	text-align	: left;
}
.text_center { 
	text-align	: center;
}
.text_right { 
	text-align	: right;
}
.text_normal { 
	font-size	: 1em;
	color		: #000;
}
.text_exemple { 
	color		: #7f7f7f; 
	font-size	: 0.9em;
}
.text_obligatoire,
.obliG { 
	color		: #d20b13;
	text-align	: right;
}
.stateOk { 
	color		: #090;
}



/** CORPS DU SITE */
#page {
	height		: 100%;
	width		: 1235px;
	position	: relative;
	display		: table;
	margin		: 0px auto;	background-color: #FFF;
}

#page.optiresponsive{
 
	  width: calc(100vw - 80px);
	  max-width: 1470px;
 	min-width: 1430px;
}

#page > div {
	vertical-align: top;
	text-align	: left;
	display		: table-cell;
}
#page_left {
	width		: 160px;
}
#page_left > div:last-child {
	height		: 160px;
	background : #e5e5e5; 
background : -moz-linear-gradient(top, #e5e5e5 0%, #FFF 100%); background : -webkit-linear-gradient(top, #e5e5e5 0%, #FFF 100%); background : -o-linear-gradient(top, #e5e5e5 0%, #FFF 100%); background : -ms-linear-gradient(top, #e5e5e5 0%, #FFF 100%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #FFF)); 
background : linear-gradient(to bottom, #e5e5e5 0%, #FFF 100%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#FFF',GradientType=0 ); }
#page_right {
	
}
#page_right > div {
	padding		: 10px;
}
#page_right > #page_top {
	padding		: 5px 10px;
	border-bottom: 1px solid #DDD;
	background : rgba(253,253,253,1); 
background : -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(238,238,238,1) 100%); background : -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(238,238,238,1) 100%); background : -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(238,238,238,1) 100%); background : -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(238,238,238,1) 100%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(238,238,238,1))); 
background : linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(238,238,238,1) 100%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); }
#page_top_container {
	display		: table;
	width		: 100%;
}
#page_top_container > div {
	display		: table-cell;
}
#page_top_container button, 
#page_top_container {
	color		: #f08f09;
}
#page_top_container > #page_top_left {
	text-align	: left;
}
#page_top_container > #page_top_center {
	text-align	: center
}
#page_top_container > #page_top_right{
	text-align	: right;
}
#page_right > #page_corps {
	padding		: 20px 10px;
	height		: 100%;
	border-top	: 1px solid #FFF;
	-webkit-box-shadow	: 0em 1em 1em -1em rgba(230, 230, 230, 1) inset; -moz-box-shadow	: 0em 1em 1em -1em rgba(230, 230, 230, 1) inset; box-shadow	: 0em 1em 1em -1em rgba(230, 230, 230, 1) inset; }

#logo_container {
	display		: block;
	width		: 100%;
	text-align	: center;
	padding-top	: 13px;
	background	: #e5e5e5; /* Old browsers */
	-webkit-box-shadow	: 0em -3.5em 4em 0em rgba(150, 150, 150, 1) inset; -moz-box-shadow	: 0em -3.5em 4em 0em rgba(150, 150, 150, 1) inset; box-shadow	: 0em -3.5em 4em 0em rgba(150, 150, 150, 1) inset; }
#logo_app {
	display		: block;
	vertical-align: text-bottom;
	text-align	: center;
	padding		: 16px 0px 13px;
	color		: #FFF;
	font-size	: 2em;
	font-weight	: bold;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; }
#logo_app, 
#left_menu .menu_left > li.selected > a {
	border		: 1px solid #f08f09;
	background : rgba(234,174,105,1); 
background : -moz-linear-gradient(top, rgba(234,174,105,1) 0%, rgba(240,143,9,1) 75%); background : -webkit-linear-gradient(top, rgba(234,174,105,1) 0%, rgba(240,143,9,1) 75%); background : -o-linear-gradient(top, rgba(234,174,105,1) 0%, rgba(240,143,9,1) 75%); background : -ms-linear-gradient(top, rgba(234,174,105,1) 0%, rgba(240,143,9,1) 75%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234,174,105,1)), color-stop(75%, rgba(240,143,9,1))); 
background : linear-gradient(to bottom, rgba(234,174,105,1) 0%, rgba(240,143,9,1) 75%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaae69', endColorstr='#f08f09',GradientType=0 ); 	-webkit-box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; -moz-box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; }
/*#logo_app:hover, 
#left_menu .menu_left > li.selected:hover > a {
	background	: #f08f09;
}*/

#btn_menuburger {
	display: none;
}

#left_menu {
	padding				: 15px 0px;
	background-color	: #e5e5e5;
}
#left_menu .menu_left {
	width			: 100%;
	border-top		: 2px solid #b2b2b2;
	margin-bottom	: 20px;
	
}
#left_menu ul {
	width			: inherit;
}
#left_menu li ul {
	background-color: #FFF;
	font-size		: 0.95em;
}
#left_menu li {
	width			: inherit;
}
#left_menu li a:hover {
	background-color: rgba(0,0,0, 0.05);
}
#left_menu li a {
	display			: block;
	padding			: 0.4em 1em;
	font-weight		: normal;
	color			: #888;
}
#left_menu li.selected > a,
#left_menu li.selected > div > a {
	background-color: rgba(0,0,0, 0.05);
	color			: #FFF;
	font-weight		: bold;
}
#left_menu li.selected > a {
	background-color: rgba(0,0,0, 0.05);
}

#left_menu  li.sous_child_selected > a,
#left_menu li.sous_child_selected > div > a {
	 
	color			: #FFF;
	font-weight		: bold;
	 border-top: 2px solid;
    border-left: 8px solid;
}

#left_menu li.sous_child_selected  {
	background-color: #f08f09;
}
 
#left_menu li a.lien {
	display			: table;
	border-collapse	: separate;
	padding			: 0;
	width			: 100%;
}
#left_menu li a.lien > div {
	display			: table-row;
}
#left_menu li a.lien > div > div {
	display			: table-cell;
	padding			: 0.5em 1em;
}
#left_menu li a.lien > div > .arrow {
	cursor			: pointer;
	width			: 16px;
}
#left_menu li a.lien > div > .arrow:hover {
	background-color: rgba(0,0,0, 0.05);
}
#left_menu li a.lien > div > .arrow_up {
	background		: url(/img/famfamfam/icons/bullet_arrow_up.png) no-repeat 50% 50%;
}
#left_menu li a.lien > div > .arrow_down {
	background		: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 50% 50%;
}
#left_menu li > *.wrapper {
	width			: inherit;
	height			: 0;
	overflow: hidden;
}
#left_menu li.selected > *.wrapper {
	width			: inherit;
	height			: auto;
}

/*#left_menu .menu_left li > .lien > div {
	display			: table-row;
	width			: inherit;
}
#left_menu .menu_left li > .lien > div > * {
	display			: table-cell;
	width			: inherit;
}
#left_menu .menu_left li > div.wrapper {
	width			: inherit;
}
#left_menu .menu_left li > div.wrapper > ul {
	display			: block;
	width			: inherit;
	font-weight		: normal;
	background		: #FFF;
}
#left_menu .menu_left li a {
	display			:block;
	padding			: 0.5em 1em;
	color			: #888;
}
#left_menu .menu_left li a:hover, 
#left_menu .menu_left li > .lien > div > .arrow:hover {
	color			: #000;
	background-color: rgba(0,0,0, 0.05);
}
#left_menu .menu_left li.selected > .lien a {
	color			: #FFF;
}

#left_menu .menu_left > li {
	border-bottom	: 1px solid #BBB;
}
#left_menu .menu_left li > .lien > div > .arrow {
	padding			: 0em 1.25em;
	cursor			: pointer;
}
#left_menu .menu_left li > .lien > div > .arrow_down {
	background		: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 50% 50%;
}
#left_menu .menu_left li > .lien > div > .arrow_up {
	background		: url(/img/famfamfam/icons/bullet_arrow_up.png) no-repeat 50% 50%;
}
#left_menu .menu_left li .submenu_left {
	font-size		: 0.95em;
}
#left_menu .menu_left li .submenu_left li.selected {
	background		: rgba(0,0,0, 0.05);
}
#left_menu .menu_left li.selected .submenu_left {
	display			: block;
}


/*#left_menu .menu_left > li {
	display			: table;
	width			: inherit;
}
#left_menu .menu_left > li > div {
	display			: table-row;
	width			: inherit;
}
#left_menu .menu_left > li > div > * {
	display			: table-cell;
	width			: inherit;
	
}*/


/*#left_menu .menu_left li, #left_menu .menu_left li a {
	display		: block;
}
#left_menu .menu_left li {
	border-bottom : 1px solid #cccccc;
	overflow	: hidden;
}
#left_menu .menu_left > li > div > a {
	padding		: 6px 0px 6px 10px;
	color		: #666666;
}
#left_menu .menu_left > li > div > a span.chevron{
	float		: right;
}
#left_menu .menu_left li:hover, #left_menu .menu_left li.active {
	background	: rgba(0,0,0, 0.05) repeat 0px 0px;
}
#left_menu .menu_left li:hover > div > a {
	color		: #000;
}
#left_menu .menu_left > li.selected > div > a {
	color		: #FFF;
}
#left_menu .menu_left > li .submenu_left {
	display		: block;
	padding		: 1px;
	background	: #FFF;
	font-weight	: normal;
	-webkit-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; }

#left_menu .menu_left > li > div {
	display		: table-row;
}
#left_menu .menu_left > li > div > * {
	display		: table-cell;
}
#left_menu .menu_left > li > div > div {
	padding:0px 6px;
	background-color:rgba(0,0,0, 0.05);
}
#left_menu .menu_left > li > div > a {
	width:100%;
}

#left_menu .menu_left > li .submenu_left > li {
	border-bottom	: 1px dotted #FFF;
}
#left_menu .menu_left > li .submenu_left > li:last-child, 
#left_menu .menu_left > li .submenu_left > li:only-child {
	border-bottom	: none;
}
#left_menu .menu_left > li .submenu_left > li.selected {
	background-color: #f08f09;
}
#left_menu .menu_left > li .submenu_left > li > a {
	font-size	: 0.95em;
	padding		: 4px 10px;
	color		: #000;
}
#left_menu .menu_left > li .submenu_left > li.selected > a{
	color		: #FFF;
	font-weight	: normal;
	background-color: rgba(0,0,0, 0.2);
}
#left_menu .menu_left > li .submenu_left > li.selected > a:hover {
	background-color: rgba(0,0,0, 0.36);
}*/

#left_menu_gradian {
	width		: 100%;
	height		: 320px;
	background	: url(/img/degrade_menu.png) repeat-x 0px 0px;
}

.fond_vert {
background-color:#A1BB28;
padding: 2px 2px 2px 2px;
}

.fond_orange {
background-color:#f08f09;
padding: 2px 2px 2px 2px;
}

.waiting_message {


background-color: white;
position: fixed;
top: 200px;
width: 50%;
 
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 25%;
 
padding-top:6px;
	

}

.waiting_message_frame {


background-color: white;
position: fixed;
top: 100px;
width: 40%;
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 33%;
padding-top:6px;
	

}

.dynamiqueOk {
background: url(/img/famfamfam/icons/accept.png) no-repeat ;
}

.dynamiqueNok {
background: url(/img/famfamfam/icons/exclamation.png) no-repeat ;
}

.waiting_background {
	top:0px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 900;
	cursor: wait;
	background-color: #ccc;
	filter: alpha(opacity = 50);
	-moz-opacity: .5;
	opacity: 0.5;
}

/* divers PB */
.mw280p {
	    max-width: 280px;
    overflow: hidden;
}	

.menutitre11preprod::after {
    position: relative;
    width: 5px;
    height: 25px;
    top: -1px;
    right: -10px;
    left: -9px;
    content: " PREPROD";
    color: black;
}

.menutitre101211preprod56::after {
	position: relative;
	width: 5px;
	height: 25px;
	top: -1px;
	right: -10px;
	left: -9px;
	content: " PREPROD";

	color: black;
}

.menutitre101211preprod56::before {
	position: relative;
	width: 5px;
	height: 25px;
	top: -22px;

	left: 30px;
	content:url('/img/new.gif');
}

.menutitre101211marketfox::before {
	position: relative;
	width: 5px;
	height: 25px;
	top: -22px;

	left: 30px;
	content:url('/img/new.gif');
}

.menutitre101211www::before {
	position: relative;
	width: 5px;
	height: 25px;
	top: -22px;

	left: 30px;
	content:url('/img/new.gif');
}

.menutitre101211marketfox{
	margin-left: -32px;
}
.menutitre101211preprod56 {
	margin-left: -32px;
}


.menutitre18dev::after {
    position: relative;
    width: 5px;
    height: 25px;
    top: -4px;
    right: -10px;
    left: -9px;
    content: " TEST (DEV)";
    color: black;
}

.menutitre18test::after {
    position: relative;
    width: 5px;
    height: 25px;
    top: -4px;
    right: -10px;
    left: -9px;
    content: " TEST";
    color: black;
}

.menutitre18predev::after {
    position: relative;
    width: 5px;
    height: 25px;
    top: -4px;
    right: -10px;
    left: -9px;
    content: " TEST (PREDEV)";
    color: black;
} 
	
	
#successOrange {
    border-radius: 1em 1em 1em 1em;
    border: 1px dotted gray;
    color: black;
    font-weight: bold;
    font-family: Arial,Verdana;
    font-size: 18px;
    background-color: #f08f09;
    
    text-align: center;
   
    margin-top: 60px;	
}


.imgzoom {
	background: url(/img/famfamfam/icons/zoom.png) no-repeat ;
	padding-bottom: 2px;
    padding-top: 2px;
}
.resetboxshadow {
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
   
     	
}

.imgpointer {
cursor:pointer;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


}	
 
 
.MultiSelect {
	width: 100%;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	display: block;
	position: relative;
}

.MultiSelect ul,.MultiSelect li {
   
     display:  block;  
     color:#000;
}
.MultiSelect .monitor {
	/*background: url("/css/img/win/monitor-left.png") top left no-repeat;*/
	width: 99%;
	line-height: 18px;
	padding: 0 0 0 4px;
	margin: 0;
	overflow: hidden;
	  background-color: #111;
    color: #fff;
}
.MultiSelect .monitor div {
	background: url("/css/img/win/monitor-right.png") top right no-repeat;
	/*padding: 0 18px 0 0;*/
}
.MultiSelect .monitor div div {
	/*background: url("/css/img/win/monitor-center.png") top left repeat-x;*/
	padding: 1px 0 0 0;
	margin: 0;
}

.MultiSelect .footer  {
	display:none;
	 
	background-color:#BBB;
	/*border-width: 1px;*/
    border-style: solid;
    border-color: black;
    padding-left:8px;
    padding-top:8px;
    padding-bottom:8px;
    

	
}
.MultiSelect .footer a {
	overflow: hidden;
    text-align: center;
    white-space: nowrap;
    color: #111;
    font-weight: bold;
    vertical-align: middle;
   padding: 0.1em 0.4em 0.1em 0.4em;
   margin-top:4px;
   margin-right:8px;
    background: #f08f09;
    border: 1px solid #000;
    webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
}	
 
 
.MultiSelect ul {
	/*position: absolute;*/
	z-index: 1000;
	top: 18px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 99%;
	max-height: 230px;
	overflow: hidden;
	list-style: none;
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-left: 3px solid #ccc;
	/*border-right: 1px solid #000;*/
	/*border-bottom: 1px solid #000;*/
	_height: 230px; /* IE */
}
.MultiSelect ul li {
	padding: 0px 3px;
}
.MultiSelect ul li.hover,
.MultiSelect ul li.selected.hover {
	background-color: #6DBAF0;
	color: white;
}
.MultiSelect ul li.selected {
	background-color: #3875D7;
	color: white;
}
@charset "utf-8";
/* CSS Document */

/* pour chrome vire asceneur sur input number  */
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}


#fondDIV {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:1403px;
	z-index:1;
	visibility: visible;
	background-image: url(/img/OINat-pack.jpg);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}
#dateDIV {
	position:absolute;
	left:187px;
	top:74px;
	width:150px;
	height:20px;
	z-index:2;
}
#nomDIV {
	position:absolute;
	left:318px;
	top:115px;
	width:436px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#nomcommercialDIV {
	position:absolute;
	left:190px;
	top:140px;
	width:800;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#tvaaDIV {
	position:absolute;
	left:825px;
	top:115px;
	width:165px;
	height:16px;
	z-index:2;
}
#activiteDIV {
	position:absolute;
	left:942px;
	top:163px;
	width:48px;
	height:16px;
	z-index:2;
}
#mailDIV {
	position:absolute;
	left:183px;
	top:238px;
	width:495px;
	height:16px;
	z-index:2;
}
#sitewebDIV {
	position:absolute;
	left:152px;
	top:262px;
	width:838px;
	height:16px;
	z-index:2;
}
#adresseDIV {
	position:absolute;
	left:123px;
	top:165px;
	width:745px;
	height:16px;
	z-index:2;
}
#adresseautreDIV {
	position:absolute;
	left:340px;
	top:214px;
	width:652;
	height:16px;
	z-index:2;
}
#cpautreDIV {
	position:absolute;
	left:680px;
	top:214px;
	width:70;
	height:16px;
	z-index:2;
}
#vilautreDIV {
	position:absolute;
	left:742px;
	top:214px;
	width:180;
	height:16px;
	z-index:2;
}

#cpDIV {
	position:absolute;
	left:152px;
	top:189px;
	width:90;
	height:16px;
	z-index:2;
}
#villeDIV {
	position:absolute;
	left:292px;
	top:189px;
	width:385px;
	height:16px;
	z-index:2;
}
#telDIV {
	position:absolute;
	left:725px;
	top:189px;
	width:264px;
	height:16px;
	z-index:2;
}
#faxDIV {
	position:absolute;
	left:725px;
	top:237px;
	width:261px;
	height:16px;
	z-index:2;
}
#representantDIV {
	position:absolute;
	left:228px;
	top:310px;
	width:565px;
	height:16px;
	z-index:2;
}
#representantprenomDIV {
	position:absolute;
	left:725px;
	top:285px;
	width:265px;
	height:16px;
	z-index:2;
}
#representantnomDIV {
	position:absolute;
	left:316px;
	top:285px;
	width:263px;
	height:16px;
	z-index:2;
}
#civilitenomDIV {
	position:absolute;
	left:266px;
	top:285px;
	width:40px;
	height:16px;
	z-index:2;
}
#guide1DIV {
	position:absolute;
	left:638px;
	top:337px;
	width:352px;
	height:16px;
	z-index:2;
}
#guide2DIV {
	position:absolute;
	left:45px;
	top:360px;
	width:945px;
	height:16px;
	z-index:2;
}
#obs1DIV {
	position:absolute;
	left:48px;
	top:414px;
	width:501px;
	height:20px;
	z-index:2;
}
#obs2DIV {
	position:absolute;
	left:48px;
	top:436px;
	width:501px;
	height:20px;
	z-index:2;
}
#obs3DIV {
	position:absolute;
	left:48px;
	top:458px;
	width:501px;
	height:20px;
	z-index:2;
}
#obs4DIV {
	position:absolute;
	left:48px;
	top:480px;
	width:501px;
	height:20px;
	z-index:2;
}

#obs5DIV {
	position:absolute;
	left:48px;
	top:502px;
	width:501px;
	height:20px;
	z-index:2;
}
#obs6DIV {
	position:absolute;
	left:48px;
	top:524px;
	width:501px;
	height:20px;
	z-index:2;
}
#obs7DIV {
	position:absolute;
	left:48px;
	top:546px;
	width:501px;
	height:20px;
	z-index:2;
}
#surface1DIV {
	position:absolute;
	left:670px;
	top:440px;
	width:30;
	height:30;
	z-index:2;
}
#surface2DIV {
	position:absolute;
	left:717px;
	top:440px;
	width:30;
	height:30;
	z-index:2;
}
#surface3DIV {
	position:absolute;
	left:671px;
	top:479px;
	width:30;
	height:30;
	z-index:2;
}
#surface4DIV {
	position:absolute;
	left:718px;
	top:479px;
	width:30px;
	height:30px;
	z-index:2;
}
#chapitre1DIV {
	position:absolute;
	left:770px;
	top:439px;
	width:220px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#chapitre2DIV {
	position:absolute;
	left:770px;
	top:475px;
	width:220px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#chapitre1ENDIV {
	position:absolute;
	left:760px;
	top:606px;
	width:110px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#chapitre2ENDIV {
	position:absolute;
	left:760px;
	top:642px;
	width:110px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#case1ENmontantDIV {
	position:absolute;
	left:670px;
	top:605px;
	width:100px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#case2ENmontantDIV {
	position:absolute;
	left:670px;
	top:641px;
	width:10px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}

#chapitre1ENmontantDIV {
	position:absolute;
	left:880px;
	top:605px;
	width:110px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#chapitre2ENmontantDIV {
	position:absolute;
	left:880px;
	top:641px;
	width:110px;
	height:16px;
	border-color:#FFFFFF;
	z-index:2;
}
#pubhtDIV {
	position:absolute;
	left:770px;
	top:523px;
	width:220px;
	height:16px;
	z-index:2;
}
#fraisDIV {
	position:absolute;
	left:786px;
	top:683px;
	width:204px;
	height:16px;
	z-index:2;
}
#nethtDIV {
	position:absolute;
	left:774px;
	top:725px;
	width:216px;
	height:16px;
	z-index:2;
}
#netttcDIV {
	position:absolute;
	left:782px;
	top:787px;
	width:208px;
	height:16px;
	z-index:2;
}
#acompteDIV {
	position:absolute;
	left:740px;
	top:818px;
	width:250px;
	height:16px;
	z-index:2;
}
#tvatauxDIV {
	position:absolute;
	left:708px;
	top:756px;
	width:50px;
	height:16px;
	z-index:2;
}
#tvaDIV {
	position:absolute;
	left:800px;
	top:757px;
	width:190px;
	height:16px;
	z-index:2;
}
#resteduDIV {
	position:absolute;
	left:740px;
	top:849px;
	width:250px;
	height:16px;
	z-index:2;
}
#paiementchqDIV {
	position:absolute;
	left:50px;
	top:630px;
	width:22px;
	height:16px;
	z-index:2;
}
#paiementvrtDIV {
	position:absolute;
	left:50px;
	top:649px;
	width:22px;
	height:16px;
	z-index:2;
}
#paiementprelvDIV {
	position:absolute;
	left:50px;
	top:691px;
	width:22px;
	height:16px;
	z-index:2;
}
#faitaDIV {
	position:absolute;
	left:80px;
	top:737px;
	width:215px;
	height:16px;
	z-index:2;
}
#faitleDIV {
	position:absolute;
	left:55px;
	top:759px;
	width:220px;
	height:16px;
	z-index:2;
}
#courtierDIV {
	position:absolute;
	left:317px;
	top:755px;
	width:270px;
	height:16px;
	z-index:2;
}
#recto1DIV {
	position:absolute;
	left:663px;
	top:430px;
	width:22px;
	height:16px;
	z-index:2;
}
#recto2DIV {
	position:absolute;
	left:663px;
	top:518px;
	width:22px;
	height:16px;
	z-index:2;
}
#verso1DIV {
	position:absolute;
	left:663px;
	top:447px;
	width:22px;
	height:16px;
	z-index:2;
}
#verso2DIV {
	position:absolute;
	left:663px;
	top:535px;
	width:22px;
	height:16px;
	z-index:2;
}
#noir1DIV {
	position:absolute;
	left:569px;
	top:465px;
	width:22px;
	height:16px;
	z-index:2;
}
#quadri1DIV {
	position:absolute;
	left:611px;
	top:465px;
	width:22px;
	height:16px;
	z-index:2;
}
#carton1DIV {
	position:absolute;
	left:569px;
	top:481px;
	width:22px;
	height:16px;
	z-index:2;
}
#noir2DIV {
	position:absolute;
	left:569px;
	top:553px;
	width:22px;
	height:16px;
	z-index:2;
}
#quadri2DIV {
	position:absolute;
	left:611px;
	top:553px;
	width:22px;
	height:16px;
	z-index:2;
}
#carton2DIV {
	position:absolute;
	left:569px;
	top:569px;
	width:22px;
	height:16px;
	z-index:2;
}
#ech1DIV {
	position:absolute;
	left:154px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech2DIV {
	position:absolute;
	left:258px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech3DIV {
	position:absolute;
	left:361px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech4DIV {
	position:absolute;
	left:466px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech5DIV {
	position:absolute;
	left:569px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech6DIV {
	position:absolute;
	left:673px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech7DIV {
	position:absolute;
	left:776px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#ech8DIV {
	position:absolute;
	left:882px;
	top:970px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt1DIV {
	position:absolute;
	left:154px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt2DIV {
	position:absolute;
	left:258px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt3DIV {
	position:absolute;
	left:361px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt4DIV {
	position:absolute;
	left:466px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt5DIV {
	position:absolute;
	left:569px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt6DIV {
	position:absolute;
	left:673px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt7DIV {
	position:absolute;
	left:776px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#mnt8DIV {
	position:absolute;
	left:882px;
	top:991px;
	width:97px;
	height:16px;
	z-index:2;
}
#boutonDIV {
	position:absolute;
	left:422px;
	top:860px;
	width:30px;
	height:15px;
	z-index:2;
	top: 1027px;
}

#signaturePADDIV {
	position:absolute;
	left:56px;
	top:860px;
	width:242px;
	height:16px;
	z-index:2;
}
	
 
body {
	margin:0px;
	font-family: roboto, Arial, sans-serif;
}

.navbar {
    position: fixed;
    top: 0px;
    min-height: 80px;
    background: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
    z-index: 1010;
    width: 100%;
    display:none; 
}

.menunavbar {
   width:1024px;
   margin-left:auto;
   margin-right:auto;
   font-size:1.4em;
   margin-top:6px;
   margin-bottom: 6px;
   overflow: hidden;
   
   
}

.menunavbar  table, .dialognavbar table{
      width: 100%;
      
   
}

.menunavbar  table td{
      width: 33%;
      padding:10px;
      text-align:center;
   
}

.dialognavbar {
	 width:640px;
   margin-left:auto;
   margin-right:auto;
  display:none; 
	
}	
 
.dialognavbar h2{
	  background: #82ac36;
	  color:fff;
	  padding-left:12px;
	  padding-right:12px;
	  text-align:center;
	
}

.dialerror {
 
    color: red;
    font-weight: bold;
    font-size: 0.8em;
    display:none;
 
}	

.langue {
cursor: pointer;	
}	


#fondDIV .argv{
	
	
	position:absolute;
	margin-left:40px;
	top:1080px;
	width:920px;
	
}

#fondDIV .commentaire{
	
	
	position:absolute;
	margin-left:610px;
	top:848px;
	width:290px;
	
}

#verifmail {
	
	font-family		: Arial,Verdana;
	width:460px;
	min-height:160px;
	position:absolute;
	z-index:2;
	margin-left:280;
	top:800px;
	background-color: #ddd;
	padding:10px;
	font-size:14px;
	display:none;
	 
	
}

#verifmail  td{
	
	

	font-family		: Arial,Verdana;
	font-size		: 12px;
	
	
}
 

#fondDIV .signature_electronique{
	
	
	position:absolute;
	margin-left:426px;
	top:782px;
	width:300px;
	font-family		: Arial,Verdana;
	font-size		: 11px;
	
	
}

#fondDIV .signature_electronique td{
	
	

	font-family		: Arial,Verdana;
	font-size		: 11px;
	
	
}

#signaturedialogEtape2 {
	display:none;
}

#signaturedialogEtape2 .sigPadV2{
	
	
    width: 400px;
    /*height: 460px;*/
    margin-left: auto;
    margin-right: auto;
	
}

.sigWrapperV2 {
border: 1px solid #ccc;
}

#signaturedialogEtape2 .sigNav .clearButton {
 /* bottom: 0.2em;*
 /* display: none;*/
  /*position: absolute;*/
   
background-image: url(/img/famfamfam/icons/pencil_delete.png);
background-position: left top;
	background-repeat: no-repeat;
 /* font-size: 0.75em;
  line-height: 1.375; */
      margin-left: 12px;
    top: 260px;
   padding-left: 12px;
}


#fondDIV .sigPad{
	
	
	position:absolute;
	margin-left:380px;
	top:832px;
	width:200px;
	height: 210px;
	
}
.sigWrapper {
border: 0px solid #ccc;
}

#fondDIV img{
width:40%; 
height:40%; 
}

 
#fondDIV button ,.dialognavbar button {
cursor:pointer;
display: inline-block;
overflow: hidden;
text-align: center;
white-space: nowrap;
color: #FFF;
font-weight: bold;
vertical-align: middle;
padding: 0.3em 0.4em;
margin: 0px 0px 0px 0px;
background: #111;
border: 1px solid #000;
webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
font-size:16px;
}


.menunavbar button {
    border: 1px solid #336633 !important;
    background: #82ac36;
    color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 22px;
    cursor:pointer;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	padding: 0.3em 0.4em;
	margin: 0px 0px 0px 0px;
	 
	border: 1px solid #000;
	webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	font-size:16px;
}


.waiting_messageBDC { /* OIfond */

font-family		: Arial,Verdana;
background-color: white;
position: fixed;
top: 300px;
width: 40%;
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 33%;
padding-top:6px;
display:none;
	

}

.waiting_message_frame {


background-color: white;
position: fixed;
top: 100px;
width: 40%;
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 33%;
padding-top:6px;
	

}

.waiting_background {
	top:0px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 900;
	cursor: wait;
	background-color: #ccc;
	filter: alpha(opacity = 50);
	-moz-opacity: .5;
	opacity: 0.5;
}


.sigNav .clearButton {
bottom: 0.0px;
font-size:20px;
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/* STYLES GO HERE */

.menunavbar {
   width:1000px !important;
   padding-left:12px !important;
   
}

.menunavbar  table, .dialognavbar table{
      width: 90% !important;
      
   
}


}
 
body {
	margin:0px;
	font-family: roboto, Arial, sans-serif;
}

.navbar {
    position: fixed;
    top: 0px;
    min-height: 80px;
    background: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
    z-index: 1010;
    width: 100%;
    display:none; 
}

.menunavbar {
   width:1024px;
   margin-left:auto;
   margin-right:auto;
   font-size:1.4em;
   margin-top:6px;
   margin-bottom: 6px;
   overflow: hidden;
   
   
}

.menunavbar  table, .dialognavbar table{
      width: 100%;
      
   
}

.menunavbar  table td{
      width: 33%;
      padding:10px;
      text-align:center;
   
}

.dialognavbar {
	 width:640px;
   margin-left:auto;
   margin-right:auto;
  display:none; 
	
}	
 
.dialognavbar h2{
	  background: #82ac36;
	  color:fff;
	  padding-left:12px;
	  padding-right:12px;
	  text-align:center;
	
}

.dialerror {
 
    color: red;
    font-weight: bold;
    font-size: 0.8em;
    display:none;
 
}

.txtred {
 
    color: red;
    font-weight: bold;
    font-size: 1em;
    margin-top:8px;
 
 
}	

.langue {
cursor: pointer;	
}	


.argv{
	
	
	position:absolute;
	margin-left:292px;
	top:1050px;
	width:920px;
	
}

.argv_mkp{
	
	
	position:absolute;
	margin-left:292px;
	top:1250px;
	width:920px;
	
}

#creationFondPNGV2 .commentaire{
	
	
	position:absolute;
	margin-left:600px;
	top:900px;
	width:290px;
	
}

#creationFondPNGV2 .commentaire_mkp{
	
	
	position:absolute;
	margin-left:600px;
	top:1100px;
	width:290px;
	
}

#verifmail {
	
	font-family		: Arial,Verdana;
	width:460px;
	min-height:160px;
	position:absolute;
	z-index:2;
	margin-left:280;
	top:800px;
	background-color: #ddd;
	padding:10px;
	font-size:14px;
	display:none;
	 
	
}

#verifmail  td{
	
	

	font-family		: Arial,Verdana;
	font-size		: 12px;
	
	
}
 

.signature_electronique{
	
	
	position:absolute;
	margin-left:426px;
	top:782px;
	width:300px;
	font-family		: Arial,Verdana;
	font-size		: 11px;
	
	
}

.signature_electronique td{
	
	

	font-family		: Arial,Verdana;
	font-size		: 11px;
	
	
}

#signaturedialogEtape2 {
	display:none;
}

#signaturedialogEtape2 .sigPadV2{
	
	
    width: 400px;
    /*height: 460px;*/
    margin-left: auto;
    margin-right: auto;
	
}

.sigWrapperV2 {
border: 1px solid #ccc;
}

#signaturedialogEtape2 .sigNav .clearButton {
 /* bottom: 0.2em;*
 /* display: none;*/
  /*position: absolute;*/
   
background-image: url(/img/famfamfam/icons/pencil_delete.png);
background-position: left top;
	background-repeat: no-repeat;
 /* font-size: 0.75em;
  line-height: 1.375; */
      margin-left: 12px;
    top: 260px;
   padding-left: 12px;
}


.sigPad{
	
	
	position:absolute;
	margin-left:380px;
	top:832px;
	width:200px;
	height: 210px;
	
}
.sigWrapper {
border: 0px solid #ccc;
}

 
 
#creationFondPNGV2 button ,.dialognavbar button {
cursor:pointer;
display: inline-block;
overflow: hidden;
text-align: center;
white-space: nowrap;
color: #FFF;
font-weight: bold;
vertical-align: middle;
padding: 0.3em 0.4em;
margin: 0px 0px 0px 0px;
background: #111;
border: 1px solid #000;
webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
font-size:16px;
}


#creationFondPNGV2 .menunavbar button {
    border: 1px solid #336633 !important;
    background: #82ac36;
    color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 22px;
    cursor:pointer;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	padding: 0.3em 0.4em;
	margin: 0px 0px 0px 0px;
	 
	border: 1px solid #000;
	webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
	font-size:16px;
}


#creationFondPNGV2 .waiting_messageBDC { /* OIfond */

font-family		: Arial,Verdana;
background-color: white;
position: fixed;
top: 300px;
width: 40%;
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 33%;
padding-top:6px;
display:none;
	

}

#creationFondPNGV2 .waiting_message_frame {


background-color: white;
position: fixed;
top: 100px;
width: 40%;
z-index: 10000;
border: 1px solid #aaa;
box-shadow:rgba(0,0,0,0.2) 0 4px 16px 0px;
left: 33%;
padding-top:6px;
	

}

#creationFondPNGV2 .waiting_background {
	top:0px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 900;
	cursor: wait;
	background-color: #ccc;
	filter: alpha(opacity = 50);
	-moz-opacity: .5;
	opacity: 0.5;
}


.sigNav .clearButton {
bottom: 0.0px;
font-size:20px;
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/* STYLES GO HERE */

.menunavbar {
   width:1000px !important;
   padding-left:12px !important;
   
}

.menunavbar  table, .dialognavbar table{
      width: 90% !important;
      
   
}


}


.detailjour {
background: #f8f8f8;
color: #000;
padding		: 0.3em 0.4em;
	-webkit-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; 
	-moz-box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; 
	box-shadow	: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
margin:8px;	 
}

.detailjour h1{
text-transform:uppercase;
line-height: 26px;
}

.commentaire {
padding		: 6px 6px 6px 6px;
}

.zonecommentaire {
padding		: 6px 6px 6px 6px;
display:none;
}

.rdv {
width:600px;
padding		: 12px 6px 6px 6px;
}	

.nbfiche {
vertical-align: baseline;
padding-left:2px;
}
.nbfiche b{
vertical-align: baseline;
padding-left:2px;
}	

textarea.styled {
 
	height: 60px;
	min-height: 60px;
	 
}

.btnzone {
	width:400px;
	align:center;
	 
	margin:auto;
}	

 body.aide_view {
	margin:0px 5px;
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: left;
}

.aide_view .titre {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.aide_view .filet_bottom {
	border-bottom: 1px solid #999;
}

.aide_view div.rubmig p {
	text-align: justify;
}

.aide_view p {
	margin: 6px;
	font-size: 10px;
}
table.detail_remise {
	font-size: 11px;
border-spacing: 0px;
    padding: 0px;
    text-align: left;
    margin-top:16px;
}
table.detail_remise th  {
 
    color: #FFF;
    white-space: nowrap;
    border: 1px solid #000;
    background-color: #000;
}

table.detail_remise td  {
	border-style: solid;
    border-collapse: collapse;
    border-width:1px; border-color:#A0A0A0;
    padding-left:4px;
    padding-right:4px;
    text-align:right;
    
    
}

table.detail_remise TFOOT td {
    background-color: #DDD;
    border: 1px solid #DDD;
    font-weight:bold;
}.autotable_list img{
	     padding-right: 10px;
}
.reformatautonumber {
	text-align:right;	
}

fieldset {
    padding: 8px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.autotable_fiche fieldset {
    padding-top: 0px;;
    padding-bottom: 0px;
}
.tbl_recouvrement_relance textarea {
    width: 760px;
}

fieldset legend{
background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
}

select[multiple] {
	   /* height: 160px;*/
}

.select_liste_autotable {
	max-width:120px ;
}
.autotablehtml {
	height: 480px;
    width: 840px;
}

#table_auto_liste table.table_liste TBODY TR TD:last-child {
   max-width: 80px !important;
    min-width: 70px !important;
}

#table_auto_liste table.table_liste TBODY TR TD:last-child .avoir {
	/* ne sert a rien */
}
#table_auto_liste table.table_liste TBODY TR TD:last-child .amodif {
	/* ne sert a rien */
}
#table_auto_liste table.table_liste TBODY TR TD:last-child .adelete {
	/* ne sert a rien */
}

#div_recherche.hide {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#div_recherche.show {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}

#bloc_recherche {
	width: 90%; /*sinon date picker depasse */
    background-color: #f08f09;
}

#bloc_recherche legend {
	background-color:#EEE;
	font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}


.autotable_fiche table  {
    padding: 0.5em;
}
.autotable_fiche table td  {
   padding: 2px;
}

.autotable_fiche label  {
   
    font-weight: bold;
}


.autotable_fiche input {
   color: #333;
   padding: 0px 0.5em;
   font-size: 1em;
   
}

.autotable_fiche input[type="number"] {
   width:50px;
   padding: 0px 0.5em;
   color: #333;
   border: 1px solid #666;
   height: 23px;
}

.autotable_fiche textarea {
    min-height: auto;
    min-width: auto;
    color: #333;
    font-size: 1em;
}

.autotable_fiche textarea.myMooEditable{
	  min-height: 140px;
    min-width: 500px;
}
	
.autotable_fiche select {
	color: #333;
    border: 1px solid #666;
    padding: 2px;
    font-size: 1em;
}

.autotable_fiche .validation-advice {
	    color: #b20000;
}

#btnDiv {
	overflow: hidden;
    position: fixed;
    background-color: white;	
}

.autoTableMultiselect .monitor div {
background-size: 0px;
}
.autoTableMultiselect {
border: 1px solid black;
}
.autoTableMultiselect ul  {
 background-color: #eee;
}

/*  css particulier */

.tbl_compta_tva table.table_liste th  ,.tbl_compta_tva table.table_liste  td.pays  {
max-width: 300px;
    overflow: auto;
}

.historique_produits-releveencaissementcourtier #table_auto_liste table.table_liste TBODY TR TD:last-child {
 
   max-width: 180px !important;
    min-width: 70px !important;
}



.tbl_edition_powerfox_pub-calculprime th.action
{
    min-width: 160px !important;
}


 
.envoi_med_afaire th.action
{
    min-width: 180px !important;
}


.suivi_maileva_rar th.action
{
    min-width: 120px !important;
}

.suivi_facturation_chorus th.action
{
    min-width: 110px !important;
}

.tbl_edition_powerfox_pub_relance th.action
 
 {
 
  
    min-width: 120px !important;
}
.tbl_edition_powerfox_pub th.action
 
 {
 
  
    min-width: 125px !important;
}

.bdc_facturation-relancebloque th.commentaire {
      padding: 0px 0px 0px 0px  !important;  
}

.bdc_facturation-relancebloque th.action {
    min-width: 120px !important;
}

.bdc_entete-abo th.action {
    min-width: 112px !important;
}

.tbl_link_access_user #id_user {
	width: 250px !important;
}

.tbl_link_access_user #access_name{
	width: 250px !important;
}

.bdc_avoir textarea {
min-height: 60px !important;	
}

.bdc_entete-brouillon textarea {
min-height: 30px !important;	
}

.tbl_auto_traduction-optionproduit .input2 {
	   max-width: 480px !important;
}	

.tbl_auto_traduction-produit .input2 {
	   max-width: 480px !important;
}

.tbl_recouvrement_relance #btnDiv {
	position: relative !important;
	top: 6px !important;
}

.sage_facturation th.action
 
 {
 
  
    min-width: 120px !important;
}

#produit_Web th.action
 
 {
 
  
    min-width: 60px !important;
}

#produit_Web2 th.action
 
 {
 
  
    min-width: 80px !important;
}

.tbl_suivi_production_web table.table_liste TH > a {
 
 height: 2.8em !important;
}

.tbl_suivi_production_web table.table_liste .resume_produit {
display: block;
  
    overflow: hidden;
   max-height: 190px;
    cursor: zoom-in;
    min-width: 120px;
}

.tbl_suivi_production_web table.table_liste .resume_produit:before {
 content:url(/img/famfamfam/icons/add.png) ;
 position: relative;
    left: 111px;
    top: 173px;
}

.tbl_suivi_production_web table.table_liste .resume_produit:hover {     
   max-height: 100%;    
}

.tbl_suivi_production_web table.table_liste .resume_produit:hover:before {    
  content:url(/img/famfamfam/icons/add.png) ;
 position: relative;
    left: -100px;
    top: 173px;    
}

.tbl_suivi_production_web th.actions  {
    min-width: 130px !important;
}
.tbl_suivi_production_web br.height6{
    display: block;
    content: "";
    height: 6px;
}

.tbl_suivi_production_web-facturation table.table_liste TH > a {
 
 height: 2.8em !important;
}

.suivi_facturation_chorus-aenvoyer th.action {
    min-width: 120px !important;
}

.contrat_marketplace th.action {
    min-width: 140px !important;
}

.historique_produits-impayeautreproduit th.action {
    min-width: 120px !important;
}

.historique_produits-impayeautreproduit td.detail_produit {
    max-width: 160px !important;
    overflow: hidden;
}


.bdc_ligne-b2b th.datefacture {
    min-width: 60px !important;
}

.bdc_ligne-b2b th.action {
    min-width: 80px !important;
}
.bdc_ligne-b2bfacture th.action {
    min-width: 80px !important;
}

.bdc_entete-brouillon th.scan {
    min-width: 100px !important;
}

.bdc_entete-listescan th.scan,.bdc_entete-proforma th.scan,.bdc_entete-bloque th.scan {
    min-width: 120px !important;
}

.fieldpn1,.fieldpn2,.fieldpn3 {
	border: 0px solid #d3d3d3;
	height:24px;
}

.fieldpn1 legend,.fieldpn2 legend,.fieldpn3 legend {
	display:none;
}
#releveParuePageguidePersoPUB .produit {
	min-width: 160px !important;
}

.bdc_entete-auteur .echange {
    min-width: 180px !important;
}

.tbl_objectif_ca_guide .objectif textarea {
	 min-width: 14px !important;
	 min-height: 14px !important;
}

.tbl_objectif_ca_famille .objectif textarea {
	 min-width: 14px !important;
	 min-height: 14px !important;
}

.tbl_dashboard_message th.action {
    min-width: 100px !important;
}
.tbl_dashboard_message #corps_message {
	min-height: 200px;
    min-width: 540px;
}

.table_liste th.detail_bdc {
    min-width: 380px !important;
}

.recapMoisBDCAttenteFrame th.action {
    min-width: 100px !important;
}

#recapMoisBDCAttenteFrame th.action{
    min-width: 100px !important;
}
.tbl_option_produit_studio_web #option_sql {
min-height: 160px  !important;
}

#recapProspectAdmin th.nomcourtier{
    min-width: 150px !important;
}


.facturation_marketplace th.action {
    min-width: 120px !important;
}

.tbl_suivi_production_web-facturation th.actions {
    min-width: 110px !important;
}


#recap_remise_div .table_liste th,#recap_remise_div .table_liste td {
	max-width: 80px !important;;
	width: 80px !important;;
}

#detail_remise_div .table_liste th,#detail_remise_div .table_liste td {
	max-width: 70px !important;;
	width: 70px !important;;
}
	
#detail_remise_div .table_liste th:first-child,#detail_remise_div .table_liste td:first-child {
	max-width: 140px !important;;
	width: 140px !important;;
}

#detail_remise_div > td span.orange {
	color:#f08f09;
}

#detail_remise_div.rouge {
	color:red;
}


.historique_saisiebdc_auto th.action {
    min-width: 135px !important;
}

.tbl_facturier-CEE th.action {
    min-width: 110px !important;
}


.tbl_edition_powerfox_pub-avancement th.action {
    min-width: 110px !important;
}

.bdc_reglement-virnitva th.action {
    min-width: 110px !important;
}
.tbl_virement_ni_waiting th.action {
    min-width: 130px !important;
}

.btnDiv_autotable_fiche_tbl_edition_powerfox_pub {
	top: 20px !important;
	left: 400px !important;
}

.etbs-logplaque th.action {
    min-width: 110px !important;
}

.btnDiv_autotable_fiche_tbl_auto_traduction {
    top: 20px !important;
    left: 500px !important;
}

#traduction_value {
    width: 600px !important;
    height: 170px !important;
}


.historique_produits-releveimpayemanager th.action {
    min-width: 110px !important;
}

.facturation-ceeinvalid th.action {
    min-width: 110px !important;
}

.tbl_edition_powerfox_pub-envoiguide table.table_liste TH > a {
    height: 2.8em !important;
}

.bdc_facturation_relance th.action {
    min-width: 110px !important;
}

.historique_situation_encours table.table_liste TH > a {
    height: 2.8em !important;
}

.tbl_edition_powerfox_pub-encours table.table_liste TH > a {
    height: 2.8em !important;
}

#compta table.table_liste TH > a {
    height: 2.8em !important;
}

#compta th.salaires {
    min-width: 90px !important;
}
.tbl_compta_journaux td:first-child {
    width: 120px;
}

.tbl_compta_journaux fieldset {
    width: 840px;
}


#dashboardDoc .interligne {
background-color: #f08f09;
    padding: 5px;
    margin-bottom: 10px;
    color:white;
}
#dashboardDoc .glyphicon-euro:before  {
    content: "\20ac";
      margin-top: 14px;
}

#dashboardDoc .interligne {
background-color: #f08f09;
    padding: 5px;
    margin-bottom: 10px;
    color:white;
}
#dashboardDoc #indicateur {
	width: 1360px;
	height: 360px;
}
#dashboardDoc .mat1:before  {
    content: "\e24b";
    top: 36px;
    position: relative;
      font-family: "Material Icons"; 
}

#dashboardDoc .mat2:before  {
    content: "\e85d";
    top: 36px;
    position: relative;
    font-family: "Material Icons"; 
}

#dashboardDoc .mate:before  {
    content: "\f0d2";
    top: 36px;
    position: relative;
    font-family: "Material Icons"; 
}

#dashboardDoc .mat3:before  {
    content: "\e1db";
    top: 36px;
    position: relative;
      font-family: "Material Icons"; 
}
#dashboardDoc .stats small {
	font-size: 40%;
	font-family: Arial,Verdana;
}
#dashboardDoc .fl {
	 float: left !important;
}

#dashboardDoc .stats,#dashboardDoc .statVisual {
   float: left !important;
    font-size: 82px;
    margin-top: 16px;
    margin-left: 10px;
    padding-right: 10px;
    opacity: 0.25;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;;
}



#dashboardDoc .stats-small,#dashboardDoc .statVisual-small {
   float: left !important;
    font-size: 70px;
    margin-top: 16px;
    /*margin-left: 10px;*/
    /*padding-right: 10px;*/
    opacity: 0.25;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;;
    width: 10px;
}


#dashboardDoc .statstitre {
	position: absolute;
	line-height: 20px;
}

#dashboardDoc .stats h2 {
	color:white;	
	font-size: 36px;
    padding-top: 40px;
    margin-left:100px;
    white-space: nowrap;
}

#dashboardDoc .stats h3 {
	color:white;	
	font-size: 28px;
    padding-top: 40px;
    margin-left:100px;
    white-space: nowrap;
}

#dashboardDoc .stats h4 {
	color:white;	
	font-size: 24px;
    padding-top: 10px;
    margin-left:100px;
    white-space: nowrap;
}

#dashboardDoc .stats h5 {
	color:white;	
	font-size: 16px;
    padding-top: 8px;
    margin-left:100px;
    white-space: nowrap;
}

#dashboardDoc .stats small {
	 
	font-size: 12px;
   
}

#dashboardDoc .stats .smaller {
	 
	font-size: 11px;
   
}
#dashboardDoc .stats p {
	font-size: 16px;
	padding-top: 10px;
}
#dashboardDoc .stats h1 {
 font-size: 16px;
   color:white;	
    margin-left: 5px;
    line-heigth:20px;
    font-family: Arial,Verdana;
}    
#dashboardDoc .stats h1 small{
 font-size: 11px;
}
#dashboardDoc .stats  {
    background-color: #157fa8;
    opacity: 0.8;
      text-align: right;
    height: 100px;
    border-top: 5px solid #ccc;
    width: 250px;
   /* margin-top: 100px;*/
}

#dashboardDoc   .bgreen  {
	  background-color: #75a72e;
}

#dashboardDoc   .bgorange  {
	  background-color: #da9d1b;
}

#dashboardDoc   .bgred  {
	  background-color: #f51e00;
}

#dashboardDoc  #graph{
margin-left: 10px;	
}	

.Doc_TABLES-type th.keyword {
    min-width: 100px !important;
}

.Doc_TABLES-type td.keyword input.inputTableListe{
  
     
      max-width: 40px !important;
    
}

.Doc_TABLES th.description {
    min-width: 180px !important;
}

.Doc_TABLES th.nom_table {
    width: 80px !important;
}

.Doc_TABLES th.action {
    min-width: 110px !important;
}

#iframeMajColumnsUnique {
	width: 580px;
    height: 400px;
    border-width: 0px;
}

#alldayweek, #allhour, #alldaymonth{
	max-width: 180px !important;
}
 #btn_numero_bc {
 margin-top: -4px;
 cursor:pointer;
}
.datepicker_vista {
z-index: 999;
}
 

.uppercase{ 
  text-transform: uppercase 
}
.sizeMontant {
	width:80px;
}

input[type="number"] 
 {
   
    padding: 0px 0.5em;
    color: #333;
    border: 1px solid #666;
    height: 23px;
}
 
select
 {
   
    padding: 0px 0.5em;
    color: #333;
    border: 1px solid #666;
    height: 23px;
}
#main {
	background: #e5e5e5;
 
}
#main table td {
	vertical-align: top;
}

#bdc_etape	td div.validation-advice {
    color: red;
 
}

#categorie {
	max-width: 260px;
}

.entityBDC   td div.validation-advice {

    font-size: 80% !important;
}

/*firefox */
input[type=number] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* etape  1 */
#formEtape1
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    /*position: absolute;*/
    max-width: 580px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#formEtape1 .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #formEtape1 .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #formEtape1 select {
	/*max-width: 360px;*/
 }
 
 #formEtape1 .titre #prix_ht {
	color:black;
	float: right;
}

#formEtape1 dl {
    margin: 0.5em 0 0.5em 0;
    font-size: 0.9em;
}
#formEtape1 dt {
font-weight: bold;
}

#formEtape1 dl dt,
#formEtape1 dl dd {
  margin: 0;
  padding: 0;
 
}
#formEtape1 dl dt,
#formEtape1 dl dd > table {
  line-height: 1em;
  padding: 0.2em;

}
#formEtape1 dl dd > table td {
	 padding: 0.2em;
}

#formEtape1 dl dd > table td:first-child  {
	width:100px;
	text-align:left;
}


/* modifier infos BDC */
#formModifierInfosBDC
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    /*position: absolute;*/
   /* max-width: 580px;*/
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#formModifierInfosBDC .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #formModifierInfosBDC .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #formModifierInfosBDC select {
	/*max-width: 360px;*/
 }
 
 #formModifierInfosBDC .titre #prix_ht {
	color:black;
	float: right;
}

#formModifierInfosBDC dl {
    margin: 0.5em 0 0.5em 0;
    font-size: 0.9em;
}
#formModifierInfosBDC dt {
font-weight: bold;
}

#formModifierInfosBDC dl dt,
#formModifierInfosBDC dl dd {
  margin: 0;
  padding: 0;
 
}
#formModifierInfosBDC dl dt,
#formModifierInfosBDC dl dd > table {
  line-height: 1em;
  padding: 0.2em;

}
#formModifierInfosBDC dl dd > table td {
	 padding: 0.2em;
}

#formModifierInfosBDC dl dd > table td:first-child  {
	/*width:90px;*/
	text-align:left;
}	

/*  famille produit */

#familleProduit 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 580px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#familleProduit .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#familleProduit dl {
    margin: 0 0 0.5em 0;
}
#familleProduit dt {
font-weight: bold;
}

#familleProduit dl dt,
#familleProduit dl dd {
  margin: 0;
  padding: 0;
}
#familleProduit dl dt,
#familleProduit dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#familleProduit dl dd > a >small{
 color:#888;
}
#familleProduit dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#familleProduit .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;

}

#familleProduit .bggreenprospect{
 
border-color:#A1BB28 !important;
}

 
#familleProduit dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}


#familleProduit dl dd .fakea {
  display: block;
  text-decoration: none;
  background-color: #FFF;
 
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  font-size: 1em;
    color: #A1BB28;
    line-height: 1em;
    padding: .5em;
    border-bottom: 1px solid #e6e6e6;
}

#familleProduit dl dd .fakea >small {
    color: #888;
}

#familleProduit dl dd a:focus,
#familleProduit dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#familleProduit dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#familleProduit dl dd a:active > * {
  color: #FFF;
}
#familleProduit dl:last-child {
  margin: 0;
}
#familleProduit dl:last-child dd:last-child > a {
  border-bottom: none;
}

/* edition Produit */ 
#editionProduit 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 580px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}


#editionProduit .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#editionProduit dl {
    margin: 0 0 0.5em 0;
}
#editionProduit dt {
font-weight: bold;
}

#editionProduit dl dt,
#editionProduit dl dd {
  margin: 0;
  padding: 0;
}
#editionProduit dl dt,
#editionProduit dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#editionProduit dl dd > a >small{
 color:#888;
}
#editionProduit dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

 

#editionProduit .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
#editionProduit dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#editionProduit dl dd a:focus,
#editionProduit dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#editionProduit dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#editionProduit dl dd a:active > * {
  color: #FFF;
}
#editionProduit dl:last-child {
  margin: 0;
}
#editionProduit dl:last-child dd:last-child > a {
  border-bottom: none;
}

#multiParution 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 500px;
	left: 710px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

.trMultiparution  td{
padding-top:10px;
vertical-align: middle !important;
font-weight: bold;
}
 

#multiParution .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#multiParution dl {
    margin: 0 0 0.5em 0;
}
#multiParution dt {
font-weight: bold;
}

#multiParution dl dt,
#multiParution dl dd {
  margin: 0;
  padding: 0;
}
#multiParution dl dt,
#multiParution dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#multiParution dl dd > a >small{
 color:#888;
}
#multiParution dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

 

#multiParution .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
#multiParution dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#multiParution dl dd a:focus,
#multiParution dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#multiParution dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#multiParution dl dd a:active > * {
  color: #FFF;
}
#multiParution dl:last-child {
  margin: 0;
}
#multiParution dl:last-child dd:last-child > a {
  border-bottom: none;
}

/*liste produit */
#listeBDCProduit     {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 620px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#listeBDCProduit .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#listeBDCProduit dl {
    margin: 0 0 0.5em 0;
}
#listeBDCProduit dt {
font-weight: bold;
}

#listeBDCProduit dl dt,
#listeBDCProduit dl dd {
  margin: 0;
  padding: 0;
}

.arrowdown {
  width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 0px 0px;
}
.arrowup {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(/img/famfamfam/icons/bullet_arrow_right.png) no-repeat 0px 0px;
}

#listeBDCProduit dd {
 overflow: hidden;
 max-height: 90px;
    transition: max-height 0.3s ease-out;
}

#listeBDCProduit dd.collapsed {
  max-height:0;
}
#listeBDCProduit dt table {
	    width: 100%;
}

.expanse_regroupement {
	font-size:small;
	cursor:pointer;
	padding-left: 20px;
	color: #A1BB28 !important;
 	
}

#listeBDCProduit dl dt,
#listeBDCProduit dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#listeBDCProduit dl dd > a >small{
 color:#888;
}
#listeBDCProduit dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

 
#listeBDCProduit .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
#listeBDCProduit dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeBDCProduit dl dd a:focus,
#listeBDCProduit dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeBDCProduit dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#listeBDCProduit dl dd a:active > * {
  color: #FFF;
}
#listeBDCProduit dl:last-child {
  margin: 0;
}
#listeBDCProduit dl:last-child dd:last-child > a {
  border-bottom: none;
}

/* option produit */
#optionsProduit
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width: 542px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#optionsProduit .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #optionsProduit .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #optionsProduit select {
	/*max-width: 360px;*/
 }
 
 #optionsProduit .titre #prix_ht {
	color:black;
	float: right;
}

#optionsProduit dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#optionsProduit dt {
font-weight: bold;
}

#optionsProduit dl dt,
#optionsProduit dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}

#optionsProduit dl  .occurence{
   border-bottom:none;
}

#optionsProduit dl  .occurence > table{
  padding: 0px;
}
#optionsProduit dl dt,
#optionsProduit dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#optionsProduit dl dd > table td {
	 padding: .5em;
}

/* ajout panier */
#ajoutPanier
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    /*width: 542px;*/
    width: 500px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}
 

#ajoutPanier .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #ajoutPanier .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #ajoutPanier select {
	/*max-width: 360px;*/
 }
 
 #ajoutPanier .titre #prix_unitaire_ht {
	color:black;
	float: right;
}

#ajoutPanier dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#ajoutPanier dt {
font-weight: bold;
}

#ajoutPanier dl dt,
#ajoutPanier dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#ajoutPanier dl dt,
#ajoutPanier dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#ajoutPanier dl dd > table td {
	 padding: .5em;
}

#ajoutPanier dl dd > table td:first-child {
	min-width:120px;
}

#ajoutPanier dl dd > table td:nth-child(2) {
	min-width:10px;
	text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

/* apres panier */
/*  famille produit */

#apresPanier 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 520px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#apresPanier .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#apresPanier dl {
    margin: 0 0 0.5em 0;
}
#apresPanier dt {
font-weight: bold;
}

#apresPanier dl dt,
#apresPanier dl dd {
  margin: 0;
  padding: 0;
}
#apresPanier dl dt,
#apresPanier dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#apresPanier dl dd > a >*  >small{
 color:#888;
}
#apresPanier dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#apresPanier .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#apresPanier dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#apresPanier dl dd a:focus,
#apresPanier dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#apresPanier dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#apresPanier dl dd a:active > * {
  color: #FFF;
}
#apresPanier dl:last-child {
  margin: 0;
}
#apresPanier dl:last-child dd:last-child > a {
  border-bottom: none;
}

/* panier */
.reduirePanier { 
background: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 0px 0px;
}
.agrandirPanier { 
background: url(/img/famfamfam/icons/bullet_arrow_right.png) no-repeat 0px 0px;
}
#taillePanier {
 text-align: right;
 width: 64px;
 cursor:pointer;
}	
#panier table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black
}

#tableFacturationPartielle {
	font-size: 0.8em;
}	

#panier table td,
#panier table th,
#divFacturationPartielle table td,
#divFacturationPartielle table th,
#divAnnulationPartielle table td,
#divAnnulationPartielle table th,
#divResilationABO table td,
#divResilationABO table th
  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    
}
#panier table th,
#divFacturationPartielle table th,
#divAnnulationPartielle table th,
#divResilationABO  table th{
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.4em;
}

#panier table td,
#divFacturationPartielle table td,
#divAnnulationPartielle table td,
#divResilationABO  table td  {
	font-size: 1.2em;
}
#panier table th:nth-child(1),
#panier table td:nth-child(1) {
	width:280px;
	max-width:280px;
	overflow: hidden;
	cursor:pointer;
}

#divFacturationPartielle table td:nth-child(1),
#divAnnulationPartielle table td:nth-child(1),
#divResilationABO table td:nth-child(1)  {
	width:380px;
	cursor:pointer;
}

#panier table th:nth-child(2),
#panier table td:nth-child(2) {
	width:90px;
	text-align:right;
}

#panier table th:nth-child(3),
#panier table td:nth-child(3) {
	width:120px;
	text-align:right;
}

#panier table td:nth-child(4),
#panier table td:nth-child(5),
#panier table td:nth-child(6)
 {
	 display:none;  /* pour afficher detail ligne panier */ 
}

#panier table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
}


#panier table tr:hover,
#divFacturationPartielle table tr:hover ,
#divAnnulationPartielle table tr:hover,
#divResilationABO  table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#panier table .st_titre_option,
#divFacturationPartielle  table .st_titre_option,
#divAnnulationPartielle table .st_titre_option {
	text-decoration: underline;
}


#panier #tableControlPanier {
	float:right;
	border-top:0px;
	width: 400px;
}

#panier #tableControlPanier td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: fff;
    padding-right:10px;
    text-align:right;
     
}
#panier #tableControlPanier td:nth-child(2) {
    width: 20px;
    text-align: right;
}
#panier #tableControlPanier   tr:last-child   td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #e5e5e5;
    border-color: fff;
    
    text-align:center;
     
}

#panier #tableResumePanier {
	float:right;
	border-top:0px;
	width: 270px;
}

#panier #tableResumePanier td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: #f08f09;
    padding-right:10px;
    text-align:right;
     
}

#panier #tableResumePanier td.bggreenprospect{
	 
    border-color: #A1BB28 !important;
     
     
}
/* reglement */
#acompteImpaye:before {
	 content: "-";
}
 
#reglement table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#reglement table td,
#reglement table th  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#reglement table td:last-child,
#reglement table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#reglement table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.2em;
    text-align:center;
}

#reglement table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

#reglement table td:nth-child(2),
#reglement table td:nth-child(4),
#reglement table td:nth-child(6),
#reglement table td:nth-child(7),
#reglement table td:nth-child(9) 
 {
	text-align:right;
}
#reglement table td:nth-child(3),
#reglement table td:nth-child(5),
#reglement table td:nth-child(8)  
 {
	text-align:center;
}

#reglement table th:nth-child(4),
 
#reglement table td:nth-child(4) 
 
 {
	display:none;  /* hide montant en   */
}

#reglement table td:nth-child(11)  
 {
	 display:none; 
}

#reglement table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#reglement #tableResumeReglement {
	 
	border-top:0px;
	width: 250px;
}

#reglement #tableResumeReglement td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: #f08f09;
    padding-right:10px;
    text-align:right;
     
}

#reglement #tableResumeReglement td.bggreenprospect{
	 
    border-color: #A1BB28 !important;
     
     
}
#reglement #tableResumeReglement td:nth-child(2) {
   
    border-right: 0px;
}

/* menu reglement */
#menuReglement {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#menuReglement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuReglement dl {
    margin: 0 0 0.5em 0;
}
#menuReglement dt {
font-weight: bold;
}

#menuReglement dl dt,
#menuReglement dl dd {
  margin: 0;
  padding: 0;
}
#menuReglement dl dt,
#menuReglement dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuReglement dl dd > a >*  >small{
 color:#888;
}
#menuReglement dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuReglement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#menuReglement dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuReglement dl dd a:focus,
#menuReglement dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuReglement dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuReglement dl dd a:active > * {
  color: #FFF;
}
#menuReglement dl:last-child {
  margin: 0;
}
#menuReglement dl:last-child dd:last-child > a {
  border-bottom: none;
}


/* menu facture Avoir */
#menuFactureAvoir {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 270px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#menuFactureAvoir .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuFactureAvoir dl {
    margin: 0 0 0.5em 0;
}
#menuFactureAvoir dt {
font-weight: bold;
}

#menuFactureAvoir dl dt,
#menuFactureAvoir dl dd {
  margin: 0;
  padding: 0;
}
#menuFactureAvoir dl dt,
#menuFactureAvoir dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuFactureAvoir dl dd > a >*  >small{
 color:#888;
}
#menuFactureAvoir dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuFactureAvoir .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#menuFactureAvoir dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuFactureAvoir dl dd a:focus,
#menuFactureAvoir dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuFactureAvoir dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuFactureAvoir dl dd a:active > * {
  color: #FFF;
}
#menuFactureAvoir dl:last-child {
  margin: 0;
}
#menuFactureAvoir dl:last-child dd:last-child > a {
  border-bottom: none;
}


/* menu Recouvrement */
#menuRecouvrement {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#menuRecouvrement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuRecouvrement dl {
    margin: 0 0 0.5em 0;
}
#menuRecouvrement dt {
font-weight: bold;
}

#menuRecouvrement dl dt,
#menuRecouvrement dl dd {
  margin: 0;
  padding: 0;
}
#menuRecouvrement dl dt,
#menuRecouvrement dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuRecouvrement dl dd > a >*  >small{
 color:#888;
}
#menuRecouvrement dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuRecouvrement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#menuRecouvrement dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuRecouvrement dl dd a:focus,
#menuRecouvrement dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuRecouvrement dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuRecouvrement dl dd a:active > * {
  color: #FFF;
}
#menuRecouvrement dl:last-child {
  margin: 0;
}
#menuRecouvrement dl:last-child dd:last-child > a {
  border-bottom: none;
}

/* saisie reglement */

#saisieReglement
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#saisieReglement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #saisieReglement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #saisieReglement select {
	/*max-width: 360px;*/
 }
 
 #saisieReglement .titre #prix_ht {
	color:black;
	float: right;
}

#saisieReglement dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#saisieReglement dt {
font-weight: bold;
}

#saisieReglement dl dt,
#saisieReglement dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#saisieReglement dl dt,
#saisieReglement dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#saisieReglement dl dd > table td {
	 padding: .5em;
}
/* saisie experte reglement */

#saisieReglement
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#saisieReglement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #saisieReglement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #saisieReglement select {
	/*max-width: 360px;*/
 }
 
 #saisieReglement .titre #prix_ht {
	color:black;
	float: right;
}

#saisieReglement dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#saisieReglement dt {
font-weight: bold;
}

#saisieReglement dl dt,
#saisieReglement dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#saisieReglement dl dt,
#saisieReglement dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#saisieReglement dl dd > table td {
	 padding: .5em;
}

#saisieReglement dl dd > table td {
	 padding: .5em;
}

#saisieReglement .valid_codecb {
	     width: 40px;
}
#saisieReglement .valid_datecb {
	     width: 60px;
}
/* saisie experte reglement */

#saisieExperteReglement
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#saisieExperteReglement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #saisieExperteReglement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #saisieExperteReglement select {
	/*max-width: 360px;*/
 }
 
 #saisieExperteReglement .titre #prix_ht {
	color:black;
	float: right;
}

#saisieExperteReglement dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#saisieExperteReglement dt {
font-weight: bold;
}

#saisieExperteReglement dl dt,
#saisieExperteReglement dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#saisieExperteReglement dl dt,
#saisieExperteReglement dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#saisieExperteReglement dl dd > table td {
	 padding: .5em;
}



/* menu Prelevement Prospect */

#menuPrelevementProspect
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width: 300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#menuPrelevementProspect .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #menuPrelevementProspect .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #menuPrelevementProspect select {
	/*max-width: 360px;*/
 }
 
 #menuPrelevementProspect .titre #prix_ht {
	color:black;
	float: right;
}

#menuPrelevementProspect dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#menuPrelevementProspect dt {
font-weight: bold;
}

#menuPrelevementProspect dl dt,
#menuPrelevementProspect dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#menuPrelevementProspect dl dt,
#menuPrelevementProspect dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#menuPrelevementProspect dl dd > table td {
	 padding: .5em;
}

/* remise banque */

#remiseBanque
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width:300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#remiseBanque .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #remiseBanque .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #remiseBanque select {
	/*max-width: 360px;*/
 }
 
 #remiseBanque .titre #prix_ht {
	color:black;
	float: right;
}

#remiseBanque dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#remiseBanque dt {
font-weight: bold;
}

#remiseBanque dl dt,
#remiseBanque dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#remiseBanque dl dt,
#remiseBanque dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#remiseBanque dl dd > table td {
	 padding: .5em;
}


/* remise impayÃ© */

#remiseImpaye
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    min-width:300px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#remiseImpaye .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
 
 #remiseImpaye .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 #remiseImpaye select {
	/*max-width: 360px;*/
 }
 
 #remiseImpaye .titre #prix_ht {
	color:black;
	float: right;
}

#remiseImpaye dl {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
}
#remiseImpaye dt {
font-weight: bold;
}

#remiseImpaye dl dt,
#remiseImpaye dl dd {
  margin: 0;
  padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
#remiseImpaye dl dt,
#remiseImpaye dl dd > table {
  line-height: 1em;
  padding: .5em;

}
#remiseImpaye dl dd > table td {
	 padding: .5em;
}


/* cb Ã©chance */
#saisieCBecheance {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 900px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#saisieCBecheance .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#saisieCBecheance dl {
    margin: 0 0 0.5em 0;
}
#saisieCBecheance dt {
font-weight: bold;
}

#saisieCBecheance dl dt,
#saisieCBecheance dl dd {
  margin: 0;
  padding: 0;
}
#saisieCBecheance dl dt,
#saisieCBecheance dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#saisieCBecheance dl dd > a >*  >small{
 color:#888;
}
#saisieCBecheance dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#saisieCBecheance .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#saisieCBecheance dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#saisieCBecheance dl dd a:focus,
#saisieCBecheance dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#saisieCBecheance dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#saisieCBecheance dl dd a:active > * {
  color: #FFF;
}
#saisieCBecheance dl:last-child {
  margin: 0;
}
#saisieCBecheance dl:last-child dd:last-child > a {
  border-bottom: none;
}



/* prelevement */
#saisiePrelevement {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 800px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#saisiePrelevement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#saisiePrelevement dl {
    margin: 0 0 0.5em 0;
}
#saisiePrelevement dt {
font-weight: bold;
}

#saisiePrelevement dl dt,
#saisiePrelevement dl dd {
  margin: 0;
  padding: 0;
}
#saisiePrelevement dl dt,
#saisiePrelevement dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#saisiePrelevement dl dd > a >*  >small{
 color:#888;
}
#saisiePrelevement dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#saisiePrelevement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#saisiePrelevement dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#saisiePrelevement dl dd a:focus,
#saisiePrelevement dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#saisiePrelevement dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#saisiePrelevement dl dd a:active > * {
  color: #FFF;
}
#saisiePrelevement dl:last-child {
  margin: 0;
}
#saisiePrelevement dl:last-child dd:last-child > a {
  border-bottom: none;
}

.generationAuto   table   td {
	vertical-align: middle !important;
	padding:0.5em;
}
 

.generationAuto table   td input{
	 
	margin-bottom: 0.5em;
	width: 100px;
}
.generationAuto .validation-advice {
	    font-size: 80%;
	   
}
.check_bdc_couplage_fake {
    height: 0px !important;
    width: 0px !important;
    color: #fff !important;
    border-color: #fff !important;
}

#formManuelPrelevement table   td {
	 
	padding-right: 4px;
	padding-bottom: 8px;
	 
}

.allPrelevement  tr:nth-child(2n) td {
    padding-right: 4px;
    padding-bottom: 16px;
}

#formManuelPrelevement .date_echeance_prelevement {
	 
	padding:0px;
	padding-left:2px;
}

#formManuelPrelevement #table_infos_rib,#produit_is_abonnement #table_infos_rib {
	font-size:80%;	
}
#fieldsetBanque  #alertIban td,
#formManuelPrelevement #alertIban td,#produit_is_abonnement #alertIban td{
    color: white;
    background-color: red;
    padding-left: 40px;
    height: 20px;
    width: 610px;
    padding-top: 4px;
}

#formManuelPrelevement #alertMontantPrelev td{
    color: white;
    background-color: red;
    padding-left: 40px;
    height: 20px;
    width: 610px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 80%;
}



/* multi CHQ echeance */
#divsaisieMultiCHQECH {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 800px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#divsaisieMultiCHQECH .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#divsaisieMultiCHQECH dl {
    margin: 0 0 0.5em 0;
}
#divsaisieMultiCHQECH dt {
font-weight: bold;
}

#divsaisieMultiCHQECH dl dt,
#divsaisieMultiCHQECH dl dd {
  margin: 0;
  padding: 0;
}
#divsaisieMultiCHQECH dl dt,
#divsaisieMultiCHQECH dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#divsaisieMultiCHQECH dl dd > a >*  >small{
 color:#888;
}
#divsaisieMultiCHQECH dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#divsaisieMultiCHQECH .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#divsaisieMultiCHQECH dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#divsaisieMultiCHQECH dl dd a:focus,
#divsaisieMultiCHQECH dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#divsaisieMultiCHQECH dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#divsaisieMultiCHQECH dl dd a:active > * {
  color: #FFF;
}
#divsaisieMultiCHQECH dl:last-child {
  margin: 0;
}
#divsaisieMultiCHQECH dl:last-child dd:last-child > a {
  border-bottom: none;
}

#divsaisieMultiCHQECH table td {
    padding-right: 4px;
    padding-bottom: 8px;
}

#formaisieMultiCHQECH .date_echeance_cheque {
    padding: 0px;
    padding-left: 2px;
}

#alertMontantCHQ td{
    color: white;
    background-color: red;
    padding-left: 40px;
    height: 20px;
    width: 610px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 80%;
}

/* imputation Reglement */

 
.reduireImputationFacture { 
background: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 0px 0px;
}
.agrandirImputationFacture { 
background: url(/img/famfamfam/icons/bullet_arrow_right.png) no-repeat 0px 0px;
}

#tailleImputationFacture {
 text-align: right;
 width: 200px;
 cursor:pointer;
}

.reduireImputationBDC { 
background: url(/img/famfamfam/icons/bullet_arrow_down.png) no-repeat 0px 0px;
}
.agrandirImputationBDC { 
background: url(/img/famfamfam/icons/bullet_arrow_right.png) no-repeat 0px 0px;
}

#tailleImputationBDC {
 text-align: right;
 width: 184px;
 cursor:pointer;
}


#imputationReglement {
	left:560px;
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 660px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
}

#imputationReglement .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#imputationReglement dl {
    margin: 0 0 0.5em 0;
}
#imputationReglement dt {
font-weight: bold;
}

#imputationReglement dl dt,
#imputationReglement dl dd {
  margin: 0;
  padding: 0;
}
#imputationReglement dl dt,
#imputationReglement dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0px;
    max-width: 300px;
}

#imputationReglement dl dd > a >*  >small{
 color:#888;
}
#imputationReglement dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#imputationReglement .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#imputationReglement dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#imputationReglement dl dd a:focus,
#imputationReglement dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#imputationReglement dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#imputationReglement dl dd a:active > * {
  color: #FFF;
}
#imputationReglement dl:last-child {
  margin: 0;
}
#imputationReglement dl:last-child dd:last-child > a {
  border-bottom: none;
}


#imputationReglement  .imputation table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#imputationReglement  .imputation table td,
#imputationReglement  .imputation table th  {
    line-height: 1em;
    padding: .3em;
     font-size: 0.7em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#imputationReglement  .imputation table td {
	vertical-align: middle !important;
}	

#imputationReglement  .imputation table td:last-child,
#imputationReglement  .imputation table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#imputationReglement  .imputation table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
   
    text-align:center;
}

#imputationReglement  .imputation table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

 
#imputationReglement  .imputation table td:nth-child(5),
#imputationReglement  .imputation table td:nth-child(6),
#imputationReglement  .imputation table td:nth-child(7),
#imputationReglement  .imputation table td:nth-child(8) 
 
 {
	text-align:right;
}
#imputationReglement  .imputation table td:nth-child(2),
 
#imputationReglement  .imputation table td:nth-child(4)  
 {
	text-align:center;
}

 

#imputationReglement  .imputation table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

/* liste facturation */
 
 
#liste_facturation table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#liste_facturation table td,
#liste_facturation table th  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#liste_facturation table td:last-child,
#liste_facturation table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#liste_facturation table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.2em;
    text-align:center;
}

#liste_facturation table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

#liste_facturation table td:nth-child(3),
#liste_facturation table td:nth-child(4),
#liste_facturation table td:nth-child(6),
#liste_facturation table td:nth-child(7)
 {
	text-align:right;
}
#liste_facturation table td:nth-child(2),
#liste_facturation table td:nth-child(5),
#liste_facturation table td:nth-child(7) ,
#liste_facturation table td:nth-child(8)  
 {
	text-align:center;
}


 
#liste_facturation table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#liste_facturation #tableResume {
	 
	border-top:0px;
	width: 250px;
}

#liste_facturation #tableResume td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: #f08f09;
    padding-right:10px;
    text-align:right;
     
}
#liste_facturation #tableResume td:nth-child(2) {
   
    border-right: 0px;
     text-align:right;
}



/* choix facture avoir  */
#choixFactureAvoir {
	left:420px;
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
     margin: -100px 0 0 -130px;
    position: absolute;
    width: 900px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    top: 250px;
  
}

#choixFactureAvoir .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#choixFactureAvoir dl {
    margin: 0 0 0.5em 0;
}
#choixFactureAvoir dt {
font-weight: bold;
}

#choixFactureAvoir dl dt,
#choixFactureAvoir dl dd {
  margin: 0;
  padding: 0;
}
#choixFactureAvoir dl dt,
#choixFactureAvoir dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0px;
    max-width: 180px;
}

#choixFactureAvoir dl dd > a >*  >small{
 color:#888;
}
#choixFactureAvoir dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#choixFactureAvoir .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#choixFactureAvoir dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixFactureAvoir dl dd a:focus,
#choixFactureAvoir dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixFactureAvoir dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#choixFactureAvoir dl dd a:active > * {
  color: #FFF;
}
#choixFactureAvoir dl:last-child {
  margin: 0;
}
#choixFactureAvoir dl:last-child dd:last-child > a {
  border-bottom: none;
}


#choixFactureAvoir .imputation table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#choixFactureAvoir .imputation table td,
#choixFactureAvoir .imputation table th  {
    line-height: 1em;
    padding: .3em;
     font-size: 0.7em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#choixFactureAvoir .imputation table td {
	vertical-align: middle !important;
}	

#choixFactureAvoir .imputation table td:last-child,
#choixFactureAvoir .imputation table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#choixFactureAvoir .imputation table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
   
    text-align:center;
}

#choixFactureAvoir .imputation table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

 
#choixFactureAvoir .imputation table td:nth-child(4),
#choixFactureAvoir .imputation table td:nth-child(6),
#choixFactureAvoir .imputation table td:nth-child(7),
#choixFactureAvoir .imputation table td:nth-child(8) 
 
 {
	text-align:right;
}
#choixFactureAvoir .imputation table td:nth-child(2),
 
#choixFactureAvoir .imputation table td:nth-child(5)  ,
#choixFactureAvoir .imputation table td:nth-child(9)  
 {
	text-align:center;
}

 

#choixFactureAvoir .imputation table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.date_envoi_mail_go {
	color:green;
}
.date_envoi_mail_red {
	color:red;
}
.date_envoi_mail_pause {
	color:blue;
}

/* choix facture echange  */

#choixBDCechange {
	left:580px;
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 640px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    top: 250px;
  
}

#choixBDCechange .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#choixBDCechange dl {
    margin: 0 0 0.5em 0;
}
#choixBDCechange dt {
font-weight: bold;
}

#choixBDCechange dl dt,
#choixBDCechange dl dd {
  margin: 0;
  padding: 0;
}
#choixBDCechange dl dt,
#choixBDCechange dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0px;
    max-width: 280px;
}

#choixBDCechange dl dd > a >*  >small{
 color:#888;
}
#choixBDCechange dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#choixBDCechange .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#choixBDCechange dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixBDCechange dl dd a:focus,
#choixBDCechange dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixBDCechange dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#choixBDCechange dl dd a:active > * {
  color: #FFF;
}
#choixBDCechange dl:last-child {
  margin: 0;
}
#choixBDCechange dl:last-child dd:last-child > a {
  border-bottom: none;
}


#choixBDCechange  .imputation table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#choixBDCechange  .imputation table td,
#choixBDCechange  .imputation table th  {
    line-height: 1em;
    padding: .3em;
     font-size: 0.7em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#choixBDCechange  .imputation table td {
	vertical-align: middle !important;
}	

#choixBDCechange  .imputation table td:last-child,
#choixBDCechange  .imputation table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#choixBDCechange  .imputation table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
   
    text-align:center;
}

#choixBDCechange  .imputation table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

 
#choixBDCechange  .imputation table td:nth-child(4),
#choixBDCechange  .imputation table td:nth-child(6),
#choixBDCechange  .imputation table td:nth-child(7)  
 
 {
	text-align:right;
}
#choixBDCechange  .imputation table td:nth-child(2),
 
#choixBDCechange  .imputation table td:nth-child(5)  
 {
	text-align:center;
}

 

#choixBDCechange  .imputation table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}


/* choix facture avancÃ©e  */


#choixBDCfactureAvancee {
	left:580px;
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 0;
    position: absolute;
    width: 640px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    top: 250px;
  
}

#choixBDCfactureAvancee .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#choixBDCfactureAvancee dl {
    margin: 0 0 0.5em 0;
}
#choixBDCfactureAvancee dt {
font-weight: bold;
}

#choixBDCfactureAvancee dl dt,
#choixBDCfactureAvancee dl dd {
  margin: 0;
  padding: 0;
}
#choixBDCfactureAvancee dl dt,
#choixBDCfactureAvancee dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0px;
    max-width: 280px;
}

#choixBDCfactureAvancee dl dd > a >*  >small{
 color:#888;
}
#choixBDCfactureAvancee dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#choixBDCfactureAvancee .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}

#choixBDCfactureAvancee dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixBDCfactureAvancee dl dd a:focus,
#choixBDCfactureAvancee dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#choixBDCfactureAvancee dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#choixBDCfactureAvancee dl dd a:active > * {
  color: #FFF;
}
#choixBDCfactureAvancee dl:last-child {
  margin: 0;
}
#choixBDCfactureAvancee dl:last-child dd:last-child > a {
  border-bottom: none;
}


#choixBDCfactureAvancee  .imputation table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#choixBDCfactureAvancee  .imputation table td,
#choixBDCfactureAvancee  .imputation table th  {
    line-height: 1em;
    padding: .3em;
     font-size: 0.7em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#choixBDCfactureAvancee  .imputation table td {
	vertical-align: middle !important;
}	

#choixBDCfactureAvancee  .imputation table td:last-child,
#choixBDCfactureAvancee  .imputation table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#choixBDCfactureAvancee  .imputation table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
   
    text-align:center;
}

#choixBDCfactureAvancee  .imputation table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

 
#choixBDCfactureAvancee  .imputation table td:nth-child(5),
#choixBDCfactureAvancee  .imputation table td:nth-child(6),
#choixBDCfactureAvancee  .imputation table td:nth-child(7),
#choixBDCfactureAvancee  .imputation table td:nth-child(8) 
 
 {
	text-align:right;
}
#choixBDCfactureAvancee  .imputation table td:nth-child(2),
 
#choixBDCfactureAvancee  .imputation table td:nth-child(4)  
 {
	text-align:center;
}

 

#choixBDCfactureAvancee  .imputation table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}


/* recapitulatif */

#proforma_select {
max-width: 240px;
}
#recapitulatifPanierReglement td {
    vertical-align: top;
}
#resumeEtbsFacturation{
	width:720px;
}

/* menu fiche */

 
#divAnnulationPartielle,
#divResilationABO {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 710px;
    position: absolute;
    left: -435px;
    top: 410px;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#divFacturationPartielle  {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 710px;
    position: absolute;
    left: -535px;
    top: 410px;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



#divModifGuide {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 710px;
    position: absolute;
    left: -435px;
    top: 410px;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

 .divchangerSurface {
     background: #FFF;
     font-size: 1.2em;
     padding: 0.57em;
     height: auto;
     margin: 1px 0 0 710px;
     position: absolute;
     left: -197px;
     top: 768px;
     width: 400px;
     z-index: 100;
     color: #333;
     -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
     box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }


#divModifGuide  .alert{
    color: white;
    background-color: red;
    font-size: 0.9em;
    padding-top:2px;
    padding-bottom:2px;
      
}

#divModifGuide dl {
    line-height: 1em;
    padding: .5em;
    border-bottom: 1px solid #808080;
}

 .divchangerSurface dl  {
     line-height: 1em;
     padding: 1em;
     border-bottom: 1px solid #808080;
 }

#divModifGuide #guideOrig {
	margin-top:10px;
}

#menuRecapitulatif 
    {
      background: #FFF;
    font-size: 1.3em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0 0 726px;
    position: absolute;
    width: 290px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#menuRecapitulatif .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuRecapitulatif dl {
    margin: 0 0 0.5em 0;
}
#menuRecapitulatif dt {
font-weight: bold;
}

#menuRecapitulatif dl dt,
#menuRecapitulatif dl dd {
  margin: 0;
  padding: 0;
}
#menuRecapitulatif dl dt,
#menuRecapitulatif dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuRecapitulatif dl dd > a >*  >small{
 color:#888;
}
#menuRecapitulatif dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuRecapitulatif .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#menuRecapitulatif dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuRecapitulatif dl dd a:focus,
#menuRecapitulatif dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuRecapitulatif dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuRecapitulatif dl dd a:active > * {
  color: #FFF;
}
#menuRecapitulatif dl:last-child {
  margin: 0;
}
#menuRecapitulatif dl:last-child dd:last-child > a {
  border-bottom: none;
}


#menuFusionETBS 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 530px;
    position: absolute;
    width: 500px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#menuFusionETBS .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuFusionETBS dl {
    margin: 0 0 0.5em 0;
}
#menuFusionETBS dt {
font-weight: bold;
}

#menuFusionETBS dl dt,
#menuFusionETBS dl dd {
  margin: 0;
  padding: 0;
}
#menuFusionETBS dl dt,
#menuFusionETBS dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuFusionETBS dl dd > a >*  >small{
 color:#888;
}
#menuFusionETBS dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuFusionETBS .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#menuFusionETBS dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuFusionETBS dl dd a:focus,
#menuFusionETBS dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuFusionETBS dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuFusionETBS dl dd a:active > * {
  color: #FFF;
}
#menuFusionETBS dl:last-child {
  margin: 0;
}
#menuFusionETBS dl:last-child dd:last-child > a {
  border-bottom: none;
}




#menuBDCDevis 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}
#menuBDCDevis  ul,
#menuBDCDevis  li {
	display:block;
	font-size: .95em;
}

#menuBDCDevis .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#menuBDCDevis dl {
    margin: 0 0 0.5em 0;
}
#menuBDCDevis dt {
font-weight: bold;
}

#menuBDCDevis dl dt,
#menuBDCDevis dl dd {
  margin: 0;
  padding: 0;
}
#menuBDCDevis dl dt,
#menuBDCDevis dl dd > a,
#menuBDCDevis dl dd > p {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#menuBDCDevis dl dd > a >*  >small{
 color:#888;
}
#menuBDCDevis dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#menuBDCDevis .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#menuBDCDevis dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuBDCDevis dl dd a:focus,
#menuBDCDevis dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#menuBDCDevis dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#menuBDCDevis dl dd a:active > * {
  color: #FFF;
}
#menuBDCDevis dl:last-child {
  margin: 0;
}
#menuBDCDevis dl:last-child dd:last-child > a {
  border-bottom: none;
}

#menuBDCDevis dl dd > a >small {
    color: #888;
}


#listeEtbsMultiple 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}
#listeEtbsMultiple  ul,
#listeEtbsMultiple  li {
	display:block;
	font-size: .95em;
}

#listeEtbsMultiple .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#listeEtbsMultiple dl {
    margin: 0 0 0.5em 0;
}
#listeEtbsMultiple dt {
font-weight: bold;
}

#listeEtbsMultiple dl dt,
#listeEtbsMultiple dl dd {
  margin: 0;
  padding: 0;
}
#listeEtbsMultiple dl dt,
#listeEtbsMultiple dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#listeEtbsMultiple dl dd > a >*  >small{
 color:#888;
}
#listeEtbsMultiple dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#listeEtbsMultiple .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#listeEtbsMultiple dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeEtbsMultiple dl dd a:focus,
#listeEtbsMultiple dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeEtbsMultiple dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#listeEtbsMultiple dl dd a:active > * {
  color: #FFF;
}
#listeEtbsMultiple dl:last-child {
  margin: 0;
}
#listeEtbsMultiple dl:last-child dd:last-child > a {
  border-bottom: none;
}



#listeEtbsMultipleTransfert 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}
#listeEtbsMultipleTransfert  ul,
#listeEtbsMultipleTransfert  li {
	display:block;
	font-size: .95em;
}

#listeEtbsMultipleTransfert .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#listeEtbsMultipleTransfert dl {
    margin: 0 0 0.5em 0;
}
#listeEtbsMultipleTransfert dt {
font-weight: bold;
}

#listeEtbsMultipleTransfert dl dt,
#listeEtbsMultipleTransfert dl dd {
  margin: 0;
  padding: 0;
}
#listeEtbsMultipleTransfert dl dt,
#listeEtbsMultipleTransfert dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#listeEtbsMultipleTransfert dl dd > a >*  >small{
 color:#888;
}
#listeEtbsMultipleTransfert dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#listeEtbsMultipleTransfert .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#listeEtbsMultipleTransfert dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeEtbsMultipleTransfert dl dd a:focus,
#listeEtbsMultipleTransfert dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#listeEtbsMultipleTransfert dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#listeEtbsMultipleTransfert dl dd a:active > * {
  color: #FFF;
}
#listeEtbsMultipleTransfert dl:last-child {
  margin: 0;
}
#listeEtbsMultipleTransfert dl:last-child dd:last-child > a {
  border-bottom: none;
}

#divClientFusion
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

#divClientFusion .titre {
    font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: #f08f09;
    padding: .5em;
}
#divClientFusion ul,
#divClientFusion li {
	display:block;
	font-size: .95em;
}

#divClientFusion .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#divClientFusion dl {
    margin: 0 0 0.5em 0;
}
#divClientFusion dt {
font-weight: bold;
}

#divClientFusion dl dt,
#divClientFusion dl dd {
  margin: 0;
  padding: 0;
}
#divClientFusion dl dt,
#divClientFusion dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#divClientFusion dl dd > a >*  >small{
 color:#888;
}
#divClientFusion dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

 
 
 
#divClientFusion dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#divClientFusion dl dd a:focus,
#divClientFusion dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#divClientFusion dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#divClientFusion dl dd a:active > * {
  color: #FFF;
}
#divClientFusion dl:last-child {
  margin: 0;
}
#divClientFusion dl:last-child dd:last-child > a {
  border-bottom: none;
}

/* etape */

.easy-wrapper {
    padding: 23px 0px 23px 0px;
    width: 540px;
    display: block;
    overflow: hidden;
    /* position: relative; */
}

ul.easy-steps {
    margin: 0 12px;
}
.easy-wrapper ul {
    display: block;
    overflow: hidden;
}
.easy-wrapper ul {
    list-style: none;
}




ul.easy-steps li {
    width: 111px;
    height: 115px;
    float: left;
    background: transparent url("/img/bdc/bdc-etape.png") no-repeat 0 0;
}
.easy-stepslielectroniqueV2 {
	background-image:url("/img/bdc/bdc-etape-prospect.png") !important;
}

/*defaut */
#idStepProduit  {		background-position:  -111px -230px; }
#idStepOption {		background-position:  -222px -230px; }
#idStepPanier{		background-position:  -333px -230px; }

ul.easy-steps .easy-sep {
    width: 24px;
    background: transparent url("/img/bdc/bdc-easy-sep2.png") no-repeat 50% 50%;
}

ul .easy-sep.highlight {
	width: 24px;
    background: transparent url("/img/bdc/bdc-easy-sep-highlight2.png") no-repeat 50% 50%;
}

ul.easy-steps li.easy-done {
    cursor: pointer;
}

ul.easy-summary {
    color:#404040;
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-top: 11px;
}
ul.easy-summary li {
    text-align: center;
    float: left;
    padding: 0 10px; 
    width: 115px;
    /* height: 35px; */
}

/* facturation  */
#rechercheFacturation {
font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#rechercheFacturation #alertNoinput td {
    color: white;
    background-color: red;
    padding-left: 40px;
    height: 20px;
    
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    
}
#rechercheFacturation #tablebdcguide td:first-child, 
#rechercheFacturation #tabledatefacture td:first-child
{
	    width: 100px;
}


#liste_facture table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}

#liste_facture table td:nth-child(2)  a{
	text-decoration: underline;
	color:black;
}	

#liste_facture table td,
#liste_facture table th  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#liste_facture table td:last-child,
#liste_facture table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#liste_facture table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.2em;
    text-align:center;
}

#liste_facture table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	 
}
#liste_facture table td:nth-child(7) {
    text-align: right;
}

#liste_avoir table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
    
}


#liste_avoir table td,
#liste_avoir table th  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#liste_avoir table td:last-child,
#liste_avoir table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#liste_avoir table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.2em;
    text-align:center;
}

#liste_avoir table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	 
}
#liste_avoir table td:nth-child(5),
#liste_avoir table td:nth-child(6){
    text-align: right;
}

#liste_avoir table td:nth-child(7){
    text-align: center;
}

#liste_avoir table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	cursor:pointer;
}

 

 
#liste_avoir table tr:hover{
	background	: #e6e6e6 repeat 0px 0px;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#liste_avoir #tableResume {
	 
	border-top:0px;
	width: 250px;
}

#liste_avoir #tableResume td:nth-child(1) {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: #f08f09;
    padding-right:10px;
    text-align:right;
     
}
#liste_avoir #tableResume td:nth-child(2) {
   
    border-right: 0px;
     text-align:right;
}

#actionAvoir textaera {
     min-height: 60px !important;	
}	

/* bouton radio iphone */

/* SLIDE THREE */
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}

#bdcdashboardblock .total {
	   min-width: 64px;
}

.analytique_encours table td:nth-child(3), .analytique_encours table td:nth-child(4) {
    text-align: right !important;
    min-width: 80px;
    padding-right: 5px;
}
 .analytique_encours table tr:first-child,.analytique_encours table tr:last-child {
 background-color: #eee;
 font-weight: bold;
 }/* calculator */
#calculator {
  border: 1px solid #aaa;
  width: 212px;
  padding: 20px;
  font-size: 12px;
  font-family: sans-serif;
  background: #fff;
  box-shadow: 0 0 10px #666;
  cursor: move;
  z-index: 999;
}
#display {
  border: 1px solid #aaa;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  width:98%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: auto;
  margin-bottom: 5px;
  text-align: right;
  padding: 0 5px;
  cursor: auto;
}
#calculator table td {
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #333;
  cursor: pointer;
}
#calculator table td:hover {
  background: #fff;
}
.equal:hover {
  background: #62a6f4 !important;
}
.number, .dot {
  background: #f5f5f5;
  border: 1px solid #dedede;
}
.operation, .clear {
  background: #d6d6d6;
  border: 1px solid #c6c6c6;
}
.equal {
  background: #4084f2;
  border: 1px solid #3079ed;
  color: #fff !important;
}
/** FICHE */


body#client button.clientvert {
	background-color: #A1BB28;
	border-color: #A1BB28;
}


.block_fiche_descriptif {
	margin-bottom: 10px;
	max-width: 1220px;
}

.block_fiche_descriptif .infoclient {
	
		background-color:#f6ba68;
		width:350px;
		padding:8px;
		
	  vertical-align:middle;
	  webkit-border-radius	: 1em 1em 1em 1em; 
	  -moz-border-radius	: 1em 1em 1em 1em; 
	  border-radius	: 1em 1em 1em 1em; 	
	  -webkit-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  -moz-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);  
	  
	
	
}

.block_fiche_descriptif > * {
	padding: 1em;
}

.block_fiche_descriptif .onglets {
	padding: 0px;
}

.block_fiche_descriptif > .titre {
	color: #FFF;
	background: #f08f09;
	padding: 0.5em 1em;
}

.block_fiche_descriptif > .titre > .titre_infos {
	float: left;
}

.block_fiche_descriptif > .titre > .titre_infos h4 {
	color: #000;
}

.block_fiche_descriptif > .titre > .btn_commandes {
	float: right;
	/*width: 33%;*/
}
.block_fiche_descriptif > .titre > .btn_commandes h2 {
	text-align: right;
}
.block_fiche_descriptif > .titre > .btn_commandes img {
	margin-left:10px;
}
.block_fiche_descriptif > .titre > .btn_commandes a {
	float: right;
}

.block_fiche_descriptif > .infos {
	background: #e5e5e5;
	-webkit-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; }



.block_fiche_descriptif .infos .infos_contenur {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1em;
}

.block_fiche_descriptif .infos .infos_contenur:first-child {
	margin-right: 2em;
}

.block_fiche_descriptif .infos .infos_contenur:last-child {
	margin-bottom: 0px;
	width: 100%;
}

.block_fiche_descriptif .infos .infos_contenur h2 {
	margin-bottom: 0.5em;
}

.block_fiche_descriptif .infos .infos_contenur button, 
.block_fiche_descriptif .infos .infos_contenur a.button, 
.block_fiche_descriptif .infos .infos_contenur a.button_transparent {
	vertical-align: top;
	/*color:#000;*/
}

.block_fiche_descriptif .infos .infos_contenur ul {
	vertical-align: top;
	display: block;
	margin-bottom: 1em;
}

.block_fiche_descriptif .infos .infos_contenur ul:last-child {
	margin-bottom: 0;
}

.block_fiche_descriptif .infos .infos_contenur li {
	display: block;
}

.block_fiche_descriptif .accordeon .tete button {
	color: #000;
}

ul.block_client_descriptif li {
	display:block;
}

.infos_contacts {
	float		: right;
}

.lien_powerfox {
	float		: right;
	vertical-align: top;
}

.lien_cree_fiche_client {
    float: left;
   
    margin-top: -12px;
}

body#client .lien_powerfox a.alink {
	display		: block;
	padding-left: 20px;
	margin-bottom: 5px;
	background	: url(/img/favicon.ico) no-repeat;
}

a.alinkweb {
	display		: block;
	padding-left: 20px;
	margin-bottom: 5px;
	background	: url(/img/web.png) no-repeat;
	text-decoration: underline;
}

#client_rib {
	width:33%;
}

.lien_societepointcom {
 
   
	padding-left: 4px;
	margin-top: -4px;
	 
	
 
}

.client_compta_div{
	margin-top:12px;
}

.client_compta_div h2{
	margin-bottom:8px;
}

#client_compta_marketfox{
	width:33%;
}

/** RECHERCHE AVANCEE */
.nom_groupe_avancee {
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: underline;
	padding-left: 12px;
	cursor: pointer;
}

.groupe_actif {
	background: url(/img/fleche_7x4_Black_HB.png) no-repeat 0px 6px;
}

.groupe_inactif {
	background: url(/img/fleche_7x4_Black_GD.png) no-repeat 3px 4px;
}
.Historique_des_Ventes .input2 > div > *:nth-child(2) {
	width			: auto;
}
.Historique_des_Ventes .input2 > div > *:nth-child(2) > select {
	width			: auto;
}
.Historique_des_Ventes .input2 > div > *:nth-child(3) {
	width			: 100%;
}

#fieldsetMandataire table td #mandataire_code_postal {
	width			: 80px;
}

#fieldsetMandataire table td #mandataire_tel {
	width			: 160px;
}
#fielsetGroupeContact {
	margin-left:-8px;
}	

#fielsetGroupeContact table td:first-child { 
   
    width			: 40px !important;
}

.unlockEcritureCompta,.lockEcritureCompta,.forceEcritureCompta {
	cursor:pointer;
}	
/** CONNECTION */
#contain_center {
	display			: block;
	text-align		: center;
	width			: 33%;
	margin			: 20px auto;
}
#block_connexion {
	width			: 100%;
	margin			: 0px auto;
	border-spacing	: 1em;
	background		: #e5e5e5;
}
#block_connexion .input, #block_connexion .input input {
	width			: 100%;
}
#block_connexion button{
	float			: right;
}
#login .input_label,
#password .input_label {
	min-width			: 130px;
}
.title_background {
	background : #EEE;
	padding : 3px 3px;
	border-bottom : 1px solid #f08f09;
	margin-bottom : 8px;
}

.title_background_white {
	background : #FFF;
	padding : 3px 3px;
	border-bottom : 1px solid #f08f09;
	margin-bottom : 8px;
	color:blue;
}
.title_background_white h3 {
 
	color:blue;
 
	display : inline;
}

.title_background_white h3.dashboard_message_incentive {
 
	color:blue;
 }
 
 .title_background_white h3.dashboard_message_flash {
 
	color:#f08f09;
 }
 p.dashboard_message {
  font-size: 1.2em;
 }
 .title_background_white h3.dashboard_message_nouveaux_outils {
 
	color:black;
 }
.new_image {
	padding-left:6px;
}
.message_frame
{
    display: block;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #bbb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.title_background img {
	margin : -8px 5px -9px 0px;
}

.title_background_white img {
	margin : -8px 5px -9px 0px;
}

.title_background h3 {
	color : #f08f09;
	display : inline;
}

#produit_Web {
	margin-top : 0px;
	width : 368px;
}

#resume_Cyberfox {
	margin-top : 10px;
	width : 368px;
}

#rappel_Prospection {
	margin-top : 10px;
	width : 652px;
}

.button_plat {
	padding-top:0px;
	padding-bottom:0px;
}
#adminfensup {
	display:none;	
}
#menufensup {
background: #EEE;
width:900px;
margin-left:auto;
margin-right:auto;
padding-top:6px;
padding-bottom:6px;
margin-bottom:6px;

}
#menufensup li {
	padding-left:12px;
	padding-left:12px;
	cursor:pointer;
}
.bdcdashboardblock {
  background-color: f0f0f0; 
   padding:10px;
    margin-bottom:10px;
}

.bdcdashboardblock h2{
  
  background-color: f08f09;
  padding:2px;
  padding-left:12px;
  margin-bottom:5px;
  color:white;
}

#dashbord_message_resume {
     margin: 0 auto;
     width: 100%; 
}

.divblockdashboard {
  
    border-radius: 5px;
    border: solid 1px #bbb;
    padding: 2px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom: 12px; 
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
   
    
}

#dashbord_message_resume >ul , #home_image >ul,#menucategories_home >ul {
	    display: block;
    list-style-type: none;
    margin-block-start: 0px;
    margin-block-end:  0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:  0px;
	
}

#dashbord_message_resume .item-text {
	max-height: 52px;
}

#dashbord_message_resume figure,  #home_image figure,#menucategories_home figure  {
	    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    position: relative;
    overflow: hidden;
    height: 240px;

	
}

.teaser_article {
    display: block;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #bbb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.teaser_articlenoborder {
	 border: solid 0px #fff !important;
}


.list-article_7 > li {
    width: 322px;
    float: left;
    padding-right: 20px;
    padding-left: 10px;
     padding-bottom: 1rem;
}

.list-article_7 > li, .list-article_7 > li:last-child:not(:first-child) {
    float: left;
    clear: none;
}

.teaser_article .item-title,.teaser_article .item-text {
	color: #000000
}

.teaser_article .item-text {
	font-size: 1.1em;
}	

.teaser_article .item-details {
    padding: 10px;
    position: relative;
}

.teaser_article .item-details .item-link {
    text-align: right;
    margin-top: 10px;
    text-transform: uppercase;
    color: #ef8008;
    font-size: 11px;
    font-weight: bold;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.teaser_article .item-details .item-link:after {
    content: "\2192";
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
}

.teaser_article figure .item-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #ef8008;
    line-height: 20px;
}

.teaser_article figure .item-badge-actu {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #404040; /* #db0084; */
    line-height: 20px;
}

.item-badge-color_incentive {
	 background:blue !important;
}

.item-badge-color_offre {
	 background:red !important;
}

.item-badge-color_flash {
	 background:#f08f09 !important;
}

.item-badge-color_thematique {
	 background:#A1BB28 !important
}

.teaser_article figure .item-badge-date {
 position: absolute;
    top: 10px;
    left: 178px;
    color: #888;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 20px;
    text-align: right;
    width: 120px;
}

#dashbord_message_resume .figureactu {
    height:36px; /*180px;*/
}

.teaser_article figure .cat-badge {
       position: absolute;
    top: 0px;
    left: 0px;
    /* border-radius: 5px; */
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    /* height: 33px; */
    /* padding-left: 6px; */
    /* padding-right: 6px; */
    background: rgba(50, 50, 50, .5);
    line-height: 20px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dashboard_recap img {
	width:24px;
}

.ca-label {
    color: green;
    font-size: 14px;
    font-weight: bold;
}

.remise-label {
    color: blue;
    font-size: 13px;
    font-weight: bold;
}

#detailCAbyFamilleFrame td.ca_ht {
	text-align: right !important;
	min-width: 60px !important;
}

#detailCAbyFamilleFrame td.nb_bdc {
	text-align: right !important;
	 
}

#detailCAbyFamilleFrame td.qte {
	text-align: right !important;
	 
}

.recapCAcol1 {
	width:600px;
	float:left;
}

.recapCAcol2 {
	width:670px;
	float:right
}/*body.iframe {
	line-height: 1em;
	font-size: 12px;
	cursor: default;
	font-family: Arial, Verdana;
	color: black;
	text-align: left;
	line-height: 1.4em;
	background: #FFFFFF;
	height: 180px;
	width: 20px;
	margin: 0px;
}*/.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	/*background: url(/img/datepicker_vista/frame.png) no-repeat;*/
	border: #AAA 1px solid;
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; 	background : #EEE; 
background : -moz-linear-gradient(top, #EEE 0%, #FFF 25%, #EEE 100%); background : -webkit-linear-gradient(top, #EEE 0%, #FFF 25%, #EEE 100%); background : -o-linear-gradient(top, #EEE 0%, #FFF 25%, #EEE 100%); background : -ms-linear-gradient(top, #EEE 0%, #FFF 25%, #EEE 100%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(25%, #FFF), color-stop(100%, #EEE)); 
background : linear-gradient(to bottom, #EEE 0%, #FFF 25%, #EEE 100%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#EEE',GradientType=0 ); ;
	-webkit-box-shadow	: 0em 0em 1em 0em rgba(0, 0, 0, 0.25); -moz-box-shadow	: 0em 0em 1em 0em rgba(0, 0, 0, 0.25); box-shadow	: 0em 0em 1em 0em rgba(0, 0, 0, 0.25); }

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
	font-weight:bold;
}

.datepicker_vista .header .title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(/img/datepicker_vista/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}
.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;
}
.datepicker_vista .days .week .day:hover {
	/*background: url(/img/datepicker_vista/days.png) left top no-repeat;*/
	bor
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	/*background: url(/img/datepicker_vista/days.png) left bottom no-repeat;*/
	webkit-border-radius	: 0.3em 0.3em 0.3em 0.3em; -moz-border-radius	: 0.3em 0.3em 0.3em 0.3em; border-radius	: 0.3em 0.3em 0.3em 0.3em; 	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(/img/datepicker_vista/months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(/img/datepicker_vista/months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background: url(/img/datepicker_vista/years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(/img/datepicker_vista/years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}
#envoiMail .divcontainer {
	 max-width: 1460px;
	 float:left;
}

.background_nosaisie {
    top: 0px;
    height: 100%;
    position: absolute;
    width: 1400px;
    z-index: 900;
   
    background-color: #ccc;
    filter: alpha(opacity = 10);
    -moz-opacity: .1;
    opacity: 0.1;
    display:none;
}


#envoiMail .divsaisie {
	 max-width: 730px;
	 float:left;
	 overflow:hidden;
}

#envoiMail .divpreview {
	 max-width: 730px;
	 float:right;
}

#envoiMail .divpreview ul {
	 display: block;
}

#envoiMail .divpreview li {
    list-style: disc;
   display: list-item;
   padding-left:10px;
}

#envoiMail .ulMulti  li.selected {
	padding-top: 2px;
    padding-bottom: 2px;
    
    webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
		
}

#formEnvoiMail table td {
	 padding-top: 8px;
	 padding-bottom: 8px;
	 padding-left: 8px;
	 padding-right: 8px;
}	 
#formEnvoiMail table {
	width: 700px;
}

#formEnvoiMail .validation-advice {
	    color: #b20000;
}
#formEnvoiMail table td:first-child {
	width: 100px;
}

#formEnvoiMail table td:nth-child(2) {
	width: 10px;
	padding: 0px;
}

#success {
	  webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    border: 1px dotted gray;
    color:black;
      font-weight: bold;
    font-size: 18px;
    background-color: #f08f09;
    
}	

#fail {
	  webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    border: 1px dotted gray;
    color:#fff;
      font-weight: bold;
    font-size: 18px;
    background-color: #727272;
    
}	body.finaliser {
	margin-left:5px;
	margin-right:5px;
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: left;
}

.tdb_nom_etbs {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.scanoi {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 20px;
}

.erroroi {
	color: red;
}

#titre {
	padding-top: 5px;
	
}

.filet_bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.tdb_coord {
	font-size: 12px;
}

div.rubmig p {
	text-align: justify;
}

p {
	margin: 0px;
}

a {
	font-size: 1em;
	color: #f08f09;
}

.etape {
	margin-top:10px;
	width:980px;
	 
 
	
}

.info {
	
	background-color:#f08f09;
	width:250px;
	padding:8px;
	  display:inline-block;
  vertical-align:middle;
  webkit-border-radius	: 1em 1em 1em 1em; 
  -moz-border-radius	: 1em 1em 1em 1em; 
  border-radius	: 1em 1em 1em 1em; 	
  -webkit-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
  -moz-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
  box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
 font-size: 12px;
 color:#000000;	
	
}

.finaliserliste {
	
	width:300px;
	
	
}
.info p{
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	
}

.saisie {
	
	/*background-color:#f08f09;*/
	width:500px;
	padding:5px;
	  display:inline-block;
  vertical-align:middle;
   font-size: 12px;
 color:#000000;	
	
	
}
.saisie input[type=number]::-webkit-outer-spin-button,
.saisieinput[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.saisie input[type=number] {
    -moz-appearance:textfield;
}
#precsui {
	
	 
	padding:5px;
	width:980px;
	height:30px;

}
#precsui .gauche {
	
	float:left; 
	padding:5px;

}
#precsui .droite {
	
	float:right; 
	padding:5px;

}

/**** voir aussi test_ipad ***/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/* STYLES GO HERE */

#contain_center {
	display			: block;
	text-align		: center;
	width			: 66%;
	margin			: 20px auto;
}
#block_connexion {
	width			: 100%;
	margin			: 0px auto;
	border-spacing	: 1em;
	background		: #e5e5e5;
	font-size:2em;
}
#block_connexion .input, #block_connexion .input input {
	width			: 100%;
	 
}
	
#block_connexion input {
	height: 46px;
	 
}
#block_connexion button{
	float			: right;
}
#login .input_label,
#password .input_label {
	min-width			: 200px;
}

#multiBoxIframe {
	/*z-index:999;*/
	
}
#MultiBoxContentContainer {
	/*overflow-: scroll;
	-webkit-overflow-scrolling: touch;*/
}	

.title_background {
	margin-top: 40px;
}	
.pa0i {
	min-width: 1280px;
}
#fromDashbordDSO {
	max-width: 1280px;
}

.frameDashboard {
	min-height: 180px;
}

.
/*---------------*/	
/*    BDC    */
/*---------------*/
	
#bdc .onglets {
display:none;	
}		

#tablePanier,#tableTopPanier {
	margin-left: 19px;
}		

#bdcelectroniqueV2 .block_fiche_descriptif {
  max-width: 1110px;
}

.datepicker_vista{
	/*zoom:1.4 !important;*/
}

	
.datepicker_vistazoom {
	 zoom:1.4 !important; 
}
	
#suivi {
	    max-width: 530px;
}	

.etbs_selection {
	margin-left: 40px;
    zoom: 1.4;
    margin-top: -2px;
}    
	
#bdcelectroniqueV2 #page_top {
	max-width: 1024px
}	
	
}
/* iPhone 6 Plus in portrait & landscape */

@media only screen 

and (max-device-width : 736px) {
.containerflex {
	display: flex;
	display: -webkit-flex;
    flex-direction: column-reverse;
}

#page.optiresponsive{
 
	 
 	min-width:calc(100vw - 160px);;
}

#testiphone {
	display:block !important;
}

}	


.matching {
 
margin: 10px;
}

#resume1_matching {
margin-top: 0px;
width: 462px;
}

#resume2_matching {
margin-top: 0px;
width: 662px;
}

#largeur1024 {
width: 1024px;
}
 
	 
	 

@media print{

/* Table liste */
body{
	margin-left:0mm;
	 
}
		
 

div { float: none !important; position: static !important;
          box-sizing: content-box !important;
}
    
    /* evite de repeter le thead sur chaque page */
thead {
    display: table-row-group;
}
	

    
	
    
		@page   {
  		 margin-left:6mm;
   		 margin-right:4mm;
   	     margin-bottom:26.5mm;
    	 width: 21cm;
    	min-height: 29.7cm;
		}
	
	 .pagebreak {
		 border: 0px dotted gray !important;
		 margin-bottom:0px !important;
		 
	 }
	 .page-break	{ display: block; page-break-before: always; }
	 #page {
	 margin-left:0px;
	 padding-left:0px;
	
	 }
	 #page_right > #page_corps {
	  padding-left:0px;
	 }
	 
	 #preview h1.sous_titre {
	 	display:none !important;
	 }
	#table_auto_liste .table_liste   {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	.app_message, .app_message_Alerte {
	 	display:none !important;
	 }
	
	.block_search,.onglet {
		display:none !important;
	}
	
	.complete_table_liste  {
	 
			 display: inline-table;  /*important poir eviter impression  foireuse commsion globale */ 
			    font-family: Arial,Verdana !important;
	}
	.borderEdition {
		 border: 0px dotted gray !important;
	}
	
	
	 
	
	.complete_table_liste  tr td{
		max-height:12px !important;
		font-size: 10px !important;
	
	
	}
	
	#resumerecherche {
		display:block !important;
	}
	
	 
	#form_excel_top,#form_submit_dl,#form_pdf_top,#form_excel_bottom,#form_pdf_bottom,#print_pdf_top,#print_pdf_bottom {
	display:none !important;
	}
	
	
 
	#page_left,#page_top_left,#page_top_right,.pop_block_tete {
		display:none !important;
	}
	#iframe_adminfensup{
		height:2000px !important;
	}
	
	#page_top {
		display:none !important;
	}

	#page {
		height:0px; /*évite 2 pages sur récapitulatif BDC  */ 
	}
	
	.noPrint {
		display:none !important;
		width:0px !important;
	}
	
	.printW80 {
		 
		width:80% !important;
	}
	
	.infos_liste_etbs,.infos_liste_facturation  {
	
		color: #333 !important;
	}
		
	#panier table th,
	#tableReglement  th
	 {
	     background-color: white !important; 
	      color: #000  !important;
 	}
 	
 	#panier #tableResumePanier td,
 	#tableResumeReglement td{
   		 background-color: white !important; 
	     border-color: #606060  !important;
	      color: #000  !important;
 	}

	#panier table tr,
	#tableReglement tr {
   	  border-color: #606060  !important;
	}
	
	
 	button.transparent {
	    color: #000  !important;
	    border-color: #606060  !important;
	    background: #fff  !important;
	    box-shadow:none !important;
	   
}


 	#resumeEtbsFacturation {
 		font-size:120%;
 	}
 	
 	#panier #tablePanier {
 	  width: 500px;
 	}
 	#panier table tr {
	   
	    border: #606060  !important;;
	    
	}
 	#panier #tableResumePanier {
 	    width: 300px;
	}
	
	#div_recherche,.title_background,#page_top_container {
		display:none !important;
	}
	
	/* ----  pour table liste */ 
	.table_liste {
			/*font-size:120%  !important;*/
		 
	}
	
	.table_liste  TD   {
		 border-right: 1px solid #999 !important;
	}
	.table_liste  TD:first-child {
		 border-left: 1px solid #222 !important;
	}
	
	.table_liste  TD:last-child {
		 border-right: 1px solid #222 !important;
	}
	
	table.table_liste TH > a {
	   
	    color: #000  !important;
	     
	    border: 1px solid #222 !important;
	    background-color: #EEE  !important;
	}
	
	
	 
	table.table_liste TH > a, table.table_liste TFOOT TH {
	     
	    color: #000  !important;
	    
	    border: 1px solid #222 !important;
	    background-color: #EEE !important;
	    box-shadow: none !important;
	    border-right: 0px solid !important;
	}

	table.table_liste TH:last-child > a, table.table_liste TFOOT TH:last-child {
		 border: 1px solid #222 !important;
		 box-shadow: none !important;
	    border-right: 1px solid !important;
	}
	
	.totalCommissionavantParution TD {
		 border-top: 1px solid !important;
		  border-right: 1px solid #222 !important;
		   border-bottom: 1px solid !important;
	}
	 
	
	table.table_liste THEAD TH:first-child> a ,table.table_liste THEAD TH:last-child > a, table.table_liste TFOOT TH:last-child {
	webkit-border-radius	: 0.0em 0em 0em 0em !important;
	-moz-border-radius	: 0.0em 0em 0em 0em !important;
	border-radius	: 0.0em 0em 0em 0em !important;
	}
	
	.table_liste  TH {
		 border-right: 0px solid #222 !important;
	}
	
	

	
	
	/* production mensuelle */
	#reporting-productionMensuelle,  .historique_produits-production  {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	#reporting-productionMensuelle table.table_liste td, #reporting-productionMensuelle table.table_liste th {
		font-size: 1.2em !important;
		 
	}
	
	#reporting-productionMensuelle #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	#reporting-productionMensuelle table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	/* prospection mensuelle */
	#reporting-editionGlobaleValider,
	#reporting-prospectionMensuelle,  .historique_produits-production  {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	#reporting-editionGlobaleValider table.table_liste td, #reporting-editionGlobaleValider table.table_liste th,
	#reporting-prospectionMensuelle table.table_liste td, #reporting-prospectionMensuelle table.table_liste th {
		font-size: 1.3em !important;
		 
	}
	
	#reporting-editionGlobaleValider #resumerecherche fieldset {
		display:none;
	}
	#reporting-prospectionMensuelle #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	#reporting-editionGlobaleValider table.table_liste tr.alt,
	#reporting-prospectionMensuelle table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	#reporting-editionGlobaleValider table.table_liste tr.total_perso td,
	#reporting-prospectionMensuelle table.table_liste tr.total_perso td {
    color: #000  !important;
	    
	    border: 1px solid #222 !important;
	    background-color: #EEE !important;
	    box-shadow: none !important;
	    border-right: 0px solid !important;
   webkit-border-radius	: 0.0em 0em 0em 0em !important;
	-moz-border-radius	: 0.0em 0em 0em 0em !important;
	border-radius	: 0.0em 0em 0em 0em !important;
	 color: #000  !important;
	    
	    border: 1px solid #222 !important;
	    background-color: #EEE !important;
	    box-shadow: none;
	    border-right: 0px solid !important;
	   
}
	
	#reporting-editionGlobaleValider table.table_liste tr.total_perso td:last-child ,
	#reporting-prospectionMensuelle table.table_liste tr.total_perso td:last-child {
		 border-right: 1px solid #222 !important;
	}
	
	#reporting-editionGlobaleValider table.table_liste tfoot th:first-child,
	#reporting-editionGlobaleValider table.table_liste tr.total_perso td:first-child,
	#reporting-prospectionMensuelle table.table_liste tfoot th:first-child,
	#reporting-prospectionMensuelle table.table_liste tr.total_perso td:first-child {
		 border-right: 0px solid #222 !important;
	}
	
	
	#reporting-editionGlobaleValider table.table_liste tr.total_perso td:nth-child(2),
	#reporting-editionGlobaleValider table.table_liste tr.total_perso td:nth-child(3),
	#reporting-prospectionMensuelle table.table_liste tr.total_perso td:nth-child(2),
	#reporting-prospectionMensuelle table.table_liste tr.total_perso td:nth-child(3) {
		 border-left: 0px solid #222 !important;
	}
	
	#reporting-editionGlobaleValider table.table_liste tfoot th:nth-child(2),
	#reporting-editionGlobaleValider table.table_liste tfoot th:nth-child(3),
	#reporting-prospectionMensuelle table.table_liste tfoot th:nth-child(2),
	#reporting-prospectionMensuelle table.table_liste tfoot th:nth-child(3) {
		 border-left: 0px solid #222 !important;
	}
	
	
	/* prospection Trimestrielle */
	#reporting-prospectionTrimestrielle,  .historique_produits-production  {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	#reporting-prospectionTrimestrielle table.table_liste td, #reporting-prospectionTrimestrielle table.table_liste th {
		font-size: 1.3em !important;
		 
	}
	
	#reporting-prospectionTrimestrielle #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	#reporting-prospectionTrimestrielle table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td {
    color: #000  !important;
	    
	    border: 1px solid #222 !important;
	    background-color: #EEE !important;
	    box-shadow: none !important;
	    border-right: 0px solid !important;
   webkit-border-radius	: 0.0em 0em 0em 0em !important;
	-moz-border-radius	: 0.0em 0em 0em 0em !important;
	border-radius	: 0.0em 0em 0em 0em !important;
	 color: #000  !important;
	    
	    border: 1px solid #222 !important;
	    background-color: #EEE !important;
	    box-shadow: none;
	    border-right: 0px solid !important;
	   
}
	
	#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td:last-child {
		 border-right: 1px solid #222 !important;
	}
	
	#reporting-prospectionTrimestrielle table.table_liste tfoot th:first-child,#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td:first-child {
		 border-right: 0px solid #222 !important;
	}
	
	#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td:nth-child(2),#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td:nth-child(3) {
		 border-left: 0px solid #222 !important;
	}
	
	#reporting-prospectionTrimestrielle table.table_liste tfoot th:nth-child(2),#reporting-prospectionTrimestrielle table.table_liste tfoot th:nth-child(3) {
		 border-left: 0px solid #222 !important;
	}
	
	
	/* prod mensuelle par regie */
    .historique_produits-production .select_liste_autotable {
		display:none;
	}
	
	 .historique_produits-production table.table_liste td {
		font-size: 1.3em !important;
		 
	}
	
	   .historique_produits-production table.table_liste th {
		font-size: 1.1em !important;
		 
	}
	
	  .historique_produits-production table.table_liste tfoot th {
		font-size: 1.3em !important;
		 
	}
	
	 .historique_produits-production #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	  
	  
	  /* commisions avant parution */
	  #reporting-commissionAvantParution,  .historique_produits-production  {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	 
	#reporting-editionGlobaleValider #resumerecherche fieldset,
	#reporting-commissionAvantParution #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	 
	#reporting-editionGlobaleValider table.table_liste tr.alt,
	#reporting-commissionAvantParution table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	 
	#reporting-editionGlobaleValider table.table_liste td:nth-child(n+2),
	#reporting-commissionAvantParution table.table_liste td:nth-child(n+2),
	#reporting-commissionApresParution table.table_liste td:nth-child(n+2) {
	
		white-space: nowrap  !important;
		 
	}
	
	  /* commisions apres parution mode guide/courtier/multiguidecourtier*/
	  
	  
  /* zoom dans tableliste */
	  
 
	  #reportingcommissionApresParutionPUB .frameReporting {
	  	width:1096px;
	  }
	  
	 
	  
	  #reportingcommissionAvantParutionPUB .frameReporting {
	  	width:1096px;
	  }
	  
	  
	  #reporting-editionGlobaleValider,
	  #reporting-commissionApresParution   {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	
	#reporting-editionGlobaleValider #resumerecherche fieldset,
	#reporting-commissionApresParution #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	 
	
	#reporting-editionGlobaleValider table.table_liste tr.alt,
	#reporting-commissionApresParution table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	.pls,.plm {
	 padding-left:0px  !important;
	}
	
	
	
	 
	#reporting-commissionAvantParution  table.table_liste td,
	#reporting-commissionApresParution  table.table_liste td ,
	#reporting-editionGlobaleValider .commissionAvantParutionglobale table.table_liste td,
	#reporting-editionGlobaleValider .commissionApresParutionglobale table.table_liste td {
	  font-size:1.3em !important;
	}
	
 
	#reporting-commissionAvantParution  table.table_liste th,
	#reporting-commissionApresParution  table.table_liste th ,
	#reporting-editionGlobaleValider .commissionAvantParutionglobale table.table_liste th,
	#reporting-editionGlobaleValider .commissionApresParutionglobale table.table_liste th {
	  font-size:1.2em !important;
	}
	
	
	
	
	
	 
	#reporting-commissionAvantParution  table.table_liste tfoot th,
	#reporting-commissionApresParution  table.table_liste tfoot th ,
	#reporting-editionGlobaleValider .commissionAvantParutionglobale table.table_liste tfoot th,
	#reporting-editionGlobaleValider .commissionApresParutionglobale table.table_liste tfoot th {
	  font-size:1.3em !important;
	}
	


	
	#bodyDSO table.table_liste TFOOT TH.moy {
	    color: #EEE !important;
	     border-right: 1px solid #222 !important;;
	}

	
	
	
	
	/* vente pur web */
	
	.historique_produits-listeweb   {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	.historique_produits-listeweb table.table_liste td, .historique_produits-listeweb table.table_liste th {
		font-size: 1.0em !important;
		 
	}
	
	.historique_produits-listeweb #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	.historique_produits-listeweb table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	/* vente diffusion */
	
	.historique_produits-listeplaque   {
		-webkit-print-color-adjust: exact;  /* permet d'imprimer backgound  chrome */
	}
	
	.historique_produits-listeplaque table.table_liste td, .historique_produits-listeplaque table.table_liste th {
		font-size: 1.0em !important;
		 
	}
	 
	
	.historique_produits-listeplaque #resumerecherche fieldset {
		font-size: 1.3em;
		font-weight:bold;
	}
	
	.historique_produits-listeplaque table.table_liste tr.alt {
	
		 background-color: #rgba(0,0,0, 0.05)  !important;
		 
	}
	
	
	.historique_produits-listeweb .action,.historique_produits-listeweb .actions {
		display:none !important;
	}	
	
	
	 	

}

/*
 * Mootools Events Calendar - 400px x 350px
*/

/* Calendar Header/Controls */

body {

margin: 0px;
}


.mooECal{margin:0;
 padding:0;
 width:638px;
 height:340px;
 border:1px solid #999;
 border-left:none;
 text-align:center;
 border-collapse:separate;
 font-family:Arial, Helvetica, sans-serif;
}
.mooECal li, .mooECal ul{list-style:none;
 display:inline;
 margin:0;
 padding:0;
}
.thControls, .ulControls{
	text-align:left;
	background-color: #cede83;
}
.dowRow {
background-color: #A1BB28;
	}
.thControls{ border-bottom:1px solid #999;
 border-left:1px solid #999;
 height:25px;
}
.mooECal .liHeaderCal{font-size:0.8em;
 float:right;
 width:50%;
 text-align:center;
 margin-right:1%;
} /* date range of current view */
.aPrevCal,.aNextCal{text-decoration:none;
 font-size:1.2em;
} /* left/right nav arrow */
.mooECal .liNextCal{float:right;
}
.mooECal .liLoading{font-size:0.6em;
 color:#999;
 letter-spacing:0.1em;
 margin-left:1%;
}/* "loading..." text */
/* month, week, day view links*/
.ulViewPicker li{float:right;
}
.aViewCal{text-decoration:none;
 font-size:10px;
 margin-right:0.6em;
 color:#333;
} 
.aViewCal:hover{text-decoration:underline;
}
/* mon, tues, wed ... row */
.mooECal tr.dowRow th{border-left:1px solid #999;
 font-size:0.6em;
 text-align:center;
}
.mooECal tr.dowRow th li{float:left;
 width:14.2%;
}


/* Calendar Body */
.monthWeek{overflow:hidden;
}
.weekWeek,.dayDay{height:85%;
}
.monthDay,.weekDay,.dayDay{border:1px solid #999;
 border-right:none;
 border-bottom:none;
 width:14%;
 text-align:left;
 vertical-align:top;
}

.dayDay .cal_hour {
  font-size: 10px;
}

.weekDay .cal_hour {
  font-size: 10px;
}

.monthDay .cal_hour {
  display:none;
}

.pair{
background-color:#eee;
}
.impair{
background-color:#fff;
}
.mooECal td.dayDay{padding:2%;
}
.mooECal td.hover{
	background-color: #cede83;
} /* color when hovering a day */
.mooECal td.selected{
	background-color:#cede83;
} /* color for the selected day */
.mooECal td span{color:#333;
 font-size:0.6em;
} /* day of the month (1-31) */
.monthDay div{height:35px;
 overflow:hidden;
 cursor:default;
}
.mooECal td div div{font-size:10px;
 color:#222;
 height:12px;
 overflow:hidden;
 cursor:default;
}
.mooECal td a{font-size:10px;
 color:#222;
 text-decoration:underline;
}


.mooECal td a .first{ 
 font-size: 12px;
 font-weight:normal;
 text-decoration:underline;
}
.mooECal td div.fullEvent{height:auto;
 overflow:auto;
 font-size:14px;
 border-bottom:1px solid #DDD;
}
/* tips styling */
.tip {color: #fff;
 z-index: 13000;
 background-color:#666;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font-family:Arial, Helvetica, sans-serif;
}
.tip-title {font-weight:bold;
 font-size: 11px;
 margin: 0;
 padding: 8px 8px 4px;
}
.tip-text {font-size:12px;
 padding: 4px 8px 8px;
 font-weight:bold;
}
.tip-text i{font-size:10px;
 padding: 4px 0px 8px;
 font-weight:normal;
}
.tip a{text-decoration:none;
 color:#FFF;
 font-size: 12px;
 font-weight:bold;
}

tip a .first{ 
 font-size: 24px;
 font-weight:bold;
}

;

/*.iframe {
	font-size:5pt;
	background-color:#666;
}*/

/*
multiBox - for MooTools 1.2 stylesheet - - - - */
a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
/*	outline:none;
	float:left;
	margin:0 15px 15px 0;
	padding:0;
	text-decoration:none;
	color:#666;*/
}

.mb img{
	display:block;
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden, .multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	background:#fff;
	position:absolute;
	border:1px solid #000;
	display:none;
	z-index:103;
	text-align:left;
	position:fixed;
}

.MultiBoxLoading{
	background:url(../../img/multibox/loader.gif) center no-repeat;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	background:url(../../img/multibox/close.png) no-repeat;
	position:absolute;
	top:-12px;
	right:-12px;
	width:24px;
	height:24px;
	cursor:pointer;
}

.MultiBoxControlsContainer{
	overflow:hidden;
	height:0;
	position:relative;
}

.MultiBoxControls{
	background:#000;
	width:100%;
	position:relative;
	color:#fff;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#ccc;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:none;
}

.MultiBoxDownload a:hover{
	color:#fff;
}

.MultiBoxPrevious{
	background:url(../../img/multibox/left.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	left:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	background:url(../../img/multibox/right.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	background:url(../../img/multibox/rightDisabled.png) no-repeat;
	cursor:default;
}

.MultiBoxPreviousDisabled{
	background:url(../../img/multibox/leftDisabled.png) no-repeat;
	cursor:default;
}


/*
Bottom text - - - - */
.MultiBoxTitle{
	font-family:Arial,Verdana;
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:transparent url(../../img/multibox/MagIcon.png) no-repeat;
	position:absolute;
	right:-5px;
	top:-5px;
	width:17px;
	height:17px;
}


/*
MooTools tips - - - - */
.mbTips{
	background:#fff;
	font-size:10px;
	color:#000;
	border:1px solid #3FB6E2;
	padding:2px;
}

.mbTips .tip-text{
	display:none;
}/*
Pop-up styles (remember image paths are from root of your website!) - - - - */
.MultiBoxClose{
	/*background:none;*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/close.png', sizingMethod='image');
}

.MultiBoxPrevious{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/left.png', sizingMethod='image');
}

.MultiBoxNext{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/right.png', sizingMethod='image');
}

.MultiBoxNextDisabled{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/rightDisabled.png', sizingMethod='image');
}

.MultiBoxPreviousDisabled{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/leftDisabled.png', sizingMethod='image');
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Images/mb_Components/MagIcon.png', sizingMethod='image');
}/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man,
.ma0 {
  margin: 0;
}
.pan,
.pa0 {
  padding: 0;
}
.pani,
.pa0i {
  padding: 0 !important;
}
.mas {
  margin: 10px;
}
.mam {
  margin: 20px;
}
.mal {
  margin: 40px;
}
.pas {
  padding: 10px;
}
.pam {
  padding: 20px;
}
.pal {
  padding: 40px;
}
.mtn,
.mt0 {
  margin-top: 0;
}
.mtt {
  margin-top: 5px;
}
.mts {
  margin-top: 10px;
}
.mtm {
  margin-top: 20px;
}
.mtl {
  margin-top: 40px;
}
.mrn,
.mr0 {
  margin-right: 0;
}
.mrs {
  margin-right: 10px;
}
.mrm {
  margin-right: 20px;
}
.mrl {
  margin-right: 40px;
}
.mbn,
.mb0 {
  margin-bottom: 0;
}
.mbt {
  margin-bottom: 5px;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 20px;
}
.mbl {
  margin-bottom: 40px;
}
.mln,
.ml0 {
  margin-left: 0;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 20px;
}
.mll {
  margin-left: 40px;
}
.ptn,
.pt0 {
  padding-top: 0;
}
.ptvs {
  padding-top: 5px;
}
.pts {
  padding-top: 10px;
}
.ptm {
  padding-top: 20px;
}
.ptl {
  padding-top: 40px;
}
.prn,
.pr0 {
  padding-right: 0;
}
.prs {
  padding-right: 10px;
}
.prm {
  padding-right: 20px;
}
.prl {
  padding-right: 40px;
}
.pbn,
.pb0 {
  padding-bottom: 0;
}
.pbvs {
  padding-bottom: 5px;
}
.pbs {
  padding-bottom: 10px;
}
.pbm {
  padding-bottom: 20px;
}
.pbl {
  padding-bottom: 40px;
}
.pln,
.pl0 {
  padding-left: 0;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 20px;
}
.pll {
  padding-left: 40px;
}

/* simple blocks alignment */
.left {
  margin-right: auto;
}
.right {
  margin-left: auto;
}
.center {
  margin-left: auto;
  margin-right: auto;
}

.centerimp {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* text and contents alignment */
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}

.txtleftimp {
  text-align: left !important;
}
.txtrightimp {
  text-align: right !important;
}
.txtcenterimp {
  text-align: center !important;
}

.txthighlight{
  font-weight: bold;
   vertical-align: baseline;
}
 
 .inputnoborder {
 border: 1px solid #FFF !important;
 }

/* floating elements */
.fl {
  float: left;
}
img.fl {
  margin-right: 10px;
}
.fr {
  float: right;
}
img.fr {
  margin-left: 10px;
}
img.fl,
img.fr {
  margin-bottom: 5px;
}

/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vert
 }
  
/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
}

.dpb {
	display: block;
}

.dpn_liste {
	display: none;
	width:0px;
}


.dpn {
	display: none;
}
.dpn1 {
	display: none;
}
.dpn2 {
	display: none;
}
.dpn3 {
	display: none;
}
.dpn4 {
	display: none;
}
.dpn5 {
	display: none;
}
.dpn6 {
	display: none;
}
.dpn7 {
	display: none;
}
.dpn8 {
	display: none;
}
.dpn9 {
	display: none;
}
.dpn10 {
	display: none;
}
.dpn11 {
	display: none;
}
.dpn12 {
	display: none;
}
.dpnsql {
	display: none;
}

small {
  font-size: 80%;
}

.bigger {
  font-size: 120%;
}


/* elements standart PB */

.cursorpointer {
	cursor: pointer;
}

label[for="bdc_montant_com_agence"]:before{
	content: "-";
	position: relative;
    left: 20px;
	
}
label[for="bdc_montant_convention"]:before{
	content: "-";
	position: relative;
    left: 20px;
	
}

table .invisible , table .invisible td, table .invisible tr, table .invisible th {
	border: 0px solid black !important;
	vertical-align: middle !important;
	cursor: default;
	
}
table .invisible tr:hover {
background-color: #FFF !important; 
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
   cursor: default;
}	

.tdmiddle td {
	vertical-align: middle !important;
}	

.bglightgrey {
	background-color: #EAEAEA;
}

.bgorange {
background-color: #f08f09;
}

.bgred {
	background-color: red;
}

.txtwhite {
	color:white;
}

.txtblack {
	color:black;
}


.txtred {
	color:red;
}

.txtorange {
	color:#da9d1b;
}


.bgverylightgrey {
	background-color: #fafafa;;
}
.bgwhite {
	background-color: #FFFFFF;
}

.forcealignmiddle  td {
vertical-align:middle !important;
}

.w20p {
	width:20px;
 }	
 
 .w40p {
	width:40px;
 }	
 
 .w50p {
	width:0px;
 }	
 
 .w60p {
	width:60px;
 }	
 
 .w70p {
	width:70px;
 }	
 
 .w40p {
	width:40px;
 }	
 
 .w80p {
	width:80px;
 }	
 
 .w100p {
	width:100px;
 }	
 
 .w120p {
	width:120px;
 }
 
 .w140p {
	width:140px;
 }
 
 .w160p {
	width:160px;
 }
 
 .w180p {
	width:180px;
 }
 
 .w200p {
	width:200px;
 }	
 
.w300p {
	width:300px;
 }	

.w400p {
	width:400px;
 }	

.w500p {
	width:500px;
 }	


.w600p {
	width:600px;
 }	

.minw20p {
	min-width:20px;
 }	
 
 .minw40p {
	min-width:40px;
 }	
 
 .minw50p {
	min-width:0px;
 }	
 
 .minw60p {
	min-width:60px;
 }	
 
 .minw70p {
	min-width:70px;
 }	
 
 .minw40p {
	min-width:40px;
 }	
 
 .minw80p {
	min-width:80px;
 }	
 
 .minw100p {
	min-width:100px;
 }	
 
 .minw120p {
	min-width:120px;
 }
 
 .minw140p {
	min-width:140px;
 }
 
 .minw160p {
	min-width:160px;
 }
 
 .minw180p {
	min-width:180px;
 }
 
 .minw200p {
	min-width:200px;
 }	
 
.minw300p {
	min-width:300px;
 }	

.minw400p {
	min-width:400px;
 }	

.minw500p {
	min-width:500px;
 }	


.minw600p {
	min-width:600px;
 }	

.minh20p {
	min-height:20px;
 }	
 
 .minh40p {
	min-height:40px;
 }	
 
 .minh50p {
	min-height:0px;
 }	
 
 .minh60p {
	min-height:60px;
 }	
 
 .minh70p {
	min-height:70px;
 }	
 
 .minh40p {
	min-height:40px;
 }	
 
 .minh80p {
	min-height:80px;
 }	
 
 .minh100p {
	min-height:100px;
 }	
 
 .minh120p {
	min-height:120px;
 }
 
 .minh140p {
	min-height:140px;
 }
 
 .minh160p {
	min-height:160px;
 }
 
 .minh180p {
	min-height:180px;
 }
 
 .minh200p {
	min-height:200px;
 }	
 
.minh300p {
	min-height:300px;
 }	

.minh400p {
	min-height:400px;
 }	

.minh500p {
	min-height:500px;
 }	


.minh600p {
	min-height:600px;
 }	
 
 
 .maxh20p {
	max-height:20px;
 }	
 
 .maxh40p {
	max-height:40px;
 }	
 
 .maxh50p {
	max-height:0px;
 }	
 
 .maxh60p {
	max-height:60px;
 }	
 
 .maxh70p {
	max-height:70px;
 }	
 
 .maxh40p {
	max-height:40px;
 }	
 
 .maxh80p {
	max-height:80px;
 }	
 
 .maxh100p {
	max-height:100px;
 }	
 
 .maxh120p {
	max-height:120px;
 }
 
 .maxh140p {
	max-height:140px;
 }
 
 .maxh160p {
	max-height:160px;
 }
 
 .maxh180p {
	max-height:180px;
 }
 
 .maxh200p {
	max-height:200px;
 }	
 
.maxh300p {
	max-height:300px;
 }	

.maxh400p {
	max-height:400px;
 }	

.maxh500p {
	max-height:500px;
 }	


.maxh600p {
	max-height:600px;
 }	
 
.bggreenprospect {
	background-color: #A1BB28 !important;
}


.minh200p {
	min-height:200px !important;
 }	
 
.minh300p {
	min-height:300px !important;
 }	
button.green {
    border-color: #A1BB28;
    background: #A1BB28;
}
 #pagesolo {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #eeeeee;
}

#contenusolo {
	
}

.oielectronique {
	
}

#precsuisolo { /*padding:5px;*/
	width: 920px;
	height: 24px;
}

#precsuisolo .gauche {
	float: left;
	padding: 5px;
}

#precsuisolo .droite {
	float: right;
	padding: 5px;
}

.btn_ajouter {
	padding: 5px;
}

#pagesolo .info {
	background-color: #f08f09;
	width: 200px;
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	webkit-border-radius: 1em 1em 1em 1em;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	-webkit-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #000000;
}

#pagesolo .resumeproduit {
	width: 360px;
	padding-left: 50px;
}

#pagesolo input:disabled {
	background: #fff;
}

#pagesolo #resume {
	padding: 5px;
	background-color: #eee;
	webkit-border-radius: 0em 0em 1em 1em;
	-moz-border-radius: 0em 0em 1em 1em;
	border-radius: 0em 0em 1em 1em;
	-webkit-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
}





#pagesolo .modaldial {
	display: none;
	background-color: #eee;
	webkit-border-radius: 0.5em 0.5em 0.0em 0.0em;
	-moz-border-radius: 0.5em 0.5em 0.0em 0.0em;
	border-radius: 0.5em 0.5em 0.0em 0.0em;
	-webkit-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	box-shadow: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
	
		
}




#pagesolo .modaldial h2{
	
	background-color: #f08f09;
	padding: 5px 10px;
	color:#000;
	webkit-border-radius: 0.5em 0.5em 0.0em 0.0em;
	-moz-border-radius: 0.5em 0.5em 0.0em 0.0em;
	border-radius: 0.5em 0.5em 0.0em 0.0em;
}


#pagesolo #divfp {
	
	position: absolute;
	width: 480px;
	min-height: 200px;
	margin-top: -250px;
	margin-left: 260px;
	  z-index: 99;
	
	
}


 


#pagesolo #divechange {
 
	position: absolute;
	width: 480px;
	min-height: 200px;
	margin-top: -250px;
	margin-left: 200px;
	  z-index: 99;
	
}

#pagesolo #divechange textarea{
	min-height: 120px;
 height:120px;
 overflow:hidden; /* cahe ascenceur */  
}

#pagesolo #divgenautoprelev {
 	
	position: absolute;
	width: 420px;
	min-height: 100px;
	margin-top: -370px;
	margin-left: 200px;
	
}
#pagesolo #divgenautoprelev table td{
	padding: 6px;
}	


#pagesolo #recupIban {
 
	position: absolute;
	width: 660px;
	min-height: 100px;
	margin-top: -170px;
	margin-left: 200px;
	
}


#pagesolo #divalertverif {
 
	position: absolute;
	width: 480px;
	min-height: 100px;
	margin-top: -10px;
	margin-left: 200px;
	  z-index: 99;
	
}

#pagesolo #divalertverif #anomalies{
 
	color:red;
	font-size:1.2em;
	font-weight:bold;
	
}


.waiting_backgroundsolo {
    top: 0px;
    height: 300%;
    position: absolute;
    width: 100%;
    z-index: 90;
    cursor: wait;
    background-color: #ccc;
    filter: alpha(opacity = 50);
    -moz-opacity: .5;
    opacity: 0.5;
}

.waiting_messagesolo {
    position: fixed;
    top: 40%;
    min-height: 80px;
    background: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
    z-index: 1010;
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    display:none;
}


#resume .float {
	text-align: right;
	width: 80px;
}

.reglement .float {
	text-align: right;
	width: 60px;
}

#pagesolo .prelev {
	background-color: #eee;
	padding-top: 4px;
	border-spacing: 0px 1px;;
	padding-bottom: 4px;
}

.table_oielectronique td div.validation-advice {
	color: #b20000;
}


#fieldset_prelevement fieldset {

	background-color: #eee;
width: 650px;
padding: 4px;
border: 2px solid #f08f09;
margin-top: 8px;
}
#fieldset_prelevement fieldset legend {
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

#documentation h6{
	padding: 6px 6px 6px 6px;
	color:white;
}

#documentation .block_doc{
	 
	margin: 4px 4px 4px 4px ;
	  border-spacing: 10px;
    border-collapse: separate;
	
}

#documentation .block_doctd{
	padding: 6px 6px 6px 6px;
	border: 1px solid grey;
	margin: 4px 4px 4px 4px ;
	  border-spacing: 10px;
    border-collapse: separate;
	
}

#documentation .block_doc  h2{
	padding-left:14px;
	
}#prospect #logo_app,
#prospect #left_menu .menu_left > li.selected > a  {
		  
	border		: 1px solid #A1BB28;
	;
	background : rgba(199,214,126,1); 
background : -moz-linear-gradient(top, rgba(199,214,126,1) 0%, rgba(161,187,40,1) 75%); background : -webkit-linear-gradient(top, rgba(199,214,126,1) 0%, rgba(161,187,40,1) 75%); background : -o-linear-gradient(top, rgba(199,214,126,1) 0%, rgba(161,187,40,1) 75%); background : -ms-linear-gradient(top, rgba(199,214,126,1) 0%, rgba(161,187,40,1) 75%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199,214,126,1)), color-stop(75%, rgba(161,187,40,1))); 
background : linear-gradient(to bottom, rgba(199,214,126,1) 0%, rgba(161,187,40,1) 75%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d67e', endColorstr='#a1bb28',GradientType=0 ); 	-webkit-box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; -moz-box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; box-shadow	: 0em 1px 1px -0.5px rgba(255, 255, 255, 0.75) inset; }
#prospect .alink {
	color: #A1BB28;
}
#prospect .selected { 
	background-color	: #A1BB28; 
	color				: #FFF;
}


#prospect #pre_bdc_detail_devis {
	
	width:595px;
	height: 300px;
}	

#bdcelectroniqueV2 #pre_bdc_detail_devis {
	
	width:650px;
	height: 300px;
	font-size:1em;
}
#previewDetail_devis {
border: 1px solid #e6e6e6;
    padding: 4px;
  

}
#previewDetail_devis p {
	   font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}	
#previewDetail_devis strong {
	    font-weight: bold;
}
#previewDetail_devis em {
font-style: italic;
}
#previewDetail_devis li {
    display: list-item;
    list-style-type: square !important;
}

#previewDetail_devis ul, #previewDetail_devis ol {
    list-style-type: square !important;
       display: block;
  
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding-left: 40px;
}
 
 
#alerteBDC
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 600px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
}

/** FICHE */
.block_fiche_descriptif {
	margin-bottom: 10px;
}

.block_fiche_descriptif>* {
	padding: 20px;
}

.block_fiche_descriptif .infoprospect {
	
		background-color:#A1BB28;
		width:350px;
		padding:8px;
		
	  vertical-align:middle;
	  webkit-border-radius	: 1em 1em 1em 1em; 
	  -moz-border-radius	: 1em 1em 1em 1em; 
	  border-radius	: 1em 1em 1em 1em; 	
	  -webkit-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  -moz-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);  
	  
	
	
}

.block_fiche_descriptif .prospectattribue {
	
		float:left;
		background-color:rgb(228, 241, 163);
		width:300px;
		height:30px;
		padding:2px 4px 2px 4px;
		margin-left:20px;
		color:#000;
		
	  vertical-align:middle;
	  webkit-border-radius	: 0.4em 0.4em 0.4em 0.4em; 
	  -moz-border-radius	: 0.4em 0.4em 0.4em 0.4em;  
	  border-radius	: 0.4em 0.4em 0.4em 0.4em; 	
	  -webkit-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  -moz-box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3); 
	  box-shadow	: 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);  
	
}
.block_fiche_descriptif .prospectattribue p{
	margin-left:20px;
	font-style:italic;
	font-weight:bold;
}
.block_fiche_descriptif .infoprospect p em{
	font-style:italic;
	color: yellow;
	
	 
	
}	

.block_fiche_descriptif .onglets {
	padding: 0px;
}

.block_fiche_descriptif>.titre {
	color: #FFF;
	padding: 10px 10px;
}

.block_fiche_descriptif>.titre>.titre_infos {
	float: left;
}

.block_fiche_descriptif>.titre>.titre_infos h4 {
	color: #000;
}

.block_fiche_descriptif>.titre>.btn_commandes {
	float: right;
}

.block_fiche_descriptif>.infos {
	background: #e5e5e5;
	-webkit-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.5) inset; }

.block_fiche_descriptif .infos .infos_contenur {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}

.block_fiche_descriptif .infos .infos_contenur:first-child {
	margin-right: 40px;
}

.block_fiche_descriptif .infos .infos_contenur:last-child {
	margin-bottom: 0px;
	width: 100%;
}

.block_fiche_descriptif .infos .infos_contenur h2 {
	margin-bottom: 0.5em;
}

.block_fiche_descriptif .infos .infos_contenur button,.block_fiche_descriptif .infos .infos_contenur a.button,
	, .block_fiche_descriptif .infos .infos_contenur a.button_transparent {
	vertical-align: top;
	/*color:#000;*/
}

.block_fiche_descriptif .infos .infos_contenur ul {
	vertical-align: top;
	display: block;
	margin-bottom: 1em;
}

.block_fiche_descriptif .infos .infos_contenur ul:last-child {
	margin-bottom: 0;
}

.block_fiche_descriptif .infos .infos_contenur li {
	display: block;
}

.block_fiche_descriptif .infos_contenur .accordeon {
	width:100%;
}
.block_fiche_descriptif .infos_contenur .accordeon .corps > div {
	display:block;
}
.block_fiche_descriptif .infos_contenur .accordeon .corps > div.liens_list_etbs {
	float:right;
}
.block_fiche_descriptif .infos_contenur .accordeon .corps > div.liens_list_etbs a.alink {
	display		: block;
	padding-left: 20px;
	margin-bottom: 5px;
	background	: url(/img/favicon.ico) no-repeat;
}
.block_fiche_descriptif .infos_contenur .accordeon .corps > div.commande_list_etbs {
	clear:both;
}
.block_fiche_descriptif .infos_contenur .accordeon .corps > div > ul {
	display:block;
}
.block_fiche_descriptif .accordeon .tete button {
	color: #000;
}

.infos_contacts {
	float: right;
	min-width: 250px;
}

body#prospect button.orange {
	border-color: #A1BB28;
}

body#prospect button.clientorange {
	background-color: #f08f09;
	border-color: #f08f09;
}

body#prospect button.clientjaune {
    background-color: #f0e909;
    border-color: #b7b462;
}

body#prospect .block_fiche_descriptif>.titre, 
body#prospect button.orange {
	background-color: #A1BB28;
}


/** MODIF INFOS */
#entity_formulaire {
	display: inline-block;
}

.table_formulaire {
	border-spacing: 5px;
}

.table_formulaire caption {
	padding: 5px;
	font-weight: bold;
	background: #666666 url(/img/lueure_100x28_40_HB.png) repeat-x 0px 0px;
	border: 1px solid #666666;
	color: #FFF;
	webkit-border-radius	: 1em 1em 0em 0em; -moz-border-radius	: 1em 1em 0em 0em; border-radius	: 1em 1em 0em 0em; }

.table_formulaire .tbl_form_legende {
	font-style: italic;
	color: #666666;
}

.table_formulaire input.error {
	border-color: #b20000;
}

.table_formulaire select.error {
	color: #b20000;
}

.table_formulaire td {
	vertical-align: top;
}

.table_formulaire td .autocomplete,.table_formulaire td .autocomplete input
	{
	width: 100%;
}

.table_formulaire td>div,.table_formulaire td>input {
	width: 100%;
}

.table_formulaire td:nth-child(2),.table_formulaire td div.validation-advice /* modif PB avant table_formulaire td div.validation-advice */
	{
	color: #b20000;
}
.table_formulaire tr:first-child td {
	white-space: nowrap;
}
.table_formulaire tr:last-child td {
	text-align: right;
}

.table_formulaire td>.autocomplete {
	position: relative;
}

.table_formulaire td>.autocomplete select {
	position: absolute;
	width: 100%;
}



#DIVcontratMKP #tr_mkp_numero_bc {
	display:none;
}

#tr_is_client td:nth-child(4) {
	padding-left:80px;
}

#tr_mode_livraison_id td:nth-child(4) {
	padding-left:80px;
}

#DIVcontratMKP 
    {
    background: #FFF;
    font-size: 1.4em;
    padding: 0.57em;
    height: auto;
    margin: 1px 0  0 410px;
    position: absolute;
    width: 900px;
    z-index: 100;
    color: #333;
    -webkit-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1em rgba(0,0,0,0.3);
    font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    left: -100px;
 
}

#DIVcontratMKP table
    {
    border-spacing:3px;
    font-size: 0.9em;
    
}    
#DIVcontratMKP  ul,
#DIVcontratMKP  li {
	display:block;
	font-size: .95em;
}

#DIVcontratMKP .wrapper{
    /*max-height: 300px;*/
    overflow: auto;
 }  
#DIVcontratMKP dl {
    margin: 0 0 0.5em 0;
}
#DIVcontratMKP dt {
font-weight: bold;
}

#DIVcontratMKP dl dt,
#DIVcontratMKP dl dd {
  margin: 0;
  padding: 0;
}
#DIVcontratMKP dl dt,
#DIVcontratMKP dl dd > a {
  line-height: 1em;
  padding: .5em;
  border-bottom: 1px solid #e6e6e6;
}

#DIVcontratMKP dl dd > a >*  >small{
 color:#888;
}
#DIVcontratMKP dl dt {
  margin-bottom: 1px;
  border-color: #808080;
}

#DIVcontratMKP .titre{
font-weight: bold;
color:fff;
background-color:#f08f09;
border-color:#f08f09;
padding: .5em;

}
 
 
#DIVcontratMKP dl dd a {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#DIVcontratMKP dl dd a:focus,
#DIVcontratMKP dl dd a:hover {
  background-color: #e6e6e6;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
#DIVcontratMKP dl dd a:active {
  color: #FFF;
  background: #EF8900;
}
#DIVcontratMKP dl dd a:active > * {
  color: #FFF;
}
#DIVcontratMKP dl:last-child {
  margin: 0;
}
#DIVcontratMKP dl:last-child dd:last-child > a {
  border-bottom: none;
}

#DIVcontratMKP  .validation-advice {

color:red;
}

.txtorange {
	color: #f08f09 !important;
}
#relance .autocomplete ul{
width:50%;	
}
 
 
 
#liste_relance table {
 
     font-family: 'Muli', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     border:1px solid black;
     font-size:0.9em;
    
}

#liste_relance table td:nth-child(2)  a{
	text-decoration: underline;
	color:black;
}	

#liste_relance table td,
#liste_relance table th  {
    line-height: 1em;
    padding: .3em;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    
}

#liste_relance table td:last-child,
#liste_relance table th:last-child  {
    border-right: 0px solid #e6e6e6;
    
}

#liste_relance table th  {
	font-weight: bold;
    color: fff;
    background-color: #f08f09;
    border-color: black;
    font-size: 1.2em;
    text-align:center;
}
#liste_relance table th.txtright  {
	 text-align:right;
}

#liste_relance table tr {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	 
}

#liste_relance table tr.notcollectif  {
	background-color: #f0f0f0;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1em;
	 
}

#liste_relance table td:nth-child(7) {
    text-align: right;
}
 
 
/*

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" >
https://material.io/tools/icons/?style=baseline


pour correspodane en HEX 
https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

*/

#dso .glyphicon-euro:before  {
    content: "\20ac";
      margin-top: 14px;
}

#dso .interligne {
background-color: #f08f09;
    padding: 5px;
    margin-bottom: 10px;
    color:white;
}
#dso #indicateur {
	width: 1360px;
}
#dso .mat1:before  {
    content: "\e24b";
    top: 36px;
    position: relative;
      font-family: "Material Icons"; 
}

#dso .mat2:before  {
    content: "\e926";
    top: 36px;
    position: relative;
    font-family: "Material Icons"; 
}

#dso .mat3:before  {
    content: "\e8b5";
    top: 36px;
    position: relative;
      font-family: "Material Icons"; 
}
#dso .stats small {
	font-size: 40%;
	font-family: Arial,Verdana;
}
#dso .fl {
	 float: left !important;
}

#dso .stats,#dso .statVisual {
   float: left !important;
    font-size: 82px;
    margin-top: 16px;
    margin-left: 10px;
    padding-right: 10px;
    opacity: 0.25;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;;
}



#dso .stats-small,#dso .statVisual-small {
   float: left !important;
    font-size: 70px;
    margin-top: 16px;
    /*margin-left: 10px;*/
    /*padding-right: 10px;*/
    opacity: 0.25;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;;
    width: 10px;
}


#dso .statstitre {
	position: absolute;
	line-height: 20px;
}

#dso .stats h2 {
	color:white;	
	font-size: 36px;
    padding-top: 40px;
    margin-left:100px;
    white-space: nowrap;
}

#dso .stats h3 {
	color:white;	
	font-size: 28px;
    padding-top: 40px;
    margin-left:100px;
    white-space: nowrap;
}

#dso .stats h4 {
	color:white;	
	font-size: 24px;
    padding-top: 10px;
    margin-left:100px;
    white-space: nowrap;
}

#dso .stats h5 {
	color:white;	
	font-size: 16px;
    padding-top: 8px;
    margin-left:100px;
    white-space: nowrap;
}

#dso .stats small {
	 
	font-size: 10px;
   
}


#dso .stats h1 {
 font-size: 16px;
   color:white;	
    margin-left: 5px;
    line-heigth:20px;
    font-family: Arial,Verdana;
}    
#dso .stats h1 small{
 font-size: 11px;
}
#dso .stats  {
    background-color: #157fa8;
    opacity: 0.8;
      text-align: right;
    height: 100px;
    border-top: 5px solid #ccc;
    width: 250px;
}

#dso   .bgreen  {
	  background-color: #75a72e;
}

#dso   .bgorange  {
	  background-color: #da9d1b;
}

#dso   .bgred  {
	  background-color: #f51e00;
}

#dso  #graph{
margin-left: 10px;	
}	


#dsoFrame   .borderdiv {
border: 1px dotted black;
    padding: 10px;
}

#dsoFrame   h1 {
    font-size: 16px;
    color: #222;
    margin-left: 5px;
    line-heigth: 20px;
    font-family: Arial,Verdana;
}
table.table_liste TFOOT TH.moy {
	color: #DDD;
}

#bodyDSO .complete_table_liste div.nbr_result {
max-width: 60px;
    /* display: inline; */
    max-height: 16px;
    display: inline-flex;
        overflow: hidden;

}
#bodyDSO .complete_table_liste {
	overflow: hidden;
}#reporting .autocomplete ul{
width:40%;	
}
 
 
 
 .pagebreak {
 border: 1px dotted gray;
 margin-bottom:10px;
 }
/*  
 Gestion des CSS table liste particulier 
*/

/*divers. */

table.table_liste th.iban {
	    width: 170px;
}

/* commsion avant parution mode edition */
table.table_liste tr.totalCommissionavantParution,
table.table_liste tr.GtotalCommissionavantParution 
 {
	font-size: 1.02em;
	font-weight:bold;
	 background	: rgba(0,0,0, 0.1) repeat 0px 0px;
}

/* production mensuelle */
#reporting-productionMensuelle .complete_table_liste {
 max-width:960px;	
}
#reporting-productionMensuelle table.table_liste tr.total {
	font-size: 1.02em;
	font-weight:bold;
}

#reporting-productionMensuelle table.table_liste tr.total td:nth-child(n+5) {
	 background	: rgba(0,0,0, 0.1) repeat 0px 0px;
	 
}

#reporting-productionMensuelle table.table_liste tr.annulation {
	 background-color: #CCFFFF;
	 
}

/* prospection mensuelle */ 
#reporting-editionGlobaleValider table.table_liste tr.total,
#reporting-prospectionMensuelle table.table_liste tr.total {
	font-size: 1.02em;
	font-weight:bold;
  background	: rgba(0,0,0, 0.1) repeat 0px 0px;
	 
}
#reporting-editionGlobaleValider table.table_liste tr.annulation ,
#reporting-prospectionMensuelle table.table_liste tr.annulation {
	 background-color: #CCFFFF;
	 
}

#reporting-editionGlobaleValider table.table_liste tr.total_perso td ,
#reporting-prospectionMensuelle table.table_liste tr.total_perso td {
    padding: 0.3em 0.4em;
    background-color: #DDD;
    border: 1px solid #DDD;
    font-size: 1.02em;
    font-weight: bold;
    -webkit-box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    
    
}
#reporting-editionGlobaleValider  table.table_liste tfoot th:first-child  ,
#reporting-prospectionMensuelle table.table_liste tfoot th:first-child {
	max-width:500px;
}
	
#reporting-editionGlobaleValider  .liste_footer  ,
#reporting-prospectionMensuelle .liste_footer {
	 font-size: 1.2em;
    font-weight: bold;
    line-height:1.3em;
    max-width:400px;
}


/* prospection trimestrielle */

#reporting-editionGlobaleValider  table.table_liste tr.total  ,
#reporting-prospectionTrimestrielle table.table_liste tr.total  {
	font-size: 1.02em;
	font-weight:bold;
	 background	: rgba(0,0,0, 0.1) repeat 0px 0px;
	 
}

#reporting-editionGlobaleValider   table.table_liste tr.annulation  ,
#reporting-prospectionTrimestrielle table.table_liste tr.annulation {
	 background-color: #CCFFFF;
	 
}

#reporting-editionGlobaleValider   table.table_liste tr.total_perso td   ,
#reporting-prospectionTrimestrielle table.table_liste tr.total_perso td {
    padding: 0.3em 0.4em;
    background-color: #DDD;
    border: 1px solid #DDD;
    font-size: 1.02em;
    font-weight: bold;
    -webkit-box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0em 0.25em 0.25em 0em rgba(0, 0, 0, 0.3), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset;
    
    
}

.historique_produits-production #page {
	margin-left: 0px !important;
}
#reporting-editionGlobaleValider .liste_footer   ,
#reporting-prospectionTrimestrielle .liste_footer {
	 font-size: 1.2em;
    font-weight: bold;
    line-height:1.3em;
    max-width:400px;
}

/* impayés */
#releveImpayePUB .action ,
#releveEncaissementPUB .action ,
#releveRelancePUB .action{
	min-width: 120px; ! important;	
}

#releveVentePUB table.table_liste th:nth-child(2),
#releveVentePUB table.table_liste td:nth-child(2)
 {
	max-width: 130px; !important;	
	overflow:hidden;
}

.historique_produits-listeweb table.table_liste th:first-child,
.historique_produits-listeweb table.table_liste td:first-child {
	max-width: 100px; !important;	
	overflow:hidden;
}

.historique_produits-listeweb th.soldettc{
    min-width: 55px !important;
}

#releveImpayePUB table.table_liste th:last-child,
#releveImpayePUB table.table_liste td:last-child {
	min-width: 100px !important;	
	overflow:hidden;
}
#reportingreleveImpayePUB .borderEdition {
	min-width: 1048px !important;
}	


.tbl_edition_powerfox_pub-cabotob .mise_en_place input {
	width: 48px !important;
}

.tbl_edition_powerfox_pub-cabotob .mise_en_place  table  TBODY TR TD:last-child { 
	min-width: 40px !important;  
}

/* avancement edition */


#releveAvancementEditionPUB table.table_liste th.ca_ht 
 {
	min-width: 80px  !important;	
 
}

#releveAvancementEditionPUB table.table_liste th.courtier 
 {
	min-width: 140px  !important;	
 
}
#releveAvancementEditionPUB table.table_liste th.edition 
 {
	min-width: 280px  !important;	
 
}
/** BLOCK CLIENT */
#block_search {
	margin-bottom: 10px;
}

.block_search {
	background: #f08f09;
}
#prospect .block_search {
	background: #A1BB28;
}

#block_search_body {
	
}

#block_search_elements table {
	border-spacing: 1em;
}

#block_search_commandes {
	padding: 1em;
	text-align: right;
	background : rgba(255,255,255,0); 
background : -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 75%); background : -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 75%); background : -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 75%); background : -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 75%); 
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,0.2))); 
background : linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 75%); 
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }

#block_search_foot {
	margin: 0 2px;
	padding: 0.5em 1em;
	background: #f08f09;
	-webkit-box-shadow	: 0px 5px 5px -5px rgba(75, 0, 0, 0.3) inset; -moz-box-shadow	: 0px 5px 5px -5px rgba(75, 0, 0, 0.3) inset; box-shadow	: 0px 5px 5px -5px rgba(75, 0, 0, 0.3) inset; }

.parent_select {
	background: #FFF;
}@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

	/* menu burger */
#page_left {
    width: 360px;
    display: none !important;
    position: absolute;
    z-index: 9999;
}

.page_left_active {
   
    display: block !important;
   
}

 



#page_top {
    position: fixed;
    height: 24px;
    width: 100%;
    padding-left:12px;
    z-index:9999;
   
   zoom:1.1;
   
    
}
	
 
.MultiBoxContainer {
	  z-index:10999 !important; 
  
	
}
.MultiBoxClose {
	transform: scale(2) !important; 
	    right: -2px !important; 
	    top:-2px !important; 
	}
.MultiBoxContent {
	 
 	 	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
 
	
	 
}
#page_corps {
        padding-top: 48px !important;
}

#logo_container {
    display: none;
}


#left_menu {
     position: relative;
	  width: 400px;
}

#button_connexion {
    margin-right: 20px;
   
}
#btn_menuburger {
	display: inline !important;
	 cursor:pointer;
}

#page_left > div:last-child {
	display: none;
}

#left_menu .menu_left {

    margin-top: 30px;
}

#left_menu li {
    font-size:24px;;
}

#left_menu h1 {
	font-size:20px;;
}	
	

 
	
}


 
/*----------*/
/* CSS BODY */
/*----------*/

/** BLOCK PRINCIPAUX */
.utilisateur_principal_block {
	display: block;
	padding: 10px;
	margin: 0px;
	vertical-align: top;
}

.utilisateur_left {
	width: auto;
	background: #666666;
	border: 1px solid #666666;
	border-bottom: none;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; }

.utilisateur_left h1 {
	color: #FFF;
}

.utilisateur_left #saisieUtilisateur,.utilisateur_left #utilisateurs {
	width: 100%;
}

#utilisateurs {
	display: none;
}

#array_mission {
	    max-width: 340px;
	    min-width: 180px;
}
.libelle_mission {
  	 max-width: 480px;
  	 color:#FFF;
  	 padding:4px;
  	   background: #b2b2b2;
  	   font-weight:bold;
}
.delete_mission,
#clause_prospection_add,
#valid_add_mission,
#clause_mission_add {
	 
	cursor:pointer;
}	
.utilisateur_left #utilisateurs {
	position: absolute;
	/*width:auto;*/
	margin-right: -15px;
	z-index: 9999; /*app_css::getNextHighestLevel();*/
}

.utilisateur_right {
	padding-top: 15px;
	background: #f2f2f2;
	-webkit-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; box-shadow	: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) inset; }

.utilisateur_right #utilisateur_titre {
	display: block;
	padding: 5px;
	background: #f08f09;
	color: #FFF;
	margin-bottom: 10px;
	border: none;
}

.utilisateur_right /*#utilisateur_titre*/ >h2 {
	padding: 0.5em;
	background: #c07207;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; }


.utilisateur_right  h3 {
	background: #b2b2b2;
	color: #FFF;
	font-size: 1.2em;
	padding: 0.5em;
	margin-top:5px;
	margin-bottom:5px;
	
}

.utilisateur_right /*#utilisateur_titre*/ >h2.utilisateur_titre {
	background: #f08f09 rgba(0, 0, 0, 0.2);
	color: #FFF;
}

.utilisateur_right /*#utilisateur_titre*/ >h2.utilisateur_modifications {
	background: #b2b2b2;
	color: #FFF;
}

.utilisateur_right #utilisateur_titre>ul {
	display: block;
}

.utilisateur_right #utilisateur_titre>button {
	display: block;
	float: right;
	vertical-align: bottom;
}

.utilisateur_right #utilisateur_modifications {
	padding: 5px;
	background: #e5e5e5;
	border: none;
	display: block;
	margin-bottom: 10px;
}

.utilisateur_right #utilisateur_modifications>div {
	vertical-align: top;
	display: inline-block;
	padding: 0px 10px;
	border-left: 1px dotted #7f7f7f;
}

.utilisateur_right #utilisateur_modifications>div>h1 {
	display: block;
	margin-bottom: 5px;
}

.utilisateur_right #utilisateur_modifications>div input,.utilisateur_right #utilisateur_modifications>div span{
	display: inline-block;
}

.utilisateur_right #utilisateur_modifications>div input {
	margin: 0px 5px 0px 0px;
}

.utilisateur_right #clause_prospection_liste {
	margin-bottom: 10px;
}

.utilisateur_right #clause_prospection_liste>p img {
	display: none;
	margin-left: 0.5em;
}

.utilisateur_right #clause_prospection_liste>p:hover img {
	display: inline;
}

.utilisateur_right #clause_prospection_choices>* {
	display: block;
}

.utilisateur_right #btn_valider {
	display: block;
}

.repertoire {
  background: #f2f2f2;	
}	
.repertoire TABLE {
	border:1px !important;
     background: #ffffff;	
    width: 680px;
 
    
    border-collapse: separate !important;
    border-spacing: 2px !important;
    border-color: grey;
	margin-bottom:12px;
	
}


.pf-texte-gros { font-weight: normal; font-size: 16px; font-family: Arial }
			.pf-texte-gros-bold { font-style: normal; font-weight: bold; font-size: 16px; font-family: Arial }
			.pf-texte-gros-it { font-style: italic; font-weight: normal; font-size: 16px; font-family: Arial }
			.pf-texte-gros-it-bold { font-style: italic; font-weight: bold; font-size: 16px; font-family: Arial }
			.pf-texte-moyen { font-weight: normal; font-size: 11px; font-family: Arial; text-align: justify }
			.pf-texte-moyen-bold { font-style: normal; font-weight: bold; font-size: 11px; font-family: Arial; text-align: justify }
			.pf-texte-moyen-it { font-style: italic; font-weight: normal; font-size: 11px; font-family: Arial; text-align: justify }
			.pf-texte-moyen-it-bold { font-style: italic; font-weight: bold; font-size: 11px; font-family: Arial; text-align: justify }
			.pf-texte-petit { font-weight: normal; font-size: 9px; font-family: Arial; text-align: justify }
			.pf-texte-petit-bold { font-style: normal; font-weight: bold; font-size: 9px; font-family: Arial; text-align: justify }
			.pf-texte-petit-it { font-style: italic; font-weight: normal; font-size: 9px; font-family: Arial; text-align: justify }
			.pf-texte-petit-it-bold { font-style: italic; font-weight: bold; font-size: 9px; font-family: Arial; text-align: justify }
            .pf-texte-moyen2 { font-weight: normal; font-size: 13px; font-family: Arial; text-align: justify }
			.pf-texte-moyen2-bold { font-style: normal; font-weight: bold; font-size: 13px; font-family: Arial; text-align: justify }
			.pf-texte-moyen2-it { font-style: italic; font-weight: normal; font-size: 13px; font-family: Arial; text-align: justify }
			.pf-texte-moyen2-it-bold { font-style: italic; font-weight: bold; font-size: 13px; font-family: Arial; text-align: justify }
body.powerfox , body.rcs , body.chorus{
	margin-left:5px;
	margin-right:5px;
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: left;
}

body.divers {
	margin-left:5px;
	margin-right:5px;
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: left;
	
}
body.divers h3{
	padding-top:5px;
}

body.divers em{
	font-style:italic;
}

body.divers h4{
	padding-top:5px;
	font-size:12px;
}


.tdb_nom_etbs {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.scanoi {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 20px;
}

.erroroi {
	color: red;
}

#titre {
	padding-top: 5px;
	
}

.filet_bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.tdb_coord {
	font-size: 12px;
}

div.rubmig p {
	text-align: justify;
}

p {
	margin: 0px;
}

a {
	font-size: 1em;
	color: #f08f09;
}
.rcs h1 {
	font-size: 1.2em !important;
 	margin:5px;
 	display:inline-block;	
}	
.rcs table {
    border-collapse: collapse;
    margin-bottom: 1em;
}
.rcs  table td, .rcs table th {
    border: thin solid #ccc;
    padding: .3em;
    padding-right: 21px;
  
}

.rcs table tr:nth-child(odd) {
    background: #F1F1F1;
}


.origami table {
    border-collapse: collapse;
    margin-top: 1em;
     margin-left: 1em;
}
.origami  table td, .origami table th {
    border: thin solid #ccc;
    padding: .3em;
    padding-right: 21px;
  
}

.origami table tr:nth-child(odd) {
    background: #F1F1F1;
}

.rcsok  {
    background-image: url(/img/famfamfam/icons/tick.png);
    background-repeat: no-repeat;
   background-position: 99% 20%;
}    

.rcs #waitinggoogle {
	margin-top:50px;
    font-size: 1.4em !important;
    text-align:center;
     
}


/** BUTTON,  * > BUTTON,  ACCORDEON */
button, .classbutton/*, a.button, a.button_transparent, a.button_small, .accordeon > li > .tete*/ {
	/*display			: inline-block;*/
	overflow		: hidden;			
	text-align		: center;
	white-space		: nowrap;	
	color			: #FFF;
	font-weight		: bold;
	vertical-align	: middle;
	padding			: 0.3em 0.4em;
	margin			: 0px 0px 0px 0px;
	background		: #111;
	border			: 1px solid #000; /*0.1em solid #000;*/
	webkit-border-radius	: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius	: 0.5em 0.5em 0.5em 0.5em; border-radius	: 0.5em 0.5em 0.5em 0.5em; 	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
button > * {
	vertical-align	: middle;
	display			: inline-block;
}
button:first-letter, button > *:first-letter {
	text-transform	: capitalize;
}
button > span {
	padding-left	: inherit;
}
button > img {
	margin			: 0;
}
.button, .onglet {
	display			: inline-block;
}
button:hover {
	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; }
button:active {
	-webkit-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; box-shadow	: 0em 0.25em 0.5em -0.25em rgba(0, 0, 0, 0.7), 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; }
button.onglet, .onglet button ,   .ongletbutton {
	border-bottom	: none;
	webkit-border-radius	: 0.5em 0.5em 0em 0em; -moz-border-radius	: 0.5em 0.5em 0em 0em; border-radius	: 0.5em 0.5em 0em 0em; 	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.4) inset; }
button.onglet:hover, .onglet button:hover {
	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset, 0px 1.5em 1em -0.5em rgba(255, 255, 255, 0.2) inset; }
button.onglet:active, .onglet button:active ,   .ongletbutton  {
	-webkit-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; box-shadow	: 0px 1px 0em 0px rgba(255, 255, 255, 0.5) inset; }

 .ongletbutton  {
     border: 0px solid #000;
}
/* Blanc */
button.blanc, a.button_blanc {
	color		: #000;
	border-color: #e5e5e5;
	background	: #e5e5e5;
}
button.orange, button.vert, button.rouge, button.bleu {
	color		: #FFF;
}
/* Orange */
button.orange {
	border-color: #f08f09;
	background	: #f08f09;
}
/* Vert */
button.vert {
	border-color: #339933;
	background	: #339933;
}
/* Rouge */
button.rouge {
	border-color: #d10019;
	background	: #d10019;
}
/* Bleu */
button.bleu {
	border-color: #425c7d;
	background	: #425c7d;
}
/* transparent */
button.transparent  {
	color		: rgba(126, 126, 126);
	border-color: rgba(126, 126, 126, 0.1);
	background	: rgba(126, 126, 126, 0.1);
}
button.transparent:hover  {
	color		: rgba(126, 126, 126);
	border-color: rgba(126, 126, 126, 0.15);
	background	: rgba(126, 126, 126, 0.15);
}


.chorus table {
    background-color: #ececec;
        border: 2px solid #145595;
}
.chorus  table th {
    border: thin solid #145595;
    background-color: #145595;
   
    color:white;
     padding: .3em;
  
}
.chorus  table td {
	vertical-align: top;
	 padding: .3em;
	     border-bottom: 1px solid #145595;
}	

#page.page_wrongexplorer {
	width:1280px;
	margin:0 auto 0 auto;
	position:absolute;
}

.message {
	margin:0px auto 0px auto;
	width:400px;
	padding:0px;
	position:relative;
}
.message a {
	font-weight:bold;
	font-size:1.1em;
}
