@media screen and (max-device-width: 2000px){
    body{
        -webkit-text-size-adjust: none;
    }
}
/* balise */
#waitonload-devant{
	border-radius: 15px;
}
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
body {
	background-color: #ffffff;
	color: #3d3b3b;
	margin: 0px;
	padding:0px;
	background:url('img/css2013/bg-full2.png');
	background-position:top;
	background-repeat:repeat-x;
	height:100%;
}
.page {
	background-color: #ffffff;
	color: #000000;
	margin: 0px;
	padding:0px;
	height:800px;
	width:770px;
}
img.png {
	behavior: url(png.htc);
}
.pied_titre {
	color: #b8b5b7;
	font-weight: bold;
}
.pied {
	color: #b8b5b7;
}
.lien {
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
	cursor:pointer;
}
.lien_over {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
.saisie {
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	background-color:#FFFFFF;
}
.saisie_erreur {
	border:1px solid #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#990000;
	background-color:#FFFFFF;	
}
.saisie_disabled {
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	background-color:#ebebe4;	
}
.saisie_rte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color:#000000;
    background-color:#FFFFFF;
}
.rte_apercu ul{
    padding: 0;
    margin: 0 0 0 15px;
}
.rte_apercu ul > li{
    list-style-image: url('img/puce-violette.png');
    margin: 3px 0;
    padding: 0;

}
object {
	outline:none;
}
.boutonblanc_off {
	background-image:url('img/fd_btblanc_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	border-radius: 5px;
}
.boutonblanc_on {
	background-image:url('img/fd_btblanc_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	border-radius: 5px;
}
.boutonblanc_disabled {
	background-image:url('img/fd_btblanc_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#999999;
	border-radius: 5px;
}
.boutonjaune_off {
	background-image:url('img/fd_btjaune_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	border-radius: 5px;
}
.boutonjaune_on {
	background-image:url('img/fd_btjaune_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	border-radius: 5px;
}
.boutondore_off {
    background-image:url('img/fd_btdore_off.gif');
    border:1px solid #d29901;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    height:21px;
    color:#000000;
    border-radius: 5px;
}
.boutondore_on {
    background-image:url('img/fd_btdore_on.gif');
    border:1px solid #d29901;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    height:21px;
    color:#000000;
    border-radius: 5px;
}
.boutonorange_off {
	background-image:url('img/fd_btorange_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonorange_on {
	background-image:url('img/fd_btorange_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonvert_off {
	background-image:url('img/fd_btvert_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonvert_on {
	background-image:url('img/fd_btvert_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonrouge_off {
	background-image:url('img/fd_btrouge_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonrouge_on {
	background-image:url('img/fd_btrouge_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}

.boutonviolet_off {
	background-image:url('img/fd_btviolet_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonviolet_on {
	background-image:url('img/fd_btviolet_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonbleu_off {
	background-image:url('img/fd_btbleu_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonbleu_on {
	background-image:url('img/fd_btbleu_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}

.boutonbleulight_off {
	background-image:url('img/fd_btbleulight_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonbleulight_on {
	background-image:url('img/fd_btbleulight_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonvertlight_off {
	background-image:url('img/fd_btvertlight_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonvertlight_on {
	background-image:url('img/fd_btvertlight_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonredlight_off {
	background-image:url('img/fd_btredlight_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}
.boutonredlight_on {
	background-image:url('img/fd_btredlight_on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#FFFFFF;
	border-radius: 5px;
}

.boutonnew_off {
	background-image:url('img/bt-bg-off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#000000;
	cursor:pointer;
	border-radius: 5px;
}

.boutonmauve_off {
    background-image:url('img/fd_btmauve_off.gif');
    border:1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    cursor:pointer;
    color:#FFFFFF;
    padding-top:2px;
    padding-bottom:2px;
    border-radius: 5px;
}
.boutonmauve_on {
    background-image:url('img/fd_btmauve_on.gif');
    border:1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    cursor:pointer;
    color:#FFFFFF;
    padding-top:2px;
    padding-bottom:2px;
    border-radius: 5px;
}

.boutonnew_on {
	background-image:url('img/bt-bg-on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#000000;
	cursor:pointer;
	border-radius: 5px;
}

.bouton_cmd_like_off {
	background-image:url('img/bt-cmd-like-off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius: 5px;
}
.bouton_cmd_like_on {
	background-image:url('img/bt-cmd-like-on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius: 5px;
}

.bouton_cmd_bleu_off {
	background-image:url('img/bt-cmd-bleu-off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius: 5px;
}
.bouton_cmd_bleu_on {
	background-image:url('img/bt-cmd-bleu-on.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:22px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius: 5px;
}

.popupModule {
	background-color:#ffffff;
	border:#006699 1px solid;
	/*background-image:url('img/fd_popup.gif');*/
	padding:20px;
	background-repeat:repeat-x;
}
.list_item_on {
	background-color:#e1eaf3;
}
.list_item_on-red {
	background-color:#f3e1e1;
}
.list_item_on-violet {
	background-color:#efddff;
}
.list_item_on-marron {
	background-color:#d6c8b9;
}
.list_item_on-mauve {
    background-color:#f2edf0;
}
.list_item_on-mauve-in {
    background-color:#ffedf8;
}
.list_item_on-bordeaux {
    background-color:#f8ebee;
}
.list_item_on-bleu {
	background-color:#4791c2;
}
.list_item_on-vertfonce {
	background-color:#c5d9ca;
}
.list_item_on-vertlight {
	background-color:#E2E9DC;/*#DBEAE0;*/
}
.list_item_on-orange {
	background-color:#ffeacf;
}


.list_item_click {
	background-color:#d5d5d5;
}
.list_item_off {
	background-color:transparent;
}


.titre_colonne {
	color:#000000;
	font-weight:bold;
	font-size:10px;
	vertical-align:middle;
	border:#999999 1px solid; 
	height:20px;
	background-image:url('img/fd_tri_ie8.jpg');
}

/*.titre_colonne {
	background-image:url('img/fd_btblanc_off.gif');
	color:#000000;
	font-weight:bold;
	font-size:10px;
	vertical-align:middle;
	border:#999999 1px solid; 
	height:20px;
} */

/*.titre_colonne {
 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 2px;
	padding-left: 0px;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	vertical-align:middle;
	min-height:20px;
	border: 1px solid #999999;
	position: relative !important;
	background: #ffffff; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 );
	
} */

div.autocomplete {
	color:#333333;
	position:absolute;
	font-family:verdana;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
}
div.autocomplete ul {
	color:#333333;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #888;
}
div.autocomplete ul li.selected {
	background-color: #b7c9d4;
}
div.autocomplete ul li {
	list-style-type:none;
	color:#333333;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-size:9px;
	text-align:left;
}
div.autocomplete ul {
	color:#333333;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
}
div.autocomplete ul li.selected {
	background-color: #b7c9d4;
}
div.autocomplete ul li {
	list-style-type:none;
	color:#333333;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-size:9px;
	text-align:left;
}
div.autocomplete_cp {
	color:#333333;
	position:absolute;
	font-family:verdana;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
}
div.autocomplete_cp ul {
	color:#333333;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
	width:250px;
	background-color:#ffffff;
	border:1px solid #888;
}
div.autocomplete_cp ul li.selected {
	background-color: #b7c9d4;
}
div.autocomplete_cp ul li {
	list-style-type:none;
	color:#333333;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-size:9px;
	text-align:left;
}
div.autocomplete_cp ul {
	color:#333333;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:9px;
	text-align:left;
}
div.autocomplete_cp ul li.selected {
	background-color: #b7c9d4;
}
div.autocomplete_cp ul li {
	list-style-type:none;
	color:#333333;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-size:9px;
	text-align:left;
}
.search {
	color:#339900;
	font-weight:bold;
}
div.search_autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0;
	padding:0;
}
div.search_autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.search_autocomplete ul li.selected {
	background-color: #e1eaf3;
}
div.search_autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}
/*.ligne {
}*/
.opac {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background-color: #000000;
	width:100%;
	height:100%;
}
/*  ----------------------------------------------------------------  */
/*  DATE PICKER  ---------------------------------------------------  */
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-image:url('img/fd_popup.gif');
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border: 1px solid #AAAAAA;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #cccccc;
}
.dpTDWidthRDV {
	border: 1px solid #cccccc;
	background-color: #ffcc00;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color:#006eb8;
	border: 1px solid #888888;
	cursor: pointer;
	color: #ffffff;
}
.dpTDHoverWidthRDV {
	background-color:#ff9000;
	border: 1px solid #888888;
	cursor: pointer;
	color: #ffffff;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: #000000;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
	/*	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;*/
	background-image:url('img/fd_btblanc_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	padding: 0px;
	cursor:pointer;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;*/
		background-image:url('img/fd_btblanc_off.gif');
	border:1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:21px;
	color:#000000;
	padding: 0px;
	cursor:pointer;
}
div#tooltip {
	position:absolute;
	visibility:hidden;
	z-index:20000;
	background-color:#ffffff;
	border:1px solid #999999;
	padding:4px;
	color:#000000;
	font-size:10px;
	border-radius:5px;
}
div#calendartooltip {
	position:absolute;
	visibility:hidden;
	z-index:20000;
	background-color:#ffffff;
	border:1px solid #999999;
	padding:4px;
	color:#000000;
	font-size:10px;
	border-radius:5px;
}
[label] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color:#000000;
	background-color:#FFFFFF;
	font-style: normal;
}
optgroup {
	/*margin-top:7px;*/
}
option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	background-color:#FFFFFF;
	font-style: normal;
	font-weight: normal;
}

.clickable_affected_user {
	text-decoration: none;
}

.clickable_affected_user:hover {
	text-decoration: underline;
	cursor: pointer !important;
}

.produit_graphic_header
{
	color: white;
	font-weight: bold;
	font-size: 1.0em;
	background: #924ea1; /* Old browsers */
	background: -moz-linear-gradient(top,  #924ea1 0%, #621b76 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#924ea1), color-stop(100%,#621b76)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #924ea1 0%,#621b76 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#924ea1', endColorstr='#621b76',GradientType=0 ); /* IE6-9 */
	width: 565px;
	position: relative;
	/* margin-left: -25px; */
	margin-top: -10px;
}

.produit_graphic_header2
{
	color: white;
	font-weight: bold;
	font-size: 1.0em;
	background: #924ea1; /* Old browsers */
	background: -moz-linear-gradient(top,  #924ea1 0%, #621b76 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#924ea1), color-stop(100%,#621b76)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #924ea1 0%,#621b76 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #924ea1 0%,#621b76 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#924ea1', endColorstr='#621b76',GradientType=0 ); /* IE6-9 */
	position: relative;
	margin-top: -500px;
	height: 22px;
	width: 485px;
	text-align: center;
	padding-top: 6px;
}

ul.bdd_docs_liste_reference{
    padding: 5px;
    list-style-type: none;
    margin:0;
}
ul.bdd_docs_liste_reference li {
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 5px;
}

ul.bdd_docs_liste_reference li:last-child{
    border-bottom:0;
}






.divtable
{
	display: table;
}

.divtable > ul
{
	display: table-row;
}

.divtable > ul > li
{
	display: table-cell;
}

.divtable.w100p
{
	width: 100%;
}

.divtable > ul > li.valign_middle
{
	vertical-align: middle;
}

.divtable > ul > li.valign_top
{
	vertical-align: top;
}

.divtable > ul > li.valign_bottom
{
	vertical-align: bottom;
}

.divtable > ul > li.halign_left
{
	text-align: left;
}

.divtable > ul > li.halign_center
{
	text-align: center;
}

.divtable > ul > li.halign_right
{
	text-align: right;
}

.boncmdgamme input[type='number']::-webkit-inner-spin-button,
.boncmdgamme input[type='number']::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.boncmdgamme input[type='number']
{
    -moz-appearance: textfield;
}

.boncmdproduit input[type='text']:disabled,
.boncmdgamme input[type='text']:disabled,
.boncmdproduit input[type='number']:disabled,
.boncmdgamme input[type='number']:disabled
{
    background-color: transparent;
    text-align: center;
    border: 0;
    color: #3d3b3b;
}

.boncmdproduit input[type='checkbox'].selector:disabled,
.boncmdgamme input[type='checkbox'].selector:disabled
{
    visibility: hidden;
}

.boncmdproduit input[type='text'].puht,
.boncmdproduit input[type='number'].puht
{
    width: 38px;
    font-size: 9px;
    text-align: right;
}

.boncmdgamme input[type='text'].remise_admin_input,
.boncmdgamme input[type='number'].remise_admin_input
{
    width: 24px;
    font-size: 9px;
    text-align: right;
}

.boncmdproduit input[type='text'].adm_enabled,
.boncmdgamme input[type='text'].adm_enabled,
.boncmdproduit input[type='number'].adm_enabled,
.boncmdgamme input[type='number'].adm_enabled
{
    background-color: #F5CA00;
    border: 1px solid black;
}



.boncmdproduit .remise_admin_wrapper
{
    position: absolute;
    width: 151px;
    display: none;
}

.boncmdproduit *
{
	/*font-smooth: never;
	-webkit-font-smoothing : none;*/
}



.boncmdproduit
{
	box-sizing: border-box;
    background-color: #eeeeee;
    padding: 5px 0;
    border-bottom: 1px solid black;
    display: none;
	min-height: 30px;
}

.boncmdproduit:hover
{
    background-color: #fcfcfc;
}

.boncmdproduit.selected
{
    background-color: #d57d74;
}

.boncmdproduit.selected:hover
{
    background-color: #dd9790;
}

.boncmdproduit.blinked
{
	background-color: #77d4ff;
}

.boncmdproduit *
{
    box-sizing: border-box;
}

.boncmdproduit .divtable
{

}

/* seps visibles */
.boncmdproduit .divtable > ul > li:nth-child(3), /*1*/
.boncmdproduit .divtable > ul > li:nth-child(5), /*2*/
.boncmdproduit .divtable > ul > li:nth-child(9) /*4*/
{
    width: 1px;
    background-color: #000000;
}
/* seps invisibles */
.boncmdproduit .divtable > ul > li:nth-child(7), /*3*/
.boncmdproduit .divtable > ul > li:nth-child(11), /*5*/
.boncmdproduit .divtable > ul > li:nth-child(13) /*6*/
{
    width: 1px;
    background-color: transparent;
}

/* selector */
.boncmdproduit .divtable > ul > li:first-child
{
    width: 22px;
    max-width: 22px;
}

.boncmdproduit .divtable > ul > li:first-child > input[type='checkbox']
{
    margin: 0;
    position: relative;
    left: 1px;
    top: 3px;
}

/* ref */
.boncmdproduit .divtable > ul > li:nth-child(2)
{
    width: 90px;
    max-width: 90px;
}

/* cip */
.boncmdproduit .divtable > ul > li:nth-child(4)
{
    width: 109px;
    max-width: 109px;
    padding-left: 2px;
}

/* nom */
.boncmdproduit .divtable > ul > li:nth-child(6)
{
    width: 215px;
    max-width: 215px;
    font-weight: bold;
    padding-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* puht */
.boncmdproduit .divtable > ul > li:nth-child(8)
{
    width: 65px;
    max-width: 65px;
    padding-right: 2px;
}

/* remises */
.boncmdproduit .divtable > ul > li:nth-child(10)
{
    width: auto;
    /*width: 156px;
    max-width: 156px;*/
    padding-left: 5px;
}

/* quantites */
.boncmdproduit .divtable > ul > li:nth-child(12)
{
    width: 115px;
    max-width: 115px;
}

.boncmdproduit .divtable > ul > li:nth-child(14)
{
    width: 68px;
    max-width: 68px;
}

.boncmdproduit .divtable > ul > li:nth-child(12) .uge_activator
{
    height: 100%;
    background-color: #CC9DD6;
    position: relative;
    top: -2px;
    vertical-align: middle;
    display: none;
    width: 37px;
    text-align: left;
    margin-left: 1px;
}

.boncmdproduit .uge_activator input[type='checkbox']
{
    margin: 0;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

.boncmdproduit input[type='text'],
.boncmdproduit input[type='number']
{
    width: 25px;
    text-align: right;
    padding: 2px;
}

.boncmdproduit .uge_quantites_wrapper
{
    background-color: #CC9DD6;
    padding: 2px;
    color: #9D3FAD;
    width: 627px;
    margin-left: 113px;
    position: relative;
    top: 5px;
    text-align: right;
    display: none;
}

.boncmdproduit .uge_quantites_wrapper input[type='text'],
.boncmdgamme .uge input[type='text'],
.boncmdproduit .uge_quantites_wrapper input[type='number'],
.boncmdgamme .uge input[type='number']
{
    border: 1px solid #9D3FAD;
    background-color: #E5D3E9;
}

.boncmdproduit .uge_quantites_wrapper input[type='text'][readonly],
.boncmdproduit .uge_quantites_wrapper input[type='number'][readonly]
{
    text-align: center;
    color: #8f8990;
}

.boncmdgamme .uge input[type='text'][readonly],
.boncmdgamme .uge input[type='number'][readonly]
{
    color: #8f8990;
}

.boncmdproduit .uge_quantites_wrapper span.total
{
    padding-left: 13px;
}



.boncmdproduit .uge_activator .graphic_linker_top
{
    width: 37px;
    height: 5px;
    position: absolute;
    background-color: #CC9DD6;
    margin-top: -5px;
}

.boncmdproduit .uge_activator .graphic_linker_bottom
{
    width: 37px;
    height: 6px;
    position: absolute;
    background-color: #CC9DD6;
    margin-top: 18px;
}




/* total */
.boncmdproduit .divtable > ul > li:nth-child(14)
{
    padding-right: 2px;
}

.boncmdproduit .trash_icon
{
    display: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    margin-left: 825px;
}

.boncmdproduit.selected .trash_icon
{
    display: block;
}

.boncmdproduit .ouverture_icon
{
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -26px;
}

.boncmdproduit .reassort_icon
{
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -26px;
}


.boncmdgamme
{
    display: none;
    box-sizing: border-box;
}

.boncmdgamme *
{
    box-sizing: border-box;
}

.boncmdgamme .header
{
    width: 100%;
    padding: 2px;
    text-align: center;
    color: #ffffff;
    background-color: #336666;
    font-weight: bold;
}

.boncmdgamme .produits_wrapper
{

}

.boncmdgamme .header .trashall_icon
{
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 710px;
    margin-top: 3px;
    display: none;
    cursor: pointer;
}

.boncmdgamme .header .ouverture_icon
{
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: -20px;
    margin-left: -28px;
}

.boncmdgamme .header .reassort_icon
{
    width: 16px;
    height: 16px;
    position: absolute;
    /*margin-top: 4px;
    margin-left: -136px;*/
    margin-top: -20px;
    margin-left: -28px;
}

.boncmdgamme .separ
{
    height: 30px;
}

.boncmdgamme .footer
{

}

/*Marge*/
.boncmdgamme .footer > ul > li:first-child
{
    width: 49%;
	padding-top: 5px;
}

.boncmdgamme .footer .marge
{
	color: #019ACD;
	padding: 4px;
	border: 1px solid #019ACD;
	width: 351px;
	margin-left: 17px;
}

/*Total*/
.boncmdgamme .footer > ul > li:nth-child(2)
{
    background-color: #cccccc;
    padding: 5px 2px 5px 5px;
}

.boncmdgamme .footer > ul > li:nth-child(2) .divtable > ul > li:first-child
{
	width: 186px;
    padding-left: 13px;
}

.boncmdgamme .footer > ul > li:nth-child(2) .divtable > ul > li:nth-child(3)
{
	width: 69px;
}


.boncmdgamme .footer input[type='text'],
.boncmdgamme .footer input[type='number']
{
    width: 25px;
    text-align: right;
    padding: 2px;
    position: relative;
    /*left: -1px;*/
}

.boncmdgamme .footer input[type='text']:disabled,
.boncmdgamme .footer input[type='number']:disabled
{
    text-align: center;
}

.boncmdgamme .footer .uge
{
    background-color: #CC9DD6;
    width: 37px;
    display: none;
    margin-left: 1px;
}

.boncmdgamme .footer .uge .graphic_linker_bottom
{
    width: 37px;
    height: 5px;
    position: absolute;
    background-color: #CC9DD6;
    margin-top: 17px;
}

.boncmdgamme .footer .uge .graphic_linker_top
{
    width: 37px;
    height: 7px;
    position: absolute;
    background-color: #CC9DD6;
    margin-top: -7px;
}

/*modif multi lignes*/
.boncmdgamme .header > ul > li:first-child
{
    width: 120px;
}

.boncmdgamme .header > ul > li:first-child > input[type='checkbox']
{
    margin-right: 3px;
    position: relative;
    top: 3px;
}

.gammefooterugero
{
    margin-left: -1px;
}

.boncmdgamme .header > ul > li:first-child > label
{
    display: inline-block;
    color: #99ABAB;
    line-height: 22px;
}

/*nom gamme*/
.boncmdgamme .header > ul > li:nth-child(2)
{
    width: auto;
    padding-left: 32%;
}



/*expand*/
.boncmdgamme .header > ul > li:nth-child(3)
{
    width: 20px;
}

.boncmdgamme .header > ul > li:nth-child(3) > img
{
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.boncmdgamme .remisecmd_admin_wrapper
{
	position: absolute;
    margin-left: 111px;
    margin-top: -3px;
}

.boncmdgamme input.remisecmd_admin_input[type='text'],
.boncmdgamme input.remisecmd_admin_input[type='number']
{
    font-size: 9px;
    text-align: right !important;
    width: 24px;
}

/* Hack Firefox */
@-moz-document url-prefix()
{
    .boncmdproduit .uge_activator .graphic_linker_top
    {
        height: 6px;
        margin-top: -6px;
    }

    .boncmdproduit .uge_activator .graphic_linker_bottom
    {
        height: 9px;
        margin-top: 15px;
    }

    .boncmdproduit .remise_admin_wrapper
    {
        margin-top: -14px;
    }

    .boncmdgamme .remisecmd_admin_wrapper
    {
        margin-left: 110px;
    }

    .boncmdgamme input.remise_admin_input[type="number"]
    {
        width: 20px !important;
    }

    .boncmdgamme input.remisecmd_admin_input[type='text'],
    .boncmdgamme input.remisecmd_admin_input[type='number']
    {
        width: 20px !important;
    }

    .gammefooterugero
    {
        margin-left: -2px;
    }

    .boncmdproduit .uge_quantites_wrapper
    {
        width: 629px;
    }

    .boncmdproduit .uge_quantites_wrapper span.total
    {
        padding-left: 6px;
    }

    .boncmdproduit input[type="text"],
    .boncmdgamme .footer input[type="text"],
    .boncmdproduit input[type="number"],
    .boncmdgamme .footer input[type="number"]
    {
        width: 27px;
    }

    .boncmdgamme input.remise_admin_input[type="text"],
    .boncmdgamme input.remisecmd_admin_input[type="text"],
    .boncmdgamme input.remise_admin_input[type="number"],
    .boncmdgamme input.remisecmd_admin_input[type="number"]
    {
        width: 26px !important;
    }

    .boncmdgamme .remisecmd_admin_wrapper
    {
        margin-left: 111px;
    }

    .boncmdgamme .footer > ul > li:nth-child(2) .divtable > ul > li:first-child
    {
        width: 179px;
        padding-left: 17px;
    }

    .boncmdproduit .uge_activator .graphic_linker_bottom
    {
        margin-top: 14px;
    }

 /*   .boncmdproduit .divtable > ul > li:nth-child(8) *,
    .boncmdproduit .divtable > ul > li:nth-child(10) *,
    .boncmdproduit .divtable > ul > li:nth-child(12) *,
    .boncmdproduit .divtable > ul > li:nth-child(14) *,
    .boncmdproduit .divtable > ul > li:nth-child(14),
    .boncmdproduit .saisie,
    .boncmdgamme .footer input[type='text'],
    .boncmdgamme .footer span
    {
        font-family: Arial, sans-serif !important;
    }*/


    /*.boncmdproduit .uge_quantites_wrapper
    {
        margin-left: 112px;
    }*/
}
.boncmdgamme .footer > ul > li:nth-child(2) .divtable > ul > li:nth-child(3),
.boncmdproduit .divtable > ul > li:nth-child(14)
{
    width: 72px;
    max-width: 72px;
}

.boncmdproduit .divtable > ul > li:nth-child(12)
{
    width: 115px;
    max-width: 115px;
}

.boncmdproduit .divtable > ul > li:nth-child(6)
{
    width: 200px;
    max-width: 200px;
}