BODY
{
	margin: 0px;
	cursor: default;
    margin:0;
    padding:0;
    height:100%;
}

BODY, A, INPUT, DIV, SELECT, TEXTAREA, TABLE, TD, TH, SPAN
{
	font-family: 'Open Sans', Verdana;
	font-size: 10pt;
	/*font-family: Verdana;
	font-size: 8pt;*/
	/*background-image: url(../images/backcenter_v2.png);
	background-repeat: repeat-y;
	background-position: center;*/
}

/* Bouton PREV / NEXT */
input.ButtonPrev, input.ButtonNext
{
    width: 44px;
    height: 44px;
    border: solid 1px #999;
	border-radius: 5px;
    margin: 8px 8px 0px 0px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
input.ButtonPrev
{
    background-image: url(../icons/16x16_Left.png), linear-gradient(#fff, #ddd);
}
input.ButtonNext {
	background-image: url(../icons/16x16_Right.png), linear-gradient(#fff, #ddd);
}
input.ButtonPrev:disabled, input.ButtonPrev:disabled:hover {
	background-color: #ddd;
	background-image: url(../icons/16x16_Left.png);
}
input.ButtonNext:disabled, input.ButtonNext:disabled:hover {
	background-color: #ddd;
	background-image: url(../icons/16x16_Right.png);
}
input.ButtonPrev:not(:disabled):hover, input.ButtonNext:not(:disabled):hover
{
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
input.ButtonPrev:not(:disabled):hover {
	background-image: url(../icons/16x16_Left.png), linear-gradient(#fff, #fff);
}
input.ButtonNext:not(:disabled):hover {
	background-image: url(../icons/16x16_Right.png), linear-gradient(#fff, #fff);
}
/*input.aspNetDisabled.ButtonPrev:hover {
	background-image: url(../icons/16x16_Left.png), linear-gradient(#fff, #ddd);
	border-color: #999;
	box-shadow: none;
	cursor: default;
}
input.aspNetDisabled.ButtonNext:hover {
	background-image: url(../icons/16x16_Right.png), linear-gradient(#fff, #ddd);
	border-color: #999;
	box-shadow: none;
	cursor: default;
}*/
input.ButtonPrev:disabled, input.ButtonNext:disabled {
	filter: grayscale(1);
	cursor: default;
}

/* Bouton */
INPUT.ButtonUpload
{
}
input.Button, input.Icon, input.ButtonL, a.Button {
	display: inline-block;
	margin: 8px 8px 0px 0px;
	border: solid 1px #999;
	border-radius: 5px;
	background: linear-gradient(#fff, #ddd);
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
	height: 44px;
	cursor: pointer;
}
input.Button, a.Button {
	width: 140px;
}
input.Icon {
	width: 44px;
	vertical-align: top;
}
input.Button:hover, input.Icon:hover, input.ButtonL:hover, a.Button:hover
{
	background: #fff;
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
input.Button_DIS {
	display: inline-block;
	margin: 8px 8px 0px 0px;
	border: solid 1px #999;
	border-radius: 5px;
	width: 140px;
	height: 44px;
	background: #ddd;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #808080;
}
INPUT.Button_SEL
{
	margin: 8px 8px 0px 0px;
	border: 0px;
	width: 140px;
	height: 44px;
	background-image: url(../images/ucBouton_outsel.png);
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
INPUT.Button_SEL:hover
{
	background-image: url(../images/ucBouton_insel.png);
}

input.ButtonL
{
	width: 242px;
}
INPUT.ButtonL_DIS {
	margin: 8px 8px 0px 0px;
	border: solid 1px #999;
	border-radius: 5px;
	width: 242px;
	height: 44px;
	background-color: #ddd;
	font-style: normal;
	font-weight: bold;
	color: #808080;
}

INPUT.ButtonsXS
{
	border: 0px;
	width: 22px;
	height: 22px;
	background-color: #eeeeee;
	border: solid 1px #999999;
	border-radius: 3px;
	margin: 0px 0px 0px 4px;
}
INPUT.ButtonsXS:hover
{
	background-color: #ffffff;
	border: solid 1px #333333;
}

INPUT.IconBarCode
{
	background-image: url(../icons/16x16_Barcode.png);
	background-repeat: no-repeat;
	background-position:  center center;
}
INPUT.IconDownload
{
	background-image: url(../icons/16x16_Download.png);
	background-repeat: no-repeat;
	background-position: center center;
}

INPUT.ButtonXL
{
	margin: 8px 8px 0px 0px;
	border: 0px;
	width: 380px;
	height: 44px;
	background-image: url(../images/ucButton380_out.png);
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 8px;
}
INPUT.ButtonXL_DIS
{
	margin: 8px 8px 0px 0px;
	border: 0px;
	width: 380px;
	height: 44px;
	background-image: url(../images/ucButton380_out.png);
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #808080;
	text-align: left;
	padding-left: 8px;
}
INPUT.ButtonXL:hover
{
	background-image: url(../images/ucButton380_in.png);
}

INPUT.ButtonIconXL
{
	margin: 8px 8px 0px 0px;
	border: 0px;
	width: 480px;
	height: 44px;
	background-color: #eeeeee;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 44px;
	border: solid 1px #999999;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
INPUT.ButtonIconXL:hover
{
	border: solid 1px #333333;
	background-color: #ffffff;
}
INPUT.IconPrestation
{
	background-image: url(../icons/Prestation.png);
}
INPUT.IconProduit
{
	background-image: url(../icons/Produit.png);
}
INPUT.IconTarif
{
	background-image: url(../icons/Tarif.png);
}

INPUT.ButtonS
{
	width: 16px;
	height: 16px;
	background-color: Transparent;
	background-image: url(../icons/16x16_Ok_DIS.png);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	margin-left: 8px;
}
INPUT.ButtonS:hover
{
	background-image: url(../icons/16x16_Ok.png);
}

INPUT.ButtonG
{
	margin: 8px 0px 0px 8px;
	border: solid 1px #999;
	border-radius: 5px;
	display: block;
	width: calc(100% - 16px);
	height: 44px;
	background: linear-gradient(#fff, #ddd);
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #000000;
	padding-left: 8px;
	cursor: pointer;
}
INPUT.ButtonG:hover {
	background: #fff;
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
INPUT.ButtonG_DIS {
	margin: 8px 0px 0px 8px;
	border: solid 1px #999;
	border-radius: 5px;
	display: block;
	width: calc(100% - 16px);
	height: 44px;
	background-color: #ddd;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #808080;
	padding-left: 8px;
}
INPUT.ButtonG_SEL {
	margin: 8px 0px 0px 8px;
	border: solid 1px #000;
	border-radius: 5px;
	display: block;
	width: calc(100% - 16px);
	height: 44px;
	background: var(--color-dark);
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding-left: 8px;
	cursor: pointer;
}
INPUT.ButtonG_SEL:hover {
	box-shadow: 0 0 2px #000;
}
INPUT.ButtonGS {
	margin: 8px 0px 0px 8px;
	border: solid 1px #000;
	border-radius: 5px;
	display: block;
	width: calc(100% - 16px);
	height: 44px;
	background: var(--color-dark);
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #fff;
	cursor: pointer;
}
INPUT.ButtonGS:hover {
	box-shadow: 0 0 2px #000;
}
INPUT.Delete
{
	width: 44px;
	height: 44px;
	border: 0px;
	background-image: url(../images/ButtonDelete_out.png);
	background-color: Transparent;
	cursor: pointer;
}
INPUT.Delete:hover
{
	background-image: url(../images/ButtonDelete_in.png);
}

TABLE.wd640
{
    min-width: 640px;
}

TABLE.inTable
{
    width: 640px;
    margin-top: 8px;
    padding: 0;
    border: solid 1px #999;
    background-color: #fff;
}
TABLE.inTable SELECT
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #fff;
	border: solid 1px #999999;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	height: 28px;
}
TABLE.inTable SELECT OPTION
{
    font-weight: bold;
}
TABLE.inTable SELECT OPTION:disabled
{
    font-weight: normal;
    color: #ccc;
}
TABLE.inTable INPUT[type=text]
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border: solid 1px #999999;
	padding: 0 4px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	height: 28px;
}
TABLE.inTable INPUT[type=text].noborder
{
	border: none;
	padding: 0;
	margin: 0;
	height: 32px;
	text-indent: 8px;
}
TABLE.inTable INPUT[type=text].noborder:focus
{
	background-color: #fff176;
}
TABLE.inTable TD.borderl
{
    border-left: solid 1px #ccc;
    padding: 0px;
}
TABLE.inTable INPUT[type=text]:disabled, TABLE.inTable SELECT:disabled
{
	background-color: #eee !important;
	border: solid 1px #ccc;
	opacity: 1.0;
}
TABLE.inTable INPUT[type=text].invisibleText, TABLE.inTable SELECT.invisibleText
{
	color: #eee !important;
}
TABLE.inTable INPUT[type=text]::placeholder
{
    color: #ccc;
    font-weight: normal;
}
TABLE.inTable INPUT[type=text].invisibleText::placeholder
{
    color: #eee;
}
TABLE.inTable .wdCheck
{
    width: 32px;
    box-sizing: border-box;
}
TABLE.inTable .wdButton
{
    width: 60px;
    box-sizing: border-box;
}
TABLE.inTable .wdDate
{
    width: 100px;
    box-sizing: border-box;
}
TABLE.inTable .wdMarque
{
    width: 310px;
    box-sizing: border-box;
}
TABLE.inTable BUTTON
{
    padding: 0 8px;
    border: solid 1px #999;
    border-radius: 3px;
	background: none;
	background-color: #eeeeee;
	background: linear-gradient(#ffffff,#dddddd);
	font-weight: normal;
	outline: none;
	height: 28px;
	cursor: pointer;
}
TABLE.inTable BUTTON:disabled {
	background: #ddd;
	cursor: default;
	color: #808080;
}
TABLE.inTable BUTTON:not(:disabled):hover {
	background: #fff;
	border: solid 1px #000;
	box-shadow: 0 0 2px #000;
}
TABLE.inTable THEAD TD
{
    color: #666;
    padding: 4px 2px 0 4px;
    background-color: #eee;
}
TABLE.inTable TFOOT TD
{
    font-weight: bold;
    border-top: solid 1px #ccc;
    padding: 4px;
    color: #000;
}
TABLE.inTable.inLock TFOOT TD
{
    background-color: #eee;
    color: #666;
}
TABLE.inTable THEAD TD SPAN, TABLE.inTable TBODY TD SPAN, TABLE.inTable TFOOT TD SPAN
{
    padding-left: 5px;
}
TABLE.inTable TBODY TD
{
    padding: 4px 4px 6px 4px;
    background-color: #eee;
}
TABLE.inTable TD.lock
{
    background-color: #eee;
    color: #666;
}

INPUT.TextPrice
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	width: 75px;
	border: solid 1px #999999;
	text-align: right;
	padding: 4px 3px 4px 3px;
}
INPUT.TextCode
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	width: 110px;
	border: solid 1px #999999;
	text-align: left;
	padding: 4px 3px 4px 3px;
}
INPUT.TextSmallPrice
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	width: 57px;
	border: solid 1px #999999;
	text-align: right;
	padding: 4px 3px 4px 3px;
}
INPUT.TextError
{
	border: solid 1px #cc0000;
	background-color: #ffeeee;
}

DIV.Info
{
	color: #333333;
	width: 640px;
	text-align: justify;
	line-height: 18px;
	padding: 8px 0px 8px 0px;
}
div.InfoGauche {
	color: #333333;
	text-align: left;
	line-height: 18px;
	padding: 8px 0px 8px 0px;
}
DIV.Info h3, div.InfoGauche h3
{
    font-size: 10pt;
    display: block;
    height: 18px;
    line-height: 18px;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}
SPAN.Aide
{
    display: block;
	color: #333333;
	width: 440px;
	font-style: italic;
	text-align: justify;
	line-height: 16px;
	padding: 0px 0px 16px 0px;
	margin-left: 200px;
}
DIV.InfoSep
{
	margin: 24px 0px 0px 0px;
	border-top: dotted 1px #999999;
}
SPAN.Info
{
	display: block;
	margin: 8px 8px 0px 8px;
	color: #333333;
}

/* ----------------------------------------- */
/*                  Boutons                  */
/* ----------------------------------------- */
DIV.Size640x40
{
	width: 640px;
	height: 40px;
	background-image: url(../images/tr640x40_out.png);
}
DIV.Size640x40:hover
{
	background-image: url(../images/tr640x40_in.png);
}
DIV.Size640x40_SEL
{
	width: 640px;
	height: 40px;
	background-image: url(../images/tr640x40_insel.png);
}

DIV.OneLine
{
	text-align: left;
	line-height: 40px;
	vertical-align: middle;
	margin-bottom: 8px;
}
DIV.TwoLines,
DIV.ThreeLines,
DIV.FourLines
{
	text-align: left;
	line-height: 18px;
	vertical-align: middle;
	margin-bottom: 8px;
}

DIV.ThreeLines
{
    display: block;
    width: 640px;
    height: 66px;
	border: solid 1px #cccccc;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.5);
}
DIV.ThreeLines:hover
{
	border: solid 1px #333333;
	background-color: #ffffff;    
}

DIV.FourLines
{
    display: block;
    width: 640px;
    height: 88px;
	border: solid 1px #cccccc;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.5);
}
DIV.FourLines:hover
{
	border: solid 1px #333333;
	background-color: #ffffff;    
}

DIV.OneLine IMG
{
	float: left;
	width: 32px;
	height: 32px;
	padding: 4px 8px 0px 8px;
}
DIV.TwoLines IMG
{
	float: left;
	width: 32px;
	height: 32px;
	padding: 8px 8px 0px 8px;
}
DIV.ThreeLines IMG
{
	float: left;
	width: 32px;
	height: 32px;
	padding: 17px 8px 17px 8px;
}
DIV.FourLines IMG
{
	float: left;
	width: 32px;
	height: 32px;
	padding: 28px 8px 28px 8px;
}

DIV.TwoLines DIV,
DIV.ThreeLines DIV,
DIV.FourLines DIV
{
	padding-top: 6px;
}

DIV.OneLine DIV SPAN
{
	float: left;
	overflow: hidden;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	height: 40px;
}
DIV.TwoLines DIV SPAN,
DIV.ThreeLines DIV SPAN,
DIV.FourLines DIV SPAN
{
	float: left;
	overflow: hidden;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	height: 18px;
}
DIV.OneLine DIV SPAN.Size400,
DIV.TwoLines DIV SPAN.Size400,
DIV.ThreeLines DIV SPAN.Size400,
DIV.FourLines DIV SPAN.Size400
{
	width: 400px;
}
DIV.OneLine DIV SPAN.Size300,
DIV.TwoLines DIV SPAN.Size300,
DIV.ThreeLines DIV SPAN.Size300,
DIV.FourLines DIV SPAN.Size300
{
	width: 300px;
}
DIV.OneLine DIV SPAN.Size250,
DIV.TwoLines DIV SPAN.Size250,
DIV.ThreeLines DIV SPAN.Size250,
DIV.FourLines DIV SPAN.Size250
{
	width: 250px;
}
DIV.OneLine DIV SPAN.Size200,
DIV.TwoLines DIV SPAN.Size200,
DIV.ThreeLines DIV SPAN.Size200,
DIV.FourLines DIV SPAN.Size200
{
	width: 200px;
}
DIV.OneLine DIV SPAN.Size180,
DIV.TwoLines DIV SPAN.Size180,
DIV.ThreeLines DIV SPAN.Size180,
DIV.FourLines DIV SPAN.Size180
{
	width: 180px;
}
DIV.OneLine DIV SPAN.Size158,
DIV.TwoLines DIV SPAN.Size158,
DIV.ThreeLines DIV SPAN.Size158,
DIV.FourLines DIV SPAN.Size158
{
	width: 158px;
}
DIV.OneLine DIV SPAN.Size150,
DIV.TwoLines DIV SPAN.Size150,
DIV.ThreeLines DIV SPAN.Size150,
DIV.FourLines DIV SPAN.Size150
{
	width: 150px;
}
DIV.OneLine DIV SPAN.Size140,
DIV.TwoLines DIV SPAN.Size140,
DIV.ThreeLines DIV SPAN.Size140,
DIV.FourLines DIV SPAN.Size140
{
	width: 140px;
}
DIV.OneLine DIV SPAN.Size100,
DIV.TwoLines DIV SPAN.Size100,
DIV.ThreeLines DIV SPAN.Size100,
DIV.FourLines DIV SPAN.Size100
{
	width: 100px;
}
DIV.OneLine DIV SPAN.Size75,
DIV.TwoLines DIV SPAN.Size75,
DIV.ThreeLines DIV SPAN.Size75,
DIV.FourLines DIV SPAN.Size75
{
	width: 75px;
}
DIV.OneLine DIV SPAN.Size50,
DIV.TwoLines DIV SPAN.Size50,
DIV.ThreeLines DIV SPAN.Size50,
DIV.FourLines DIV SPAN.Size50
{
	width: 50px;
}
DIV.OneLine DIV SPAN.Marge8,
DIV.TwoLines DIV SPAN.Marge8,
DIV.ThreeLines DIV SPAN.Marge8,
DIV.FourLines DIV SPAN.Mage8
{
	margin: 0px 8px 0px 8px;
}
DIV.OneLine DIV SPAN.Gras,
DIV.TwoLines DIV SPAN.Gras,
DIV.ThreeLines DIV SPAN.Gras,
DIV.FourLines DIV SPAN.Gras
{
	font-weight: bold;
}
DIV.OneLine DIV SPAN.Rouge,
DIV.TwoLines DIV SPAN.Rouge,
DIV.ThreeLines DIV SPAN.Rouge,
DIV.FourLines DIV SPAN.Rouge
{
	color: #cc0000;
}
DIV.OneLine DIV SPAN.Right,
DIV.TwoLines DIV SPAN.Right,
DIV.ThreeLines DIV SPAN.Right,
DIV.FourLines DIV SPAN.Right
{
	text-align: right;
}

DIV.TwoLines DIV SPAN.VCenter
{
    margin-top: -8px;
}

/* --- Table avec entête fixe et body scrollable --- */
TABLE.Grille THEAD
{
    display: block;
    background-color: #ffffff;
    border: solid 1px #999999;
}
TABLE.Grille TBODY
{
    display: block;
    overflow-y: scroll;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
}
TABLE.Grille THEAD TD
{
    padding-top: 4px;
    padding-bottom: 4px;
}
TABLE.Grille TBODY TD
{
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: solid 1px #cccccc;
}
TABLE.Grille TBODY TR:last-child TD
{
    border-bottom: none;
}
TABLE.Grille TD.hIcon
{
    width: 48px;
    text-align: center;
}
TABLE.Grille TD.hLabel
{
    width: 300px;
    max-width: 300px;
    overflow-x: hidden;
    text-align: left;
}
TABLE.Grille TD.hText
{
    width: 80px;
    text-align: center;
    vertical-align: top;
}
TABLE.Grille TD.hText span
{
    display: block;
    font-size: 7pt;
    font-weight: bold;
    border-top: solid 1px #999999;
    color: #666666;
    margin: 0 2px 2px 2px;
}

/* ----------------------------------------- */

DIV.Caisse
{
	overflow: hidden;
	padding: 0px 40px 20px 40px;
	max-width: 900px;
}
div.Caisse table {
	background-color: #fff;
	border: solid 1px #999;
	border-left: solid 5px var(--color-dark);
	border-radius: 5px;
	padding: 16px;
}
DIV.Caisse TABLE THEAD TD
{
    color: #333333;
    line-height: 18px;
}

/* Tableau */
TABLE.List
{
	width: 640px;
}
TABLE.List TBODY TR:hover
{
	background-color: #ffffff;
}
TR.List:hover
{
	/*width: 668px;*/
	background-color: #ffffff;
}
TR.List A
{
    color: #000000;
    text-decoration: none;
    border-bottom: dotted 1px #000000;
}
TR.List A:hover
{
    border-bottom: solid 1px #000000;    
}
TD.ListHeader
{
	border-bottom: solid 1px #cccccc;
	height: 8px;
	font-size: 6pt;
}
TD.ListFooter
{
	height: 8px;
	font-size: 6pt;
}
TD.ListFooterNoSep
{
	height: 8px;
	font-size: 6pt;
}
TD.ListIcon
{
	width: 32px;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
TD.ListTool
{
	width: 56px;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
TD.ListFamille
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	height: 40px;
}
TD.ListMain
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}
TD.ListRadio
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-align: left;
	width: 16px;
}
TD.ListLabel
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	line-height: 20px;
}
TD.ListPrix
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	width: 100px;
}
TD.ListTextbox
{
	border-bottom: solid 1px #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
}
TD.ListRed
{
    background-color: #cc3333;
    color: #fff;
    font-weight: bold;
}
TD.ListGreen
{
    background-color: #33cc33;
    color: #fff;
    font-weight: bold;
}
TD.ListGray
{
    background-color: #999;
    color: #fff;
    font-weight: bold;
}
TD.ListWdXS
{
    width: 55px;
}
TD.ListWd100
{
    width: 100px;
}
TD.ListWd200
{
    width: 200px;
}
TD.ListWd300
{
    width: 300px;
}
TD.ListWd400
{
    width: 400px;
}
TD.ListWd500
{
    width: 500px;
}

TD.HeaderLabel
{
	font-style: italic;
	font-weight: normal;
	color: #666666;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: solid 1px #cccccc;
}
TD.HeaderNoBorder
{
    border-bottom: solid 1px #f5f5f5;
}
TD.HeaderLabel A
{
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	border-bottom: dotted 1px #666666;
	margin: 0px 0px 0px 16px;
}
TD.HeaderLabel A:hover
{
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	border-bottom: solid 1px #666666;
}
TD.FooterIcon
{
	width: 32px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
}
TD.FooterLabel
{
	font-style: normal;
	font-weight: normal;
	color: #666666;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: left;
}
TD.FooterPrix
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: right;
	width: 100px;
}
TD.Gauche, SPAN.Gauche
{
	text-align: left;
}
TD.Droite, SPAN.Droite
{
	text-align: right;
}
TD.Centre
{
	text-align: center;
}

TR.Caisse:hover
{
	background-color: var(--color-light);
}
TD.CaisseHeader
{
	font-style: normal;
	font-weight: normal;
	color: var(--color-dark);
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: solid 1px #cccccc;
}
TD.CaisseItem
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}
td.Invisible
{
	display: none;
}
TD.Underline:hover
{
	text-decoration: underline;
}
TD.CaisseItemBig
{
	font-style: normal;
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}
TD.CaisseIcon
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	width: 20px;
	line-height: 16px;
}
TD.CaisseSep
{
	border-bottom: solid 1px #999999;
}
div.CaisseTotal {
	background-color: #fff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-radius: 0 0 5px 5px;
	padding: 8px 16px;
	float: right;
	position: relative;
	top: -1px;
	z-index: 1;
}
div.CaisseTotal div.caisse-lib {
	display: inline-block;
	color: var(--color-dark);
	font-weight: normal;
	margin-right: 20px;
}
div.CaisseTotal div.caisse-mnt {
	display: inline-block;
	font-size: 16pt;
	font-weight: bold;
	color: #000;
}
div.CaisseTotal div.caisse-sep {
	display: inline-block;
	color: var(--color-dark);
	font-weight: normal;
	margin-right: 60px;
}


DIV.Formulaire
{
	padding: 24px 0px 24px 0px;
}


SPAN.Message
{
	font-style: italic;
	font-weight: normal;
	color: #404040;
	line-height: 120px;
}


/* Apparence de la master page */
DIV.masterTop
{
	position: absolute;
	z-index: 103;
	left: 0;
	right: 0;
	top: 0;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	border-bottom: solid 2px #404040;
	box-shadow: 0px 2px 4px #808080;
	overflow: hidden;
}
DIV.masterButtons
{
	border-top: solid 2px #404040;
	text-align: right;
	z-index: 102;
	position:  absolute;
	height: 60px;
	left: 0;
	right: 0;
    bottom : 0;
	margin: 0;
	padding: 0;
}
DIV.masterGauche
{
	position: absolute;
	z-index: 100;
	border-right: solid 1px #808080;
	overflow-x: hidden;
	overflow-y: auto;
	top: 50px;
	bottom: 62px;
	left: 0;
	width: 278px;
	margin: 0;
	padding: 0;
}
DIV.masterGaucheMarge
{
	padding-bottom: 8px;
}
DIV.masterContent
{
	position: absolute;
	z-index: 101;
	overflow: auto;
	top: 50px;
	bottom: 62px;
	left: 279px;
	right: 0;
}
DIV.masterBackImage
{
	background-image: url(../images/Fond_8.png);
	background-position: center center;
	background-repeat: no-repeat;
}
DIV.masterMenu
{
	position: absolute;
	padding-bottom: 8px;
	border: solid 1px #333333;
    -moz-box-shadow: 3px 3px 3px #333333;  
    -webkit-box-shadow: 3px 3px 3px #333333;  
    box-shadow: 3px 3px 3px #333333;  
	-moz-border-radius: 0px 4px 4px 4px;
	-webkit-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4px 4px 4px;
}
DIV.masterMenuMarge
{
	padding-right: 8px;
}

DIV.Toolbar
{
	/*margin-left: 16px;*/
	text-align: left;
	width: 640px;
}
DIV.SmallButtons
{
	height: 44px;
	margin-left: 8px;
	margin-top: 8px;
}


/* Spécifique aux listes */
TD.produitTitre
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	height: 20px;
}
TD.produitDesc
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	height: 20px;
}
TD.produitMarque
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	height: 20px;
}
TD.produitContenance
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	height: 20px;
	width: 140px;
}
TD.produitPrix
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
	height: 20px;
	width: 140px;
}
TD.tarifDate
{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	height: 20px;
	width: 140px;
	text-align: right;
}
TD.Logo
{
	width : 100px;
	padding: 4px;
}
IMG.Logo
{
	border: solid 1px #404040;
}

