.clear {
	border:medium none;
	clear:both;
	display:block;
	height:1px;
	overflow:hidden;
	text-align:left;
}
body{
	background-color:#8D0008;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
#conteneur{
	background-image:url(images/fond.jpg);
	background-repeat:no-repeat;
	width:1024px;
}
#marge_gauche{
	/*background-color:red;*/
	width:38px;
}
#marge_droite{
	/*background-color:green;*/
	width:38px;
}
#colonne1{
	width:178px;
}
#colonne2{
	/*background-color:purple;*/
	width:468px;
}
#colonne3{
	/*background-color:blue;*/
	width:178px;
}

/*MENU*/

.navigation img{
	border:0;
}
.navigation, .navigation *{
	margin:0;
	padding:0;
}
span{
	display:block;
}

.navigation{
	width:178px;
}
.navigation .toggleSubMenu { 
	margin-bottom:2px;
	padding-left:10px;
	padding-top:2px;
	background-repeat:no-repeat;
 } 
.navigation .toggleSubMenu > a{
	display:block;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:20px;
	/*width:178px;*/
} 
.navigation .toggleSubMenu a{
	text-transform: capitalize;
}
.navigation .open > a{ 
  color:#FFFFFF;
}
.navigation .open > a:visited{
	text-decoration:none;	
}
.navigation a:hover,
.navigation a:focus{ 
  text-decoration: underline; 
 } 
.navigation .subMenu li{
	height:14px;
}
.navigation .subMenu span{
	margin-bottom:1px;
}
.navigation .subMenu a { 
	display:block;
	font-family:arial;
	font-size:10px;
	font-style:italic;
	margin:0 0 0 20px;
	padding:0 0 0 5px;
	text-decoration:none;
}
.subMenu .selected{
	background-image:url(images/subMenuGen_fleche.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#FFFFFF !important;
}

/*pour chaque sous menu*/ 
.navigation #bijoux .toggleSubMenu{
	background-image: url(images/subMenuGen_bijoux_off.png) !important;
}
.navigation #bijoux .subMenuGen > .selected,
.navigation #bijoux .open{
	background-image: url(images/subMenuGen_bijoux_on.png) !important;
}
.navigation #bijoux .subMenuGen > .selected > a,
.navigation #bijoux .open > a{
	color:#FFFFFF !important;
	text-decoration:none;
}
.navigation #bijoux .toggleSubMenu > a{
	color:#810114;
}
.navigation #bijoux .subMenu a { 
	background-color:#FFB400;
	color:#810114;
 }
.navigation #bijoux .subMenu .selected,
.navigation #bijoux .subMenu a:hover { 
	background-color:#810114;
	color:#FFFFFF;
 }

.navigation #artisanat .toggleSubMenu{
	background-image: url(images/subMenuGen_deco_off.png) !important;
}
.navigation #artisanat .subMenuGen > .selected,
.navigation #artisanat .open{
	background-image: url(images/subMenuGen_deco_on.png) !important;
}
.navigation #artisanat .subMenuGen > .selected > a,
.navigation #artisanat .open > a{
	color:#FFFFFF !important;
	text-decoration:none;
}
.navigation #artisanat .toggleSubMenu > a{
	color:#293a00;
}
.navigation #artisanat .subMenu a { 
	background-color:#7eb200;
	color:#293a00;
 }
.navigation #artisanat .subMenu .selected,
.navigation #artisanat .subMenu a:hover { 
	background-color:#293a00;
	color:#FFFFFF;
 }

.navigation #perles .toggleSubMenu{
	background-image: url(images/subMenuGen_cadeaux_off.png) !important;
}
.navigation #perles .subMenuGen > .selected,
.navigation #perles .open{
	background-image: url(images/subMenuGen_cadeaux_on.png) !important;
}
.navigation #perles .subMenuGen > .selected > a,
.navigation #perles .open > a{
	color:#FFFFFF !important;
	text-decoration:none;
} 
.navigation #perles .toggleSubMenu > a{
	color:#003052;
}
.navigation #perles .subMenu a { 
	background-color:#0077ca;
	color:#003052;
 }
.navigation #perles .subMenu .selected,
.navigation #perles .subMenu a:hover { 
	background-color:#003052;
	color:#FFFFFF;
 }

.navigation #nouveautes .toggleSubMenu{
	background-image: url(images/subMenuGen_artisanat_off.png) !important;
}  
.navigation #nouveautes .subMenuGen > .selected,
.navigation #nouveautes .open{
	background-image: url(images/subMenuGen_artisanat_on.png) !important;
}
.navigation #nouveautes .subMenuGen > .selected > a,
.navigation #nouveautes .open > a{
	color:#FFFFFF !important;
	text-decoration:none;
} 
.navigation #nouveautes .toggleSubMenu > a{
	color:#500057;
}
.navigation #nouveautes .subMenu a { 
	background-color:#d200e5;
	color:#500057;
 }
.navigation #nouveautes .subMenu .selected,
.navigation #nouveautes .subMenu a:hover { 
	background-color:#500057;
	color:#FFFFFF;
 }

 .ui-state-highlight { height: 1.5em; line-height: 1.2em; }

 
      
/* PRODUITS LISTE*/

