@CHARSET "UTF-8";

/**********/
/* GLOBAL */
/**********/

body
{
	margin: 0;
	font-family: "Frutiger Next Light";
	color: rgb(51, 63, 72);
	font-size: 16px;
}

.inline-block
{
	display: inline-block;
}

.title-left
{
	height: 60px;
	padding: 23px 0 17px 50px;
	color: white;
	font-size: 26px;
	background: url('../img/background-blue.png') no-repeat;
	margin-bottom: 20px;
}

.title-left .lines
{
	float: right;
	margin-right: 10px;
}

.title-left .lines.double
{
	margin-top: -14px;
}

.title-left .lines .line
{
	margin-bottom: 5px;
}

.title-left .lines .line > div
{
	display: inline-block;
}

.title-left .lines .line > div.hide
{
	display: none;
}

/********/
/* PAGE */
/********/

section.page
{
	width: 1200px;
	margin: 0 auto;
	min-height: 660px;
	position: relative;
	z-index: 1;
}

/****************/
/* FIL D'ARIANE */
/****************/

section.breadcrumb
{
	background-color: rgb(196, 222, 238);
}

section.breadcrumb, section.breadcrumb-left
{
	padding: 4px 0 5px 20px;
}

section.breadcrumb-left
{
	float: left;
}

section.breadcrumb a, section.breadcrumb .no-url
{
	color: rgb(101, 110, 118);
	font-size: 14px;
	font-family: "Frutiger Next Regular";
	text-decoration: none;
}

section.breadcrumb a:HOVER
{
	text-decoration: underline;
}

section.breadcrumb .separator:BEFORE
{
	color: rgb(101, 110, 118);
	font-size: 20px;
	margin: 0 10px;
	content: "›";
}

/*********/
/* LISTE */
/*********/

.list
{
	width: 100%;
	border: 1px solid rgb(225, 226, 228);
}

.block-list
{
	width: 100%;
	border-right: 1px solid #ccdae9;
	border-bottom: 1px solid #ccdae9;
}

.listJSON
{
	border-bottom: 1px solid #ccdae9;
	background-color: white;
	table-layout: fixed;
}

.listJSON.noFixed
{
	border-bottom: 1px solid #ccdae9;
	background-color: white;
	table-layout: auto;
	width: auto;
}

.list td, .block-list td, .listJSON td
{
	border-right: 1px solid rgb(225, 226, 228);
	border-bottom: 1px solid rgb(225, 226, 228);
	padding: 4px;
}

.block-list .tr-header, .block-list .tr-header-product, .listJSON .tr-header
{
	color: #999;
	border-bottom: 1px solid #004494;
}

.listJSON .tr-header td
{
	width: 66px;
}

.listJSON.noFixed .tr-header td
{
	width: auto;
}

.block-list .tr-end, .listJSON .tr-end
{
	border-bottom: 1px solid #004494;
}

.block-list .tr-end-final, .listJSON .tr-end-final
{
	border-bottom: 2px solid #004494;
}

.block-list .tr-end-pre-orders, .listJSON .tr-end-pre-orders
{
	border-bottom: 1px dashed #CCDAE9;
}

.block-list .tr-header td
{
	height: 72px;
}

.block-list .tr-header-product td, .listJSON .tr-header td
{
	padding: 0;
}

.block-list .tr-header-product .div, .listJSON .tr-header .div
{
	text-align: center;
	line-height: normal;
}

.referenceInterne
{
	color: rgb(0, 68, 118);
	font-size: 13px;
	height: 16px;
}

.conditionnementString
{
	background-color: rgb(245, 245, 245);
	color: rgb(0, 68, 148);
	font-size: 13px;
	margin: 2px 0;
	padding: 2px 3px;
	display: inline-block;
	border: 1px solid rgb(204, 218, 233);
	border-radius: 6px;
}

.block-list .tr-header-product div:FIRST-CHILD, .listJSON .tr-header div:FIRST-CHILD
{
	border-bottom: 1px solid #ccdae9;
}

.block-list .tr-header-product div:FIRST-CHILD, .listJSON .tr-header div:FIRST-CHILD
{
	padding: 4px 4px 1px 4px;
}

.list td.image img
{
	vertical-align: middle;
}

.list tr:FIRST-CHILD td
{
	padding: 12px 4px;
	border-bottom: 1px solid rgb(225, 226, 228);
	color: rgb(51, 63, 72);
}

.list .center
{
	text-align: center;
}

.white
{
	background-color: white;
}

.gray
{
	background-color: rgb(253, 253, 253);
}

.blue
{
	background-color: rgb(225, 238, 248);
}

.orange
{
	background-color: rgb(255, 219, 145) !important;
}

.message-orange
{
	color: rgb(255, 219, 145);
	font-weight: bold;
}

.burgundy
{
	background-color: rgb(210, 0, 64) !important;
}

.color-burgundy
{
	color: rgb(210, 0, 64);
}

.list .selected
{
	background-color: #f8daab;
}

.list .selected td:FIRST-CHILD
{
	border-left: 4px solid #004494;
}

