.clear { clear : both; }

#ecoClientHeader { text-align : right; }
#ecoClientFooter {
	text-align : center;
	clear : both;
	color : #505050;
}

#ecoClientHeader ul,
#ecoClientFooter ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

#ecoClientHeader li {
	display : inline;
	margin-right : 2em;
	color : #505050;
}

.ecoHorizontal {
	background : #dedede;
	line-height : 25px;
	min-height : 25px;
}

.ecoHorizontal a {
	text-decoration : none;
	color : #505050;
	font-weight : bold;
}

#ecoClientFooter li {
	float : left;
	width : 33%;
}

#ecoClientFooter .gauche { text-align : left; padding-left : 1%; width : 32%; }
#ecoClientFooter .droite { text-align : right; padding-right : 1%; width : 32%; }

#ecoClientFooter .seul { width : 99%; }

.onglets { margin : 1em 0 1em 0; }

.onglets ul { list-style : none; text-align : center; padding : 0; }
.onglets li { display : inline; position : relative; }

.onglets li a {
	width : 150px;
	height : 31px;
	line-height : 31px;
	float : left;
	background : url("imgs/onglets.png") top left no-repeat;
	text-decoration : none;
	color : #888888;
	font-weight : bold;
	margin : 10px 10px 10px 10px;
}

.onglets li a.actif {
	background-position : 0 -31px;
}

.onglets .acentrer {
	margin : auto;
	width : 340px;
}

.ecoTableVertical {
	width : 100%;
	line-height : 2em;
}
.ecoTableVertical th,
.ecoTableVertical td {
	width : 50%;
	font-weight : bold;
}

.ecoTableVertical th {
	padding-right : 1%;
	text-align : right;
	color : #a6a6a6;
}
.ecoTableVertical td {
	padding-left : 1%;
	text-align : left;
	color : #c2c2c2;
}



/**/

.article {
	width : 167px;
	margin : 9px;
	float : left;
	text-align : center;
	color : #505050;
}

.article a {
	color : #505050 !important;
	text-decoration : none !important;
}

.article .haut {
	height : 8px;
	background : url("imgs/bouate_haut.png") top left no-repeat !important;
	background : url("imgs/bouate_haut-ie.png") top left no-repeat;
}

.article .bas {
	height : 8px;
	background : url("imgs/bouate_bas.png") top left no-repeat !important;
	background : url("imgs/bouate_bas-ie.png") top left no-repeat;
}

.article .centre {
	padding : 4px;
	font-weight : bold;
	background : url("imgs/bouate_haut_repet.png") top left repeat-y !important;
	background : url("imgs/bouate_haut_repet-ie.png") top left repeat-y;
}

.article .centre p { text-align : center !important; }

.article .centre p { margin : 0 }
.article .centre a * { border : 0; }
.article .centre a { text-decoration : none; }
.article .centre img {
	margin-bottom : 10px;
	border : 0 !important;
}
.article .centre {
	padding-bottom : 10px;
	position : relative;
}

.article  .description .droite {
	text-align : right;
	padding-top : 10px;
	padding-right : 10px;
	color : black;
}

.article .description {
	padding-bottom : 10px;
	background : url("imgs/bouate_bas_repet.png") top left repeat-y !important;
	background : url("imgs/bouate_bas_repet-ie.png") top left repeat-y;
}

.article .description ul {
	border-top : 1px solid #b3abab;
	margin : 0 3px 0 3px;
}

.article ul { list-style : none; padding : 0; }

.article .prix { font-size : larger; padding-right : 20px; }

.article .details {
	background : url("imgs/details.png") center right no-repeat !important;
	background : url("imgs/details-ie.png") center right no-repeat;
	padding-right : 20px;
}
.article .panier {
	background : url("imgs/panier.png") center right no-repeat !important;
	background : url("imgs/panier-ie.png") center right no-repeat;
	padding-right : 20px;
}

.article a { text-decoration : none; }

.article li { display : block; }

.article .image { height : 138px; line-height : 138px; text-align : center; }
.article .image a { height : 100%; width : 100%; float : right; }

.article .titre {
	padding-top : 0 !important;
	line-height : 1em;
	height : 2.2em;
	overflow : auto;
}

#fiche_produit .image {
	height : 247px;
	width : 100%;
	float : right;
}

.article .titre a:hover {
	position : absolute;
	width : 151px; 
	left : 8px;
	background : white;
}


/* Fiche produit */

#fiche_produit  { margin-top : 2em; }

#fiche_produit .prix {
	font-size : larger;
	margin-bottom : 1em;
	color : #db3028;
	font-size : 1.5em;
	display : block;
	font-weight:bold;
	font-size:30px;
}

