/* ---------- Styles specific to products ---------- */

/* ----- ADMIN ------*/

/*
td.ListItemAdmin {
        font-weight: bold;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        text-align: left;
        padding: 0px;
        }
td.ListItemAdmin a {
        font-weight: bold;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        }
td.ListItemAdmin a:hover {
        font-weight: bold;
        font-size: 11px;
        color: rgb(0,0,0);
        text-decoration: none;
        }
td.ProduitListAdmin {
        font-weight: bold;
        font-size: 14px;
        color: rgb(255,255,255);
        background-color: rgb(36,52,117);
        text-decoration: none;
        text-align: left;
        padding: 2px;
        }
td.ProduitListAdminDescr {
        font-weight: normal;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        text-align: left;
        padding: 2px;
        }
td.ProduitsAdminTitle {
        font-weight: bold;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        text-align: justify;
        vertical-align: top;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 0px;
        padding-left: 5px;
        }
td.ProduitsAdminTitle a{
        font-weight: bold;
        font-size: 11px;
        color: rgb(0,0,0);
        text-decoration: none;
        }
td.ProduitsAdminTitle a:hover{
        font-weight: bold;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        }
td.ProduitsAdmin {
        font-weight: normal;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        text-align: justify;
        vertical-align: top;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 0px;
        padding-left: 5px;
        }
td.ProduitsAdmin a{
        font-weight: normal;
        font-size: 11px;
        color: rgb(0,0,0);
        text-decoration: none;
        }
td.ProduitsAdmin a:hover{
        font-weight: normal;
        font-size: 11px;
        color: rgb(36,52,117);
        text-decoration: none;
        }
*/




/* Styles lorsque liste de produits sur plusieurs colonnes */

table.listcol {
        margin: 0px;
        padding: 0px;
        width: 100%;
        }
td.ListItemTable {
        padding:5px;
        }
span.customage{
        font-weight: normal;
        font-size: 10px;
        color: rgb(68,169,23);
        }
td.ListItemSsborderImgRight {
        padding: 5px 10px 2px 0px;
        font-weight: normal;
        font-size: 10px;
        color: rgb(105,93,91);
        text-decoration: none;
        text-align: right;
        vertical-align: top;
        }

/* Snel bestellen */
div.tempimg {
        width: 101px;
        height: 101px;
        }
td.blockimg {
        width: 120px;
        height: 120px;
        vertical-align: top;
        }
td.ListItemSsborderRef {
        padding: 5px 10px 2px 0px;
        font-weight: normal;
        font-size: 10px;
        color: rgb(87,74,72);
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        }
td.ListItemSsborderRef a {
        font-weight: normal;
        font-size: 10px;
        color: rgb(220,36,31);
        text-decoration: normal;
        }
td.ListItemSsborderRef a:hover {
        font-weight: normal;
        font-size: 10px;
        color: rgb(54,54,54);
        text-decoration: normal;
        }

.imgcrossleft {
        margin: 0px 10px 5px 0px;
        padding: 1px;
        border: 1px solid rgb(87,74,72);
        }

/* Nouveaux styles produits */
div.productdetailtable {
        text-align: left;
        }
table.productdetailtable {
        padding: 0;
        }
td.productheader {
        padding-left: 0px;
        font-weight: bold;
        font-size: 0.8em;
        color: rgb(0,0,0);
        background: url(../images/layer1_menus2it-bg.jpg) repeat-x top left;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        height:  14px;
        }
tr.productrow {
        vertical-align: top;
        }
tr.productrow td {
        width: 50%;
        padding-left: 2px;
        padding-right: 2px;
        }
td.ProduitsVertSep {
        padding-right: 5px;
        width: 20px;
        }
td.producttitle {
        padding: 10px 0px 10px 0px;
        font-weight: bold;
        font-size: 0.9em;
        color: rgb(109,0,5);
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        height: 14px;
        border-top: 1px solid rgb(0,0,0);
        }
td.producttitle a {
        color: rgb(109,0,5);
        text-decoration: none;
        }
td.producttitle a:hover {
        color: rgb(54,54,54);
        text-decoration: underline;
        }
