/******************************************************************************
* Suppression Bootstrap
******************************************************************************/
* {
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}

td, th {
	border-collapse: separate;
	padding: 0px;

}

table {
	display: table;
	border-collapse: separate;
	/*border-spacing: 1px;*/
}

hr {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*.row {*/
/*	margin-left: 0;*/
/*	margin-right: 0;*/
/*}*/

.fontWeightNormal {
	font-weight: normal;
}



body {
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	background-color: #dae4e5;
	/*background-color: #fff;*/
}
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 2px 0px 2px 0px;
	font-size: 16px;
	font-weight: bold;
}
hr {
	height: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.pointer {
	cursor: pointer;
}
input[type=button] {
	background-color: transparent;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
input[type=submit] {
	background-color: transparent;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
input[type=image] {
	margin-left: 8px;
}
.erreur,  .erreur a{
	font-weight: bold;
	color: #ff0000;
}
.valid,  .valid a{
	font-weight: bold;
	color: #46b800;
}
.warning {
	color: #ff8800;
}
.imageBouton {
	cursor:pointer;
	margin-left: 8px;
	margin-right: 4px;
}
.imageBoutonNoRight {
	cursor:pointer;
	margin-left: 8px;
	margin-right: 4px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.tb {
	border: solid #cbcaca 1px;
}
.color {
	border: solid #cbcaca 1px;
}
.tbAutoComplete {
	border: solid #cbcaca 1px;
	/*background-image:url('/img/DDLArrow.png');*/
	background-image:url('/img/loupe.png');
	background-repeat:no-repeat;
	background-position:right top;
}
.tbCascadingDropDown {
	margin-top: 4px;
	border: solid #cbcaca 1px;
}
.tbErreur {
	border: solid #ff0000 1px;
}
.tbAutoCompleteErreur{
	border: solid #ff0000 1px;
	background-image:url('/img/loupe.png');
	background-repeat:no-repeat;
	background-position:right top;
}	
.ddl {
	width: 292px;
	height: 20px;
	border: solid #cbcaca 1px;
}
.ddlErreur {
	width: 292px;
	border: solid #ff0000 1px;
}
.ddlIE {
	overflow:hidden;
	border-right:solid #bbbbbb 1px;
	float: right;
}
textarea {
	border: solid #cbcaca 1px;
}
textareaErreur {
	border: solid #ff0000 1px;
}
.checkboxList {
	/*background-color: #ffffff;*/
	height: 120px;
	border: solid #cbcaca 1px;
	overflow: auto;
}
.radioButtonList {
	height: 120px;
	border: solid #cbcaca 1px;
	overflow: auto;
}
.tdCliquable {
	cursor: pointer;
}
.tdField {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}
.tdFieldEsat {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}
.tdFieldCenter {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.tdFieldLeft {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.tdFieldFacture {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
}
.tdFieldUpload {
	height: 40px;
	font-size: 12px;
	vertical-align: top;
}
.tdFieldVraiFaux {
	height: 20px;
	text-align:center;
	padding-top:4px;
	font-size: 12px;
	vertical-align: top;
}
.tdFieldWhite {
	color : #ffffff;
}
.tdValue {
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}
.tdValueCenter {
	font-size: 12px;
	vertical-align: top;
	text-align: center;
}
.tdValueRight {
	font-size: 12px;
	vertical-align: top;
	text-align: right;
}
.tdAdd {
	margin-left: 10px;
	margin-top: 4px;
	float: left;
}
li {
	list-style-position: inside;
}
.boutonDel {
	cursor: pointer;
}
.tdTitre {
	font-size:	14px;
	font-weight: bold;
}

.noRight {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.colonneDroite {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #00AAA1;
}

.infoCreation {
	text-align: right;
	color: #949494;
}
/*.pageOut{
	margin-bottom: 10px;
	background-color: #dae4e5;
}*/

.cadre {
	border-spacing: 0;
	border-collapse: collapse;
}
.cadre tr td {
	padding: 3px;
}
.cadre td:first-child {
	border-left: 1px solid #888888;
}

.cadre td:last-child {
	border-right: 1px solid #888888;
}

td.cadreHeader, th.cadreHeader {
	border: none;
	border-bottom: 1px solid #888888;
}

tr.cadreLast td {
	border-bottom: 1px solid #888888;
}

#divArticleListe{
		
}

.sortable {
	cursor: move;
}
/***************************************************************************************
* Historique
***************************************************************************************/
.menuHistoActif {
	filter: alpha(opacity=100);
	opacity: 1;
}
.menuHistoInactif {
	filter: alpha(opacity=30);
	opacity: 0.3;
}	
#historiqueOut {
	position: absolute;
	width: 450px;
}
#historique {
	text-align: left;
	padding: 8px;
	margin:10px;
	background-color: white;
	border: solid #440000 1px;
}

/***************************************************************************************
* Contenu
***************************************************************************************/
.pageOut {
	background-color: #ffffff;
	min-width: 980px;
	max-width: 1600px;
	/*width: 97%;*/
	padding: 0px;
	/*border: solid #E9E9E9 1px;*/
  	box-shadow: 0 0 20px #666;
  	-moz-box-shadow: 0 0 20px #666;  
  	-webkit-box-shadow: 0 0 20px #666;
}
.pageInLeft {
	width: 4px;
	background-image:url('/img/contenuL.png');
	background-repeat:repeat-y;
}
.pageInRight {
	width: 4px;
	background-image:url('/img/contenuR.png');
	background-repeat:repeat-y;
}
.pageInBottom {
	height: 4px;
	background-image:url('/img/contenuB.png');
	background-repeat:repeat-x;
}
.pageIn {
	background-color: #f8f8f8;
	/*background-color: #fff;*/
	padding: 0px 2px 0px 2px;
	width: 100%;
}
.contenu {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
.contenuDiv {
	overflow-y: auto;
}
.imgButton {
	cursor: pointer;
}

/***************************************************************************************
* Footer
***************************************************************************************/
.tdFooter {
	background-color: #dae4e5;
	color: #888888;
	font-size: 12px;
	height: 25px;
	text-align: center;
}
.tdFooter a {
	color: #888888;
	font-size: 12px;
	text-decoration: none;
}
.tdFooter a:hover {
	color: #888888;
	font-size: 12px;
	text-decoration: underline;
}

/***************************************************************************************
* Div alert erreur 
***************************************************************************************/
#alertErrorBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff0000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertErrorWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #ff0000;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertErrorWin input {
	/*background-color: #ff0000;
	color: #ffffff;
	z-index: 100;*/
}
#alertErrorTexteBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff0000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertErrorTexteWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #ff0000;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertErrorTexteWin input {
	/*background-color: #ff0000;
	color: #ffffff;
	z-index: 100;*/
}
/***************************************************************************************
* Div alert confirmation 
***************************************************************************************/
#alertConfirmBG {
	position: fixed;
	background-color: #3b9b3b;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertConfirmWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #3b9b3b;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertExtraBG {
	position: fixed;
	background-color: #3b9b3b;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertExtraWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #3b9b3b;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertConfirmWin input {
	/*background-color: #3b9b3b;
	color: #ffffff;
	z-index: 100;*/
}

#alertConfirmPostItBG {
	position: fixed;
	background-color: #3b9b3b;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertConfirmPostItWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #3b9b3b;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 101;
}
#alertConfirmPostItText {
	background-color: White;
	z-index: 102;
}
#alertConfirmPostItWin input {
	/*background-color: #3b9b3b;
	color: #ffffff;
	z-index: 100;*/
}
/***************************************************************************************
* Div alert JS 
***************************************************************************************/
#alertJSBG {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertJSWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertJSButton {
	/*background-color: #888888;
	color: #ffffff;
	z-index: 100;*/
}
/***************************************************************************************
* Div unactive JS 
***************************************************************************************/
#unactiveJSBG {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#unactiveJSWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#unactiveJSButton {
	/*background-color: #888888;
	color: #ffffff;
	z-index: 100;*/
}
/***************************************************************************************
* Div alert JS Erreur
***************************************************************************************/
#alertJSErrBG {
	position: fixed;
	background-color: #ff0000;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 500;
}
#alertJSErrWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #ff0000;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 500;
}
#alertJSErrButton {
	/*background-color: #ff0000;
	color: #ffffff;
	z-index: 100;*/
}
/***************************************************************************************
* Div alert JS Confirm
***************************************************************************************/
#alertJSConfirmBG {
	position: fixed;
	background-color: #3b9b3b;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#alertJSConfirmWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #3b9b3b;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#alertJSConfirmButton {
}
/***************************************************************************************
* Div confirmation OK - Annuler avant SubmitForm
***************************************************************************************/
#confirmDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#confirmBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#confirmWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	/*border-color: #888888;*/
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
.confirmInfo {
	border-color: #888888;
}
.confirmWarning {
	border-color: #ff8800;
}
#confirmWin input {
	/*background-color: #888888;
	color: #ffffff;*/
}
/***************************************************************************************
* Div confirmation OK - Annuler avant fonction JS
***************************************************************************************/
#confirmFonctionJSDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#confirmFonctionJSBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#confirmFonctionJSWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#confirmWin input {
	/*background-color: #888888;
	color: #ffffff;*/
}
/***************************************************************************************
* Div confirmation Oui Non Annuler
***************************************************************************************/
#confirmOuiNonDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#confirmOuiNonBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
#confirmOuiNonWin {
	position: fixed;
	width: 250px;
	top: 45%;
	left: 45%;
	background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;
}
#confirmOuiNonWin input {
	/*background-color: #888888;
	color: #ffffff;*/
}
/***************************************************************************************
* Div attente
***************************************************************************************/
#attenteDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#attenteBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
}
#attenteWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	/*background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;*/
	text-align: center;
	font-weight: bold;
	z-index: 1000;
}