/**************/
/* FORMULAIRE */
/**************/

.form
{
	font-size: 14px;
}

.form input, .form select, .form textarea
{
	border: 1px solid rgb(225, 226, 228);
	margin: 0;
	font-size: 13px;
	color: rgb(101, 101, 106);
	font-family: Arial;
}

.form input
{
	padding: 4px 0 4px 4px;
}

.form input[type="checkbox"]
{
	margin-right: 4px;
}

.form select
{
	padding: 3px 0 3px 4px;
}

/*.form span
{
	padding: 4px;
	margin: 0;
}*/

.form tr
{
	line-height: 32px;
}

.form tr.histo
{
	line-height: normal;
	background-color: rgb(196, 222, 238);
}

.form tr.subHisto
{
	line-height: normal;
	background-color: rgb(245, 245, 245);
	border-top: 1px solid rgb(204, 218, 233);
}

.form tr.histo
{
	font-size: 18px;
}

.form tr.subHisto
{
	font-size: 15px;
	color: rgb(106, 106, 106);
	font-weight: bold;
}

.form tr.histo-gray
{
	background-color: rgb(115, 115, 115);
}

.list tr.histo:first-child td
{
	padding: 1px 1px 2px 1px;
	color: rgb(0, 68, 148);
	border-bottom: none;
}

.list tr td img
{
	vertical-align: middle;
}

.histo img, .histo span
{
	vertical-align: middle;
}

.histo img:HOVER, .histo span:HOVER
{
	text-decoration: underline;
	cursor: pointer;
}

.form .text
{
	line-height: normal;
}

.form .small
{
	width: 70px;
}

.form .medium
{
	width: 150px;
}

.form .large
{
	width: 300px;
}

.form .error
{
	margin-top: 9px;
	color: #e53517;
	font-size: 15px;
}

.contactHartmann
{
	text-align: right;
}

.contactHartmann img
{
	cursor: pointer;
	margin-top: -9px;
}

.ui-tooltip
{
	font-family: "arial";
	color: #6a6a65;
	font-size: 13px;
}

.ui-tooltip .point
{
	font-weight: bold;
	color: rgb(0, 155, 223);
}

.dialog
{
	font-family: "arial";
	color: #6a6a65;
	font-size: 15px;
}

.ui-dialog-titlebar-close
{
	visibility: hidden;
}

.pointer
{
	cursor: pointer !important;
}

.ui-dialog-titlebar
{
	background-color: rgb(0, 94, 166);
	background-image: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "Frutiger Next Light";
	color: white;
	border: 0;
}

.ui-dialog .ui-corner-all
{
	border-radius: 0;
}

.ui-dialog-content
{
	font-family: "Frutiger Next Light";
	font-size: 14px;
}

.ui-datepicker
{
	width: 14em;
}

.ui-datepicker-trigger
{
	margin-left: -21px;
	vertical-align: middle;
	padding-bottom: 2px;
	cursor: pointer;
}

table, tr, td
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

.fill
{
	width: 100%;
}

.fill-90
{
	width: 93%;
}

div.right
{
	float: right;
	margin-right: 10px;
}

.right.actions img
{
	cursor: pointer;
	margin-left: 5px;
}

div.left
{
	float: left;
}

.hide
{
	display: none;
}

.red
{
	color: rgb(229, 53, 23);
}

.color-blue
{
	color: rgb(0, 94, 166) !important;
}

.color-excel
{
	color: rgb(33, 115, 70);
}

.color-green
{
	color: rgb(0, 105, 77);
}

.red-mandatory
{
	color: #E53517;
}

.netsoins-hide{
	display:none !important;
}

.netsoins-hide-actions .actions{
	display:none !important;
}

.action
{
	color: rgb(0, 155, 223);
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	margin: 6px -4px 6px 0;
}

.action span
{
	cursor: pointer;
}

h2
{
	font-size: 14pt;
	color: #004494;
	font-weight: normal;
}

.h-separator
{
	height: 1px;
	background-color: #e2e2e2;
	margin-top: 10px;
}



.line
{
	height: 40px;
	color: #004494;
	font-size: 20px;
}

.line.line2
{
	border-bottom: 6px solid #004494;
}

.mt8
{
	margin-top: 8px !important;
}

.mt10
{
	margin-top: 10px !important;
}

.sub-title-left
{
	float: left;
	color: #004494;
	font-size: 12pt;
	padding: 4px 0 0 20px;
}

.interface
{
	width: 100%;
	margin: 16px 0 12px 0;
	border-top: 1px solid #CCDAE9;
}

.interface-buttons
{
	margin-top: 10px;
	font-size: 0;
}

.interface-buttons > div
{
	display: inline-block;
	margin-right: 6px;
}

.printExcel
{
	float: right;
	margin-right: 10px;
}

.history-back
{
	float: left;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 6px;
}

.history-back a, .printExcel span
{
	color: #004494;
	font-size: 12pt;
	vertical-align: top;
	margin-right: 4px;
}

.history-back a
{
	text-decoration: underline;
}

.history-back img, .printExcel img
{
	padding-right: 6px;
}