IMG.Message
{
	border: solid 1px #999999;
	width: 438px;
	background-color: #ffffff;
	margin-top: -4px;
}


IMG.SmallButton
{
	margin-right: 8px;
	margin-bottom: 8px;
	width: 32px;
	height: 32px;
	padding: 6px;
	background-image: url(../images/ucSmallButton_out.png);
}
IMG.SmallButton:hover
{
	background-image: url(../images/ucSmallButton_insel.png);
}
IMG.SmallButton_SEL
{
	margin-right: 8px;
	margin-bottom: 8px;
	width: 32px;
	height: 32px;
	padding: 6px;
	background-image: url(../images/ucSmallButton_outsel.png);
}
IMG.SmallButton_SEL:hover
{
	background-image: url(../images/ucSmallButton_outsel.png);
}

IMG.Icon
{
	margin-right: 8px;
}


DIV.Verrou
{
	width: 632px;
	text-align: right;
	margin-top: 8px;
	/*padding-top: 4px;*/
}


DIV.Logo
{
	text-align: center;
	margin: 8px;
}
IMG.Logo
{
	border-color: #808080;
	background-color: #ffffff;
}

DIV.Version
{
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-align:	right;
	padding-bottom: 96px;
	padding-right: 16px;
	letter-spacing: 1px;
}