/***************************************************************************************
* Div d'aide contextuelle
***************************************************************************************
#aideContextuelleDiv {
	position: absolute;
	background-color: #ffffff;
	border: solid #000000 1px;
	padding: 4px;
}*/

/***************************************************************************************
* Div PostIt
***************************************************************************************/
.simpleTextArea {
	background-color: transparent;
	border: solid #000000 0px;
	overflow-x: hidden;
	overflow-y: hidden;
}
	
#divPostIt {
	position: absolute;
	background: url('/img/postit.gif');
	background-repeat:no-repeat;
	border: solid #000000 0px;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	width: 200px;
	height: 225px;
	text-align: center;
	padding-top: 10px;
	float: right;	
	/*padding-right: 20px;
	padding-bottom: 10px;*/
	/*left: 100px;*/
}
#PostIt {
	width: 100%;
	background-color: #ffffff;
}
#PostIt td {
	background-color: #D7F4F1;
	color: #000000;
	font-size: 12px;
}
.PostItTh1 {
	width: 80%;
	text-align: left;
}
.PostItTh2 {
	width: 20%;
	text-align: right;
}

/***************************************************************************************
* Div Requete
***************************************************************************************/
#divRequete {
	position: absolute;
	border: solid #00aaa1 1px;
	width: 600px;
}
#Requete {
	width: 100%;
	background-color: #ffffff;
}
#Requete td {
	background-color: #D7F4F1;
	color: #000000;
	font-size: 12px;
}
#Requete th {
	background-color: #00aaa1;
	color: #ffffff;
	font-size: 12px;
	height: 25px;
}
.RequeteTh1 {
	width: 80%;
	text-align: left;
}
.RequeteTh2 {
	width: 20%;
	text-align: right;
}

