/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
/*	height: 100%;*/
	}
	
	
a{
	color:#000000;
	text-decoration:none;
	}
	
img{
	border:0;
	}	
	
	
.clearLeft{
	clear:left;
	}

.clearRight{
	clear:right;
	}

.clearboth{
	clear:both;
	}

ul, li, form, h1, h2, h3, h4{
	margin:0;
	padding:0;
	list-style-type:none;
	}	
			
	
/*****************************HOME***************************************/
#fondHome{
	background:url(../images/fond-home.jpg) no-repeat top left;
	width:100%;
	min-width:750px;
	max-width:942px;
	height:auto;
	height:535px;
	overflow:hidden;
	top:50%;
	margin-top:-300px;
	position:absolute;
}

#fondErreur{
	background:url(../images/page_erreur.jpg) no-repeat top left;
	width:100%;
	min-width:750px;
	max-width:942px;
	height:auto;
	height:535px;
	overflow:hidden;
	top:50%;
	margin-top:-300px;
	position:absolute;
}
	
#container{
	width:750px;
	height:469px;
	position: relative;
	display:block;
	}

.imgGauche{
	position:absolute;
	width:165px;
	height:341px;
	top: 92px;
	left: 40px;
	z-index: 10;
	display:block;
	}

#Header{
	width:586px;
	height:;
	position: relative;
	padding-top: 48px;

	margin-right: 165px;
	display:block;
}


.titreHome{
	width:330px;
	height:71px;
	float: right;
	display:block;
	position:relative;
	}
	
.logo{
	position:absolute;
	width:137px;
	height:108px;
	top: 40px;
	left: 104px;
	z-index: 5;
	display:block;
	}	


#blocCartes{
	width:;
	height:;
	padding-left:242px;
	width: 508px;
	padding-top: 36px;
	display:block;
	position:relative;
	}
	
.BlocZone1{
	width:335px;
	height:124px;
	position: relative;
	display:block;
}	
	
.BlocZone2{
	width:333px;
	height:100px;
	margin-top: 9px;
	position: relative;
	display:block;
}	


.BlocZone1Text{
	width:335px;
	height:104px;
	position: absolute;
	top: 0px;
	padding-top: 20px;
	left: 0px;
	display:block;
}

.TextZone1{
	font-size:19px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*margin-top: -25px;*/
	}
	
	.TextZone1 div .bodytext {
	margin: 0px;
}

.RedText{
 	color:#cc0066;}

#article {
	font-weight: bold;
}
 
.BtnClick{
	text-align:center;
/*	margin-top:-8px;*/
	margin-left:60px;
	width:170px;
	border-bottom:2px solid #cc0066;
	display:block;
	position:relative;
	} 
	
.BtnClick a {
	background: url(../images/arrow-click.jpg) no-repeat left;
	color:#cc0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	padding-left:20px;
	display:block;
	position:relative;
	}	


.BlocZone1Text2{
	width:325px;
	height:80px;
	position: absolute;
	top: 0px;
/*	padding-top: 20px;*/
	left: 0px;
	font-size:14px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	}
	
.BtnClick2{
	width:120px;
	height:22px;
	margin-top: 12px;
	border-bottom:2px solid #cc0066;
	display:block;
	position:relative;
	}
	
.BtnClick2 a {
	background: url(../images/arrow-click2.jpg) no-repeat left;
	color:#cc0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	padding-left:17px;
	display:block;
	position:relative;}		
	
#Footer{
	width:360px;
	height:30px;
	margin-left:163px;
	margin-top: 14px;
	}	


.FooterImg{
	float:left;
	width:34px;
	height:30px;
	}
	
	
#ContenuFooter{
	float:left;
	width:315px;
	font-size:11px;
	margin-top: 5px;
	padding-left: 8px;
	}
	
#ContenuFooter ul li{
	display:inline;
	}
	
	
	
/*********************************************************************/

#fond-interieure{
	background:url(../images/fond-interieure.jpg) no-repeat top left;
	width:100%;
	min-width:auto;
	max-width:1222px;
	height:auto;
	height:605px;
	overflow:hidden;
	top:50%;
	margin-top:-300px;
	position:absolute;
	display:block;
	}
	
#Header-int{
	position:relative;
	width: 982px;
	display:block;
		margin: 0px;
		/*border:solid 1px yellow;*/
}	

.titre-int{
	width:666px;
	height:41px;
	padding-right:6px;
	float: right;
	padding-bottom: 5px;
	}
	
.logo-int{
	position:absolute;
	width:189px;
	height:140px;
	top: 5px;
	left: 122px;
	z-index: 5;
	display:block;
	}	
	
	
.bulleHeader{
	width:673px;
	height:59px;
	position:absolute;
	top:46px;
	left:134px;	
	display:block;
	z-index: 300}	
	