TABLE.calTitre TD
{
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

TD.calMois
{
	border: solid 1px #999999;
	width: 48px;
	height: 32px;
    color: #666666;
}
TD.calAutre
{
	border: solid 1px #999999;
	width: 48px;
	height: 32px;
    color: #000000;
}
TD.calDisabled
{
	border: solid 1px #999999;
	width: 48px;
	height: 32px;
    color: #cccccc;
}
TH.calEntete
{
	width: 48px;
	height: 32px;
	line-height: 32px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border-top: solid 1px #999999;
	background-color: #ffffff;
}
TD.calMois A
{
	display: block;
	width: 48px;
	height: 32px;
	line-height: 32px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
TD.calMois A:hover
{
	background-color: #ffffff;
}
TD.calAutre A
{
	display: block;
	width: 48px;
	height: 32px;
	line-height: 32px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
TD.calAutre A:hover
{
	background-color: #ffffff;
}
TD.calPrec A
{
	display: block;
	width: 48px;
	height: 32px;
	line-height: 32px;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: Transparent;
	text-align: center;
}

DIV.CaisseChange
{
	position: absolute;
	z-index:100000;
	border: solid 1px #666666;
	padding: 0px 8px 8px 8px;
	width: 242px;
}
A.Caisse
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
A.Caisse:hover
{
	text-decoration: underline;
}

DIV.Sep
{
	margin-top: 16px;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 9pt;
	font-style: italic;
	color: #808080;
	border-bottom: solid 1px #808080;
}

DIV.barre
{
	display: block;
	height: 11px;
	background-color: #333333;
}

DIV.MultiSeparator
{
    background-color: #eeeeee;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    color: #666666;
    line-height: 18px;
    padding: 8px 8px 8px 8px;
    text-align: justify;
    width: 622px;
    margin-top: -16px;
}

DIV.MultiHeader
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #ccc;
	width: 638px;
	height:28px;
	background-color: #f0f0f0;
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
}
DIV.MultiInfo
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	width: 638px;
	height:28px;
	line-height: 28px;
	background-color: #fff;
	text-align: left;
	text-indent: 8px;
	font-style: italic;
	color: #666;
}
DIV.MultiError
{
	background-color: #fff;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	box-sizing: border-box;
	color: #cc3333;
	font-style: normal;
	font-weight: bold;
	padding: 8px;
	text-align: left;
	width: 640px;
}
DIV.MultiHeader A
{
	margin: 0px 8px 0px 8px;
	color: #666666;
	text-decoration: none;
	border-bottom: dotted 1px #666666;
}
DIV.MultiHeader A[disabled="disabled"]:hover
{
	text-decoration: none;
	border-bottom: dotted 1px #666666;
}
DIV.MultiHeader A:hover
{
	text-decoration: none;
	border-bottom: solid 1px #666666;
}

TABLE.MultiTop
{
	border-top: solid 1px #999999;
}
TABLE.Multi
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	width: 640px;
	background-color: #ffffff;
	margin-bottom: 16px;
}
Table.Multi.Disabled
{
    background-color: #eee;
}
TABLE.NoBottom
{
	border-bottom: none;
}
TABLE.Multi TR TD
{
	vertical-align: middle;
	height: 25px;
	font-weight: normal;
	color: #333;
}
TABLE.Multi TR TD INPUT
{
	display: block;
	float: left;
}
TABLE.Multi TR TD LABEL
{
	display: block;
	float: left;
	line-height: 19px;
	padding-left: 4px;
	font-weight: bold;
}
TABLE.Multi TR TD SPAN[disabled="disabled"] LABEL
{
    color: #999;
}
TABLE.Multi TR TD SELECT
{
    margin-left: 8px;
    margin-top: -2px;
    font-weight: bold;
}