/***************************************************************************************
* Div Sortie de stock
***************************************************************************************/
#divSortieStk {
	position: absolute;
	border: solid #00aaa1 1px;
	width: 500px;
	color: #000000;
}

/***************************************************************************************
* Aide en ligne
***************************************************************************************/
.divAide
{
	position: absolute;
	width: 300px;
	border: 1px solid #888888;
	/*background-color: #ffffff;*/
	text-align: left;
	z-index: 2000;
}
.aideEntete
{
	background-color: #888888;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
.aideContenu
{
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
.aideTitre
{
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-syle: normal;
	font-size: 12px;
}
.aideTexte
{
	color: #000000;
	text-align: left;
	font-syle: normal;
	font-size: 12px;
	font-weight: normal;
}

.divAideEnLigne {
	position: absolute;
	height:200px;
	over-flow: scroll;
	z-index: 500;
}
#divAideEnLigneHandle {
	cursor: move; 
}
.divAideEnLigneTbl {
	width: 500px;
	background-color: #D7D4D3;
	border: 1px solid #888888;
	text-align: left;
}
.divAideEnLigne th {
	background-color: #888888;
	color: #ffffff;
	font-weight: bold;
}
.divAideEnLigne td {
	background-color: #D7D4D3;
	color: #000000;
}
#divAideEnLignePatienter {
	height: 100px;
	text-align: center;
}
#divAideEnLigneContenu {
	height: 500px;
	overflow: auto;
}

