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


#AccueilHautBann{
position:relative;
width:810px;
top:5px;
}

#AccueilHautImg{
position:relative;
width:810px;
padding-left:10px;
}

/**** Separateur ****/
#VariantSeparate1 {
height:20px;
left:18px;
position:relative;
top:20px;
float:left;
width:820px;
background:url(../images/commun/VariantSeparation.png) no-repeat;
}


/**** Zone de pagination des pages liste ****/
#zonePaginationHaut{
width:400px;
position:relative;
height:43px;
float:left;
left:230px;
margin-top:20px;
}

#zonePaginationBas{
width:400px;
position:relative;
height:auto;
float:left;
left:230px;
margin-top:-10px;
}

#zonePaginationHaut .flechePrecedente, #zonePaginationBas .flechePrecedente{
float:left;
position:relative;
top:5px;
left:10px;
}

#zonePaginationHaut .precedent, #zonePaginationBas .precedent{
position:relative;
text-align:center;
padding-top:13px;
width:130px;
height:30px;
color:#603813;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
background:url(../images/commun/separateur.jpg) no-repeat right;
}

#zonePaginationHaut .precedent a, #zonePaginationBas .precedent a{
color:#603813;
text-decoration:none;
}

#zonePaginationHaut .precedent a:hover, #zonePaginationBas .precedent a:hover{
color:#603813;
text-decoration:underline;
}

#zonePaginationHaut .numero, #zonePaginationBas .numero{
color:#603813;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;

letter-spacing:-0.17em;
height:30px;
position:relative;
width:130px;
text-align:center;
padding-top:8px;
}



#zonePaginationHaut .numero .selected, #zonePaginationBas .numero .selected{
color:#603813;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
top:20px;
}

#zonePaginationHaut .numero a, #zonePaginationBas .numero a{
text-decoration:none;
color:#603813;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#zonePaginationHaut .numero a:hover, #zonePaginationBas .numero a:hover{
text-decoration:underline;
}

#zonePaginationHaut .flecheSuivante, #zonePaginationBas .flecheSuivante{
float:right;
position:relative;
top:5px;
right:10px;
}

#zonePaginationHaut .suivant, #zonePaginationBas .suivant{
position:relative;
text-align:center;
padding-top:13px;
width:115px;
height:30px;
color:#603813;
font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
background:url(../images/commun/separateur.jpg) no-repeat left;
}

#zonePaginationHaut .suivant a, #zonePaginationBas .suivant a{
color:#603813;
text-decoration:none;
}

#zonePaginationHaut .suivant a:hover, #zonePaginationBas .suivant a:hover{
color:#603813;
text-decoration:underline;
}
/**** FIN Zone de pagination ****/

/**** Bloc de choix de preference a droite de la page ****/
#BlocPropos{
background:url(../images/product_mosaic/BlocPropo.jpg) no-repeat;
position:relative;
float:right;
left:0px;
width:190px;
height:350px;
bottom:39px;
}

#BlocPropos .Affichez{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	font-size:18px;
	width:170px;
	color:#684324;
	text-align:center;
	font-family:Verdana;
	letter-spacing:-1pt;
	margin-top:-20px;
}

#BlocPropos .Affinez{
	position:absolute;
	float:left;
	left:0px;
	font-size:18px;
	width:170px;
	color:#684324;
	top:85px;
	font-family:Verdana;
	letter-spacing:-1pt;
	margin-top:-20px;
	height:100px;
	text-align:center;
}

#BlocPropos .Classez{
	position:absolute;
	float:left;
	left:0px;
	font-size:18px;
	width:170px;
	height:75px;
	color:#684324;
	top:170px;
	font-family:Verdana;
	letter-spacing:-1pt;
	text-align:center;
}

#BlocPropos .ClassezTitre{
width:170px;
position:relative;
line-height: 90%;
}

#BlocPropos .ClassezTxt{
	font-size:10px;
	letter-spacing:0em;
}

#BlocPropos .ClassezTxt .ClassezTxtLigne{
	height:auto;
}

#BlocPropos .ClassezTxt input{
	position:relative;
	top:3px;
}

#BlocPropos .Retour{
	position:absolute;
	float:left;
	left:30px;
	font-size:10px;
	font-weight:bold;
	width:110px;
	color:#684324;
	text-align:center;
	top:258px;
	font-family:Verdana;
}

#BlocPropos .Retour a{
	color:#684324;
	text-decoration:none;
}

#BlocPropos .Retour a:hover{
	color:#684324;
	text-decoration:underline;
}

#BlocPropos .Retour a, a:hover{
	color:#684324;
	text-decoration:none;
}

#BlocPropos .SelectionBouton{
	position:absolute;
	float:left;
	left:0px;
	top:290px;
	float:left;
	margin-left:-2px;
}

#BlocPropos .SelectionBouton input{
border:none;
}

#BlocPropos select{
vertical-align:middle;
position:relative;
float:left;
top:3px;
width:145px;
letter-spacing:0em;
margin-bottom:5px;
left:13px;
}
/**** FIN Bloc de choix de preference a droite de la page ****/

/**** Style des blocs produits ****/
#BlocMain{
width:auto; 
top:-10px;
position:relative;
float:left;
}

#BlocMain .bloc{
	position:relative;
	float:left;
	left:15px;
	width:200px;
	height:auto;
}

#BlocMain .bloc .EtiquetteHaut{
	position:relative;
	float:left;
	left:0px;
	width:200px;
	height:41px;
}

#BlocMain .bloc .TxtBlanc1{
	position:relative;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	left:0px;
	margin-top:-40px;
}

#BlocMain .bloc .ImageDown{
	position:relative;
	left:25px;
	width:160px;
	float:left;
	margin-top:-12px;
}

#BlocMain .bloc .ImageDown1{
	position:relative;
	left:25px;
	width:160px;
	float:left;
	top:30px;
}

#BlocMain .bloc .ImageTdg{
	position:relative;
	text-align:center;
	color:#42210B;
	font-size:11px;
	font-family:Georgia;
	font-weight:bold;
	padding-top:5px;
	padding-left:9px;
	padding-right:9px;
	letter-spacing:-0.5pt;
	padding-bottom:6px;
	background-color:#FFFFFF;
	width:130px;	
}

#BlocLign{
width:830px;
position:relative;
float:left;
margin-bottom:30px;
height:auto;
}

/**** FIN style des blocs produits ****/


#decriptionCateg{
position:relative;
float:left;
width:810px;
height:auto;
margin-top:5px;
padding-left:2px;
color:#684324;
font-family:Verdana;
font-size:11px;
}