/* ---------- zone de recherche ---------- */ 

input.prodSearch{
    border: 1px solid #53834B;
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 55px;
    width: 93%;
    
}
div.prodSearch{position: relative; /* pour le before en absolute*/}
div.prodSearch::before{
    font-family: FontAwesome;
    content: "\f002";
    background-color: #53834B;
    border-radius: 3px 0 0 3px;
    color: white;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 0;
}
input{vertical-align: top;}

select.prodSearch{
    border: 1px solid #53834B;
    border-radius: 3px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
    padding: 10px 20px 10px 55px;
    /*width: 100%;*/
    
}

tr.prodList:nth-child(even){ background-color: #f0f0f0;}
tr.prodList:nth-child(odd){ background-color: #ffffff;}

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

h1.antProd {
        margin: 0px 0px 5px 0px;
		padding: 15px 0px 15px 0px;
        font-family: 'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
        font-weight: 400;
        color: #4a8142;
        font-size: 150%;
        line-height: 1;
        text-align: left;
        }

div.TPimages {
        }
div.TPColorbox {
		margin: 0 auto; /* centre la galerie */
        padding: 0;
        border: 0px;
		}
div.TPColorbox ul {
		margin: 0;
        padding: 0;
		list-style: none;
		}
div.TPColorbox li {
        float: left;
		margin: 10px 20px 10px 0px;
        padding: 0;
		}
div.TPColorbox li a img {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 2px;
        border: 1px solid #c8c8c8;
		}
div.TPimages .spacer:after {
        content: "."; display: block; height: 0; clear: both; visibility: hidden;
        }
div.TPimages .spacer {
		display: block;
        }


/* LISTE PRODUITS */
.productlist {
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        }
ul.listProducts {
        clear: both;
		margin: 0 auto;
        padding: 0px 0px 0px 0px;
		list-style: none outside none;
        }
li.listItem {
        display: block;
		margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }
div.Item {
		display: block;
		margin: 0px 0px 20px 0px;
        padding: 10px 25px 15px 25px;
		/*width: 100%;*/
        background-color: #ffffff;
		border: 1px solid #e6e6e6;
        }
div.Item img {
		/*
        max-width: 100%;
        width: 100%;
        */
		}


h1.prodlisttitle { /* titre */
        margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
        font-family: 'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
        font-weight: 400;
        color: #4a8142;
        font-size: 140%;
        line-height: 1;
        text-align: left;
        }
h1.prodlisttitle a {
        color: #4a8142;
        text-decoration: none;
        }
h1.prodlisttitle a:hover {
        color: #222222;
        text-decoration: none;
        }


div.prodlistdescr { /* description courte */
        padding: 3px 0px 6px 1px;
        font-size: 0.9em;
        color: #555555;
        text-decoration: none;
        text-align: left;
		line-height: 1.4em;
        }
div.prodlistdescr p {
        margin: 0em 0 0em 0;
        }
div.prodlistdescr a {
        color: #555555;
        text-decoration: underline;
        }
div.prodlistdescr a:hover {
        color: #111111;
        text-decoration: underline;
        }


div.Pcontenance { /* contenance */
        margin: 5px 0px 5px 0px;
        padding: 5px 5px 5px 10px;
        font-size: 0.9em;
        font-weight: bold;
        color: #555555;
        background-color: #fdefdf;
        }


div.Pimages { /* images */
        }
div.Pimages ul {
		margin: 0;
        padding: 0;
		list-style: none;
		}
div.Pimages li {
        float: left;
		margin: 10px 20px 10px 0px;
        padding: 0;
		}
div.Pimages li a img {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 2px;
        border: 1px solid #c8c8c8;
		}
div.Pimages ul:after {
        content: "."; display: block; height: 0; clear: both; visibility: hidden;
        }


div.PtblPrices, div.PtblPricesPro {
		margin: 5px 0px 0px 0px;
    	}
div.PtblPrices table,div.PtblPricesPro table {
        display: table;
        margin: 0px;
		padding: 0px;
        border-collapse: collapse;
        width: 100%;
    	}
div.PtblPrices table th,div.PtblPricesPro table th {
        padding: 5px 5px 5px 5px;
        color: #ffffff;
        font-size: 0.9em;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        vertical-align: top;
        background-color: #53834b;
        border-right: 1px solid #ffffff;
        }
div.PtblPrices table td {
        padding: 5px 5px 5px 5px;
        color: #555555;
        font-size: 0.9em;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        vertical-align: top;
        background-color: #f6f6f6;
        border-right: 1px solid #ffffff;
        }
        
div.PtblPricesPro table td {
        padding: 5px 5px 5px 5px;
        color: #555555;
        font-size: 0.9em;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        vertical-align: top;
        border-right: 1px solid #ffffff;
        }
        
div.PtblPrices table td a, div.PtblPricesPro table td a {
        color: #53834b;
        }
        
div.PtblPrices table td a:hover,div.PtblPricesPro table td a:hover {
        color: #73a36b;
        }

div.Pperiode {
		float: left;
        margin: 22px 0px 0px 0px;
        font-size: 0.9em;
        color: #555555;
        text-decoration: none;
        text-align: left;
		line-height: 1.4em;
        /*width: 50%;*/
    	}
div.Pperiode span.PLabel {
		font-weight: bold;
    	}
div.Pperiode span.PValue {
    	}

div.Pcommande {
		float: right;
        margin: 20px 0px 0px 10px;
        font-size: 0.9em;
        color: #555555;
        text-decoration: none;
        text-align: right;
		line-height: 1.4em;
        /*width: 50%;*/
    	}
div.Pcommande:after {
        content: "."; display: block; height: 0; clear: both; visibility: hidden;
        }
input.productquantite {
        margin: 0px 0px 5px 0px;
        padding: 3px 6px 3px 8px;
        font-weight: normal;
        font-size: 0.9em;
        color: #555555;
        text-decoration: none;
        text-align: left;
        width: 30px;
        background-color: #ffffff;
        border: 1px solid #d6d6d6;
        border-radius: 4px 4px 4px 4px;
        }
input.buttonaddbasket {
        margin: 0px 0px 5px 10px;
        padding: 0px 6px 0px 6px;
		font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #e48416;
		border: 1px solid #e48416;
        border-radius: 4px 4px 4px 4px;
        height: 24px;
        line-height: 12px;
        text-transform: uppercase;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        }
input.buttonaddbasket:hover {
        color: #555555;
        background-color: #f99420;
        border: 1px solid #f99420;
        }


/* FENETRE MODAL */
.form-send {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #e48416;
		border: 1px solid #e48416;
        border-radius: 4px 4px 4px 4px;
        height: 24px;
        line-height: 12px;
        text-transform: uppercase;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        width: 100%;
        }
.form-send:hover {
        color: #555555;
        background-color: #f99420;
        border: 1px solid #f99420;
        }


/* PAGINATION */
div.navigationResults {
        margin: 5px 0px 5px 0px;
        padding: 0px 0px 0px 2px;
        font-size: 0.8em;
        color: #555555;
        text-align: left;
		line-height: 1.5em;
        }
div.navigationLeft {
        float: left;
        padding-top: 8px;
        width: 43%;
        }
div.navigationRight {
        float: right;
        text-align: right;
        width: 56%;
        }
ul.antPagination {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        
        font-size: 1.1em;
        }
.antPagination > li {
        display: inline;
        }
.antPagination > li > a {
        float: left;
        position: relative;
        margin-left: -1px;
        padding: 6px 12px 6px 12px;
        color: #53834b;
        line-height: 1.42857;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #e6e6e6;
        }
.antPagination > li:first-child > a {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        }
.antPagination > li:last-child > a {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        }
.antPagination > li > a {
        color: #53834b;
        text-decoration: none;
        border-color: #e6e6e6;
        }
.pagination-sm > li > a {
        padding: 5px 10px 5px 10px;
        font-size: 12px;
        }
li.listNavsel > a {
        color: #ffffff;
        background-color: #53834b;
        }
span.antProdMaxListSelect {
        padding-left: 5px;
        }


/* MIRE AUTH COMPTE CLIENT */
#authEcom {
        display: table;
        margin: 0px;
		padding: 0px;
        border-collapse: separate;
        border-spacing: 20px 10px;
        width: 100%;
        }
div.authEcomCreate {
        display: table-cell;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        vertical-align: top;
        width: 50%;
        background-color: #f3f3f3;
		border: 1px solid #cccccc;
        }
div.authEcomLogin {
        display: table-cell;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        vertical-align: top;
        width: 50%;
        background-color: #f3f3f3;
		border: 1px solid #cccccc;
        }
div.authEcomLoginAdmin {
        display: table-cell;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        vertical-align: top;
        width: 50%;
        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: 1.0em;
		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: 0.8em;
		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: 0.8em;
		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: 0.8em;
		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: 1.2em;
        font-weight: bold;
        color: #ffffff;
        line-height: 1.2;
        text-align: center;
        background: #555555;
		border-width: 1px;
		border-style: solid;
		border-color: #555555 #333333 #333333 #555555;
		cursor: pointer;
        width: 150px;
		}
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;
        }