.title-left-success
{
	height: 32px;
	padding: 19px 0 13px 11px;
	color: #00694d;
	font-size: 20px;
	border-bottom: 6px solid #00694d;
}

.title-left-success div:FIRST-CHILD
{
	display: inline-block;
	vertical-align: middle;
	background: url('../img/dialog-success.png') no-repeat;
	width: 32px;
	height: 32px;
	padding-right: 6px;
}

.title-left-success span
{
	vertical-align: middle;
}

.title-left-green
{
	height: 24px;
	padding: 23px 0 17px 11px;
	color: #00694d;
	font-size: 20px;
	border-bottom: 6px solid #00694d;
}

.icon-dialog
{
	margin: 10px 15px 0 0;
}

.middle
{
	vertical-align: middle;
}

.center
{
	text-align: center;
}

.loading
{
	background-color: #EAEAE5 !important;
	background: url("../img/loader.gif") no-repeat right center;
}

.success
{
	background-color: #EAEAE5 !important;
	background: url("../img/success.png") no-repeat right center;
}

.failure
{
	background-color: #EAEAE5 !important;
	background: url("../img/error.png") no-repeat right center;
}

.no-padding
{
	padding: 0;
}

.space
{
	padding-right: 25px;
}

.small-space
{
	padding-right: 15px;
}

.table-simple
{
	margin: 6px 0;
}

.table-simple tr
{
	line-height: normal !important;
}

.table-simple td
{
	padding: 0 2px;
}

.table-simple td img
{
	cursor: pointer;
	vertical-align: middle;
	padding-bottom: 2px;
}

.tree-special
{
	border: 1px solid #CCDAE9;
	max-height: 450px;
	overflow: auto;
}

/**********/
/* COMMUN */
/**********/

.containerJSON
{
	overflow: auto;
	white-space: nowrap;
	font-size: 15px;
	color: rgb(101, 101, 106);
}

.container
{
	width: 1200px;
	overflow: auto;
	white-space: nowrap;
	font-size: 0;
}

.container .block
{
	display: inline-block;
	font-size: 15px;
	color: #65656A;
}

.container .block:FIRST-CHILD .block-list, .listJSON
{
	border-left: 1px solid rgb(225, 226, 228);
}

.container .block:LAST-CHILD .block-list, .listJSON
{
	border-right: 1px solid rgb(225, 226, 228);
}

.product
{
	line-height: normal !important;
}

.product td
{
	padding: 4px 0 2px 0 !important;
}

.header-product
{
	width: 62px;
	text-align: center;
}

.header-product div:FIRST-CHILD
{
	border-bottom: 1px solid #CCDAE9;
	padding-bottom: 1px;
}

.header-product div:LAST-CHILD
{
	padding-top: 2px;
}

.text
{
	font-family: "arial";
	font-size: 13px;
	color: #6a6a65;
}

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

.megamenu_container
{
	width: 600px;
}

/********************/
/* AUTHENTIFICATION */
/********************/

.login
{
	height: 42px;
	background: url("../img/login-input.png") no-repeat 0 16px;
}

.login .label
{
	padding-left: 10px;
	color: white;
	font-size: 12px;
}

.login input
{
	width: 104px;
	background: transparent;
	border: none;
	padding: 0 0 0 10px;
	height: 25px;
}

.login .connect
{
	width: 26px;
	height: 25px;
	background: url("../img/login.png") no-repeat 2px 1px;
	cursor: pointer;
}

.login-error
{
	text-align: right;
	padding-right: 10px;
	color: #e53517;
	font-size: 14px;
}

/***********/
/* ACCUEIL */
/***********/

section.home
{
	width: 100%;
}

table.home
{
	width: 100%;
}

section.home .background:AFTER
{
	content: " ";
    background-image: url("../img/home-bottom.png");
    width: 1200px;
    height: 80px;
    display: block;
    position: absolute;
    bottom: 251px;
}

section.home .background .title
{
	position: absolute;
    top: 25%;
    left: 10%;
    width: 70%;
    font-family: "Frutiger Next Light";
    margin: 20px 0;
    font-size: 42px;
    color: white;
}

.home-background
{
	width: 671px;
	height: 531px;
	background: url("../img/home-background.png") no-repeat 5px 0;
}

/*.home-separator
{
	width: 6px;
	background: url("../img/home-separator.png") no-repeat;
}*/

/*.home-infos
{
	position: absolute;
	top: 406px;
	left: 10px;
}*/

.home-follow
{
	width: 280px;
}

.home-follow ul
{
	list-style: none outside none;
}

.follow-title
{
	padding-left: 35px;
	font-size: 20px;
	color: #004494;
}

.home-follow p
{
	font-size: 12px;
	color: #666;
	margin-left: 40px;
}

.home-follow div
{
	float: left;
	margin: -5px;
	height: 52px;
	width: 52px;
	cursor: pointer;
}

.facebook div
{
	background: url("../img/facebook.png") no-repeat scroll 0 0;
}

.facebook div:HOVER
{
	background: url("../img/facebook-hover.png") no-repeat scroll -6px -8px;
}