td.productdata {
        padding: 5px 10px 2px 0px;
        font-size: 0.8em;
        color: rgb(54,54,54);
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
td.productdata a {
        color: rgb(109,0,5);
        text-decoration: underline;
        }
td.productdata a:hover {
        color: rgb(0,0,0);
        text-decoration: underline;
        }
td.productdata p {
        margin: 0.7em 0 0.7em 0;
        }
td.productdataprice {
        margin: 0px;
        padding: 5px 5px 5px 5px;
        font-size: 0.8em;
        line-height: 1.4em;
        color: #ffffff;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
td.productdataright {
        padding: 5px 10px 2px 0px;
        font-weight: bold;
        font-size: 0.8em;
        color: rgb(54,54,54);
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }






/* ---------- NOUVEAUX STYLES 2012 ---------- */

/* LISTE DES PRODUITS EN COLONNES */

h1.antProd {
        margin: 0px 0px 3px 0px;
		padding: 15px 0px 3px 0px;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #4da5e3;
		font-weight: bold;
        font-size: 130%;
        text-align: left;
        }
div.antProdDisplay {
        margin: 0px 0px 0px 0px;
		padding: 6px 1px 6px 1px;
        color: #555555;
		font-weight: normal;
        font-size: 11px;
        text-align: right;
        /*background-color: #EFEEEC;*/
        border-bottom: 1px dotted #cccccc;
        }
div.antProdDisplay a {
        color: #555555;
        text-decoration: none;
        }
div.antProdDisplay a:hover {
        color: #444444;
        text-decoration: none;
        }
div.antProdDisplayLeft {
		float: left;
        padding-top: 4px;
        }
div.antProdDisplayRight {
		float: right;
        }
div.antProdDisplayClear {
		clear: both;
        }

div.productlist {
        margin: 10px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        }
table.productlist {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
tr.productrow {
        vertical-align: top;
        }
table.productlist td.colonnes_1 {
        width: 100%;
        }
table.productlist td.colonnes_2 {
        width: 50%;
        }
table.productlist td.colonnes_3 {
        width: 33%;
        }
table.productlist td.colonnes_4 {
        width: 25%;
        }
table.productlist td.firstcell {
        padding: 0px 20px 20px 20px;
        border-right: 1px solid #dddddd;
        }
table.productlist td.middlecell {
        padding: 0px 20px 20px 20px;
        border-right: 1px solid #dddddd;
        }
table.productlist td.lastcell {
        padding: 0px 20px 20px 20px;
        }

h1.prodlisttitle { /* titre */
        margin: 0px 0px 2px 0px;
		padding: 2px 5px 8px 0px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.8em;
        color: #444444;
		font-weight: bold;
        /*text-transform: uppercase;*/
        line-height: 19px;
        text-align: left;
        }
h1.prodlisttitle a {
        color: #444444;
        text-decoration: none;
        }
h1.prodlisttitle a:hover {
        color: #4da5e3;
        text-decoration: none;
        }

div.prodlistimage { /* image */
        margin: 0px 0px 8px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 0.7em;
        color: #444444;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        border: 1px solid #dddddd;
        }
div.prodlistimage img {
        border: 0px solid #dddddd;
        }
div.prodlistimage:hover {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        }

div.prodlistref { /* référence */
        padding: 3px 5px 8px 0px;
        font-size: 0.7em;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
div.prodlistref a {
        color: #444444;
        text-decoration: none;
        }
div.prodlistref a:hover {
        color: #444444;
        text-decoration: none;
        }

div.prodlistdescr { /* description courte */
        padding: 3px 5px 8px 0px;
        font-size: 0.7em;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
div.prodlistdescr p {
        margin: 0.5em 0 0.1em 0;
        }
div.prodlistdescr a {
        color: #444444;
        text-decoration: underline;
        }
div.prodlistdescr a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }

div.prodlistmoreinfo { /* lien détail */
        padding: 3px 5px 8px 0px;
        font-size: 0.7em;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
div.prodlistmoreinfo a {
        color: #444444;
        text-decoration: underline;
        }
div.prodlistmoreinfo a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }

div.prodlistprice { /* prix */
        padding: 3px 5px 8px 0px;
        font-size: 16px;
        font-weight: bold;
        color: #4da5e3;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
span.productreduction {
        color: #ff0000;
        font-weight: bold;
        }

div.prodlistfriend { /* send friend */
        padding: 3px 5px 8px 0px;
        font-size: 0.6em;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
div.prodlistfriend a {
        color: #444444;
        text-decoration: underline;
        }
div.prodlistfriend a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }

div.prodlistdata { /* liste des catégories */
        padding: 3px 5px 8px 0px;
        font-size: 0.7em;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }
div.prodlistdata p {
        margin: 0.5em 0 0.1em 0;
        }
div.prodlistdata a {
        color: #444444;
        text-decoration: underline;
        }
div.prodlistdata a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }

div.productorder { /* quantité */
        margin: 0px 0px 0px 0px;
		padding: 5px 0px 6px 0px;
        }
.productquantite {
        font-size: 1em;
        color: #444444;
        }

div.productOrderBut { /* bouton commande */
        margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
        }
input.buttonaddbasket { /* ajouter au panier */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 9px;
        /*letter-spacing: 1px;*/
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        /*width: 100%;*/
        width: 130px;
        height: 22px;
        cursor: pointer;
        }
input.buttonaddbasket:hover {
		background: #555555;
		border: 1px solid #555555;
        }


/* DÉTAIL D'UN PRODUIT */

div.detail {
        margin: 0px;
        padding: 10px 0px 10px 0px;
        }
table.detail {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
td.detail_col1 {
        padding: 0px;
        vertical-align: top;
        width: 30%;
        }
td.detail_col2 {
        padding: 0px;
        vertical-align: top;
        width: 70%;
        }
td.detail_col1 img {
        margin: 0;
        padding: 0;
        }

div.prodref { /* référence */
        padding: 0px 25px 0px 0px;
        font-size: 0.6em;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }

div.prodimage { /* image principale */
        margin: 3px 25px 8px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 0.7em;
        color: #444444;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        }
div.prodimage img {
        border: 1px solid #dddddd;
        }
div.prodimage img:hover {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        }

div.prodimages { /* images vignettes */
        margin: 0px 25px 8px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 0.7em;
        color: #444444;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        }
ul.prodimages {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
ul.prodimages li.prodimages {
    	float: left;
    	margin: 0;
        padding: 5px 10px 5px 0px;
        list-style-type: none;
        background: none;
        }
ul.prodimages li.prodimages img {
        border: 1px solid #dddddd;
        }
ul.prodimages li.prodimages img:hover {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        }
.spacer {
        clear: both;
        font-size: 1px;
        height: 0;
        margin: 0;
        }

h1.prodtitle { /* titre */
        margin: 0px 0px 5px 0px;
		padding: 0px 0px 6px 0px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        color: #4da5e3;
		font-weight: bold;
        font-size: 140%;
        /*text-transform: uppercase;*/
        line-height: 19px;
        text-align: left;
        }

div.prodprice { /* prix */
        padding: 3px 0px 8px 0px;
        font-size: 16px;
        font-weight: bold;
        color: #4da5e3;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        }

div.proddescr { /* description longue */
        padding: 3px 0px 13px 0px;
        color: #444444;
        text-decoration: none;
        vertical-align: top;
        border-bottom: 1px dotted #cccccc;
        }
div.proddescr p {
        margin: 0.5em 0 0.2em 0;
        }
div.proddescr a {
        color: #444444;
        text-decoration: underline;
        }
div.proddescr a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }

div.antProdtabzone { /* onglets description */
        padding: 3px 0px 13px 0px;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        border-bottom: 1px dotted #cccccc;
        }
div.antProdtabzone p {
        margin: 0.5em 0 0.2em 0;
        }
ul.antprodtabs {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
ul.antprodtabs li {
    	float: left;
    	margin: 0;
        padding: 5px 10px 5px 0px;
        list-style-type: none;
        background: none;
        }
ul.antprodtabs li a {
        }
ul.antprodtabs li a.antprodactive {
        }
ul.antprodtabs li a:hover {
        }
ul.antprodtabs li a.antprodactive:hover {
        }
div.antprodinactive {
        display: none;
        }

div.prodchar { /* caractéristiques */
        padding: 8px 0px 5px 0px;
        }
table.prodchar {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        /*width: 100%;*/
        }
td.prodchartitle {
        padding: 3px 5px 3px 0px;
        font-weight: normal;
        font-size: 11px;
        color: #444444;
        text-align: left;
        vertical-align: middle;
        }
td.prodchar {
        padding: 3px 0px 3px 0px;
        font-weight: normal;
        font-size: 11px;
        color: #444444;
        text-align: left;
        vertical-align: middle;
        }

div.productcharlist {
        padding: 3px 0px 3px 0px;
        }
table.productcharlist {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        }
td.productcharlist {
        padding-right: 3px;
        }
.productchar {
        font-size: 1em;
        color: #444444;
        }

div.prodcom { /* zone commandable */
        padding: 0px 0px 5px 0px;
        }

div.prodfriend { /* send friend */
        padding: 10px 0px 8px 21px;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        background: url("../images/icon_friend.png") no-repeat scroll 1px 14px transparent;
        border-top: 1px dotted #cccccc;
        }
div.prodfriend a {
        color: #444444;
        text-decoration: underline;
        }
div.prodfriend a:hover {
        color: #4da5e3;
        text-decoration: underline;
        }


/* Message après une operation dans produits */
div.MsgAfterOp {
        margin: 10px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        font-weight: bold;
        font-size: 0.8em;
        color: #008251;
        background-color: #d2e6df;
        border: 1px solid #008251;
        }


/* PARTIE TRANSACTION */

div.transtable {
        margin: 20px 0px 10px 0px;
        }
table.transtable { /* table liste produits commande */
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
td.transheader {
        padding: 5px 3px 5px 7px;
        font-weight: bold;
        font-size: 0.7em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        background: #dddddd;
        }
td.transheaderRight {
        padding: 5px 3px 5px 7px;
        font-weight: bold;
        font-size: 0.7em;
        color: #333333;
        text-decoration: none;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        background: #dddddd;
        }
td.transheaderCenter {
        padding: 5px 3px 5px 7px;
        font-weight: bold;
        font-size: 0.7em;
        color: #333333;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background: #dddddd;
        }
td.transdata {
        padding: 10px 3px 10px 7px;
        font-weight: normal;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #dddddd;
        }
td.transdataRight {
        padding: 10px 3px 10px 7px;
        font-weight: normal;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: right;
        vertical-align: middle;
        border-bottom: 1px solid #dddddd;
        }
td.transdataCenter {
        padding: 10px 3px 10px 7px;
        font-weight: normal;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #dddddd;
        }
td.transdata a, td.transdataRight a, td.transdataCenter a {
        color: #6f1413;
        text-decoration: none;
        }
td.transdata a:hover, td.transdataRight a:hover, td.transdataCenter a:hover {
        color: #6f1413;
        text-decoration: underline;
        }
span.productref {
		font-size: 10px;
        color: #555555;
        }
span.listdate {
		font-size: 11px;
        color: #333333;
        }

div.transtabletotal {
        float: right;
        margin: 10px 0px 10px 0px;
        padding: 5px 5px 5px 5px;
        width: 365px;
        border: 1px solid #dddddd;
        }
table.transtabletotal { /* table différents totaux */
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
td.transtotal {
        padding: 8px 10px 8px 10px;
        font-weight: bold;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px dotted #dddddd;
        }
td.transtotalRight {
        padding: 8px 10px 8px 10px;
        font-weight: bold;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: right;
        vertical-align: middle;
        border-bottom: 1px dotted #dddddd;
        }
td.transwarning {
        padding: 8px 10px 8px 10px;
        font-weight: bold;
        font-size: 0.7em;
        color: #C30300;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        border: 1px solid white;
        }
td.transtotalrecap {
        padding: 7px 10px 8px 10px;
        font-weight: bold;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        background-color: #dddddd;
        }
td.transtotalrecapRight {
        padding: 7px 10px 8px 10px;
        font-weight: bold;
        font-size: 1.1em;
        color: #C30300;
        text-decoration: none;
        text-align: right;
        vertical-align: middle;
        background-color: #dddddd;
        }

div.transtableadresse {
        /*float: right;*/
        margin: 10px 0px 10px 0px;
        padding: 5px 5px 5px 5px;
        /*width: 360px;*/
        border: 1px solid #dddddd;
        }
table.transtableadresse { /* table adresses facturation et livraison */
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
td.transheaderadresse {
        padding: 5px 3px 5px 7px;
        font-weight: bold;
        font-size: 0.7em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        background: #dddddd;
        width: 50%;
        }
td.transadresse {
        padding: 5px 10px 5px 10px;
        font-weight: bold;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        border-top: 1px dotted #dddddd;
        }
td.transadresseRight {
        padding: 5px 10px 5px 10px;
        font-weight: normal;
        font-size: 0.8em;
        color: #333333;
        text-decoration: none;
        text-align: left;
        vertical-align: top;
        border-top: 1px dotted #dddddd;
        }

div.clear {
		clear: both;
        }

span.transhigh {
        font-weight: bold;
        text-decoration: underline;
        }

div.moreinfo {
        margin: 5px;
        padding: 5px;
        color: #333333;
        border: 2px solid rgb(224,77,1);
        background-color: rgb(224,224,224);
        }
div.productmoreinfo {
        }
div.productref {
        }


/* BOUTONS TRANSACTION */

input.largebutton { /* poursuivre vos achat, ... */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        width: 190px;
        height: 22px;
        cursor: pointer;
        }
input.largebutton:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.buttontransferbasket { /* Transférer cette liste dans le panier */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        width: 250px;
        height: 22px;
        cursor: pointer;
        }
input.buttontransferbasket:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.extralargebuttonbasket { /* Dernière étape : paiement serveur sécurisé */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        width: 350px;
        height: 22px;
        cursor: pointer;
        }
input.extralargebuttonbasket:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.largebutton_back { /* Etape précédente */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        width: 150px;
        height: 22px;
        cursor: pointer;
        }
input.largebutton_back:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.largebutton_next { /* Etape suivante */
        padding: 2px 0px 2px 0px;
		font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #444444;
		border: 1px solid #444444;
        width: 150px;
        height: 22px;
        cursor: pointer;
        }
input.largebutton_next:hover {
		background: #555555;
		border: 1px solid #555555;
        }


/* ETAPES TRANSACTIONS */

div.transetapes {
        margin: 5px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
        }
table.transetapes {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }

td.etapePassed {
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        font-size: 0.8em;
        color: #444444;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        background: url("../images/step-back-passed.png") repeat-x scroll 0px 0px transparent;
        }
td.etapeActual {
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        font-size: 0.8em;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        background: url("../images/step-back-actual.png") repeat-x scroll 0px 0px transparent;
        }
td.etapeNext {
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        font-size: 0.8em;
        color: #888888;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        background: url("../images/step-back-next.png") repeat-x scroll 0px 0px transparent;
        }

td.separPassedPassed {
        padding: 0px;
        font-size: 0.8em;
        width: 13px;
        background: url("../images/step-separ-passed-passed.png") no-repeat scroll 0px 0px transparent;
        }
td.separPassedActual {
        padding: 0px;
        font-size: 0.8em;
        width: 13px;
        background: url("../images/step-separ-passed-actual.png") no-repeat scroll 0px 0px transparent;
        }
td.separActualNext {
        padding: 0px;
        font-size: 0.8em;
        width: 13px;
        background: url("../images/step-separ-actual-next.png") no-repeat scroll 0px 0px transparent;
        }
td.separNextNext {
        padding: 0px;
        font-size: 0.8em;
        width: 13px;
        background: url("../images/step-separ-actual-actual.png") no-repeat scroll 0px 0px transparent;
        }
td.separPassedNext {
        padding: 0px;
        font-size: 0.8em;
        width: 13px;
        background: url("../images/step-separ-passed-next.png") no-repeat scroll 0px 0px transparent;
        }


/* MIRE AUTH COMPTE CLIENT */

div.authEcomCreate {
        float: left;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 371px;
        background-color: #f3f3f3;
		border: 1px solid #cccccc;
        }
div.authEcomLogin {
        float: right;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 371px;
        background-color: #f3f3f3;
		border: 1px solid #cccccc;
        }
div.authEcomLoginAdmin {
        float: left;
        margin: 10px 0px 10px 20px;
        padding: 0px 0px 0px 0px;
        width: 371px;
        background-color: #f3f3f3;
		border: 1px solid #cccccc;
        }

table.authEcomCreate {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
table.authEcomLogin {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }

td.authEcomIntro {
		padding: 20px 20px 2px 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-weight: bold; 
		font-size: 15px;
		color: #444444;
		text-decoration: none;
		text-align: left;
		vertical-align: top;
		}
td.authEcomTitle {
		padding: 10px 20px 10px 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-weight: bold; 
		font-size: 12px;
		color: #444444;
		text-decoration: none;
		text-align: left;
		vertical-align: top;
		}
td.authEcomField {
		padding: 10px 20px 10px 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
        font-weight: normal; 
		font-style: normal;
		font-size: 12px;
		color: #444444;
		text-decoration: none;
		text-align: left;
		vertical-align: top;
		}
td.authEcomField a {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight: normal; 
		font-style: normal;
		font-size: 11px;
		color: #444444;
		text-decoration: underline;
		}
td.authEcomField a:hover {
		color: #c30300;
		text-decoration: underline;
		}

div.createAccount {
        display: block;
        padding: 3px 5px 3px 5px;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        background: #555555;
		border-width: 1px;
		border-style: solid;
		border-color: #555555 #333333 #333333 #555555;
		cursor: pointer;
        width: 120px;
		}
div.createAccount:hover { /* hover */
        background: #666666;
		border-width: 1px;
		border-style: solid;
		border-color: #666666 #444444 #444444 #666666;
        }
div.createAccount a {
		font-weight: bold;
        color: #ffffff;
		text-decoration: none;
		}
div.createAccount a:hover {
		color: #ffffff;
		text-decoration: none;
		}

div.authEcomLogin p, div.authEcomCreate p {
		margin: 5px 0px 10px 0px;
        }
        
span.plListNavsel{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #4da5e3;
    color: #ffffff;
    border: 1px solid #555555;
    font-family: Arial;
    }

span.plListNav{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: rgb(224,224,224);
    border: 1px solid #555555;
    font-family: Arial;
    }

span.plListNavsel span,span.plListNav span{
    font-size: 12px;
    }