.produit-liste-wrapper{
	float:left;
	margin:15px 35px 10px 10px;
}
.produit-liste{
	width:233px;
	height:215px;	
}
.produit-liste .titre-wrapper{
	padding-top:3px;
	padding-left:15px;
}
.produit-liste .titre-produit{
	color:#FFFFFF;
	float:left;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	height:20px;
	overflow:hidden;
	width:169px;
	text-transform:capitalize;
}
.produit-liste .prix-ref{
	float:right;
	height:61px;
	width:64px;
	overflow:hidden;
}
.produit-liste .prix-wrapper{
	padding:10px 0 0 8px;
}
.produit-liste .prix{
	color:#FFFFFF;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
.produit-liste .ref-wrapper{
	padding-right:5px;
}
.produit-liste .ref{
	color:#A32F0A;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	height:15px;
	overflow:hidden;
}
.produit-liste .haut{
	width:233px;
	height:190px;
}
.produit-liste .bas{
	width:233px;
	height:24px;	
}
.produit-liste .ajout-panier-wrapper{
	float:left;
	padding:5px 0 0 15px;	
}

.produit-liste .ajout-panier{
	height:15px;
	width:115px;
}
.produit-liste .text-ajout-panier a:link,
.produit-liste .text-ajout-panier a:active,
.produit-liste .text-ajout-panier a:visited,
.produit-liste .text-ajout-panier{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.produit-liste .text-ajout-panier a:hover{
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.produit-liste .detail-wrapper{
	float:left;
	margin:10px 0 0 25px;
}
.produit-liste .detail{
	height:15px;
	width:60px;
}

.produit-liste .text-detail a:link,
.produit-liste .text-detail a:active,
.produit-liste .text-detail a:visited,
.produit-liste .text-detail{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.produit-liste .text-detail a:hover{
	color:#FF0000;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

/*------------------------*/
/*--PRODUITS DESCRIPTION--*/
/*------------------------*/

.produit-description-wrapper{
	float:left;
	margin:15px 35px 10px 10px;
}
.produit-description{
	width:545px;
	height:334px;	
}
.produit-description .titre-wrapper{
	padding-top:4px;
	padding-left:15px;
}
.produit-description .titre-produit{
	color:#FFFFFF;
	float:left;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:25px;
	overflow:hidden;
	width:300px;
	text-transform:capitalize;
}
.produit-description .prix-ref{
	float:right;
	height:112px;
	width:119px;
	overflow:hidden;
	background-image: url(images/vignette_masque_prix.png);
}
.produit-description .prix-wrapper{
	padding:16px 0 0 25px;
}
.produit-description .prix{
	color:#FFFFFF;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
}
.produit-description .ref-wrapper{
	padding-right:14px;
}
.produit-description .ref{
	color:#A32F0A;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	height:15px;
	overflow:hidden;
}
.produit-description .haut{
	width:330px;
	height:280px;
}
.produit-description .bas{
	width:330px;
	height:24px;	
}
.produit-description .ajout-panier-wrapper{
	float:left;
	padding:0 0 0 15px;	
}

.produit-description .ajout-panier{
	height:15px;
	width:115px;
}
.produit-description .text-ajout-panier a:link,
.produit-description .text-ajout-panier a:active,
.produit-description .text-ajout-panier a:visited,
.produit-description .text-ajout-panier{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.produit-description .text-ajout-panier a:hover{
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.produit-description .detail-wrapper{
	float:left;
	margin:0 0 0 50px;
}
.produit-description .detail{
	height:15px;
	width:130px;
}

.produit-description .text-detail a:link,
.produit-description .text-detail a:active,
.produit-description .text-detail a:visited,
.produit-description .text-detail{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.produit-description .text-detail a:hover{
	color:#FF0000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.produit-description .image{
	float:left;
}
.texte-article-wrapper{
	float:right;
}
.texte-article{
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-align:right;
	width:215px;
}
.mention-article{
	padding-top:10px;
	text-align:right;
	color:#000000;
	font-family:Arial;
	font-size:10px;
}

/* PANIER */

.panier{
	margin-top:10px;
	margin-left:30px;
}
.panier img{
	margin-bottom:5px;
}

/*VISU_PANIER */
.contenu td{
	padding:10px;
	background-color:#ffffff;
}
.contenu_recap td{
	padding:4px;
	background-color:#ffffff;
}
.visu_panier_designation{
	color:#4E1B00;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.visu_panier_desc_1{
	font-family:Arial;
	font-size:12px;
}
.visu_panier_desc_2{
	font-family:Arial;
	font-size:12px;
	color:#ff0000;
}
.visu_panier_pu{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;

}
.visu_panier_pt_art{
	color:#e7190d;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}
.visu_panier_pt_tot,
.visu_panier_pt_tot2{
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.visu_panier_fdp,
.visu_panier_fdp2{
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

/* INFO */ 

#infos{
	background-image:url(images/informations_bg.jpg);
}
.texte{
	font-family:arial;
	font-size:12px;
	color:#666666;
	padding:0 20px 0 20px;
}
.titre{
	background-image:url(images/informations_titre_bg.jpg);
	padding:5px 20px 0px 20px;
	margin-bottom:5px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	height:20px;
}
.label{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}
.radio{
	display:inline;
}
.field{
	margin:5px;

}
#signupForm label.error {
	color:#FF0000;
	display:block;
	float:left;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	margin-left:5px;
	width:230px;
}

/*MODe paiement*/

.mode_paiement_wrapper{
	background-image:url(images/fond_mode_paiement.png);
	height:157px;
	width:568px;
}
.mode_paiement_content{
	padding:47px 0 0 257px;
}

/*PAGINATION*/

.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination .barre{
	color:#000000;
	text-decoration:none;
	display:inline;	
}
.pagination .text{
	font-size:14px;
}
.pagination{
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
}

.pagination a:hover{
	color:#ffffff;
	text-decoration:none;
}