.twitter div
{
	background: url("../img/twitter.png") no-repeat scroll 0 0;
}

.twitter div:HOVER
{
	background: url("../img/twitter-hover.png") no-repeat scroll -6px -8px;
}

.youtube div
{
	background: url("../img/youtube.png") no-repeat scroll 0 0;
}

.youtube div:HOVER
{
	background: url("../img/youtube-hover.png") no-repeat scroll -6px -8px;
}

.infos-content
{
	width: 664px;
}

.infos-content div
{
	font-size: 16px;
	color: #666;
	margin-bottom: 7px;
}

.infos-content span, .infos-content a
{
	font-size: 16px;
	color: #004494;
}

.infos-content a
{
	cursor: pointer;
}

.infos-content a:HOVER
{
	text-decoration: underline;
}

.infos-title
{
	font-size: 20px !important;
	color: #004494 !important;
	margin-bottom: 14px !important;
}

.infos-his
{
	margin-top: 20px;
	margin-bottom: 40px !important;
}

.infos-his div, .infos-his span
{
	font-size: 14px;
	color: rgb(51, 63, 72);
}

.infos-his ul
{
	padding-left: 24px;
	margin-top: 0px;
}

.infos-his ul li
{
	padding: 4px 0;
}

.infos-his img
{
	vertical-align: middle;
}

.infos-his .bloc-gauche, .infos-his .bloc-droite
{
	display: inline-block;
}

.infos-his .bloc-droite
{
	vertical-align: top;
}

.infos-his .bloc-droite img
{
	width: 160px;
}

/**************/
/* ACTUALITES */
/**************/

.news
{
	margin: 40px 0 0 14px;
}

.news .button-news
{
	padding: 22px 0 0 28px;
}

.news-title
{
	color: #004494;
	font-size: 30px;
}

.news-separator
{
	width: 203px;
	background: url("../img/news-separator.png") no-repeat;
	padding-bottom: 26px;
}

.news-table
{
	border-collapse: separate;
	border-spacing: 0px;
	cursor: pointer;
}

.news-table img
{
	padding: 4px;
}

.td-news
{
	padding: 3px 0;
}

.news-sub-title
{
	color: #e53417;
	font-size: 16px;
	font-weight: bold;
}

.news-type
{
	color: #004494;
	font-size: 21px;
}

.news-content
{
	color: #444;
	font-size: 15px;
}

.news-arrow
{
	margin: 14px 0 0 90px;
}

.all-news
{
	position: absolute;
	right: 40px;
	bottom: 100px;
}

.news-column-left
{
	border: solid #EAEAEA;
	border-width: 7px 5px 7px 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	background-color: #e1eef8;
}

