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

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: #77ade3;
border-style: solid;
}

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

table.fond {
border-color: #efebde;
background-color: #efebde;
border-style: solid;
}

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


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


table.titre {
border-color: #808080;
border-style: solid;
}

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

table.login {
border-color: #808080;
border-style: solid;
border-width: 1px;
background-image: url('images/cylindre-login.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center
}


p {
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: #000000;
text-decoration: none;
font-family: Verdana, Arial, sans-serif }

a:visited {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, sans-serif }

a:hover {
color: #ff0000;
text-decoration: none;
font-family: Verdana, Arial, sans-serif }

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

select {
border-width: 1px;
border-color: #000000;
border-style: solid;
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/fond-th2.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
color: #FFFFFF }

td.header {
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.menu_inaccessible{
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-size : 16pt;
color: #808080;
background-image: url('images/cylindre-menu.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;
white-space: nowrap;
}


td.menu {
text-align: center;
font-family : Verdana, Arial, sans-serif;
font-size : 16pt;
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.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;
}

td.liste {
text-align: center;
font-family : Verdana, Arial, sans-serif ;
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 }

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

input.droits {
border-width: 0;
}

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

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

input.modreg {
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 {
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 {
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_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-style: solid;
border-color: #77afff;
background-color: #ffffff }

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

input.button {
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 {
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 {
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 {
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 {
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 {
height:20px;
width:30px;
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.button2 {
height: 25px;
width : 25px;
border-style: solid;
border-color: #808080;
font-size: 14pt;
background-color: #c0c0c0;
background-image: url('images/cylindre-bouton.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center
}

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

input.redbutton {
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 }

td.afficheur {
border-style: solid;
border-color: #000000;
background-color: #ffffff;
border-width: 2px;
/*background-image: url('images/cylindre-afficheur.jpg');*/
/*background-repeat: repeat-x;         */
/*background-attachment: scroll;       */
/*background-position: center center */}


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

td.zero {
border-color: #d0d0d0;
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: #d0d0d0;
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: 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/tabline.png');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top left }

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: 26px;
width: 150px;
border: 0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabactive.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive{
height:26px;
width:150px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabinactive.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabactive70{
height:26px;
width:70px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabactive70.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive70{
height:26px;
width:70px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabinactive70.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }


td.tabactive90{
height:26px;
border:0px;
padding: 0px;
border-spacing: 0px;
width:90px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabactive90.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive90{
height:26px;
border:0px;
padding: 0px;
border-spacing: 0px;
width:90px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabinactive90.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }


td.tabactive110{
height:26px;
width:110px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
background-image: url('images/tabactive110.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive110{
height:26px;
width:110px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border:0px;
border-style: none;
border-color: rgb(0,0,0);
background-image: url('images/tabinactive110.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }


td.tabactive130{
height:26px;
width:130px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border:0px;
border-style: none;
border-color: rgb(0,0,0);
background-image: url('images/tabactive130.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive130{
height:26px;
width:130px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border:0px;
border-style: none;
border-color: rgb(0,0,0);
background-image: url('images/tabinactive130.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }


td.tabactive150{
height:26px;
width:150px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabactive150.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

td.tabinactive150{
height:26px;
width:150px;
border:0px;
padding: 0px;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-size : 8pt;
border-color: rgb(0,0,0);
border-style: none;
background-image: url('images/tabinactive150.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left }

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: 1px;
border-collapse: collapse;
padding: 50px;
}

tr.tabliste {
background-color: white;
}


tr.tablisteTrop {
background-color: red;
}

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


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

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;
}

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

td.tabliste_grise {
background-color: #e0e0e0;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #606060;
}

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: 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-style: solid;
border-width: 1px;
border-color: #606060;
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;
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;
}

.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;
}

#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;
}


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

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

#fenreglement{
position: absolute;
top: 355px;
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;}


#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-color: red;*/
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;}

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;}



#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;}


#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;}

 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;}



#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;}

#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;}

#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;}

#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;}


#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;}



#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;}




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;
width: 210px;
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;
}


#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*/ }


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.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: 430px;
}

#paveclient{
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: 30;
top: 0px;
left: 427px;
width: 215px;
height: 260px;
border: solid 2px;
border-color: #000000;
background-color: #77ade3;
}

#paveclientmenu{
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: 30;
top: 0px;
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;
}

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;
}

input.buttonRetour {
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 {
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{
/*border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-weight: bold;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;*/
height: 20px;
width: 20px;
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
}
td.comptatabliste {
/*padding: 5px;*/
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-width: 1px;
border-color: #606060;
}

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

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/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: 700px;
}

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-image: url('images/fond_transp.gif');
background-position: top left;
background-repeat: repeat;
visibility: hidden;
text-align: center;
}



#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: #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;
}

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.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;
border: solid 1px #606060;
background-color: #FFFFCC;
}

/* *** 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.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;
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;
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 }

/* ******************* */
/*  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 {
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-bleu-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregbleuc {
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-bleuc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}


input.modreggris {
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-gris-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;} 

input.modreggrisc {
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-grisc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;} 

input.modregjaune {
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 {
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-orange-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregorangec {
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-orangec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregrouge {
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-rouge-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregrougec {
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-rougec-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregvert {
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-vert-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregvertc {
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-vertc-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregviolet {
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-violet-52.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center center;}

input.modregvioletc {
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-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 }