@charset "utf-8";
/* CSS Document */

#conteneur {
	background: url(../Images/Headers/img-conteneur-panier.jpg) no-repeat center top;
}

#content {
	margin-left:12px;
	margin-top:5px;
	width:952px;
}

#leftMenu-content {
	background-color: #bbb199; /*fond leftMenu*/
}

#leftMenu-vm li a:hover, #vm1_item_selected a {
	background-color: #A39A86; /*fond onglet actif + survol*/
}

#leftMenu-vm .vm2 li a:hover {
	background-color:#D1C1A7; 
}

#leftMenu-vm #vm2_item_selected a {
	background-color:#D1C1A7; 
}

#leftMenu-vm #vm2_item_selected ul.vm3 a {
	background-color:#bbb199;
}

#leftMenu-vm #vm2_item_selected ul.vm3 a:hover, #leftMenu-vm #vm2_item_selected ul.vm3 li#vm3_item_selected a {
	background-color:#D1C1A7;
}

#leftMenu-vm .vm2 li a, #leftMenu-vm .vm3 li a {
	background-color:#bbb199; /*fond onglet sous-menu*/
}

#leftMenu-Flash 
{
	margin-top:10px;
	background-color:#BBB199;
}


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

#activeNews {
	width: 500px;
	float: left;
	padding-right: 15px;
}

#activeNews h2.news {
	color: #000;
	font-size: 18px;
	padding-bottom: 6px;	
}

#activeNews img.news {
	float:left;
	padding-right:8px;
}

#listNews {
	width: 226px;
	float: left;
	padding-left: 15px;
	border-left: 1px dotted #CCC;
}

#listNews h2.title {
	color: #b65635;
	font-size: 17px;
	padding-bottom: 6px;	
}

#listNews .newsLinks p {
	background: #fff url(../Images/puce-liste-marron.gif) no-repeat left 4px;
	padding-left: 12px;
	margin-bottom: 6px;
	font-size: 13px;
}

#listNews .newsLinks p a{
	text-decoration: none;
	color:#000;
}

#listNews .newsLinks p a:hover, #listNews .newsLinks p a.selected {
	text-decoration: none;
	color:#b65635;
}

#listNews .pager {
	color:#666;
	font-size: 11px;
}

#listNews .pager a {
	text-decoration: none;
	color: #666;
}

#listNews .pager b, #listNews .pager a:hover {
	color:#b65635;
}


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

.formLogin 
{
	margin-bottom: 15px;
}
.formLogin h3
{
	color:#B65635;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
}

.formLogin h4
{
	color:#B65635;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

.formLogin p {
	color:#333333;
	font-size:12px;
	padding-bottom:5px;
}

.formLogin label
{
	width:200px;
	float:left;
}

.formLogin p.buttons
{
	text-align:left;
	margin-top:5px;
}

.formLogin p.buttons a {
	background-color:#7E6666;
	border:1px solid #7E6666;
	color:#FFFFFF;
	font-size:13px;
	padding:2px 5px;
	text-decoration:none;
}

.formLogin p.buttons a:hover {
	background-color:#FFFFFF;
	border:1px solid #7E6666;
	color:#7E6666;
}

.Enabled
{
	color:#808080;
	display:block;
}



/***************************************************************/
#tableauPanier {
	width: 757px;
	clear: left;
}

#tableauPanier thead{
}

#tableauPanier th{
	width:100px;
	padding: 4px 0 2px 0;
	text-align: right;
	font-size:12px;
	font-weight: bold;
	color: #7E6666;
	height: 28px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px solid #CCC;
}

#tableauPanier .articles{
	text-align: left;
	width: 400px;
}

#tableauPanier .articles {
	font-size: 11px;
	color: #666;
	padding-top: 1px;
}

#tableauPanier .articles a{
	font-size:14px;
	color:#b65635;
	text-decoration: underline;
}

#tableauPanier .articles span{
	font-size:14px;
}

#tableauPanier .articles a:hover{
	text-decoration:none;
}

#tableauPanier tbody td, #tableauPanier tfoot td {
	border-bottom: 1px dashed #CCC;
	font-size:12px;
	text-align: right;
}

#tableauPanier td{
	width:114px;
	text-align: center;
	font-size:13px;
	height: 30px;
	padding: 4px 0;
}

.textboxPanier
{
	text-align:right;
	font-size:12px;
}

#tableauPanier .btn-recalculer a{
	text-decoration: underline;
	color: #7E6666;
	font-size: 13px;
	background:url(../Images/btn-fleche-marron.png) no-repeat left center;
	padding-left: 12px;
}

#tableauPanier .btn-recalculer a:hover{
	text-decoration: none;
}

#cgv
{
	padding : 5px 0px;
	font-size:12px;
}

#cgv label
{
	float:none;
	width:auto;
}

#cgv a{
	text-decoration: underline;
	color:#333;
	font-size: 11px;
}

#cgv a:hover{
	text-decoration:none;
}