.news-column-right
{
	padding: 8px;
	width: 200px;
	border: solid #EAEAEA;
	border-width: 2px 2px 2px 0;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

/*.news-logo
{
	width: 194px;
	height: 103px;
	background: url("../img/news-logo.png") no-repeat;
}

.news-line-left
{
	width: 6px;
	background: url("../img/news-line-left.png");
}

.news-line-right
{
	width: 6px;
	background: url("../img/news-line-right.png");
}

.news-left
{
	height: 6px;
	background: url("../img/news-left.png");
}

.news-right
{
	height: 6px;
	background: url("../img/news-right.png");
}

.news-bottom
{
	height: 6px;
	background: url("../img/news-bottom.png");
}
*/

/******************/
/* BOUTON MODERNE */
/******************/

.button-modern
{
	display: inline-block;
	font-size: 16px;
	font-family: "Frutiger Next Bold";
	padding: 8px 14px 7px;
	cursor: pointer;
	transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
	position: relative;
}

.button-modern-img
{
	padding-right: 36px;
}

.button-modern-img img
{
	width: 22px;
	height: 22px;
	position: absolute;
	/*margin-top: -2px;
	margin-left: 8px;*/
	top: 5px;
	right: 5px;
}

.button-color-burgundy
{
	border: 1px solid rgb(210, 0, 64);
	color: rgb(210, 0, 64);
}

.button-color-burgundy:HOVER
{
	background-color: rgb(210, 0, 64);
	color: white;
}

.button-color-transparent
{
	border: 1px solid rgb(0, 94, 166);
	background-color: rgb(0, 94, 166);
	color: white;
}

.button-color-transparent:HOVER
{
	border: 1px solid rgb(0, 155, 223);
	background-color: white;
	color: rgb(0, 155, 223);
}

.button-color-blue
{
	border: 1px solid rgb(0, 155, 223);
	background-color: rgb(0, 155, 223);
	color: white;
}

.button-color-blue:HOVER
{
	border: 1px solid rgb(0, 155, 223);
	background-color: white;
	color: rgb(0, 155, 223);
}

.button-color-red
{
	border: 1px solid rgb(229, 53, 23);
	background-color: rgb(229, 53, 23);
	color: white;
}

.button-color-red:HOVER
{
	border: 1px solid rgb(229, 53, 23);
	background-color: white;
	color: rgb(229, 53, 23);
}

.button-color-gray
{
	border: 1px solid rgb(119, 119, 119);
	color: rgb(119, 119, 119);
}

.button-color-gray:HOVER
{
	background-color: rgb(119, 119, 119);
	color: white;
}

.button-color-disabled
{
	border: 1px solid rgb(119, 119, 119);
	color: rgb(119, 119, 119);
	cursor: default;
}

/**********/
/* BOUTON */
/**********/

.button
{
	cursor: pointer;
}

.button-left
{
	width: 5px;
	height: 31px;
	background: url("../img/button-left.png");
}

.button-center
{
	background: url("../img/button.png");
	color: #999999;
	padding: 0 4px;
}

.button-right
{
	width: 5px;
	background: url("../img/button-right.png");
}

/***************/
/* BOUTON VERT */
/***************/

.button-green
{
	cursor: pointer;
	color: white;
	font-family: "arial";
	font-size: 11pt;
}

.button-green-left
{
	width: 15px;
	height: 36px;
	background: url("../img/button-green-left.png");
}

.button-green-center
{
	background: url("../img/button-green.png");
	color: white;
}

.button-green-right
{
	width: 15px;
	background: url("../img/button-green-right.png");
}

.button-green-left-hover
{
	width: 15px;
	height: 36px;
	background: url("../img/button-green-left-hover.png");
}

.button-green-center-hover
{
	background: url("../img/button-green-hover.png");
	color: white;
}

.button-green-right-hover
{
	width: 15px;
	background: url("../img/button-green-right-hover.png");
}

/*******************/
/* BOUTON BORDEAUX */
/*******************/

.button-burgundy
{
	cursor: pointer;
	color: white;
	font-family: "arial";
	font-size: 11pt;
}

.button-burgundy-left
{
	width: 15px;
	height: 36px;
	background: url("../img/button-burgundy-left.png");
}

.button-burgundy-center
{
	background: url("../img/button-burgundy.png");
	color: white;
}

.button-burgundy-right
{
	width: 15px;
	background: url("../img/button-burgundy-right.png");
}

.button-burgundy-left-hover
{
	width: 15px;
	height: 36px;
	background: url("../img/button-burgundy-left-hover.png");
}

.button-burgundy-center-hover
{
	background: url("../img/button-burgundy-hover.png");
	color: white;
}

.button-burgundy-right-hover
{
	width: 15px;
	background: url("../img/button-burgundy-right-hover.png");
}

/****************/
/* BOUTON ROUGE */
/****************/

.button-red
{
	cursor: pointer;
	color: white;
	font-family: "arial";
	font-size: 11pt;
}

.button-red-left
{
	width: 15px;
	height: 36px;
	background: url("../img/button-red-left.png");
}

.button-red-center
{
	background: url("../img/button-red.png");
	color: white;
}

.button-red-right
{
	width: 15px;
	background: url("../img/button-red-right.png");
}

.button-red-left-hover
{
	width: 15px;
	height: 36px;
	background: url("../img/button-red-left-hover.png");
}

.button-red-center-hover
{
	background: url("../img/button-red-hover.png");
	color: white;
}

.button-red-right-hover
{
	width: 15px;
	background: url("../img/button-red-right-hover.png");
}

/****************/
/* BOUTON BLANC */
/****************/

.button-white
{
	cursor: pointer;
	font-family: "arial";
	font-size: 11pt;
	padding: 6px;
	color: rgb(101, 101, 106);
	border-radius: 6px;
}

.button-white span, .button-white img
{
	vertical-align: middle;
}

.button-white:HOVER
{
	cursor: pointer;
	font-family: "arial";
	font-size: 11pt;
	background-color: rgb(242, 246, 250);
	color: rgb(0, 68, 148);
}

.button-white img
{
	padding-left: 2px;
	height: 23px;
}

/***************/
/* BOUTON BLEU */
/***************/

.button-blue
{
	cursor: pointer;
	font-family: "arial";
	font-size: 11pt;
}

.button-blue span, .button-blue img
{
	vertical-align: middle;
}

.button-blue img
{
	padding-left: 6px;
	height: 23px;
}

.button-blue-left
{
	width: 15px;
	height: 36px;
	background: url("../img/button-blue-left.png");
}

.button-blue-center
{
	background: url("../img/button-blue.png");
	color: white;
}

.button-blue-right
{
	width: 15px;
	background: url("../img/button-blue-right.png");
}

.button-blue-left-hover
{
	width: 15px;
	height: 36px;
	background: url("../img/button-blue-left-hover.png");
}

.button-blue-center-hover
{
	background: url("../img/button-blue-hover.png");
	color: white;
}

.button-blue-right-hover
{
	width: 15px;
	background: url("../img/button-blue-right-hover.png");
}

/***********/
/* COMPTES */
/***********/

.accounts .node-title
{
	margin-top: 14px;
	font-size: 20pt;
	color: #004494;
	font-weight: normal;
}

.accounts .node-sub-title
{
	font-size: 20px;
	color: #004494;
	font-weight: normal;
	margin-bottom: 20px;
}

.accounts
{
	width: 100%;
}

.accounts .column-left
{
	width: 300px;
	padding: 0 10px 20px 0;
}

.accounts .column-right
{
	padding: 15px 15px 0 10px;
}

.jstree a
{
	border: 1px solid white;
	padding: 0 2px 0 1px !important;
	color: #6a6a65 !important;
	font-family: "arial" !important;
	font-size: 13px !important;
}

.jstree li[rel="users"] > a, .jstree li[rel="level1"] > a
{
	font-weight: bold;
}

.jstree-default.jstree-focused
{
	background: white !important;
}

.accounts .actions
{
	height: 46px;
}

.accounts .end
{
	height: 10px;
}

/*.accounts .actions div
{
	padding: 10px 0 0 6px;
}*/

.accounts .add
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/add.png") no-repeat;
	cursor: pointer;
}