/* BOUTONS TRANSACTION */
input.largebutton { /* poursuivre vos achat, ... */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 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: 200px;
        height: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.largebutton:hover {
		background: #555555;
		border: 1px solid #555555;
        }
        
input.largebuttonred { /* poursuivre vos achat, ... */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 10px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: #ff0000;
        border: 1px solid #ff0000;
        width: 220px;
        height: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.largebuttonred:hover {
        background: #ffaaaa;
        border: 1px solid #ffaaaa;
        }

input.buttontransferbasket { /* Transférer cette liste dans le panier */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 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: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.buttontransferbasket:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.extralargebuttonbasket { /* Dernière étape : paiement serveur sécurisé */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 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: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.extralargebuttonbasket:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.largebutton_back { /* Etape précédente */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 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: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.largebutton_back:hover {
		background: #555555;
		border: 1px solid #555555;
        }

input.largebutton_next { /* Etape suivante */
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 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: 25px;
        border-radius: 5px;
        cursor: pointer;
        }
input.largebutton_next:hover {
		background: #555555;
		border: 1px solid #555555;
        }


/* POURSUIVRE MES ACHATS */
#poursuivreAchats {
        margin: 0px 0px 20px 0px;
        padding: 12px 4px 0px 4px;
        border: 1px solid #f99420;
        border-radius: 5px;
        }
h3.poursuivreTitle {
        margin: 0px 0px 5px 0px;
        padding: 0px 10px 5px 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        text-transform: uppercase;
        color: #4a8142;
        text-align: center;
        }
.poursuivreLink {
		float: left;
        display: block;
        margin: 0px 0px 10px 10px;
        text-decoration: none;
        width: 220px;
        height: 52px;
        background-color: #d2e1d8;
        border-radius: 5px;
        }
.poursuivreLink:hover {
        text-decoration: none;
        background-color: #ccd9d1;
        }
#poursuivreLinkTaxus {
        margin: 0px 0px 0px 0px;
        padding: 5px 9px 0px 11px;
        width: auto;
        }
#poursuivreLinkBuxus {
        margin: 0px 0px 0px 0px;
        padding: 5px 9px 0px 11px;
        width: auto;
        }
#poursuivreLinkPlantes {
        margin: 0px 0px 0px 0px;
        padding: 5px 9px 0px 11px;
        width: auto;
        }
.poursuivreIconeLink {
		float: left;
        }
.poursuivreTexteLink {
		float: left;
        padding: 0px 0px 0px 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.8em;
        line-height: 0.8;
        color: #555555;
        }
.poursuivreTexteLink h3 {
        margin: 0;
        padding: 10px 0px 0px 0px;
        font-family: 'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.9em;
        line-height: 0.8;
        color: #2c7a0d;
        }


/* PARTIE TRANSACTION */
div.transtable {
        margin: 20px 0px 10px 0px;
        }
#choixLivraison {
        margin: 0px 0px 10px 0px;
        padding: 15px 20px 15px 20px;
        background-color: #dfeae3;
        border-radius: 5px;
        }