.button-suivant, #button-connection, .button-connection {
	width: 757px;
	float: left;
	padding: 8px 0 8px;
	text-align: right;
}


.button-suivant a, #button-connection a, .button-connection a {
	padding: 2px 5px;
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
}

.button-suivant a{
	background-color: #b65635;
	border: 1px solid #b65635; 
}

#button-connection a, .button-connection a {
	background-color: #7E6666;
	border: 1px solid #7E6666; 
}

.button-suivant a:hover {
	color: #b65635;
	border: 1px solid #b65635; 
	background-color: #fff;
}

#button-connection a:hover, .button-connection a:hover {
	color: #7E6666;
	border: 1px solid #7E6666; 
	background-color: #fff;
 }
 
 
 
#bloc-adFacturation, #bloc-adLivraison {
	width: 363px;
	float: left;
	margin-top: 5px;
	margin-bottom : 10px;
}

#bloc-adFacturation {	
	margin-right:15px;
}

#bloc-adLivraison {
	margin-left:15px;
}

.bloc-adresse-title {
	color:#b65635;
	font-weight: bold;
	font-size: 16px;
	border: none;
	padding: 5px 8px;
}

.bloc-adresse-content {	
	font-size: 13px;
	background: #F2F2F2;
	border:1px dashed #CCC;
	padding: 10px 8px 5px 8px;
}

.bloc-adresse-content {
	color:#000;
}

.listeAdresse {
	color:#666666;
	font-size:12px;
	padding-top:20px;
}


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

#chemin-panier {
	width: 757px;
	padding: 20px 0;
}

#chemin-panier ul{
}

#chemin-panier li{
	list-style: none;
	display:inline;
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	color:#999;
	text-decoration:none;
	font-size: 18px;	
}

#chemin-panier .active-chemin-panier {
	color:#b65635;
}

#choix-paiement {
	padding-top:10px;
}

#choix-paiement label
{
	float:none;
	width:auto;
}

#choix-paiement span 
{
	font-size:11px;
}

.somme-a-regler {
	font-size:15px;
	font-weight:bold;
}

strong.qty
{
	color:Red;
}

#printedOrder 
{
	display:none;
}

#tableauCmde table{
	width: 757px;
	margin-top: 28px;
}

#tableauCmde thead{
	background: #F2F2F2;
}

#tableauCmde th{
	width:150px;
	padding: 4px 0;
	text-align: center;
	font-size:12px;
	font-weight: bold;
	color: #7E6666;
	height: 28px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

#tableauCmde tr {
	width: 757px;
}

#tableauCmde tbody td{
	border-bottom: 1px dashed #999;
}

#tableauCmde td {
	width:150px;
	text-align: center;
	font-size:13px;
	height: 30px;
	padding: 4px 0;
}

#tableauCmde td a{
	padding-right: 15px;
	color:#b65635;
	text-decoration: underline;
	background:url(../Images/btn-fleche-rouge.png) no-repeat right center;
}

#tableauCmde td a:hover{
	text-decoration:none;
}

.nCmde, .montantCmde {
	color:#b65635;
}

.dateCmde, .etatCmde {
	color: #000;
}

#detailCmde-content {
	width: 725px;
	margin-top: 5px;
	padding: 10px 15px 15px 15px;
	border:1px dashed #B3B3B3;
}

.detailCmde-title {
	width: 725px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size:18px;
}

.detailCmde-num, .detailCmde-livraison, .detailCmde-paiement, .detailCmde-etat {
	color: #7E6666;
	font-size:13px;
}

.detailCmde-coord {
	width: 315px;
	float: left;
	margin: 20px 30px 20px 0;
}

.detailCmde-coord-title, .detailCmde-achats-title {
	width:auto;
	color:#b65635;
	font-weight: bold;
	font-size: 16px;
	border: none;
	padding: 5px 8px;
	
}

.detailCmde-coordContent {
	font-size: 13px;
	background: #F2F2F2;
	border:1px dashed #CCC;
	padding: 5px 8px;
}

.detailCmde-coordContent {
	font-size: 13px;
	background: #F2F2F2;
	border:1px dashed #CCC;
	padding: 5px 8px;
}



.btn-suivant, .btn-precedent {
	width: 378px;
	float: left;
	padding: 8px 0 8px;
}

.btn-suivant {
	text-align: right;
}

.btn-suivant a, .btn-precedent a {
	padding: 2px 5px;
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
}

.btn-suivant a{
	background-color: #b65635;
	border: 1px solid #b65635; 
}

.btn-precedent a {
	background-color: #7E6666;
	border: 1px solid #7E6666; 
}

.btn-suivant a:hover {
	color: #b65635;
	border: 1px solid #b65635; 
	background-color: #fff;
}

.btn-precedent a:hover {
	color: #7E6666;
	border: 1px solid #7E6666; 
	background-color: #fff;
 }




.blockTextRules
{
	clear:both;
	margin:10px 0px;
	border:1px dashed #CCCCCC;
	padding:10px;
}