.store
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/store.png") no-repeat;
	margin-right: 2px;
}

.netSoins
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/logo-ns.png") no-repeat;
	margin-right: 2px;
}

.accounts .remove
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/trash.png") no-repeat;
	cursor: pointer;
}

.accounts .restore
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/restore.png") no-repeat;
	cursor: pointer;
}

.accounts .move
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/move.png") no-repeat;
	cursor: pointer;
}

.accounts .remove:HOVER
{
	background: url("../img/trash.png") no-repeat;
}

.accounts span.actions span
{
	margin: 0 2px;
}

.accounts .param
{
	margin: 10px 0;
	border-bottom: 2px solid rgb(0, 94, 166);
}

.accounts .new
{
	margin: 10px 0;
	border-bottom: 0;
}

.accounts .param tr:LAST-CHILD
{
	height: 10px;
}

.accounts .print-tree
{
	cursor: pointer;
}

.tree-roles
{
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 4px;
}

/************************/
/* PARAMETRAGE PRODUITS */
/************************/

.product-added
{
	font-size: 11px;
	line-height: 17px !important;
}

.param-products
{
	width: 100%;
}

.param-products .form tr
{
	line-height: normal;
}

.param-products .spread
{
	cursor: pointer;
	width: 24px;
	height: 24px;
	background: url("../img/spread-disabled.png");
}

.param-products .spread:HOVER
{
	background: url("../img/spread.png");
}

.param-products .missing
{
	color: rgb(229, 53, 23) !important;
}

.param-products .dateFin
{
	font-style: italic;
	font-size: 12px;
	color: rgb(101, 110, 118);
}

/**********/
/* FAVORI */
/**********/

.favorite
{
	position: relative;
	width: 64px;
	height: 54px;
}

.remove-product
{
	position: relative;
	width: 64px;
	height: 57px;
}

.favorite img, .remove-product img
{
	position: absolute;
}

.favorite img.button
{
	top: 2px;
	right: 2px;
	cursor: pointer;
}

.remove-product img.trash
{
	top: 6px;
	left: 6px;
	cursor: pointer;
}

.remove-product img.delete
{
	top: 6px;
	right: 6px;
	cursor: pointer;
}

.favorite img.image, .remove-product img.image
{
	top: 2px;
	right: 2px;
}

/***********/
/* STICKER */
/***********/

.sticker
{
	width: 63px;
	height: 63px;
	border: 1px solid black;
	margin: 4px;
	background-color: gray;
}

/*****************/
/* MENU VERTICAL */
/*****************/

.menu-vertical
{
	width: 100%;
}

.menu-vertical td
{
	color: #999;
	border-bottom: 1px solid #e2e2e2;
	padding: 8px 0 8px 11px;
}

.menu-vertical a
{
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	cursor: inherit;
}

.menu-vertical td.selected, .menu-vertical td:HOVER
{
	color: #00694d;
	border-bottom: 1px solid #00694D;
	padding: 8px 0 8px 11px;
}

.menu-vertical td.selected:HOVER
{
	cursor: text;
}

.menu-vertical td:HOVER
{
	cursor: pointer;
}

/***********/
/* SPINNER */
/***********/

.ui-spinner
{
	border: 1px solid #ccc;
	padding: 0 !important;
	line-height: normal;
	/*background-color: #eaeae5;*/
	width: 50px;
}

.spinner-edit .ui-spinner, .value-has-changed
{
	background-color: #BCED91;
}

.ui-spinner input
{
	border: 0;
	background-color: inherit;
	color: rgb(101, 101, 106);
}

.ui-spinner .texte-blanc
{
	color:white !important;
}

/*********/
/* COLOR */
/*********/

.color
{
	width: 60px;
	height: 130px;
	border: 1px solid #ccc;
}

/**************************/
/* SELECTION D'UN PRODUIT */
/**************************/

.select-product .container-select-product tr
{
	line-height: normal;
}

.select-product img
{
	vertical-align: middle;
}

.container-select-product
{
	overflow: auto;
	height: 440px;
}

.select-product .line, .contentPrintDialog .line
{
	border-bottom: 6px solid #004494;
}

.tr-select:HOVER
{
	background-color: #e1eef8;
	cursor: default;
}

/**************/
/* CHARGEMENT */
/**************/

.loading-img
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 77px;
	height: 60px;
	margin-top: -50px;
	margin-left: -50px;
}