#fiche_produit .gauche {
	float : left;
	text-align : center;
	background : url("imgs/detail_photos.png") top left no-repeat;
	width : 355px;
	height : 359px;
	padding-top : 20px;
	margin-left : 2%;
}

#fiche_produit .droite {
	margin-left : 2%;
	text-align : right !important;
	margin-left : 373px;
	height : 359px;
	position : relative;
}

#fiche_produit .badroite {
	position : absolute;
	bottom : 0;
	right : 0;
	padding-right : 1%;
	width : 100%;
}

#fiche_produit .badroite p { text-align : right !important; }

#fiche_produit .badroite *{
	text-align : right;
}

#fiche_produit h2 {
	margin-bottom : 1em;
	text-align : center;
	clear : both;
}

#fiche_produit .caracteristiques {
	width : 97%;
	margin-left : 10px;
	border-top : 1px solid #ada6a6;
	line-height : 2em;
	border-collapse : collapse;
	margin-bottom : 1em;
	background : white;
	color : #b5b5b5;
	font-weight : bold;
}

#fiche_produit .caracteristiques td {
	border-bottom : 1px solid #ada6a6;
}

#fiche_produit .caracteristiques .champs {
	font-weight : bold;
	text-align : right;
	width : 25%;
	padding-right : 2%;
	color : #6b6b6b;
}

#fiche_produit .caracteristiques .valeur {
	padding-left : 2%;
}

#fiche_produit label,
#fiche_produit .intitule {
	font-size : auto;
	text-align : right !important;
	font-weight : bold;
	padding-right : 2%;
	margin-bottom : 1em;
	float : none;
	width : 100%;
}

#fiche_produit h2 { font-weight : normal; color : #999999; }
#fiche_produit h2 .titre { font-weight : bold; color : #6b6b6b; }

#fiche_produit .panier { margin-bottom : 0;}

#fiche_produit .panier a { background : url("imgs/panier.png") center right no-repeat; padding-right : 20px; }

#fiche_produit input,
#fiche_produit select {
	width : auto;
	background-color : white;
	color : black;
}

#fiche_produit p {
	margin-bottom : 1em;
	display : block;
}

#fiche_produit .description {
	clear : none;
	margin : 0 0 1em 1em;
	height : 190px;
	overflow : auto;
	text-align : left;
}

#fiche_produit .description p {
	text-align : left !important;
}

#fiche_produit table .valeur {
	background : #f7f7f7;
}

#fiche_produit .gauche { position : relative; }

#fiche_produit .miniatures_container
{
	width : 354px;
	height : 80px;
	display:block;
	position:relative;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#fiche_produit .miniatures {
	min-width:100%;
	_width: 100%;
	height : 59px;
	line-height : 59px;
	padding : 0;
	margin : 0;
}

#fiche_produit .miniatures img { max-height : 45px; border : 0; }

#fiche_produit .miniatures li {
	display : inline;
}

#fiche_produit .gauche .premierepartie {
	height : 280px;
}

/* Login */

#login {
	width : 298px;
	margin : 1em auto 0 auto;
	color : #a7a7a7;
	text-align : center;
}

#login p {
	text-align : center !important;
}

#login .haut {
	background : url("imgs/login_bouate_haut.png") top left no-repeat;
	height : 5px;
}

#login .bas {
	background : url("imgs/login_bouate_bas.png") top left no-repeat;
	height : 8px;
}

#login .centre {
	background : url("imgs/login_bouate_repet.png") top left repeat-y;
	padding : 1em 0 1em 0;
}

#login h2 {
	margin-top : 1em;
	margin-bottom : 1em;
	font-size : 1.3em;
}

#login label {
	width : 123px;
	clear : left;
	padding-right : 1em;
	color : #a6a6a6;
	font-weight : bold;
}
#login input {
	width : 131px;
	background : white;
	border : 1px solid #b3abab;
	color:black;
}

#login .separation {
	margin : 2em 0 2em 0;
	background : url("imgs/login_bouate_separation.png") center center no-repeat;
	border : 0;
}

#login .validation {
	text-align : center;
	margin : auto;
	display : block;
	margin-top : 2em;
}

#login .validation  input {
	margin : 0 2em 0 2em;
	color : #a6a6a6;
	font-weight : bold;
	width : auto;
	padding : 1px 1em 1px 1em;
}

input.bouton,
a.bouton {
	border : 1px solid #b3abab;
	background : white;
	color : #a6a6a6;
	text-decoration : none;
	padding : 1px 1em 1px 1em;
	font-weight : bold;
}