TABLE.MonoCol TR TD
{
	vertical-align: middle;
	height: 24px;
	font-weight: normal;
	color: #333333;
}
TABLE.MonoCol TR TD INPUT
{
	display: block;
	float: left;
}
TABLE.MonoCol TR TD LABEL
{
	display: block;
	float: left;
	line-height: 19px;
}

DIV.Orange, SPAN.Orange
{
    color: #cc6600;
}
SPAN.Libre, SPAN.Rouge, DIV.Rouge
{
	color: #990000;
}
SPAN.Noir
{
	color: #000000;
}
SPAN.Gris
{
	color: #999999;
}
SPAN.DarkGray
{
    color: #666666;
}
SPAN.NonGras
{
    font-weight: normal;
}

SPAN.sep
{
	padding-left: 8px;
	padding-right: 8px;
}
SPAN.sepBig
{
	padding-left: 16px;
	padding-right: 16px;
}
SPAN.MultiHeader
{
	float: right;
	padding-right: 8px;
	color: #999999;
	font-style: italic;
}


/* Logos */
DIV.Logos
{
	border: solid 1px #999999;
	float: left;
	margin: 8px 0px 16px 28px;
	padding: 8px 8px 8px 8px;
	background-color: #ffffff;
	width: 240px;
}
DIV.Logos DIV.Cadre
{
	margin-top: 8px;
	border-top: solid 1px #999999;
	padding-top: 8px;
}
DIV.Logos DIV.Cadre IMG
{
	height: 16px;
	width: 16px;
	float: right;
	padding-left: 8px;
}
DIV.Logos DIV.Cadre DIV.Text
{
	font-size: 8pt;
	color: #666666;
	text-align: left;
	line-height: 16px;
	vertical-align: middle;
	float: left;
}