/***************************************************************************************
* Article
***************************************************************************************/
.articleParagraphe {margin-left:5px;margin-right:5px;}
.article {padding:5px;}
.articleTitre {margin-left:10px;margin-right:10px;display:inline;}
.paragraphe {padding:5px;} 
.paragrapheTitre {margin-left:10px;margin-right:10px;}

div .articleParagraphe p, div .paragraphe p {margin-top:10px;text-align:justify;text-indent:30px;}

.articleImageGauche {float:left;margin-top:10px;margin-bottom:10px;margin-right:10px;}
.articleImageGauche img {width:120px;}
.articleImageCentre {text-align:center;margin-top:10px;margin-bottom:10px;}
.articleImageCentre img {width:100%;}
.articleImageDroite {float:right;margin-top:10px;margin-bottom:10px;margin-left:10px;}
.articleImageDroite img {width:120px;}

.eliminationFlottant {clear:both;}

/***************************************************************************************
* Login
***************************************************************************************/
.passwordError {color:#ff0000;size:12px;font-weight:bold;}

/***************************************************************************************
* Alerte - accueil
***************************************************************************************/
#divAlerte {
	color:#FF0000;
	size:12px;
	font-weight:bold;
	text-align:right;
	width: 30px;
}

/***************************************************************************************
* Adresse en popup
***************************************************************************************/
#divAdresse {
	width: 500px;
	position: absolute;
	z-index: 20;
}
#divAdresseHandle {
	cursor: move; 
}
#divAdressePatienter {
	width: 100%;
	text-align: center;
}
#divAdresseContenu {
	width: 100%;
}

/***************************************************************************************
* Onglets 
***************************************************************************************/
.trOnglets {
	/*height: 27px;*/
}
.ongletsBas {
	border-bottom-width:3px;
	border-bottom-style:solid;
	text-align: left;
	padding: 2px 2px 2px 10px;
}

.ongletBoutons {
	border-bottom-width:3px;
	border-bottom-style:solid;
}
             