.BlocPhoto-header{
display:block;
float:left;
height:59px;
margin:0px;
padding:0px;
/*margin-right:11px;*/
padding-left:112px;
position:relative;

/*width:674px;*/
width:696px;
/*border:1px solid green;*/
	}
	
#blocMenuGauche{
	width:160px;
	height: 363px;
	padding-left: 153px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
	float: left;
	display:block;
	position:relative;
	}
	
#BlocPanier{
/*	width:140px;*/
	height:59px;
	float: left;
	padding-left: 12px;
	}
	
.img-panier{
	width:27px;
	height:13px;
	float: left;
	padding-left: 5px;
	padding-top: 16px;
	}	
	
.detail-panier{
	float:left;
/*	width:88px;*/
	height:13px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-top: 16px;
	}	

.voir-panier{
	}
	
.TextAccueil{
	padding-top:38px;
	display:block;
	position:relative;
	}	


#MenuGauche{
	padding-top:38px;
	width: 160px;
	display:block;
	position:relative;	}

	
#MenuGauche ul li{
	background:url(../images/arrow.png) no-repeat left;
	behavior: url(scripts/iepngfix.htc);
	width:141px;
	padding-left:20px;
	padding-bottom:6px;
	display:block;
	position:relative;	}
	
	
#MenuGauche ul li.active{
	background:url(../images/arrow-on.png) no-repeat left;
	behavior: url(scripts/iepngfix.htc);
	display:block;
	position:relative;	
	}	
#MenuGauche ul li.active a{
	color:#cc0066;
	display:block;
	position:relative;}	
	

#MenuGauche ul li.TitreMenu{
	padding-left:0;
	background-image:none;
	display:block;
	position:relative;
	}


#Contenu{
	float:left;
	height:350px;
	margin-left: 9px;
	padding-top: 20px;
	padding-left: 20px;
	margin-top: 6px;
	width: 615px;
	position: relative;
	overflow: hidden;
	/*border:1px solid red;*/
}

.TitreContenu{
	width:590px;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
	display:block;
	position:relative;
	margin-top:-8px;
}

.bloc-imgTitre{
	width:614px;
	height: 26px;
	display:block;
	position:relative;
}
	
.TitreRedoute{
	float:left;
	width:181px;
	display:block;
	position:relative;
	}	
	
.TitreUnivers{
	float:left;
	width:432px;
	display:block;
	position:relative;
	}	

#BlocBas-Rubrique{
	width:613px;
	height:179px;
	display:block;
	position:relative;
}


.BlocTextUnivers{
	width:580px;
	font-size: 11px;
	padding-right: 34px;
	/*padding-top: 20px;*/
	padding-bottom: 8px;
	display:block;
	position:relative;
	margin-top:11px;
}

#BlocPhoto{
	width:175px;
	height:171px;
	float: left;
	display:block;
	position:relative;
}
	
#BlocUtilisateur{
	width:405px;
	height:171px;
	float: left;
	font-size: 11px;
	display:block;
	position:relative;
	}	
	
.nomproduit{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	display:block;
	position:relative;}	
	
.textproduit{
	width:405px;
	padding-bottom: 8px;
	display:block;
	position:relative;}	

.textgras{
	font-weight:bold;
	display:block;
	position:relative;
	}

.BlocReduction{
	color:#cc0066;
	font-size:13px;
	display:block;
	position:relative;
	width:400px;}
	
.Code{
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
/*	display:block;*/
	position:relative;
	}	
	
.Code .bodytext{
/*	width=20px;*/
	display:inline;
}	
	
.BlocBas-Utilisateur{
	width:438px;
	height:104px;
	position:relative;
	padding-top: 8px;
	display:block;
}
	
#BtnInscription{
	position:absolute;
	top:10px;
	right: 45px;
	display:block;
}	


.TextBas-Rubrique{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-right: 40px;
	height: 18px;
	margin-bottom: 8px;
	display:block;
	position:relative;
	margin-top:-8px;
}


#Footer-int{
	width:360px;
	height:24px;
	margin-left:327px;
	padding-top: 6px;
	}
	
.TextCode{
	font-size:10px;
	display:block;
	position:relative;}
	
	
.Interieure{
	background:url(../images/fond-int.jpg) no-repeat top;
/*	width:612px;
	height:350px;*/
	/*border-right:2px solid #000000;
  	display:block;
	position:relative;*/
  }	


.BlocTextAvantage{
	font-size:13px;
	line-height:17px;
	width: 420px;
	display:block;
	position:relative;
	}

.Img-Soustitre{
	padding-top:;
	width:378px;
	height:27px;
	padding-top: 10px;
	display:block;
	position:relative;
	}