/****************/
/* NON AUTORISE */
/****************/

.not-authorized .title
{
	font-size: 30px !important;
	top: 20% !important;
	left: 8% !important;
}

.not-authorized:AFTER
{
	bottom: 300px !important;
}

/*.not-authorized table
{
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	border: 1px solid #a4aeb9;
	border-radius: 10px;
	padding: 4px;
}

.not-authorized img
{
	padding-right: 8px;
}*/

/**************/
/* MEGA ADMIN */
/**************/

.sql-result
{
	font-size: 13px;
	margin-top: 9px;
	margin-right: 11px;
}

.sql-result td
{
	padding: 2px;
	border: 1px solid #CCDAE9;
}

/***********************/
/* PAGE DE COMPABILITE */
/***********************/

.table-compability td
{
	padding: 4px 0;
}

.table-compability tr
{
	border-bottom: 1px solid #ccdae9;
}

/*********************/
/* AVEC DISTRIBUTION */
/*********************/

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

.avecSansOption input
{
	cursor: pointer;
}

.avecOption, .sansOption
{
	display: inline-block;
	width: 140px;
	text-align: center;
	border-top: 1px solid rgb(225, 226, 228);
	border-bottom: 1px solid rgb(225, 226, 228);
	padding: 4px;
	font-size: 13px;
}

.avecOption > div, .sansOption > div
{
	padding-bottom: 3px;
}

.avecOption
{
	border-left: 1px solid rgb(225, 226, 228);
}

.sansOption
{
	border-right: 1px solid rgb(225, 226, 228);
	border-left: 1px dotted rgb(225, 226, 228);
}

.avecOption:HOVER, .sansOption:HOVER
{
	background-color: rgb(253, 253, 253);
}

.normal-message, .error-message, .success-message
{
	font-size: 14px;
	padding: 20px;
	color: rgb(101, 101, 106);
	background-color: rgb(239, 240, 241);
}

.normal-message
{
	/*border: 1px solid rgb(204, 204, 204);*/
}

.error-message
{
	border: 1px solid rgb(229, 53, 23);
}

.success-message
{
	/*border: 1px solid rgb(0, 189, 113);*/
}