.tabActifOn {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.tabActifOnErreur {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.tabActifOnCourant {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: bold;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.tabActifOn a:hover {
	text-decoration: none;
}
.tabActifOnErreur a:hover {
	text-decoration: none;
}
.tabActifOff {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	cursor: pointer;
}
.tabActifOffErreur {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	cursor: pointer;
}
.tabActifOff a {
	font-weight: bold;
}
.tabActifOffErreur a {
	font-weight: bold;
}
.tabActifOffOver {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: top;
	cursor: pointer;
}
.tabActifOffOver a:hover {
	text-decoration: none;
}
.tabActifOffCourant {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	cursor: pointer;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
.tabActifOffCourant a {
	font-weight: bold;
}
.tabActifOffCourantOver {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
.tabActifOffCourantOver a:hover {
	text-decoration: none;
}

.tabInactif {
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-weight: normal;
}
.tabBoutons {
	text-align: right;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
}

.tabBoutons a {
	font-size: 12px;
	font-weight: bold;
}

.tabBoutonsInfo {
	text-align: right;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
}
.ongletEntete {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.onglet {
	border-style: solid;
	border-width: 0px 0px 0px 1px;
}
.ongletContenu {
	text-align: left;
	padding: 0px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 10px 5px 15px 5px;
}
.ongletBoutonOff {
	font-weight: bold;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.ongletIntro {
	margin-bottom: 10px; 
	font-weight: bold;
}
.collapseDivContainer {
	margin: 20px 0px 8px 0px;
}
.collapseDivOut {
	padding: 0px 0px 2px 0px;
}
.collapseDiv {
	cursor: pointer;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
}
.collapseArrow {
	float: left;
	margin-right: 4px;
}
.collapsibleDiv {
 	padding-top: 4px;
	padding-bottom: 12px;
}
.tabOngletImage {
	padding-left : 8px;
}
.ongletContexte {
	font-weight: bold;
	font-size: 16px;
	padding: 1px 6px 1px 6px;
	color: #ffffff;
  	box-shadow: 0 0 12px #888;
  	-moz-box-shadow: 0 0 12px #888;  
  	-webkit-box-shadow: 0 0 12px #888;
  	
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px;         
}

/***************************************************************************************
* Div search / print
***************************************************************************************/
#divSearch {
	position: absolute;
	width: 600px;
	background-color: #f8f8f8;
}
.searchLib {
	text-align: right;
}
.searchVal {
}
.searchButton {
	text-align: center;
}
#search, .tbPrint {
	width: 100%;
}
#search th, .tbPrint th {
	font-size: 12px;
}
.searchTh1, .printTh1 {
	width: 50%;
	text-align: left;
}
.searchTh2, .printTh2 {
	width: 50%;
	text-align: right;
}
#search td, .tbPrint td {
	font-size: 12px;
}

.divImpression {
	position: absolute;
	width: 300px;
	background-color: #f8f8f8;
	border: solid #888888 1px;
}

/***************************************************************************************
* Div Création Article / Div Remplacer Article / Div Code Barre
***************************************************************************************/
#divCreationArticle, #divReplaceArticle, #divCodeBarreArticle {
	position: absolute;
	width: 600px;
}
#creationArticle, #replaceArticle, #tbCodeBarreArticle {
	width: 100%;
}
#creationArticle th, #replaceArticle th, #tbCodeBarreArticle th {
	font-size: 12px;
}
.creationArticleTh1, .replaceArticleTh1, .codeBarreArticleTh1 {
	width: 40%;
	text-align: left;
}
.creationArticleTh2, .replaceArticleTh2, .codeBarreArticleTh2 {
	width: 60%;
	text-align: right;
}
#creationArticle td, #replaceArticle td, #tbCodeBarreArticle td {
	font-size: 12px;
}
/***************************************************************************************
* Div Duplication Article
***************************************************************************************/
#divDuplicationArticle {
	position: absolute;
	width: 600px;
}
#duplicationArticle {
	width: 100%;
}
#duplicationArticle th {
	font-size: 12px;
}
.duplicationArticleTh1 {
	text-align: left;
}
.duplicationArticleTh2 {
	text-align: right;
}
#duplicationArticle td {
	font-size: 12px;
}
/***************************************************************************************
* Div Export Excel
***************************************************************************************/
.divExportExcel {
	position: absolute;
	width: 400px;
}
.exportExcelLib {
	text-align: right;
}
.exportExcelVal {
}
.exportExcelButton {
	text-align: center;
}
#exportExcel {
	width: 100%;
}
#exportExcel th {
	font-size: 12px;
	height: 25px;
}
.exportExcelTh1 {
	width: 30%;
	text-align: left;
}
.exportExcelTh2 {
	width: 70%;
	text-align: right;
}
#exportExcel td {
	font-size: 12px;
}
.exportExceltdBoutonGauche {
	font-size: 12px;
	width: 50%;
	text-align:right;
	padding-right:4px;
}
.exportExceltdBoutonDroit {
	font-size: 12px;
	width: 50%;
	text-align:left;
	padding-left:4px;
}
/***************************************************************************************
* Div Export Pdf
***************************************************************************************/
#divExportPdf {
	position: absolute;
	width: 400px;
	z-index: 10;
}

.divExportPdf {
	position: absolute;
	width: 400px;
	z-index: 10;
}

#divExportWord {
	position: absolute;
	width: 400px;
	z-index: 10;
}

#divMailPiece {
	position: absolute;
	width: 400px;
	z-index: 10;
}
#divArticleRafaleListe {
	height: 300px;
	overflow-y: scroll;
}