.BlocBas-Text{
	font-size:13px;
	width: 500px;
	padding-top: 27px;
	line-height:18px;
	padding-left: 6px;
	display:block;
	position:relative;	
	}

.BlocBas-Text ul li{
	text-indent:-6px;
	display:block;
	position:relative;}
	
	
/****************************************************************************/
/*.BlocOffre{
	overflow:hidden;
	width: 593px;
	float: left;
	font-size:11px;
		}*/
		
		
.scrollContenu{
	overflow:hidden;
	position:relative;
	height:300px;
	width: 593px;
	display:block;
	}		

#scrollBar{
	float:right;
	height:347px;
	width:18px;
	background:#e2df23;
	margin-right: 1px;
	display:block;
	position:relative;
}
	
	
#innerScrollContent{
	position:absolute;
	top:6px;
	left:20px;
	width:593px;
	overflow: hidden;
	padding-top: 15px;
	font-size: 11px;
	height: auto;
	min-height: 350px;
}

.Scrollmilieu{
	width:18px;
	background:#e2df23;
	height:325px;
	display:block;
	position:relative;
	}	

.bloctext-inner{
	max-width:590px;
/*	height: 120px;*/
	display:block;
	position:relative;
	}


.img-bloc-terra{
	float:left;
/*	width:140px;
	height:120px;*/
	display:block;
	position:relative;
	margin-right: 10px;
	display:block;
	padding-bottom:60px;
	z-index: 2;
	}
	
.text-bloc-terra{
	/*float:left;*/
	/*width:410px;*/
	height:auto;
/*	padding-left: 177px;*/
	display:block;
	position:relative;
	margin-right:25px;
}	


.bloc-produits{
	width:590px;
	height:144px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 30px;
}
	
	
.Photo-produits{
	width:167px;
	height:118px;
	float:left;
	}	

.text-produits{
	width:405px;
	height:118px;
	float:left;
	padding-left: 10px;
}

.text-produits .bodytext{
	display:inline;
}

.prix-produits{
	color:#cc0066;
}
	
.text-prix{
	color:#72722b;
}	
	
.prix-grandText{
	font-size:13px;
	color:#cc0066;
}	
	
.ancien-prix{
	text-decoration:line-through;
}	
	
.nombreQt{
	width:19px;
	height:17px;
	text-align:center;
	border:1px solid #333333;
	padding-left: 5px;
	padding-right: 5px;
}	

.BtnAjout{
	width:138px;
	height:35px;
	position:absolute;
	bottom:0px;
	right: 0px;
}

#tableauCommande{
	width:587px;
	height:256px;
}
	
table#tableauCommandeClient{
	width:587px;
	}
	
#tableauCommandeContenu	{
	width:587px;
	font-size:11px;
	}
	
#tableauCommandeContenu	th{
	width:154px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}	
	
#tableauCommandeContenu th td{
	height:18px;
}	
	
#tableauCommandeContenu td.tableau-produits{
	width:255px;
	height:18px;
}
	
#tableauCommandeContenu td.No-produits{
	width:22px;
	height:18px;
	text-align:center;
}
	
#tableauCommandeContenu td.tableau-prix-produits{
	width:70px;
	height:18px;
	text-align:right;
}
	
#tableauCommandeContenu td.tableau-supprimer{
	width:92px;
	height:18px;
	text-align:right;
	}
	
#tableauCommandeContenu td.tableau-supprimer a{
	text-decoration:underline;
}
	
.tableau-Total{
	color:#cc0066;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}	

.Btn-commande{
	width:183px;
	height:35px;
	text-align:right;
	position: absolute;
	bottom: 10px;
	right: 140px;
}

/******************************************************************************/
#blocFormulaire{
	width:590px;
	height:279px;
}
	
	
#FormulaireCoordonnees	{
	width:590px;
	}
	
.TextFormulaire{
	font-weight:bold;
	font-size:11px;
	width: 448px;
	}	
	
#formulaireContenu{
	width:590px;
	}
	
#formulaireContenu tr td{
	
	font-size:11px;
	padding-bottom:2px;
	}	
	
	
#formulaireContenu th{
	width:225px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding:0;
}	
	
#formulaireContenu td{
	width:350px;
	}
	
#formulaireContenu input{
	background-color:#FFFFFF;
	border:1px solid #999999;
	padding-left:1px;
	height:14px;
}	
	
#formulaireContenu input.noborder{
	border:0;
	display:inline;
	position:relative;}	
	
	
#formulaireContenu input.Size1{
	width:97px;
}	
	
#formulaireContenu input.Size2{
	width:166px;
}	
	
#formulaireContenu input.Size3{
	width:258px;
}	
	
td .lienFormulaire a{
	text-decoration:underline;
}	
	
	
#formulaireContenu td.check	{
	width:13px;
}

#formulaireContenu td.CheckText{
	width:590px;
}