@charset "iso-8859-1";

body {
background-color:#efebde;
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
text-align: center;
margin: 0pt; padding: 0pt;
}

input.obligatoire {border:2px solid red;}


input,button {
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

table.FicheClient {
border: 1px;
border-color: #000000;
background-color: #77ade3;
border-style: solid;
}

table.HistoClient {
border: 0;
margin: 0;
padding: 5px;
/*cell-spacing: 0;
cell-padding: 5;*/
}

th.HistoClient {
border: 1px;
border-color: #c0c0c0;
background-color: #77ade3;
border-style: solid;
}

td.HistoClient {
border: 1px;
border-color: #c0c0c0;
border-style: solid;
}

td.FondPrix {
background-color: #CCCCFF;
}
     
table.CadreClient {
border: 1px;
border-color: #000000;
background-color: #fff; /* #77ade3; */
border-style: solid;
}

td.CadreClient {
border-color: #fff; /* #77ade3; */
background-color: #fff; /* #77ade3; */
border-style: solid;
}

table.fond {
border-style: none;
}

td.fond {
border-style: none;
}


td.modeavoir {
border-color: #efebde;
background-color: #ff0000;
border-style: solid;
}


table.titre {
border-color: #bbb; /* #808080; */
border-style: solid;
border-bottom:1px solid #bbb;
border-top:0px;
border-left:0px;
border-right:0px;
}

td.titre {
border:0px;
border-right:1px solid #ededed;
height:50px;
padding:5px;
background: #ededed;
}

table.login {
/*border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;*/
border:1px solid #bbb;
padding:10px;
width:350px;
/*box-shadow: 5px 5px 10px #999;
-moz-box-shadow:5px 5px 10px #999;
-webkit-box-shadow:5px 5px 10px #999;*/
margin-bottom:20px;
background: #ededed;
/*background: #e0e0e0;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background:linear-gradient(#fff, #ddd);
background:-moz-linear-gradient(#fff, #ddd);
background:-webkit-linear-gradient(#fff, #ddd);*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdddddd);
}


 {
font-family : Verdana, Arial, sans-serif;
font-size : 10pt;}

td {
font-family : Verdana, Arial, sans-serif;
font-size : 8pt;}

th {
font-family : Verdana, Arial, sans-serif;
font-size : 8pt}

div {
font-family : Verdana, Arial, sans-serif;
font-size : 10pt;}

a:link {
color: black;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a:visited {
color: black;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a:hover {
color: rgb(55,83,142);
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.blanc:link {
color: #ffffff;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.blanc:visited {
color: #ffffff;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.blanc:hover {
color: #ffffff;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }


input,button {
border-width: 1px;
border-color: #000000;
/*border-style: inset;*/
color: #000000;
font-family: Verdana, Arial, sans-serif }

select {
border-radius: 5px;
border:1px solid #77afff;
color: #000000;
font-family: Verdana, Arial, sans-serif;
}




textarea {
border-width: 1px;
border-color: rgb(0,0,0);
border-style: inset;
color: #000000;
font-family: Verdana, Arial, sans-serif;
background-color: #FFFFFF;
font-size:10pt;
}


th.header {
height: 30px;
background-image: url('images/header30px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: #FFFFFF }

th.header_old {
height: 30px;
background-image: url('images/fond-th2.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: #FFFFFF }

td.header {
height: 30px;
background-image: url('images/header30px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center }

td.header_old {
height: 30px;
background-image: url('images/fond-th2.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center }

td.noborder {
border-style: none
}

td.cylindre {
border-color: rgb(0,0,0);
background-image: url('images/cylindre-gris.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center }


td.menu1 {
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-size : 14pt;
border-color: rgb(0,0,0);
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}

td.menu2 {
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-size : 8pt;
border-color: rgb(0,0,0);
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}

td.menupetit {
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-size : 14pt;
border-color: rgb(0,0,0);
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}

td.menuicon {
text-align: center;
width: 26px;
border-color: rgb(0,0,0);
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}

td.menu3 {
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-weight: bold;
font-size : 10pt;
border-color: rgb(0,0,0);
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}

td.menu4 {
text-align: center;
white-space: nowrap;
}

td.menu4inactif {
text-align: center;
background-color: #F0F0F0;
white-space: nowrap;
}

input.invisible {
border-width: 0;
background-color: #efebde;
}

input.droits {
border-width: 0;
}

input.navbar_old {
border-style: solid;
border-color: #c0c0c0;
background-color: #c0c0c0;
color: #000000;
}

input.navbar {
color: #000000;
background-color:transparent;
border: 0 none;
}
input.btnleft {
color: #000000;
background-color:transparent;
border: 0 none;
}

input.navbar2 {
border-style: none;
color: #000000;
border: none;
}
input.btnleft2 {
border-style: none;
color: #000000;
border: none;
}

input.modreg:hover {
background-color: rgb(255,255,255);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
}

input.modreg {
height:32px;
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color:#f9f6ef;
background:-webkit-gradient(linear, left top, left bottom, from(#f9f6ef), to(#ede6ca));
background:linear-gradient(#f9f6ef, #ede6ca);
background:-moz-linear-gradient(#f9f6ef, #ede6ca);
background:-webkit-linear-gradient(#f9f6ef, #ede6ca);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}

input.btnaction {
height:40px;
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color:#f9f6ef;
background:-webkit-gradient(linear, left top, left bottom, from(#f9f6ef), to(#ede6ca));
background:linear-gradient(#f9f6ef, #ede6ca);
background:-moz-linear-gradient(#f9f6ef, #ede6ca);
background:-webkit-linear-gradient(#f9f6ef, #ede6ca);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}

input.modreg_old {
height: 40px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/cylindre-modreg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.enregistrer:hover {
background-color: #cef;
background:-webkit-gradient(linear, left top, left bottom, from(#cef), to(#acf));
background:linear-gradient(#cef, #acf);
background:-moz-linear-gradient(#cef, #acf);
background:-webkit-linear-gradient(#cef, #acf);
}

input.enregistrer {
height: 40px;
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: #bdf;
background:-webkit-gradient(linear, left top, left bottom, from(#bdf), to(#9bf));
background:linear-gradient(#bdf, #9bf);
background:-moz-linear-gradient(#bdf, #9bf);
background:-webkit-linear-gradient(#bdf, #9bf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#b0d0f0,endColorStr=#90b0f0);
}

input.enregistrer_old {
height: 40px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #0000ff;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/cylindre-modreg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center }

input.bigbutton {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 40px;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/bouton40px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.bigbutton_old {
height: 40px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/cylindre-modreg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center }

input.edit {
border-style: solid;
border-color: #77afff;
background-color: #ffffff;
}

input.edit_Special {
border-style: solid;
border-color: #77afff;
background-color: #CCFFCC;
}

input.edit_Alerte {
border-style: solid;
border-color: #77afff;
background-color: red;
text-align: right;
}

input.edit_Alerte2 {
border-style: solid;
border-color: #cfcfcf;
background-color: #FF8080;
}


input.edit_SpecialPrix {
border-style: solid;
border-color: #77afff;
background-color: #CCFFCC;
display:none;
}


div.special{
display:none;
}

span.special{
display:none;
}
input.edit_dispatch {
border-style: solid;
border-color: #77afff;
background-color: #ffffff;
height: 20px;
font-size: 7pt }

input.edit_dispatch2 {
border-style: solid;
border-color: #77afff;
background-color: #c3fcd4;
height: 20px;
font-size: 7pt }

input.edit_dispatch3 {
border-style: solid;
border-color: #77afff;
background-color: #c3ddfa;
height: 20px;
font-size: 7pt }

a.dispatch:link {
color: blue;
text-decoration: none;
font-family: Verdana, Arial, sans-serif }

a.dispatch:visited {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.dispatch:hover {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

input.edit_readonly {
border-style: solid;
border-color: #77afff;
background-color: #CCCCCC;
}

input.edit_readonly2 {
border-style: solid;
border-color: #77afff;
background-color: #CCCCCC;
font-size: 14pt;
color: blue;
text-align:center;
}

input.edit_prixachat {
border-style: solid;
border-color: #77afff;
background-color: #a0ffff }

input.edit_prixvente {
border-style: solid;
border-color: #77afff;
background-color: #a0eeff }

textarea.edit_readonly {
border-style: solid;
border-color: #77afff;
background-color: #e0e0e0 }

textarea.edit {
border-style: solid;
border-color: #77afff;
font-size:10pt;
}

select.edit {
border-radius: 5px;
border: 1px solid #77afff;
background-color: #ffffff;
}

textarea {
border-width: 1px;
border-color: #77afff;
border-style: solid;
background-color: #ffffff;
}

input.button:hover {
background-color: rgb(255,255,255);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
}

input.button {
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: rgb(249,246,239);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}

input.smallbutton:hover {
	background-color: rgb(255,255,255);
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
	background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
	background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
	background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
}

input.smallbutton{
	border: 1px solid white;
	padding:1px 1px;
	box-shadow: 1px 1px 5px #888;
	-moz-box-shadow:1px 1px 5px #888;
	-webkit-box-shadow:1px 1px 5px #888;
	background-color: rgb(249,246,239);
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
	background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
	background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
	background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}

input.buttonold {
height: 23px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.buttonPlus {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
border: 0;
height: 20px;
width: 20px;
border-style: solid;
font-size: 0%;
background-color:white;
background-image: url('images/plus.gif');
background-repeat: no-repeat;
background-position: top;
}


input.buttonMoins {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
border: 0;
height: 20px;
width: 20px;
border-style: solid;
font-size: 0%;
background-color:white;
background-image: url('images/moins.gif');
background-repeat: no-repeat;
background-position: top;
}


input.buttonSomme {
border: 0;
height: 23px;
width: 23px;
border-style: solid;
border-color: #808080;
background-color: #d0d0d0;
color: #c0c0c0;
font-size: 0%;
text-align: left;
background-image: url('images/somme.png');
background-repeat: no-repeat;
background-position: top left;
}

input.buttonAmbiance {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 23px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.buttonAmbianceSelected {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 23px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton-rouge.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.button_date:hover {
background-color: rgb(255,255,255);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
}

input.button_date {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height:20px;
width:30px;
border: 1px solid white;
padding:1px;
background-color: rgb(249,246,239);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}


input.button2:hover {
background-color: rgb(255,255,255);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
}

input.button2 {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 25px;
width : 25px;
border-style: solid;
border-color: #808080;
font-size: 14pt;
padding:6px 4px;
background-color: rgb(249,246,239);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}

input.button-abandon {
cursor:pointer;
background-image: url('images/bouton-abandon.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.button-bleu {
cursor:pointer;
background-image: url('images/bouton-Nbleu.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.button-bleu:hover {
background-image: url('images/bouton-Nbleu.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.button-vert {
cursor:pointer;
background-image: url('images/bouton-Nvert.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.button-vert:hover {
background-image: url('images/bouton-Nvert.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.redbutton:hover {
background-color: #cef;
background:-webkit-gradient(linear, left top, left bottom, from(#cef), to(#acf));
background:linear-gradient(#cef, #acf);
background:-moz-linear-gradient(#cef, #acf);
background:-webkit-linear-gradient(#cef, #acf);
}

input.redbutton {
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: #bdf;
background:-webkit-gradient(linear, left top, left bottom, from(#bdf), to(#9bf));
background:linear-gradient(#bdf, #9bf);
background:-moz-linear-gradient(#bdf, #9bf);
background:-webkit-linear-gradient(#bdf, #9bf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#b0d0f0,endColorStr=#90b0f0);
}


td.afficheur {
border:1px solid #000000;
background: #ffffff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#000000;
}


td.reglement_old {
border-color: #d0d0d0;
border-style: solid;
color: #0000ff;
}

td.reglement {
border: 0 none;
color: #37538e;
font-size: 10pt;
}

td.zero {
border-color: #f0f0f0;
border-style: solid;
color: #0000ff;
background-image: url('images/cylindre-zero.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

td.reste {
border-color: #f0f0f0;
border-style: solid;
color: #0000ff;
background-image: url('images/cylindre-reste.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

table.tab {
height: 26px;
border-style: none;
border: 0;
}

tr.tab {
}

td.tabline{
height: 35px;
border-bottom: 1px solid #bbb;
text-align: center;
font-family: Verdana;
font-size : 8pt;
background: none!important;
background-attachment: scroll;
background-image: url("images/picto/tabline.png");
background-position: left top;
background-repeat: repeat-x;
}
td.tabline2{
height: 26px;
border: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabline2.png');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top left;
}
td.tabactive {
height: 35px;
width: 150px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.tabinactive {
height: 35px;
width: 150px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.TabActive70 {
height: 35px;
width: 70px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.TabInactive70 {
height: 35px;
width: 70px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.TabInactive70:hover {
background:#ddd;
}
td.tabactive90 {
height: 35px;
width: 90px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.TabInactive90 {
height: 35px;
width: 90px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.TabInactive90:hover {
background:#ddd;
}
td.tabactive110 {
height: 35px;
width: 110px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.TabInactive110 {
height: 35px;
width: 110px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.TabInactive110:hover {
background:#ddd;
}
td.tabactive130 {
height: 35px;
width: 130px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.tabinactive130 {
height: 35px;
width: 130px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.tabinactive130:hover {
background:#ddd;
}
td.tabactive150 {
height: 35px;
width: 150px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.tabinactive150 {
height: 35px;
width: 150px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.tabinactive150:hover {
background:#ddd;
}
td.tabactive170 {
height: 35px;
width: 170px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #fff;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 3px 3px 0 0;
}
td.tabinactive170 {
height: 35px;
width: 170px;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
background: #f0f0f0;
border-bottom: 1px solid #bbb;
}
td.tabinactive170:hover {
background:#ddd;
}

td.tabactive a,
td.TabActive70 a,
td.tabactive90 a,
td.tabactive110 a,
td.tabactive130 a,
td.tabactive150 a,
td.tabactive170 a,
td.TabInactive70 a,
td.TabInactive90 a,
td.TabInactive110 a,
td.tabinactive130 a,
td.tabinactive150 a,
td.tabinactive170 a     { text-decoration: none; }


th.enteteproduit {
height: 35px;
font-family: Verdana;
font-size : 12pt;
background-image: url('images/entete-produit.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: #000000 }

table.Planning {
border-width: 1px;
border-color: #efebde;
border-style: solid;
color: #000000;
font-family: Verdana;
}

th.Planning {
border-width: 1px;
width: 120px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #c0c0c0;
background-image: url('images/JourPlanning.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

td.PlanningUsers {
border-width: 1px;
width: 120px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #c0c0c0;
background-image: url('images/JourPlanning.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

th.PlanningNow {
border-width: 1px;
width: 120px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #c0c0c0;
background-image: url('images/JourPlanning-rouge.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

td.PlanningNowUsers {
border-width: 1px;
width: 120px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #c0c0c0;
background-image: url('images/JourPlanning-rouge.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

td.Planning {
border-width: 1px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #ffffff;
}

td.PlanningToDay {
border-width: 1px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #ff8080;
}

td.PlanningWE {
border-width: 1px;
border-color: #808080;
border-style: solid;
color: #000000;
font-family: Verdana;
background-color: #d0d0d0;
}

textarea.Planning {
border-width: 1px;
border-color: #ffffff;
border-style: solid;
color: #0000ff;
font-family: Verdana;
background-color: #FFFFFF;
}

input.NoBorder {
border-width: 0;
border-color: #000000;
border-style: inset;
color: #000000;
font-family: Verdana, Arial, sans-serif;
}

/* les listes  */
table.tabliste {
border-collapse: collapse;
padding: 50px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #777777;
box-shadow: 5px 5px 10px #999;
-moz-box-shadow:5px 5px 5px #999;
-webkit-box-shadow:5px 5px 5px #999;
}

tr.tabliste {
background-color: white;
}

tr.tabliste:hover {
background-color: #f0f0f0;
}

tr.tablisteProduitActif {
background-color: #ED8181;
}

tr.tablisteTrop {
background-color: #FFB6B6;
}

tr.tablisteOK {
background-color: #CCFFCC;
}

tr.tablisteOK:hover {
background-color: #f0f0f0;
}


tr.tabliste_grise {
background-color: #e0e0e0;
}

tr.tabliste_grise:hover {
background-color: #f0f0f0;
}

tr.tabliste_light {
background-color: #f0f0f0;
}


tr.tabliste_lightH45 {
background-color: #f0f0f0;
height: 45px;
}


td.tabliste {
padding: 5px;
border-style: solid;
border-width: 1px;
/* border-color: #606060; */
border-color: #cccccc;
}
     
td.tablisteNoBorder {
padding: 5px;
}

td.tablisteTrop {
padding: 5px;
border-style: solid;
border-width: 1px;
/* border-color: #606060; */
border-color: #cccccc;
background-color: #FFB6B6;
}

td.tablisteL {
padding: 10px;
/*border-style: solid;
border-width: 1px;
border-color: #606060;*/
border-top-style: solid;
border-top-width: 1px;
/* border-top-color: #606060; */
border-top-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;
/* border-bottom-color: #606060; */
border-bottom-color: #cccccc;

}

td.tablisteR {
padding: 10px;
/*border-style: solid;
border-width: 1px;
border-color: #606060;*/
/* border-top:1px solid #606060; */
/* border-bottom:1px solid #606060; */
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


td.tabliste_light {
padding: 5px;
border: 1px solid #a0a0a0;;
}

td.lignes_vente {
padding: 5px;
background: repeat-x url('images/lignes_vente.png');
}

td.tabliste_grise {
background-color: #e0e0e0;
padding: 5px;
/* border:1px solid #606060; */
border:1px solid #cccccc;
}

th.tabliste {
padding: 5px;
}

a.tabliste:link {
color: blue;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
}

a.tabliste:visited {
color: blue;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
}

a.tabliste:hover {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif;
}



td.infosSaisie {
padding: 5px;
border-style: none;
color: red;
}


th.tabheader {
height: 31px;
border-style: solid;
border-width: 1px;
border-color: rgb(115,151,199);
padding: 5px;
background-image: url('images/header30px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: white;
}

th.tabheader_old {
height: 31px;
border-style: solid;
border-width: 1px;
border-color: blue;
padding: 5px;
background-image: url('images/header2.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: white;
}

th.tabheader_vdi {
height: 31px;
border-style: solid;
border-width: 1px;
border-color: blue;
padding: 5px;
background-image: url('images/header-vdi.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: white;
}

td.tabheader {
height: 35px;
border-style: solid;
border-width: 1px;
border-color: #606060;
padding: 5px;
height: 20px;
background-image: url('images/header.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}



td.tabGrille {
padding: 5px;
/* border:1px solid #606060; */
border:1px solid #cccccc;
background-image: url('images/Grid.gif');
background-repeat: no-repeat;
background-position: center left;
}


td.tabGrilleSansBord {
padding: 5px;
border-style: none;
border-width: 1px;
/* border-color: #606060; */
border-color: #cccccc;
background-image: url('images/Grid.gif');
background-repeat: no-repeat;
background-position: center left;
}



table.EnteteFicheClient {
border: 0;
border-style: none;
}

th.EnteteNomClient {
height: 35px;
width: 450px;
font-family: Verdana;
font-size : 12pt;
background-image: url('images/entete-fiche-client.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
color: #000000;
}

th.EnteteCodeClient {
height: 35px;
width: 90px;
font-family: Verdana;
font-size : 12pt;
background-image: url('images/entete-fiche-client2.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
color: #000000;
}


/* pour fenetre obs */
.popperlink {
position: absolute;
visibility:hidden;
text-align: right;
}

div.menunegoce{
background-color: white;
width: 100%;
}

table.menunegoce{
width: 100%;
}

td.menunegoce{
width: 30%;
}

/* pour le changement de couleur de fond dans le menu négoce*/
.menu4 a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: center;
}

.menu4 a:hover{
background-color: #E3E3E3;
font-weight: bold;
color:rgb(55,83,142);
}

.menu4inactif a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: center;
}

.menu4inactif a:hover{
/*background-color: #E3E3E3;
font-weight: bold;*/
}

/* Pour menu Popup*/
table.popup{
width: 120px;
border: 1px;
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

table.insidepopup{
width: 100%;
/*border: 0;
padding: 0;
margin: 0;*/
border-style: solid;
border: 1px;
border-color: blue;
}

td.insidepopup{
background-color: #FFFFFF;
}

.insidepopup a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: left;
}

.insidepopup a:hover{
background-color: #E3E3E3;
font-weight: bold;
color: #000000;
}

div.popup{
position: absolute;
visibility:hidden;
border: solid 1px;
border-color: #000000;
}


/* *************** VENTE RETAIL ****************** */
#cmd{
position: absolute;
/*top: 555px;*/
top: 593px;
/*left: 793px;*/
left: 779px;
width: 215px;
border: solid 1px;
border-color: #000000;
}

/*ajout le 17/11/2014*/
#cmd2{
position: absolute;
top: 0px;
left: 427px;
width: 215px;
border: solid 1px;
border-color: #000000;
}


#reglement{
position: absolute;
z-index: 10;
top: 555px;
left: 352px;
/*left: 357px;
width: 430px;*/
width: 425px;
border: solid 1px;
border-color: #000000;
}

#fenafficheur{
position: absolute;
top: 65px;
left: 100px;
height: 80px;
width: 250px;
border: solid 2px;
border-color: #000000;
text-align: center;
background-color: #ffffff;
}

#fenvente{
position: absolute;
top: 145px;
left: 100px;
width: 250px;
text-align: left;
}


#contenantvente{
position: absolute;
overflow: hidden;
width: 100%;
height: 325px;
border: solid 1px;
border-color: #000000;
background-color: #d0d0d0;
}

#contenantventeNonVPC{
position: absolute;
overflow: hidden;
width: 100%;
height: 260px;
border: solid 1px;
border-color: #000000;
background-color: #d0d0d0;
}


#contenuvente{
position: absolute;
top: 0px;
left: 0px;
text-align: left;
width:100%;
}

#basvente{
position: relative;
top: 421px;
left: 0px;
text-align: center;
}

#basventeNonVPC{
position: relative;
top: 356px;
left: 0px;
text-align: center;
}

#fenreglement{
position: absolute;
top: 355px;
width: 250px;
}

#fenreglementNonVPC{
position: absolute;
top: 290px;
width: 250px;
}


#contenantreglement{
position: absolute;
overflow: hidden;
width: 250px;
height: 65px;
border: solid 1px;
border-color: #000000;
background-color: #d0d0d0;
}


#contenureglement{
position: absolute;
top: 0px;
left: 0px;
text-align: left;
}


#ventedroite{
position: absolute;
top: 65px;
left: 352px;
text-align: left;
}

#famillebtn{
text-align: left;
width: 425px;
/*height: 65px;*/
height: 117px;
border: solid 1px;
border-color: #000000;
}

div.retfam1{
/*background-image: url('images/ret_cylindre-gris-65.jpg');*/
background-image: url('images/ret_cylindre-gris-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam2{
background-image: url('images/ret_cylindre-bleu-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam3{
/*background-image: url('images/ret_cylindre-orange-65.jpg');*/
background-image: url('images/ret_cylindre-orange-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam4{
background-image: url('images/ret_cylindre-rouge-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam5{
background-image: url('images/ret_cylindre-vert-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam6{
background-image: url('images/ret_cylindre-violet-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.retfam7{
background-image: url('images/ret_cylindre-violetc-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}
div.retfam8{
background-image: url('images/ret_cylindre-vertc-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}
div.retfam9{
background-image: url('images/ret_cylindre-rougec-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}
div.retfam10{
background-image: url('images/ret_cylindre-orangec-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}
div.retfam11{
background-image: url('images/ret_cylindre-bleuc-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}
div.retfam12{
background-image: url('images/ret_cylindre-grisc-117.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam1{
position: absolute;
visibility: visible;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: blue;*/
/*background-image: url('images/ret_cylindre-gris-420.jpg');*/
background-image: url('images/ret_cylindre-gris-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam1, input.retail_btn1 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-gris-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn1 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-gris-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;

margin: 0;
padding: 0;

}

/*div.retail_btn {
overflow: hidden;
height: 46px;
width: 64px;
vertical-align: middle;

border: 0;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
*/

td.retail_btn {
vertical-align: middle;
text-align: center;
border: 0;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}

#btnfam2{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
background-image: url('images/ret_cylindre-bleu-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam2, input.retail_btn2 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn2 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}




input.retailvte {
height: 60px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam3{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-orange-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam3, input.retail_btn3 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-orange-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn3 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-orange-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


#btnfam4{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: green;*/
background-image: url('images/ret_cylindre-rouge-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam4, input.retail_btn4 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-rouge-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn4 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-rouge-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam5{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: white;*/
background-image: url('images/ret_cylindre-vert-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam5, input.retail_btn5 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-vert-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn5 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-vert-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


 input.retailreg {
height: 60px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-vert.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam6{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: yellow;*/
background-image: url('images/ret_cylindre-violet-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam6, input.retail_btn6 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-violet-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn6 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-violet-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}



#btnfam7{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-violetc-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam7, input.retail_btn7 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-violetc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn7 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-violetc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam8{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-vertc-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam8, input.retail_btn8 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-vertc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn8 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-vertc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam9{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-rougec-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam9, input.retail_btn9 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-rougec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn9 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-rougec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

#btnfam10{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-orangec-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam10, input.retail_btn10 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-orangec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn10 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-orangec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


#btnfam11{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: cyan;*/
/*background-image: url('images/ret_cylindre-orange-420.jpg');*/
background-image: url('images/ret_cylindre-bleuc-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam11, input.retail_btn11 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleuc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn11 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleuc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


#btnfam12{
position: absolute;
visibility: hidden;
/*top: 65px;
width: 425px;
height: 420px;
*/
top: 117px;
width: 425px;
height: 368px;

text-align: left;
border: solid 1px;
border-color: #000000;
/*background-color: blue;*/
/*background-image: url('images/ret_cylindre-gris-420.jpg');*/
background-image: url('images/ret_cylindre-grisc-368.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail_fam12, input.retail_btn12 {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-grisc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.retail_btn12 {
/*height: 60px;*/
height: 52px;
width: 70px;
/*border-style: solid;
border-color: #000000;*/
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-grisc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}



input.retailvte {
height: 60px;
width: 60px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retailreg {
height: 60px;
width: 60px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


#retour{
position: absolute;
top: 0px;
left: 427px;
/* le 20141117 pour être comme autres btn width: 210px; */
width: 216px;

text-align: center;
}
/* ajout le 17/11/2014 */
#retourNonVPC{
position: absolute;
top: 65px;

left: 428px;
/* le 20141117 pour être comme autres btn  width: 210px; */
width: 216px;

text-align: center;
}


tr.tr_retour{
text-align: center;
}

tr.tr_retouravoir{
text-align: center;
background-color: red;
}

#pavenumerique{
position: absolute;
top: 285px;
left: 427px;
width: 215px;
border: solid 1px;
border-color: #000000;
text-align: left;
background-color: #000000;
}

input.pavenum {
height: 60px;
width: 70px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 10pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-gris.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}



#fonction1{
position: absolute;
Top: 326px;
left: 780px;
width: 215px;
text-align: center;
}

#fonction2{
position: absolute;
top: 65px;
left: 432px;
width: 210px;
text-align: center;
}

#fonction2NonVPC{
position: absolute;
top: 130px;
left: 432px;
width: 210px;
text-align: center;
}

#fonction4{
position: absolute;
z-index: 10;
top: 65px;
left: 100px;
visibility:hidden;
border: solid 2px;
border-color: #000000;
background-color: #FFFFFF;
padding: 5px;
}



input.retailenregistrer {
height: 60px;
width: 210px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #0000ff;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail {
height: 60px;
width: 70px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retailvide {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #808080;
background-color: #E6E6E6;/*#c0c0c0;*/
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/cylindre-modreg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center*/
margin: 0;
padding: 0;

}

button.retailvide {

height: 52px;
width: 70px;
border-style: solid;
border-color: #808080;
background-color: #E6E6E6;/*#c0c0c0;*/
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: none;
/*background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center*/
margin: 0;
padding: 0;

}

input.retailaparametrer {
/*height: 60px;*/
height: 52px;
width: 70px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: red;
font-size : 7pt;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.retail2 {
height: 60px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail2sel {
height: 60px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.retail2-abandon {
height: 60px;
border-style: solid;
border-color: #808080;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-color: #c0c0c0;
background-image: url('images/ret_bouton-abandon.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail-piecesolde {
height: 30px;
border-style: solid;
border-color: #808080;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-color: #c0c0c0;
background-image: url('images/ret_bouton-abandon.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.retail3 {
height: 60px;
width: 60px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


input.retail4 {
height: 60px;
width: 105px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-gris.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.retail5 {
height: 60px;
width: 190px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


tr.listevente {
height: 45px;
background-color: #d0d0d0;
border: solid 1px;
border-color: #000000;
}

tr.listeventeSel {
height: 45px;
background-color: #0080FF;
border: solid 1px;
border-color: #000000;
padding: 3px;
}

td.listevente {
border-bottom: solid 1px;
border-color: #000000;
padding: 3px;
}

td.listeventeSel {
border-bottom: solid 1px;
border-color: #000000;
}


#fonctionbtn{
position: absolute;
visibility: visible;
top: 660px;
left: 357px;
width: 425px;
}

#paveclient{
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: 30;
/* 20141117 top: 0px; */
top: 65px;

left: 427px;
width: 215px;
/* 201411117 height: 260px; */
height: 195px;

border: solid 2px;
border-color: #000000;
background-color: #77ade3;
}

#paveclientmenu{
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: 30;
/* 20141117 top: 0px; */
top: 65px;

left: 210px;
width: 215px;
height: 280px;
border: solid 2px;
border-color: #000000;
background-color: #77ade3;
text-align: center;
}

#alertecontenant{
position: absolute;
visibility: hidden;
Z-index: 40;
top: 65px;
width: 890px;
left: 100px;
text-align: center;
padding: 5px;
border: solid 2px;
border-color: #000000;
background-color: #ff8080;
font-size: 200%;
}

#alertecontenant2{
position: absolute;
visibility: visible;
Z-index: 45;
top: 100px;
width: 890px;
left: 100px;
text-align: center;
/*padding: 5px;
border: solid 2px;
border-color: #000000;
background-color: #80FFFF;
font-size: 200%;*/
}


#paveclientcentral{
position: absolute;
overflow: hidden;
/*visibility: hidden;*/
z-index: 30;
top: 285px;
left: 427px;
width: 215px;
height: 240px;
border: solid 2px;
border-color: #000000;
background-color: #77ade3;
}



/* *********************************************** */

/* ****** saisie compta ****************** */
table.comptaentete{
	background-color: #FFFFFF;
	border: 2px solid black;
	border-collapse: collapse;
	width: 830px;
}

table.comptaentete2{
	background-color: #FFFFFF;
	border: 2px solid black;
	border-collapse: collapse;
}

table.collapse-inherit{
  border-collapse: inherit;
}

td.comptaentete{
	padding: 5px;
}


table.comptasaisie{
	background-color: #e0e0e0;
	border: 2px solid black;
	border-collapse: collapse;
	width: 830px;
}

table.comptasaisie2{
	background-color: #e0e0e0;
	border: 2px solid black;
	border-collapse: collapse;
}




tr.comptasaisie{
	background-color: #FFFFFF;
}



tr.comptasaisie1{
	background-color: #EDEDED;
}

tr.comptasaisie2{
	background-color: #C7C7C7;
}

span.readonly400{
  display: block;
  border: solid 1px #77afff;
  background-color: #e0e0e0;
  width: 400px;
  padding: 2px;
}

span.readonly100right{
  display: block;
  border: solid 1px #77afff;
  background-color: #e0e0e0;
  width: 100px;
  padding: 2px;
  text-align: right;
}

span.comptatypereg{
float: right;
visibility: hidden;
}

.width230px {
width:230px;
}

.width53px {
width:53px;
}

.width55px {
width:55px;
}

.width108px {
width:108px;
}

input.buttonRetour {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 23px;
width: 230px;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
background-color: #c0c0c0;
background-image: url('images/bouton23px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.buttonRetour_old {
height: 23px;
width: 230px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 23px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

span.accesskey{
	color : Blue;
	font-weight: bold;
}

input.editright {
border-style: solid;
border-color: #77afff;
background-color: #ffffff;
text-align: right;
}


input.edit_readonlyright {
border-style: solid;
border-color: #77afff;
background-color: #e0e0e0;
text-align: right;
}


input.editright_dispatch {
border-style: none;
border-color: #77afff;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
height: 23px;
width: 35px;
}


input.edit_readonlyright_dispatchVte {
border-style: none;
border-color: #77afff;
background-color: #CCE6FF;
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
height: 23px;
width: 35px;
}

input.edit_readonlyright_dispatchStock {
border-style: none;
border-color: #77afff;
background-color: #FFCCCC;
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
height: 23px;
width: 35px;
}


span.sens{
  font-size: 120%;
  font-weight: bold;
}

input.compta{
height: 20px;
width: 20px;
padding:1px;
border: 1px solid white;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: rgb(249,246,239);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
}


td.comptatabliste {
/*padding: 5px;*/
padding-left: 5px;
padding-right: 5px;
/* border:1px solid #606060; */
border:1px solid #cccccc;
}

td.comptatabliste_grise {
background-color: #e0e0e0;
/*padding: 5px;*/
padding-left: 5px;
padding-right: 5px;
/* border:1px solid #606060; */
border:1px solid #cccccc;
}

th.Comptatabheader {
height: 31px;
border-style: solid;
border-width: 1px;
border-color: blue;
/*padding: 5px;*/
padding-left: 5px;
padding-right: 5px;
background-image: url('images/header30px.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: white;
}

th.Comptatabheader_old {
height: 31px;
border-style: solid;
border-width: 1px;
border-color: blue;
/*padding: 5px;*/
padding-left: 5px;
padding-right: 5px;
background-image: url('images/header2.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: white;
}

div.lignebrouillard{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:305px;
width: 860px;
}

div.lignedeb{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:305px;
width: 895px;
}

div.ligneconsultation{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:210px;
width: 850px;
}

div.matricetissu{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:210px;
width: 850px;
}

div.lignereassort{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:480px;
/*width: 1000px;*/
}

div.ligneAutomate{
overflow:auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
height:305px;
width: 770px;
text-align: left;
}

/* *************************************** */

/* **** div de saisie***** */

div.saisie{
position: absolute;
z-index: 5;
top: 0;
left: 0;
height: 100%;
background: rgba(0,0,0,0.3)!important;
background-image: url('images/fond_transp.gif');
background-position: top left;
background-repeat: repeat;
visibility: hidden;
text-align: center;
width : 100%;
}



#contenurepresentant{
z-index: 10;
position: absolute;
/*top: 200px;
left: 300px;
width: 500px;
height: 400px;*/
border: 2pt solid black;
background-color: #FFFFFF;
visibility: hidden;
}


select.tableoption {
width : 200px;
}



#contenusecteur{
z-index: 10;
position: absolute;
/*top: 200px;
left: 300px;
width: 500px;
height: 400px;*/
border: 2pt solid black;
background-color: #FFFFFF;
visibility: hidden;
}
#contenutransporteur{
z-index: 10;
position: absolute;
/*top: 200px;
left: 300px;
width: 500px;
height: 400px;*/
border: 2pt solid black;
background-color: #FFFFFF;
visibility: hidden;
}

#contenuavoirescompte{
z-index: 10;
position: absolute;
/*top: 200px;
left: 300px;
width: 500px;
height: 400px;*/
border: 2pt solid black;
background-color: #FFFFFF;
visibility: hidden;
}



table.reglementretail {
border: 0;
margin: 0;
padding: 0;
width: 100%;
background-Color: #d0d0d0;
border-collapse: collapse;
}
tr.reglementretail {
color: #0000ff;
height: 12px;
}

td.reglementretail {
color: #0000ff;
height: 12px;
}



table.DispatchVPC{
border: solid 0px #666666;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}


th.DispatchVPC1titre{
border: 0px;
margin: 0px;
padding: 0px;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
font-weight: bold;
text-align: center;
font-size: 10pt;
}

th.DispatchVPC2titre{
border: 0px;
margin: 0px;
padding: 0px;
border-bottom: solid 1px #666666;
font-weight: bold;
text-align: center;
font-size: 10pt;
}


td.DispatchVPC1{
margin: 0px;
padding: 0px;
border-top: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
text-align: center;
}

td.DispatchVPC2{
margin: 0px;
padding: 0px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
text-align: center;
}


td.DispatchVPC3{
margin: 0px;
padding: 0px;
border-top: solid 0px #666666;
border-bottom: solid 0px #666666;
text-align: center;
}




/* ********************** */

/* *** negoce *** */
div.negoceobsclient{
overflow: hidden;
vertical-align: middle;
width: 60%;
height: 26px;
}

span.spannegoceobsclient{
background-color:white; /* #B3C6FF; */
display: block;
font-weight: bold;
border: 2px solid #000000;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
width: 98%;
height: 16px;
}

.spannegoceobsclient a{
width: 100%;
height: 100%;
display: block;
}

.spannegoceobsclient a:hover{
color: #000000;
}


/*a.passage{
height: 20px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-weight: bold;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}*/

.passage {background-color: #37538e;font-weight: bold;cursor:pointer;padding: 3px;text-decoration: none !important;color: #fff !important;border: 1px solid #37538e;}

/*a.passage:hover{
height: 20px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-weight: bold;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
color: black;
}*/

a.passage:hover{ background-color: #fff; color: #37538e !important;}

a.passageplus{
/*height: 15px;
width: 15px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;*/
font-weight: bold;

}

a.passageplus:hover{
/*height: 15px;
width: 15px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;*/
font-weight: bold;
/*cursor: pointer;*/
color: black;
}

tr.tablistetotal{
font-weight: bold;
background-color: #B3C6FF;
}

td.tablistetotal {
padding: 5px;
background-color: #FFFFCC;
/* border:1px solid #606060; */
border:1px solid #cccccc;
}

/* *** fin negoce *** */

/* *** Grille evenement *** */



table.grilleevenement{
border: 0;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

tr.grilleevenement{
margin: 0px;
padding: 0px;
border: 0px;
}

td.grilleevenement{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
}

td.grilleevenementhaut{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-top: 0;
}

td.grilleevenementhautdroite{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-right: 0;
}

td.grilleevenementhautgauche{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-left: 0;
border-top: 0;
}

td.grilleevenementhautdroite{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-right: 0;
border-top: 0;
}

td.grilleevenementgauche{
padding: 5px;
text-align: right;
margin: 0px;
border: solid 1px #666666;
border-left: 0;
}

td.grilleevenementdroite{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-right: 0;
}

td.grilleevenementbas{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-bottom: 0;
}

td.grilleevenementbasgauche{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-left: 0;
border-bottom: 0;
}

td.grilleevenementbasdroite{
padding: 5px;
text-align: center;
margin: 0px;
border: solid 1px #666666;
border-right: 0;
border-bottom: 0;
}

table.grilleevenementobs{
border: solid 1px #999999;
padding: 2px;
border-collapse: collapse;
}

.grilleevenementobs td{
border: solid 1px #999999;
padding: 5px;
}

.grilleevenement a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: center;
}

.grilleevenement a:hover{
font-weight: bold;
}

/* *** fin Grille evenement *** */

select.Select120 {
width: 120px;
}

select.Select130 {
width: 130px;
}

select.Select200 {
width: 200px;
}

select.Select300 {
width: 300px;
}


a.LienVisible:link {
font-weight: bold;
color: blue;
text-decoration: underline;
}

a.LienVisible:visited {
font-weight: bold;
color: blue;
text-decoration: underline;
}

a.LienVisible:hover {
font-weight: bold;
color: red;
text-decoration: underline;
}


input.PremierTaxfree {
height: 40px;
width: 120px;
padding: 0 30px;
border-style: solid;
border-color: #808080;
background-color: #FFFFFF;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/taxfree-proposition.gif');
background-repeat: no-repeat;
/*background-attachment: scroll;*/
background-position: top left;
}

input.PremierTaxfreeok {
height: 40px;
width: 120px;
padding: 0 30px;
border-style: solid;
border-color: #808080;
background-color: #FFFFFF;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/taxfree-ok.gif');
background-repeat: no-repeat;
/*background-attachment: scroll;*/
background-position: top left;
}

input.GlobalBlue {
height: 40px;
width: 120px;
padding: 0 30px;
border-style: solid;
border-color: #808080;
background-color: #FFFFFF;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/globalblue-proposition.gif');
background-repeat: no-repeat;
/*background-attachment: scroll;*/
background-position: top left;
}

input.GlobalBlueok {
height: 40px;
width: 120px;
padding: 0 30px;
border-style: solid;
border-color: #808080;
background-color: #FFFFFF;
color: #000000;
font-size : 7pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/globalblue-ok.gif');
background-repeat: no-repeat;
/*background-attachment: scroll;*/
background-position: top left;
}



/* ******************* */
/*  Menu perso         */
/* ******************* */

tr.menuperso{
padding: 5px;
}

td.menupersoimg{
width: 130px;
height: 100px;
border: 0;
text-align: center;
}

.menupersoimg img{
border: 0;
}


td.menupersotitre{
width: 130px;
text-align: center;
font-weight: bold;
padding: 5px;
margin: 5px;
}

td.menupersoimg_param{
width: 130px;
height: 100px;
border: dashed 1px #CCCCCC;
text-align: center;
}

.menupersoimg_param img{
border: 0;
}


td.menupersotitre_param{
width: 130px;
text-align: center;
font-weight: bold;
padding: 5px;
margin: 5px;
border: dashed 1px #CCCCCC;
}

div.selecticonlisteicone{
z-index: 5;
position: absolute;
top: 0;
left: 0;
overflow:auto;
visibility: hidden;
height: 200px;
width: 410px;
border: solid 1px #000000;
background-color: #FFFFFF;
}

tr.selecticonlisteicone{
background-color: #FFFFFF;
}

tr.selecticonlisteiconesel{
background-color: #CCCCCC;
}

.selecticonlisteicone img{
border: 0;
}

a.selecticonlisteicone {
width: 100%;
height: 100%;
float: left;
display: block;
}

input.NegoceRecherche {
height: 24px;
width: 24px;
border: 0;
/*border-style: solid;
border-color: #808080;*/
background-color: #FFFFFF;
background-image: url('images/NegoceSearch.gif');
background-position: center center;
}

span.negoceRem{
color: red;
font-weight: bold;
}




/*style pour les boutons de couleurs pour la liste des boutons en vente*/
input.modregbleu {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #90B1D2 /*#175DA07a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-bleu-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregbleuc {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color:#8DB7CB/*#458FD75a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-bleuc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}


input.modreggris {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #BDBDBD /*#7575757a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-gris-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modreggrisc {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #E3E3E3 /*#B0B0B05a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-grisc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregjaune {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #c0c0c0;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-jaune-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.modregorange {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #F0AE92 /*#DF551B7a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-orange-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregorangec {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #FDCFBC /*#F977405a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-orangec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregrouge {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #F19D9D /*#E232327a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-rouge-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregrougec {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color : #FDC2C2 /*#FA53535a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-rougec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregvert {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color: #90E190 /*#17C0177a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-vert-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregvertc {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color : #BDF7BD /*#45E8455a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-vertc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

input.modregviolet {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-color: #c0c0c0;
background-image: url('images/ret_cylindre-violet-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
background-color : #BC90D3 /*#7217A47A*/;
}

input.modregvioletc {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 52px;
border-style: solid;
border-color: #000000;
background-color :#DBB5F0 /*#992ED45a*/;
color: #000000;
font-size : 7pt;/*10pt;*/
font-family: Verdana, Arial, sans-serif;
/*background-image: url('images/ret_cylindre-violetc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;*/
}

/*   style pour Fastmag commerce*/
table.webliste {
border: 1;
border-collapse: collapse;
padding: 50;
}

tr.webliste {
background-color: white;
}

tr.webliste_selected {
background-color: #c0ffc0;
}

td.webliste {
padding: 5px;
border-style: solid;
border-width: 1;
border-color: #808080;
}

td.webliste_rouge {
padding: 5px;
border-style: solid;
border-width: 1;
border-color: #808080;
font-weight: bold;
}

td.webliste_closed {
padding: 5px;
border-style: solid;
border-width: 1;
border-color: #808080;
color: #808080;
}

th.webliste {
height: 25;
border-style: solid;
border-width: 1;
border-color: #808080;
padding: 5px;
background-color: #fde8a6;
font-size: 10pt;
color: black;
}



a.web:link {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.web:visited {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

a.web:hover {
color: blue;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif }

td.Fiche_bord {
border-style: solid;
border-width: 1px;
border-color: black;
background-color: #d0d0d0;
}

td.Fiche_bord_invalide {
border-style: solid;
border-width: 1px;
border-color: black;
background-color: red;
}

a.white:link {
color: white;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif;
}

a.white:visited {
color: white;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif;
}

a.white:hover {
color: white;
text-decoration: underline;
font-family: Verdana, Arial, sans-serif;
}

.formulaire {
padding:20px;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#ededed;
border: 1px solid #bbb;
}



td.menu3.deroulant {background:url('images/bg-entete.png') repeat-x center left;}
td.menu3.deroulant a {display:block;text-align:center;line-height:50px;background:url('images/bg-menu3-closed.png') no-repeat 10px center;}
td.menu3.deroulant a.opened {background:url('images/bg-menu3-opened.png') no-repeat 10px center;}
td.menu4 a {display:block;text-align:center;line-height:20px;}
td.menu4 {border-bottom:1px dashed #ccc;padding:2px 0;}


#leftnav1_old {
width:78px;
background-image: url('images/navbar_bg.gif');
background-attachment: scroll;
background-repeat: repeat-Y;
}

#leftnav1 {
width:78px!important;
min-width:78px!important;
	background: #ededed; /* Old browsers */
	border-right:1px solid #888888;
}

#leftnav1 td{color:#37538e;}

#main_content {
 
}


a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:non;
}

a.info:hover{z-index:25; background-color:#ffffff}

a.info span{display: none}

a.info:hover span {
display:block;
position:absolute;
border:1px solid #000000;
background-color:#ffffff; color:#000000;
}


div.vignettePhotosProduitsLine {
clear:both;
display:block;
padding:5px;
}

div.vignettePhotosProduitsCell {
display:inline;
border:1px solid #ccc;
}

div.vignettePhotosProduitsLeft {
text-align:center;
float:left;
width:120px;
height:120px;
background-color:#fff;
padding:5px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:2px solid #888;
}

div.vignettePhotosProduitsRight {
text-align:right;
float:left;
width:110px;
height:120px;
background-color:#fff;
padding:5px;
border-top:1px solid #ccc;
border-right:2px solid #888;
border-bottom:2px solid #888;
}

div.vignettePhotosProduitsInterCell {
float:left;
width:10px;
height:110px;
}

input.downloadbutton {
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
height: 60px;
width: 250px;
border-style: solid;
border-color: #808080;
background-color: #c0c0c0;
color: black;
font-size : 10pt;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/ret_cylindre-bleu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}


.vignette_photo {
border-left:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
padding:10px;
width:100px;
background:#ffffff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 5px 5px 10px #888;
-moz-box-shadow:5px 5px 10px #888;
-webkit-box-shadow:5px 5px 10px #888;
}

#listeAction {
height:32px;
padding:6px 4px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#vente_reglements_old {
width:100%;
background:#d0d0d0;
border:1px solid black;
box-shadow: 5px 5px 10px #999;
-moz-box-shadow:5px 5px 10px #999;
-webkit-box-shadow:5px 5px 10px #999;
}

#vente_reglements {
width:100%;
box-shadow:0 0 0 #000;
border:1px solid #c0c0c0;
background: none repeat scroll 0 0 #F0F0F0;
}

.report_icon {display:block;position:relative; left:0px;top:40px;width:24px;height:24px;}

input.report_button:hover {
background-color: rgb(255,255,255);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(248,241,213)));
background:linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-moz-linear-gradient(rgb(255,255,255), rgb(248,241,213));
background:-webkit-linear-gradient(rgb(255,255,255), rgb(248,241,213));
height:40px;
}

input.report_button {
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: rgb(249,246,239);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(249,246,239)), to(rgb(237,230,202)));
background:linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-moz-linear-gradient(rgb(249,246,239), rgb(237,230,202));
background:-webkit-linear-gradient(rgb(249,246,239), rgb(237,230,202));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9f6ef,endColorStr=#ede6ca);
height:40px;
}

input.report_button_sel:hover {
background-color: #cef;
background:-webkit-gradient(linear, left top, left bottom, from(#cef), to(#acf));
background:linear-gradient(#cef, #acf);
background:-moz-linear-gradient(#cef, #acf);
background:-webkit-linear-gradient(#cef, #acf);
height:40px;
}

input.report_button_sel {
border: 1px solid white;
padding:6px 4px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
background-color: #bdf;
background:-webkit-gradient(linear, left top, left bottom, from(#bdf), to(#9bf));
background:linear-gradient(#bdf, #9bf);
background:-moz-linear-gradient(#bdf, #9bf);
background:-webkit-linear-gradient(#bdf, #9bf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#b0d0f0,endColorStr=#90b0f0);
height:40px;
}


td.font-titre {
font-size:18px;
color:#3048d9;
font-weight:bold;
}

input.w100pc {
width:100%;
}

.w100pc {
width:100%;
}

table.noborder {
border:0;
border-collapse: collapse;
}

input.vente_saisie {
width:50px;
text-align:left;
}

td.tdbtn {
}

input.btnrow1 {
height:40px;
font-size:8pt;
}

input.h30px {
height:30px;
}

input.vente_retourclientON {
background-image: url('images/bouton-abandon.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

input.vente_retourclientON:hover {
background-image: url('images/bouton-abandon.gif');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

div.divbtn {
/* margin-bottom:5px; */
}

input.editvente{
	width: 100%;
}

a.btn_localiser,a.btn_localiser:hover,a.btn_localiser:visited{
border: 1px solid white;
padding: 6px 30px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
background-image:url('images/bouton23px.jpg');
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #000000;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
}

input.wauto {width:auto;}

/* ---------------------------------- */
/* --------- css des menus ---------- */

td.menu {
	border-color: rgb(0,0,0);
	background-image: 0;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#eaeaea 100%); /* W3C */
	background:url(images/picto/bgbutton.png) center center repeat-x;
	border: 1px solid #CFCFCF;
  padding: 5px 0;
  font-size: 15pt;
  text-align:center;
}

td.menu:hover{
  background: #f2f2f2; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #f2f2f2 0%, #d6d6d6 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d6d6d6 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d6d6d6 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #f2f2f2 0%,#d6d6d6 100%); /* W3C */
  background:url(images/picto/bgbutton.png) center center repeat-x;
  border: 1px solid #C0C0C0;
}

td.menu_inaccessible {
	border-color: rgb(0,0,0);
	background-image: 0;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#eaeaea 100%); /* W3C */
	background:url(images/picto/bgbutton.png) center center repeat-x;
	border: 1px solid #CFCFCF;
  padding: 5px 0;
  font-size: 15pt;
  color:#999;
  text-align:center;
}


td.menu a:link{
	text-decoration: none;
}

td.menu a:hover{
	color:#3753ae;
}

td.menu_interligne {
height:10px;
}

div.menu_param {
display:block;
position:relative;
top:0;
left:0;
background:#ddd;
float:left;
padding:5px;
margin-left:5px;
}

div.menu_param a {
height:100%;
width:100%;
text-align:center;
line-height:100%;
}


img.miniPictoEbiz {
	width:40px; 
	border:1px solid #787878; 
	border-radius:50%; 
	padding:5px;
}

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

input.radio_droit {
border:none;
}


button.sondagebtn {
height: 52px;
border: 1px solid #808080;
background-color: #c0c0c0;
color: #000000;
background-image: url('images/ret_cylindre-bleuc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
}

button.sel {
background-image: url('images/ret_cylindre-jaune-52.jpg');
}


/* -------------- les listes simplifiéees, Serge 19/10/2014 ----------------- */

table.liste {
border-collapse: collapse;
padding: 50px;
border:none;
}

tr.liste {
background:white;
}

tr.liste:hover {
background:#f8f8f8;
}

th.liste {
height: 30px;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
padding: 5px;
/*background: #ededed;*/
background: #bab8b8;
/*color: white;*/
font-weight: normal;
}

th.liste:first-child {border-left:1px solid #bbb;}
th.liste:last-child {border-right:1px solid #bbb;}

td.liste {
border:1px solid #cccccc;
padding: 5px;
}

td.listeH {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:0;
border-right:0;
padding: 5px;
}

/* Pour detail historique négoce */
.listegras{
font-weight: bold;
}

table.alignement input{
    width:100%;
}


input.ticket_email {
background: url('images/ticket_email.png') center 10px no-repeat #f0f0f0;
font-size:8pt;
padding-top:50px;
height:100px;
border:1px solid green;
white-space:pre-wrap;
width:210px;
}

input.ticket_papier {
background: url('images/ticket_papier.png') center 10px no-repeat #f0f0f0;
font-size:8pt;
padding-top:50px;
height:100px;
border:1px solid red;
white-space:pre-wrap;
width:210px;
}

input.ticket_papier_email {
background: url('images/ticket_papier_email.png') center 10px no-repeat #f0f0f0;
font-size:8pt;
padding-top:50px;
height:100px;
border:1px solid blue;
white-space:pre-wrap;
width:210px;
}
input.sans_ticket {
background: url('images/sans_ticket.png') center 10px no-repeat #f0f0f0;
font-size:8pt;
padding-top:50px;
height:100px;
white-space:pre-wrap;
width:210px;
}
input.ticket_cadeau {
background: url('images/ticket_cadeau.png') center 10px no-repeat #f0f0f0;
font-size:8pt;
padding-top:50px;
height:100px;
white-space:pre-wrap;
width:210px;
}

#InfosFour {
  display: block;
  position: relative;
  margin: 0 auto;
  height: 150px;
  width: 700px;
}
#InfosFour table {
  display: block;
  border: 1px solid black;
  float: left;
}
#InfosFour table th {
   height:35px;
   background-color:#BDBDBD;
}

#InfosFour table td {
  padding:2px;
}

#InfosFour textarea {
  display:block; 
  float:right;
}

/* *** nouveaux menus *** */
div.newmenu {width:410px; margin:0 20px 20px 20px; padding:5px; background: #efefef; border: 1px solid #c0c0c0; border-radius: 2px;}
div.newmenu table {width:100%;}
div.newmenu td.newmenu1 {width:60px; height:60px;}
div.newmenu td.newmenu1 img {width:35px;}
div.newmenu td.newmenu2 {font-size:18pt; c-olor:#3389FF; color:#37538E;}
/*div.newmenu td.newmenu3 {border-top:1px solid #c0c0c0; font-size:12pt;}*/
div.newmenu ul {list-style-type:square; list-style-image:url(./menu2/menu_item2.gif);}
div.newmenu a.newmenu1 {font-size:10pt; color:#b0b0b0; padding:0 5px 0 5px; text-decoration:none;}
div.newmenu a.newmenu2 {font-size:10pt; text-decoration:none;}
div.newmenu li.newmenu {color:#909090; font-size:10pt;}
/* *** fin des nouveaux menus *** */

/* decharge de responsabilité */
table.dechargeresp {
padding:20px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color: #ffc0c0;
border: 2px solid #ff8080;
box-shadow: 5px 5px 10px #999;
-moz-box-shadow:5px 5px 10px #999;
-webkit-box-shadow:5px 5px 10px #999;
}
td.dechargeresp{
font-family : Verdana, Arial, sans-serif;
font-size : 12pt;
}
/* Fin decharge de responsabilité */


textarea.traductionEbusiness {
  resize:none;
  height:60px;
  width:320px;
}

/* compteur parametres - debut */
form.compteurParametres-nomargin {
	margin-bottom:0;
	display:inline-block;
	margin:0px 5px 0px 5px;
}
form.compteurParametres-nomargin button {
	cursor:pointer;
}
form.compteurParametres-nomargin #infoImport.normal {
	cursor:pointer;
}
.compteurParametres-SmallText {
	width:80px;
	text-align:center;
}
#compteurParametres-informations {
	display:none;
	border:1px solid black;
	border-radius:2px;
	width:600px;
	text-align:left;
	margin:10px;
	background:#DCE9FF;
}
/* compteur parametres - fin */

span.infoActifProduitsEbiz,
span.infoVisibleProduitsEbiz {
  position:absolute;
  display:none;
  background:white;
  color:black;
  border:1px solid black;
  padding:3px;
}

/* objectif journalier */
img.info {
  cursor:pointer;
}
div.ImportObjectif {
  display:none;
  background:#E7E7E7;
  padding:8px;
  border:1px solid #C1C1C1;
  width:500px;
  margin:5px;
}
div.ImportObjectif ul li {
  text-align:left;
}
form#FormImportObjectif div {
  padding:2px;
}
/* objectif journalier - fin */

input.linkSales {
  align-items: normal;
  background-color: rgba(0,0,0,0);
  border-color: rgb(0, 0, 238);
  border-style: none;
  box-sizing: content-box;
  color: rgb(0, 0, 238); 
  cursor: pointer;
  display: inline;
  font: inherit;
  height: auto;
  padding: 0;
  perspective-origin: 0 0;
  text-align: start;
  text-decoration: underline;
  transform-origin: 0 0;
  width: auto;
  -moz-appearance: none;
  -webkit-logical-height: 2em; /* Chrome ignores auto, so we have to use this hack to set the correct height  */
  -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */
}

/* Mozilla uses a pseudo-element to show focus on buttons, */
/* but anchors are highlighted via the focus pseudo-class. */

@supports (-moz-appearance:none) { /* Mozilla-only */
  input.linkSales::-moz-focus-inner { /* reset any predefined properties */ 
    border: none;
    padding: 0;
  }
  input.linkSales:focus { /* add outline to focus pseudo-class */
    outline-style: dotted;
    outline-width: 1px;
  }