.normal-message div.title, .error-message div.title, .success-message div.title
{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.error-message div.title
{
	color: rgb(229, 53, 23);
}

.success-message div.title
{
	color: rgb(0, 189, 113);
}

.normal-message *, .error-message *
{
	display: inline-block;
}

.normal-message img
{
	padding: 0 8px 0 4px;
}

.unit-left
{
	float: left;
	color: rgb(255, 255, 255);
	font-size: 12pt;
	background-color: rgb(0, 68, 148);
	padding: 0 6px;
	border-radius: 4px;
}

.unit-accounts
{
	width: 289px;
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	background: url("../img/header-left.png");
	background-position-y: 80px;
	padding: 4px;
}

.contentPrintDialog
{
	overflow: auto;
	height: 350px;
}

.nombreIncontinents, .paramOnglets
{
	float: left;
	margin: 6px 5px 0 4px;
	font-size: 13px;
	padding: 3px;
	/*border: 1px solid rgb(0, 155, 223);
	background-color: rgb(0, 155, 223);*/
	color: white;
}

.nombreIncontinents *, .paramOnglets *
{
	vertical-align: middle;
}

.nombreIncontinents
{
	padding: 7px 8px 0 0;
}

.version2
{
	width: 24px;
	height: 24px;
	background: url("../img/version2-min.png");
	margin-left: -1px;
	margin-top: 35px;
}

.version3
{
	width: 24px;
	height: 24px;
	background: url("../img/version3-min.png");
	margin-left: -1px;
	margin-top: 35px;
}

.version4
{
	width: 24px;
	height: 24px;
	background: url("../img/version4-min.png");
	margin-left: -1px;
	margin-top: 35px;
}

.ui-widget-overlay
{
	background: white 50% 50% repeat-x;
	opacity: .5;
}

.divValue
{
	width: 64px;
	text-align: center;
}

/*****************/
/* BLOC SERVICES */
/*****************/

#services_contacts
{
	display: block;
	float: left;
	border: solid 5px #eaeaea;
	margin-left: 10px;
}

#services_contacts a
{
	text-decoration: none;
}

.ligne_contact
{
	display: block;
	float: left;
	clear: both;
	padding: 10px;
}

.bloc_contact
{
	display: block;
	float: left; 
	width: 130px;
}

.bloc_in
{
	text-align: center;
	width: 100%;
	padding: 0 0 4px;
	color: #6f7072;
	font-size: 11pt;
}

#bloc_barre
{
    border-left: 6px solid #ccdaea;
    display: block;
    float: left;
    height: 750px;
    margin-left: 30px;
}

.bloc_middle
{
	border-bottom: solid 1px #ccc;
	width: 122px;
	display: block;
    float: left;
	height: 0;
    margin: 0 8px;
}

.ligne_entre
{
	display: block;
	float: left;
	clear: both;
}

.ui-autocomplete
{
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.complement
{
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: rgb(229, 53, 23);
	padding: 2px 3px;
	border-radius: 6px;
	border: 1px solid rgb(204, 218, 233);
	background-color: rgb(255, 219, 145);
	font-weight: bold;
}

img.xls, img.xlsx
{
	width: 26px;
	height: 26px;
}

img.pdfexport
{
	width: 16px;
	height: 16px;
}

.selectionnee *
{
	vertical-align: middle;
}

.selectionnee img
{
	margin-right: 6px;
}

.selected
{
	background-color: rgb(245, 245, 246) !important;
}

.selected td.first-td 
{
	border-left: 4px solid rgb(0, 94, 166);
	padding-left: 3px;
}

td.excel img
{
	margin-left: 4px;
}

td.boutique
{
	width: 100px;
}

td.excel *, td.boutique *
{
	vertical-align: middle;
}

td.excel span, td.boutique span
{
	font-size: 12px;
}

.superContainer
{
	font-size: 0;
}

#containerLeft, #containerRight
{
	display: inline-block;
}

#containerLeft
{
	vertical-align: top;
}

#containerLeft .listJSON
{
	border-right-width: 0;
}

#containerRight .listJSON
{
	border-left-width: 0;
}

#containerLeft .section
{
	border-top-right-radius: 0;
	border-right-width: 0;
}

#containerRight .section
{
	border-top-left-radius: 0;
	border-left-width: 0;
}

.pagePreOrder .empty
{
	width: 200px !important;
	height: 114px;
}

.pagePreOrder .containerJSON
{
	width: 900px;
}

.pageDistribution .empty
{
	width: 265px !important;
	height: 122px;
}

.pageDistribution .containerJSON
{
	width: 586px;
}

.pageDistribution .service
{
	height: 32px;
}

.pageDistribution .selectionnee
{
	line-height: 31px;
}

.pageOrder .empty
{
	width: 300px !important;
	height: 122px;
}

.pageOrder .containerJSON
{
	width: 810px;
}

.infoProduct
{
	height: 48px;
}

.core-dialog
{
	color: rgb(113, 115, 122);
	font-size: 14px;
	background-color: rgb(245, 245, 245);
}

.core-dialog .core-title
{
	font-size: 15px;
	font-weight: bold;
	color: rgb(0, 68, 148);
}

.core-dialog .core-table
{
	margin-top: 20px;
}

.core-dialog .label
{
	color: rgb(0, 68, 148);
	padding-right: 10px;
}

.ui-button .ui-button-text
{
	font-family: "Frutiger Next Bold";
	font-size: 16px;
	font-weight: normal;
}

.ui-widget-content
{
	border-color: rgb(225, 226, 228);
	border-radius: 0;
}

button.ui-button
{
	border: 1px solid rgb(0, 155, 223) !important;
	background-color: rgb(0, 155, 223) !important;
	background-image: none !important;
	color: white !important;
}

button.ui-button:HOVER
{
	border: 1px solid rgb(0, 155, 223) !important;
	background-color: white !important;
	background-image: none !important;
	color: rgb(0, 155, 223) !important;
}

.ui-dialog .ui-dialog-content
{
	padding-top: 20px;
}

/* Tableau de synthèse. */

.petitesProtectionsAnatomiques
{
	background-color: yellow;
}

.protectionsAnatomiques
{
	background-color: rgb(153, 204, 255);
}

.changesComplets
{
	background-color: rgb(204, 153, 255);
}

.slipsAbsorbants
{
	background-color: rgb(0, 246, 111);
}

.protectionsAvecCeinture
{
	background-color: rgb(228, 153, 204);
}

.changesCompletsElastic
{
	background-color: rgb(192, 192, 192);
}

.slipsFilets
{
	background-color: rgb(0, 246, 111);
}

.aleses
{
	background-color: yellow;
}

.ui-widget, .ui-datepicker .ui-datepicker-title select
{
	font-size: 14px;
}

.tests
{
	width: 1200px;
    margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.tests .test
{
	margin: 8px;
}

.tests .test .lettre
{
	color: rgb(0, 155, 223);
}

.tests .test button
{
	color: rgb(0, 68, 148);
	background-color: white;
	font-weight: bold;
}

.tests .test.attention button
{
	color: gray;
}

.tests .test.reserve button
{
	color: rgb(229, 53, 23);
}

.back-to-top
{
	display: none;
	background-color: rgb(245, 245, 246);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05);
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-webkit-transition: color .5s;
	transition: color .5s;
	border: 1px solid rgb(225, 226, 228);
	color: rgb(101, 110, 118);
	cursor: pointer;
	height: 33px;
	position: absolute;
	right: 95px;
	text-align: center;
	bottom: -90px;
	width: 33px;
}

.back-to-top:before
{
    content: "︿";
    display: inline-block;
    font-family: "Arial Unicode MS";
    font-size: 11px;
    line-height: 7px;
    margin-top: 11px;
    height: 7px;
}

.jstree-default .jstree-clicked
{
	border: 1px solid rgb(0, 155, 223) !important;
	font-weight: bold;
    color: rgb(0, 155, 223) !important;
}

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