#trCalculFrais {
		margin: 0;
        padding: 15px 20px 15px 20px;
		background-color: #dfeae3;
        border-radius: 5px;
        }
div.fraisTitel {
        margin: 0;
        padding: 0px 0px 3px 0px;
        font-family: 'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        color: #4a8142;
        }
#trCalculFrais div.formItem {
        margin: 0;
        padding: 5px 0px 0px 0px;
        font-size: 0.8em;
        color: #555555;
        }
#trCalculFrais div.formItem label {
		float: left;
        padding: 10px 10px 0px 0px;
        width: 100px;
        }
input#zipDeliv {
		margin-top: 5px;
        width: 75px;
        }
select#selectCountryDeliv {
		margin-top: 5px;
        width: auto;
        }
span.fraisField {
		padding: 0px 0px 0px 10px;
        }
span.fraisInfo {
        color: #4a8142;
        font-weight: bold;
        }
input.buttonAction {
        margin: 7px 2px 0px 2px;
        padding: 4px 10px 4px 10px;
		font-weight: normal;
        font-size: 10px;
        letter-spacing: 0px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        background-color: #53834b;
		border-width: 0px;
		border-style: solid;
		border-color: #555555 #333333 #333333 #555555;
        border-radius: 3px;
        cursor: pointer;
        }
input.buttonAction:hover {
		background-color: #5d9055;
        }