DIV.divCategoriesMenu
{
	margin: 8px 0px 24px 8px;
	width: 242px;
	height: 44px;
	border: solid 1px #999999;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
DIV.divCategoriesMenu_ON
{
	margin: 8px 0px 24px 8px;
	width: 242px;
	height: 44px;
	border: solid 1px #333333;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}
DIV.divCategoriesMenu IMG, DIV.divCategoriesMenu_ON IMG
{
	margin: 14px 8px 0px 0px;
	width: 16px;
	height: 16px;
}
DIV.divCategoriesMenu DIV, DIV.divCategoriesMenu_ON DIV
{
	margin-left: 8px;
	float: left;
	width: 210px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
}

DIV.divCategoriesSousMenu
{
	position: fixed;
	left: 254px;
	top: 58px;
	width: 258px;
	border: solid 1px #333333;
    -moz-box-shadow: 3px 3px 3px #333333;  
    -webkit-box-shadow: 3px 3px 3px #333333;  
    box-shadow: 3px 3px 3px #333333;  
	-moz-border-radius: 0px 4px 4px 4px;
	-webkit-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4px 4px 4px;
	padding-bottom: 8px;
}

/* ---------------------------------------- */
/* Treeview Marque / Famille / Sous-famille */
/* ---------------------------------------- */
DIV.TreeviewProduits
{
	margin-top: 8px;
}
INPUT.prodMarque
{
	display: block;
	width: 242px;
	padding: 2px 0px 2px 4px;
	margin: 0px 0px 0px 8px;
	border: solid 1px Transparent;
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
INPUT.prodMarque:hover
{
	border: solid 1px #000000;
	background-color: #ffffff;
	border-radius: 5px;
}
INPUT.prodCat
{
	display: block;
	width: 242px;
	padding: 2px 0px 2px 20px;
	margin: 0px 0px 0px 8px;
	border: solid 1px Transparent;
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
INPUT.prodCat:hover
{
	border: solid 1px #000000;
	background-color: #ffffff;
	border-radius: 5px;
}
INPUT.prodSubcat
{
	display: block;
	width: 242px;
	padding: 2px 0px 2px 36px;
	margin: 0px 0px 0px 8px;
	border: solid 1px Transparent;
	background-color: Transparent;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
INPUT.prodSubcat:hover
{
	border: solid 1px #000000;
	background-color: #ffffff;
	border-radius: 5px;
}
INPUT.prodSel
{
	font-weight: bold;
}

SPAN.ColorT
{
	display: block;
	float: left;
	width: 450px;
	height: 32px;
	padding-left: 8px;
	font-weight: bold;
}
div.ColorI, div.ColorID
{
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 8px;
	margin-right: 8px;
	border: solid 1px transparent;
	box-sizing: border-box;
}

SPAN.Checkbox
{
    width: 640px;
    height: 24px;
    display: block;
}
SPAN.Checkbox INPUT
{
    height: 24px;
}
SPAN.Checkbox LABEL
{
}

SPAN.Option
{
    display: block;
    width: 600px;
    height: auto;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
SPAN.Option INPUT
{
    height: 24px;
    vertical-align: middle;
    margin: 0px 8px 0px 8px;
    padding: 0px 0px 0px 0px;
}
SPAN.Option LABEL
{
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


A.ButtonTool
{
    display: block;
    width: 20px;
    height: 20px;
    border: none;
    border: solid 1px #999999;
    float: right;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: Transparent;
	margin-left: 8px;
    background-repeat: no-repeat;
}
A.ButtonTool:hover
{
    border: solid 1px #333333;
	background-color: #ffffff;   
}
A.IconUp
{
    background-image: url(../icons/tool_up_out.png);
}
A.IconUp:hover
{
    background-image: url(../icons/tool_up_in.png);
}
A.IconDown
{
    background-image: url(../icons/tool_down_out.png);
}
A.IconDown:hover
{
    background-image: url(../icons/tool_down_in.png);
}
A.IconClear
{
    background-image: url(../icons/tool_clear_out.png);
}
A.IconClear:hover
{
    background-image: url(../icons/tool_clear_in.png);
}

DIV.Group
{
    margin: 8px 8px 8px 8px;
    padding: 12px 8px 4px 8px;
    border-bottom: dotted 1px #666666;
    display: block;
    color: #333333;
    font-style: italic;
}

SPAN.Filtre
{
	margin: 8px 8px 2px 8px;
    display: block;
    width: calc(100% - 16px);
    height: 18px;
    line-height: 18px;
	text-indent: 4px;
    vertical-align: bottom;
}
input[type=text].Filtre {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin: 0px 8px 0px 8px;
	width: calc(100% - 16px);
	border: solid 1px #999999;
	padding: 4px 4px 4px 8px;
	box-sizing: border-box;
	height: 32px;
}
input[type=text].Filtre:hover {
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
INPUT[type=submit].Filtre, input[type=button].Filtre
{
	font-style: normal;
	font-weight: bold;
	color: #333333;
	margin: 16px 0px 0px 8px;
	height: 36px;
	background: none;
	background-color: #eeeeee;
	background: linear-gradient(#ffffff,#dddddd);
	border: solid 1px #999999;
	padding: 0px 16px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}
INPUT[type=submit].Filtre:hover, INPUT[type=button].Filtre:hover
{
	background-color: #ffffff;
	background: #ffffff;
	border: solid 1px #000000;
	color: #000000;
	box-shadow: 0 0 2px #000;
}
SELECT.Filtre {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin: 0px 8px 0px 8px;
	width: calc(100% - 16px);
	border: solid 1px #999999;
	padding: 4px;
	height: 32px;
	cursor: pointer;
}
select.Filtre:hover {
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
SELECT.MargeTop
{
    margin-top: 8px;
}


INPUT[type=submit].Button440x32,
INPUT[type=button].Button440x32
{
	font-style: normal;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 0px 0px;
	width: 440px;
	height: 36px;
	background: linear-gradient(#ffffff,#dddddd);
	border: solid 1px #999999;
	padding: 3px 3px 3px 3px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}
INPUT[type=submit].Button440x32:hover,
INPUT[type=button].Button440x32:hover
{
    background: #ffffff;
	border: solid 1px #000000;
	color: #000000;
	box-shadow: 0 0 2px #000;
}


DIV.VersionTitre
{
    margin-bottom: 16px;
    color: #333333;
}
DIV.VersionMsg
{
    margin-top: 8px;
    color: #333333;
}

/* CSS pour les éléments à trier */
LI.SortableItem {
    background-color: #eeeeee;
    border: solid 1px #999999;
    display: block;
    width: 480px;
    height: 40px;
    padding: 0px;
    margin: 0px 0px 4px 0px;
    border-radius: 3px;
    text-align: left;
    line-height: 40px;
    cursor: default;
	background: linear-gradient(#ffffff,#dddddd);
}
LI.SortableItem:hover
{
    border: solid 1px #333333;
}
LI.SortableItem IMG
{
    width: 32px;
    height: 32px;
    margin: 4px;
}
LI.SortableItem SPAN
{
    display: inline-block;
    width: 400px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    text-indent: 8px;
}


table.grille
{
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
}
table.grille thead td,
table.grille td.rowheader,
table.grille td.colheader
{
    color: #000000;
    background: linear-gradient(#eeeeee,#dddddd);
    background-color: #eeeeee;
    padding: 4px 8px 4px 8px;
}

table.grille td
{
    background-color: #ffffff;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    margin: 0px;
    padding: 0px;
}

table.grille thead td
{
    text-align: center;
}
table.grille td.rowheader
{
    text-align: center;
}
table.grille td.colheader
{
    text-align: left;
}

table.grille td.lock
{
    background-color: #eeeeee;
    font-weight: bold;
    text-align: right;
    padding-right: 8px;
}
table.grille td input[type=text]
{
    margin: 0px;
    border: none;
    padding: 8px;
    text-align: right;
    font-weight: bold;
    background-color: Transparent;
}
table.grille td input[type=text]:focus
{
    background-color: #FFFF66;
}
table.grille td input[type=text].error
{
    background-image: url(../icons/16x16_Warning.png);
    background-repeat: no-repeat;
    background-position: 8px 7px;
}
table.grille td input[type=text].lock
{
    background-color: #eeeeee;
    color: #666666;
}
table.grille td input[type=submit]
{
    margin: 0px;
    padding: 2px 8px 2px 8px;
    border: solid 1px #666666;
	background: none;
	background-color: #eeeeee;
	background: linear-gradient(#ffffff,#dddddd);
	text-align: left;
}
table.grille td input[type=submit]:hover
{
	background: #ffffff;
}
table.grille td.xs, table.grille td.xs input
{
    width: 50px;
}
table.grille td.w60, table.grille td.w60 input
{
	width: 60px;
}
table.grille td.w160, table.grille td.w160 input
{
	width: 160px;
}
table.grille td.s, table.grille td.s input
{
    width: 70px;
}
table.grille td.m, table.grille td.m input
{
    width: 80px;
}
table.grille td.l, table.grille td.l input
{
    width: 100px;
}
table.grille td.xl, table.grille td.xl input
{
    width: 137px;
}
table.grille td.xxl, table.grille td.xxl input
{
    width: 314px;
}


input.ButtonObjAn, select.SelectObjAn
{
    padding: 2px 12px;
    border: solid 1px #999;
	background: none;
	background-color: #eeeeee;
	background: linear-gradient(#ffffff,#dddddd);
	height: 30px;
	border-radius: 3px;
	margin-right: 8px;
	cursor: pointer;
	font-weight: bold;
}
select.SelectObjAn
{
	padding-right: 32px;
}
input.TextObj
{
	padding: 0px 8px;
	border: solid 1px #999;
	background-color: #eee;
	height: 28px;
	border-radius: 3px;
	width: 60px;
	font-weight: bold;
	text-align: right;

}
input.ButtonObjAn:hover, select.SelectObjAn:hover
{
	background: #ffffff;
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
div.ObjectifAnForm
{
	height: 44px;
	line-height: 44px;
	width: 640px;
	text-align: left;
}
div.ObjectifAnForm label
{
	margin-right: 8px;
	line-height: 44px;
}
div.ObjectifAnForm label:not(:first-child)
{
	margin-left: 24px;
}
div.ObjectifTotal
{
	display: inline-block;
}
div.ObjectifAnForm div.ObjectifTotal, div.ObjectifAnForm div.ObjectifTotal
{
	float: right;
}
input.ObjectifAnSel {
    background-position: 0% 0%;
    color: #fff;
	border-color: #000;
	background-color: var(--color-dark) !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}


INPUT:focus, SELECT:focus, TEXTAREA:focus
{
	outline: none;
}


DIV.sortable
{
    background-image: url(../images/move.png);
    background-position: 0px 28px;
    background-repeat: no-repeat;
    width: 640px;
}
DIV.unsortable
{
    background-image: none !important;
}

.margeB12
{
    padding-bottom: 12px;
}

a.theme {
	background-color: #fff;
	border: solid 1px #999;
	border-radius: 5px;
	color: #000000;
	cursor: pointer;
	display: block;
	width: 640px;
	height: 40px;
	margin-bottom: 8px;
}
a.theme_SEL {
	background-color: var(--color-dark);
	border: solid 1px #000;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	width: 640px;
	height: 40px;
	margin-bottom: 8px;
}
a.theme:hover {
	background-color: #fff;
}
a.theme:hover, a.theme_SEL:hover {
	border-color: #000;
	box-shadow: 0 0 2px #000;
}
a.theme_SEL div.ColorID {
	border: solid 1px #fff8;
}