#login p {
	display : block;
	text-align : center;
	margin-top : 1em;
	clear : both;
}

/*Panier*/

#panier h2 {
	font-weight : bold;
	color : #999999;
	text-align : center;
	margin : 1em 0 1em 0;
}

.ecoTable {
	width : 100%;
	text-align : center;
	border-bottom : 1px solid #b3abab;
	border-collapse : collapse;
	margin-bottom : 1em;
	background : white;
}

.ecoTable th { color : #888888; }

.ecoTable td { border-top : 1px solid #b3abab; width : 25%; }

.ecoTable .color td {
	background : #f9f9f9;
}

.commandes a {
	color : #b2b2b2;
	background : url("imgs/icone_fleche.png") center right no-repeat;
	padding-right : 20px;
}

.ecoTable,
table.total {
	color : #b2b2b2;
	font-weight : bold;
	line-height : 2em;
	background : white;
}

.ecoTable a { color : #b2b2b2 !important; }

.ecoTable img { vertical-align : middle; }

.ecoTable input { width : auto; }

table.total {
	margin-bottom : 2em;
}

th.total,
td.total {
	padding-right : 1em;
	text-align : right;
}

table.total { float : right; clear : right; }

table.total td {
	width : 25%;
	text-align : right;
	padding-right : 1em;
	vertical-align : top;
}

table.total .intitule { color : #888888; }

table .livraison { padding-top : 10px; padding-bottom : 10px; line-height : 1em; margin-top : 0 !important; }

/*Paiement adresse*/

#adresse {
	padding : 2em 0 2em 0;
}

#adresse .droite,
#adresse .gauche {
	float : left;
	width : 40%;
}

#adresse .gauche { margin-left : 10%; }
#adresse .droite {
	margin-right : 10%;
	text-align : center;
}

#adresse .gauche {
	color : #c3c3c3;
	font-weight : bold;
}

/**/

.ecoStyle h2 {
	color : #6b6b6b;
	margin-bottom : 1em;
	text-align : center;
	clear : both;
	font-weight : normal;
}

#adresse label {
	width : 50%;
	float : left;
	clear : left;
	text-align : right;
	padding-right : 1em;
	font-weight : bold;
	color : #a6a6a6;
}

.erreur {
	color : red !important;
	margin-bottom : 2em;
	font-weight : bold;
}

input.erreur { color : normal; border : 1px solid red; }

p.centre { text-align : center !important; margin : 1em 0 1em 0 !important;}

.modele *,
.modele label,
#fiche_produit .modele label { text-align : center !important; }
.modele select,
.modele option { text-align : left; }

/* Pour ROD */
#inner { padding : 0 5px 0 4px; width : 745px !important; }

*.formerror { border : 1px solid red !important; }

.ecoTable .recalculer td {
	border-bottom : 0;
	background : transparent !important;
}

#ecommercecgv * {
	display : inline !important;
	float : none !important;
	width : auto !important;
	margin-bottom : 1em;
	font-weight : normal !important;
	padding : 0!important;
}

#ecommercecgv.error,
#ecommercecgv.error * {
	color : red !important;
}

/**/

h3.fortable {
	margin-top : 1em;
}

#detailducompte .gauche {
	width : 65%;
	float : left;
}

#detailducompte .gauche h2,
#detailducompte .droite h2 { margin-top : 1em; text-align : left; }

#detailducompte .droite {
	width : 35%;
	float : right;
}

#detailducompte .droite form label { text-align : left; margin-top : 10px; margin-bottom : 0; width : 95%; }
#detailducompte .droite form input { width : 95%; }

#detailducompte .valider {
	text-align : right;
	margin-top : 1em;
	width : 95%;
}

#detailducompte .droite form .valider input { width : auto; }

.ecoStyle .invisible { display : none; }

.adresse { padding-bottom : 1.5em; }

.neutre a {
	text-decoration : none;
	color : #888888;
	font-size : smaller;
}

.neutre a:hover { text-decoration : underline; }


.promo
{
	border: solid 1px #ff0000;
	background: #880000;
	color:white;
	font-weight:bold;
	padding:2px;
	font-size:14px;
	display:block;
	margin:2px 0;
}
.promo_none
{
	visibility:hidden;
}

.out_of_stock
{
	position:absolute;
	top:50px;
	left:30px;
	width:100px;
	height:100px;
}
.ecoClientAccount
{
	background: url("/templates/extensions/ecommerce/css/imgs/user.png") no-repeat;
	padding: 3px 0px 3px 25px;
}
.ecoClientCart
{
	padding: 3px 0px 3px 25px;
	background: url("/templates/extensions/ecommerce/css/imgs/cart.png") no-repeat;
}