table.transtable { /* table liste produits commande */
        margin: 20px 0px 0px 0px;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
td.transheader {
        padding: 5px 3px 5px 7px;
        font-weight: bold;
        font-size: 0.7em;
        color: #444444;
        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: #444444;
        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: #444444;
        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: #444444;
        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: #444444;
        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: #444444;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #dddddd;
        }
td.transdata a, td.transdataRight a, td.transdataCenter a {
        color: #4a8142;
        text-decoration: none;
        }
td.transdata a:hover, td.transdataRight a:hover, td.transdataCenter a:hover {
        color: #4a8142;
        text-decoration: underline;
        }

td.transdata .Input {
		width: 50px;
        }

div.transtabletotal {
        float: right;
        margin: 10px 0px 10px 0px;
        padding: 5px 5px 5px 5px;
        width: 338px;
        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: #444444;
        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: #444444;
        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: #444444;
        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: #4a8142;
        text-decoration: none;
        text-align: right;
        vertical-align: middle;
        background-color: #dddddd;
        }
        
span.antCustomErrorMsg {
        color: red;
        font-weight: bold;
        }

div.adresseFacturation { /* zone adresses facturation */
        float: left;
        margin: 10px 0px 10px 0px;
        padding: 7px 5px 7px 5px;
        border: 1px solid #dddddd;
        width: 338px;
        }
div.adresseLivraison { /* zone adresses livraison */
        float: right;
        margin: 10px 0px 10px 0px;
        padding: 7px 5px 7px 5px;
        border: 1px solid #dddddd;
        width: 338px;
        }
h3.adresseTitle {
        margin: 0px 0px 5px 0px;
        padding: 5px 10px 5px 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight: 700;
        color: #4a8142;
        text-align: left;
        /*background-color: #dddddd;*/
        }
table.transtableadresse {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }
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;*/
        width: 30%;
        }
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;*/
        width: 70%;
        }

div.clear {
		clear: both;
        }

span.transhigh {
        font-weight: bold;
        text-decoration: underline;
        }
        
/*________________Modifications-panier-responsive_____*/


.par1descr2 input{
    margin: 10px;
    float: left;
    }
table.transtable2 {
    width: 100%;
    margin:0;
    }
td.transdata2{
    width: 100%;
    line-height: 30px;
    }
td.transdata2 input{
    width: 100%;
    }   
td.transdata2 input.Input, textarea.Input, select.Select {
    margin-bottom: 10px;
    }
.par1descrTr{
    font-size: 0.8em;
    color: #555555;
    text-align: left;
    line-height: 1.5em;
    text-align: justify;
    text-justify: auto;
    width:100%;
    }
.par1descrTr input{
    margin: 10px;
    float: left;
    }

/*__________Modifications-panier-responsive-dernière-étape_____*/

#detailFacturation{
    width: 100%;
    }
.tableFloat{
    float: left;
    width: 100%;
    }
.clearfix{
    clear:left;
    }
div.transtable3{
    width: 100%;
    }
.par1descr{
    /*width:100%;*/
    }
#tableResponsive{
    width: 100%;
    }
.contentnav2{
    width: 100%;
    }
.contentnav2 .largebuttonbasket3{
    width: 70%;
    margin-left: 15%;
    margin-right: 10%;
    }
input.largebuttonbasket3{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;   /* Mozilla, since 1999 */
    white-space: -pre-wrap;    /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;    /* Internet Explorer 5.5+ */
    padding: 5px;
    height: auto;
    }
.sous-bt{
    text-align: center;
    }
    
/* ==============================15/02/16-PARAGRAPHE TABLEAU RESPONSIVE ========================================*/

.antparTabl{
    margin-top: 20px;
    background-color: #fff;
    }
.antcal{
    width: 100%;
    margin-bottom: 7px;
    margin-top: 10px;
    }

table, td, th { 
   border-collapse: collapse;
    }
  
th { 
    text-transform: uppercase; 
    vertical-align: bottom; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 5px;
    background-color: #383838;
    color: #fff;
    }
/*tr:nth-child(even){ background-color: #53834b;}*/
td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;} 

.antcal tr td:first-child{
    font-weight: bold;
    }

.thTextCenter{
    text-align: center;
    }
.thTextRight{
    text-align: right;
    padding-right: 5px;
    }

.tdTextCenter{
    text-align: center;
    }
.tdTextRight{
    text-align: right;
    }
@media screen and (min-width: 640px) and (max-width: 1050px){
    .antcal{
    font-size: 10px;
    }  
}

@media (max-width: 640px) {
   table, tbody { display: block; }
   tr {
      display: table;
      width: 100%;
   }
   th {
      font-size: 0 !important;
      border: none;
      visibility: hidden;
   }
   td, th { display: table-row;}
   td:before {
      content: attr(data-headers);
      display: table-cell;
      width: 60%;
      padding: 5px;
      padding-left: 10px;
      /*border-right:  1px solid black;*/
      font-weight: bold;
   }
   
.thTextCenter{
    text-align: left;
    }
.thTextRight{
    text-align: left;
    }

.tdTextCenter{
    text-align: left;
    }
.tdTextRight{
    text-align: left;
    }
.extraPaddingBottom:before {
    padding-bottom: 30px !important;
    }

input.prodSearch{
    width: 80%;
}