.exportPdfLib {
	text-align: right;
}
.exportPdfVal {
}
.exportPdfButton {
	text-align: center;
}
#exportPdf {
	width: 100%;
}
#exportPdf th {
	font-size: 12px;
	height: 20px;
}
.exportPdfTh1 {
	width: 30%;
	text-align: left;
}
.exportPdfTh2 {
	width: 70%;
	text-align: right;
}
#exportPdf td {
	font-size: 12px;
}
.exportPdftdBoutonGauche {
	font-size: 12px;
	width: 50%;
	text-align:right;
	padding-right:4px;
}
.exportPdftdBoutonDroit {
	font-size: 12px;
	width: 50%;
	text-align:left;
	padding-left:4px;
}

/***************************************************************************************
* Liste
***************************************************************************************/
.entete {
	margin: 0px 0px 0px 10px;
	font-size: 16px;
	font-weight: bold;
}
.results {
	padding: 4px;
	font-size: 12px;
}
.liste {
}
.liste th, .liste.table>thead>tr>th {
	font-size: 12px;
	height: 25px;
	text-align: center;
}
.liste th a {
	font-size: 12px;
}
.liste .ligne1 {
	font-size: 12px;
}
.liste .ligne2 {
	font-size: 12px;
}
.liste .ligneSoustotal {
	font-size: 12px;
	font-weight: bold;
}
.liste .ligne1deleted {
	font-size: 12px;
	text-decoration: line-through;
}
.liste .ligne2deleted {
	font-size: 12px;
	text-decoration: line-through;
}
.liste .ligne1error {
	background-color: #b0b1cf;
	font-size: 12px;
	color:#ff0000;
	font-weight: bold;
}
.liste .ligne2error {
	background-color: #e4e4ee;
	font-size: 12px;
	color:#ff0000;
	font-weight: bold;
}
.liste .ligne1deleted td{
	text-decoration: line-through;
}
.liste .ligne2deleted td{
	text-decoration: line-through;
}
.ligneAnnulee td{
	text-decoration: line-through;	
}
.action {
	text-align: center;
	width: 100px;
}
.actionPiece {
	text-align: center;
	width: 200px;
}
.tdAction {
	width: 20px;
	padding: 0px 2px 0px 2px;
}
.paginationExt {
	margin: 5px 0px 5px 2px;
	text-align: left;
	font-size: 12px;	
}
.paginationOut {
	padding: 1px 0px 1px 0px;
	border-style: solid;
	border-width: 1px 0px 1px 0px; 
}
.paginationIn {
	padding: 4px;
	background: url('/img/pageBG.png');
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
	font-weight: bold;
}
.collapseArrow {
	float: left;
	margin-right: 4px;
}

.pagination {
	width: 100%;
	text-align: center;
}
.pagination {
	
}

/***************************************************************************************
* détail
***************************************************************************************/
.readOnlyTextAreaDiv {
	height: 100px;
	width: 292px;
	border: dotted #888888 1px;
	overflow: auto;
	padding: 2px;
}
.divInfos {
	position: absolute;
	width: 300px;
	text-align: left;
	z-index: 20;
	padding: 2px;
	font-weight: normal;
}
#blocDetail {
	background-color: #ffffff;
	margin-top: 5px;	
}
#blocDetail th {
	color: #ffffff;
	text-align: left;
}
#blocDetail tr{
	height: 25px;
}
.blocTitre {
	text-align: left;
}

/***************************************************************************************
* Pièce
***************************************************************************************/
.pieceAvoir {
	color: #ff0000;
}
.pieceAvoir a {
	color: #ff0000;
}

/***************************************************************************************
* Filiation
***************************************************************************************/
.filiationTable {
	width: 100%;
	height: 24px;
}
.filiationTr {
	height: 24px;
}
.filiationFils {
	height: 12px;
	border-width: 0px 0px 0px 1px;
	border-style: dotted;
	border-color: #000000;
}
.filiationFilsLast {
	height: 12px;
	border-width: 0px 0px 1px 1px;
	border-style: dotted;
	border-color: #000000;
}
.filiationPere {
	height: 12px;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #000000;
}
.filiationPereLast {
	height: 12px;
	border-width: 1px 1px 0px 0px;
	border-style: dotted;
	border-color: #000000;
}
.filiationLien {
	height: 24px;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #000000;
}
.divFiliation {
	position: absolute;
	margin: -18px 0px 0px 110px;
	padding: 2px;
	border: solid #000000 1px;
	background-color: #ffffff;
	font-size: 10px;
}

/*
.filiationMilieuG {
	height: 24px;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #000000;
}
.filiationMilieuH {
	height: 24px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #000000;
}
.filiationAucun {
	height: 24px;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #000000;
}*/

/***************************************************************************************
* Inventaire
***************************************************************************************/
.inventaireList {
	height: 400px;
	overflow: auto;
}

/***************************************************************************************
* Etat du stock
***************************************************************************************/
.stockEtatReel {
	color: #008800;
}
.stockEtatTheorique {
	color: #ff8800;
}
/***************************************************************************************
* Publication
***************************************************************************************/
.publicationTitre {
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0px 10px 0px;
}
.publicationIntro {
	font-size: 14px;
}
.publicationParTitre {
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}
.publicationImg {
	max-width: 150px;
}
.publicationImgDivCentre {
	margin: 10px;
	text-align: center;
}
.publicationImgDivGauche {
	margin: 0px 10px 10px 0px;
	float: left;
	width: 150px;
}
.publicationImgDivDroite {
	margin: 0px 0px 10px 10px;
	float: right;
	max-width: 150px;
}
/***************************************************************************************
* Visu image
***************************************************************************************/
#visuImageBG {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 3000;
}
#visuImageWinOut {
	position: absolute;
	background-color: transparent;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 3000;
}
#visuImageWin {
	background-color: #ffffff;
	padding: 4px;
	text-align: left;
  	box-shadow: 0 0 20px #666;
  	-moz-box-shadow: 0 0 20px #666;  
  	-webkit-box-shadow: 0 0 20px #666;
	z-index: 1000;
}
#visuImageImgOut {
	border: solid #888888 1px;
	padding: 2px;
}
#visuImageImg {
	max-width: 930px;
}

/***************************************************************************************
* Extranet
***************************************************************************************/
.extranetIntro {
	margin: 10px 0px 10px 0px;
}


.divPopup {
	position: absolute;
	width: 700px;
	left: 400px;
	z-index: 10;
	border: solid #394b8e 1px;
}
.divPopup .header {
	background-color: #394b8e;
	color: #fff;
	height: 20px;
	font-weight: bold;
	padding: 4px;
}
.divPopup .content {
	background-color: #bbf;
	padding: 4px;
}


.chorusValue {
	font-style: italic;
}

/***************************************************************************************
* Bootstrap
***************************************************************************************/

.tooltip-inner {
	color: #000;
	text-align: center;
	background-color: #f8f8f8;
	border-radius: 4px;
	border-color: #dae4e5;
}
.tooltip.in {
	filter: alpha(opacity=100);
	opacity: 1;
}

.table-extracondensed>tbody>tr>td, .table-extracondensed>tbody>tr>th, .table-extracondensed>tfoot>tr>td, .table-extracondensed>tfoot>tr>th, .table-extracondensed>thead>tr>td, .table-extracondensed>thead>tr>th {
	padding: 2px 5px;
}

.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>td, .table-borderless>tfoot>tr>th, .table-borderless>thead>tr>td, .table-borderless>thead>tr>th {
	border: none;
}

.margin-right-05 {
	margin-right: 5px;
}
.margin-right-10 {
	margin-right: 10px;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-right-20 {
	margin-right: 20px;
}
.margin-right-30 {
	margin-right: 30px;
}

.margin-left-05 {
	margin-left: 5px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-15 {
	margin-left: 15px;
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-left-30 {
	margin-left: 30px;
}

.margin-top-05 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}

.margin-bottom-05 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}

.padding-right-05 {
	padding-right: 5px;
}
.padding-right-10 {
	padding-right: 10px;
}
.padding-right-15 {
	padding-right: 15px;
}
.padding-right-20 {
	padding-right: 20px;
}
.padding-right-30 {
	padding-right: 30px;
}

.padding-left-05 {
	padding-left: 5px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-left-15 {
	padding-left: 15px;
}
.padding-left-20 {
	padding-left: 20px;
}
.padding-left-30 {
	padding-left: 30px;
}

.padding-top-05 {
	padding-top: 5px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-15 {
	padding-top: 15px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-05 {
	padding-bottom: 5px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-bottom-15 {
	padding-bottom: 15px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}