body{
	margin:0;
	padding:0;
background-image:url(../images/news_fond_wettle.jpg);
	/*background-image:url(../images/fond_banner.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
p{
	margin:0;
	padding:0;}
#conteneur{
	margin-left:auto;
	margin-right:auto;
	width:956px;
	height:auto;
	}

#entete{
	width:956px;
	height:121px;
	}
	
#sous_conteneur{
	clear:both;
	width:956px;
	height:auto;
	}
	
#gauche{
	float:left;
	width:206px;
	height:auto;}
	
#droite{
	margin-right:7px;
	float:right;
	width:733px;
	height: auto;
	}
	
#footer{
	/*background-image:url(../images/footer.jpg);*/
	clear:both;
	width:956px;
	height:80px;
	}
	
#chemin{
	margin-bottom:5px;
	line-height:28px;
	text-indent:15px;
	font-size:12px;
	width:733px;
	height:30px;
	color:#FFFFFF;}
	
#chemin a {
	color:#FFFFFF;}
	
#chemin a:hover {
	color: #F60;}
	
	
/******* menu pages**************/

#menu_page{
	margin-left:auto;
	margin-right:auto;
	width:192px;
	height:auto;}


.entete_menu{
	display:block;
	line-height:28px;
	text-decoration:none;
	text-indent:15px;
	margin-bottom:2px;
	width:192px;
	height:31px;
	background-image:url(../images/menu_fond_black.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	}

.btn{
	
	margin-bottom:2px;
	width:192px;
	height:23px;
	background-image:url(../images/menu_fond_gris.jpg);
	background-repeat:no-repeat;
	color:#000000;
	font-size:12px;
	}
	
.btn a{
	display:block;
	line-height:20px;
	text-decoration:none;
	text-indent:15px;
	color:#000000;
}

.btn a:hover{
	color: #F60;
}




.btn3{
	margin-top:10px;
	margin-bottom:2px;
	width:192px;
	height:80px;
	background-image: url(../images/newsletter.jpg);
	background-repeat:no-repeat;
	color:#000000;
	font-size:12px;
	}
	
.btn3 a{
	display:block;
	line-height:20px;
	text-decoration:none;
	text-indent:15px;
	color:#000000;
}

.btn3 a:hover{
	color: #F60;
}




/********pubs********/
#pubs{
	margin-left:auto;
	margin-right:auto;
	width:182px;
	height:auto;}
	
#pubs img{
	border:#CCCCCC;
	border-width:1px;
	border-style: solid;}

/******** menu boutique ******/
/******************/
.glossymenu{
padding: 0;
width: 192px; /*width of menu*/
}

.glossymenu a.menuitem{
text-decoration:none;
display:block;
text-indent:15px;
cursor:pointer;
margin-left:auto;
margin-right:auto;
color:#ffffff;
width:192px;
line-height:28px;
height:31px;
font-size:12px;
font-weight:bold;
background-image: url(../images/menu_fond_orange.jpg);

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/menu_fond_orange_2.jpg);
}



/******JEROME LEBANNER ************/

.glossymenu a.menuitem2{
text-decoration:none;
display:block;
text-indent:15px;
cursor:pointer;
margin-left:auto;
margin-right:auto;
color: #F90;
width:192px;
line-height:28px;
height:31px;
font-size:12px;
font-weight:bold;
background-image: url(../images/menu_fond_black.png);

}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem:active{
color: white;
}


.glossymenu a.menuitem2:hover{
color: #FFF;
background-image: url(../images/menu_fond_orange_2.jpg);
}



/********* FIN LE BANNER *************/

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
margin-left:auto;
margin-right:auto;
width:192px;
font-size:11px;
color:#000000;
background-image:url(../images/menu_fond_gris.jpg);
background-repeat:no-repeat;
text-indent:10px;
}

.glossymenu div.submenu ul li a{
	margin-bottom:2px;
text-indent:15px;
line-height:20px;
height:23px;
display:block;
text-decoration:none;
color:#000000;
}

.glossymenu div.submenu ul li a:hover{
display:block;
color: #F60;
}


/***** grille article ********/
.liens{
	text-decoration:none;
color:#000000;
	}

.liens:hover{
	text-decoration:none;
color: #F60;
	}

#cadre_art{
	margin-left:10px;
	margin-bottom:10px;
width:230px;
float:left;
height:290px;
background-image:url(../images/cadre_art.jpg);
background-repeat:no-repeat;
}

#img_art{

	margin-top:15px;
width:200px;
height:235px;
margin-left:auto;
margin-right:auto;
	}
	
#nom_art{
	line-height:13px;
text-align:center;
width:200px;
font-size:11px;
margin-left:auto;
margin-right:auto;
}

#prix_art{
	font-weight:bold;
	margin-top:8px;
	text-align:center;
width:200px;
font-size:14px;
margin-left:auto;
margin-right:auto;
	}
	
	
	
#paging{
	padding-top:8px;
	clear: both;
	height:32px;
	display:block;
	background-image:url(../images/fond_paging.jpg);
width:700px;
margin-left:auto;
margin-right:auto;
font-size:10px;}




#bloc_paging{
	margin-left:auto;
	margin-right:auto;

	text-align:center;
	height:20px;
	}
	
.paging a {
	background-image:url(../images/btn_paging.jpg);
	line-height:25px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	display:block;
	margin-left:4px;
	float:left;
	width:26px;
	height:26px;
	
	}
	
.paging a:hover {
	color:#ffffff;
	}
	
	
.paging_on a{
	background-image:url(../images/btn_paging_club.jpg);
	line-height:25px;
	text-align:center;
	color: #ffffff;
	text-decoration:none;
	display:block;
	margin-left:4px;
	float:left;
	width:26px;
	height:26px;
	
	}
	

/********fiche article **********/

.ref{
	font-size:10px;}

#conteneur_prod{
	margin-left:auto;
	margin-right:auto;
	width:713px;
	height:410px;
	}
	
#cadre_gauche{
	width:320px;
	height:400px;
	
	float:left;}

#cadre_droite{
	margin-top:5px;
	width:383px;
	height:400px;
	float:right;}
	
	
#action{
	margin-top:5px;
	width:383px;
	height:30px;
	}
	

#ajout{
	text-align:right;
	padding-right:20px;
	float: right;
	width:171px;
	height:30px;
	color:#00000;
	line-height:29px;
	background-image:url(../images/ajout_panier.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
	}
	
#ajout a{
	text-decoration:none;
	
	color: #000000;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	}
	
	
#ajout a:hover{
	color: #ffffff;
	}
	
#retour{
	text-align:right;
	padding-right:20px;
	float: left;
	width:171px;
	height:30px;
	color:#00000;
	line-height:29px;
	background-image:url(../images/retour.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
	}
	
#retour a{
	text-decoration:none;
	color: #000000;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	}
	
	
#retour a:hover{
	color: #ffffff;
	}
	
.fiche_nom_prod{
	text-indent:10px;
	line-height:27px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	width:383px;
	height:29px;
	background-image:url(../images/fiche_fond_nom_prod.jpg);
	background-repeat:no-repeat;}
	
.fiche_desc_prod{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	font-size:12px;
	width:363px;
	height: auto;
	}
	
.fiche_prix_prod{
	text-align:right;
	line-height:27px;
	color:#000000;
	font-size:13px;
	width:383px;
	height:29px;
	background-image:url(../images/fiche_fond_nom_prod.jpg);
	background-repeat:no-repeat;}

#cadre_gd_visu{
	padding-top:10px;
	padding-left:10px;
	width:310px;
	height:310px;
	background-image:url(../images/fond_gd_visu.jpg);
	background-repeat:no-repeat;
	}
	
#gd_visu{
	display:block;
	width:300px;
	height:300px;
	}
	
#cadre_bande_visu{
	width:320px;
	height:80px;
	background-image:url(../images/fond_bande_visu.jpg);
	background-repeat:no-repeat;
	}

#cadre_pt_visu{
	float:left;
	border: #CCC;
	border-width:1px;
	border-style:solid;
	margin-left:10px;
	width:60px;
	height:60px;
	}
	
#tab{
	background-image:url(../images/fond_tab.jpg); 
	background-repeat:no-repeat;
	text-align:center;}
	
#tab2{
	
	text-align:center;}
	
/*****slide show*/

/*** set the width and height to match your images **/


#slideshow {
	margin-left:5px;
    position:relative;
    height:330px;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*****Mini panier*/

.minipanier{
	margin-left:auto;
	margin-right:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	width:182px;
	
	}

#mini_bloc{
	width:192px;
	margin-top:20px;
	}
	
.ligne_mini{
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	clear:both;

	border-bottom:#999999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	width:172px;
	}
	
#total{
	text-align:right;
	width:172px;
	font-size:11px;
	}
	
	
#champ{
	display:block;
	background-color:#360;
	float: left;
	}

#compte_cli{
	margin-right:12px;
	margin-top:22px;
	color:#000000;
	line-height:32px;
	text-align:center;
	font-size:11px;
	background-image:url(../images/compte_cli.png);
	background-repeat:no-repeat;
	width:144px;
	height:32px;
	float:right;}

#compte_cli a{
	text-decoration:none;
	color:#000000;
	}
	
#compte_cli a:hover{
	color:#ff6600;}
	

#compte_clu{
	margin-right:5px;
	margin-top:20px;
	color:#000000;
	line-height:37px;
	text-align:center;
	font-size:12px;
	background-image:url(../images/btn_ffs.png);
	background-repeat:no-repeat;
	width:200px;
	height:35px;
	float:right;}

#compte_clu a{
	text-decoration:none;
	color:#000000;
	}
	
#compte_clu a:hover{
	color:#ff6600;}



#rech{
	line-height:35px;
	float:right;
	margin-left:10px;
	width:376px;
	height:100px;
	background-image:url(../images/fond_rech.png);
	background-repeat:no-repeat;}
	
	
#logo_fede{
	line-height:35px;
	float:left;
	margin-left:330px;
	width:230px;
	height:110px;
	}
	
.form_rech{
	color:#FFF;
	width:230px;
	background-color:#f7bf17;}
	
	
/****contact******/
#contenant{
	width:701px;
	margin-left:auto;
	margin-right:auto;}
	
	
	
#formulaire{
	font-size:12px;}
	
	
/******pack**********/

#entete_pack{
	margin-right:auto;
	margin-left:auto;
	min-height:220px;
	margin-bottom:15px;
	width:97%;
	}

#titre_pack{
	font-size:12px;
	height:25px;
	width:100%;
	float:left;}
	
#cont_menu_pack{
	margin-top:2px;
	margin-right:auto;
	margin-left:auto;
	width:94%;
	min-height:100px;
	}
	
#pied_menu_pack{
	width:340px;
	height:40px;
	background-image:url(../images/pied_pack.jpg);
	background-repeat:no-repeat;
	}

#menu_pack{
	background-image:url(../images/fond_menu_pack.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	width:340px; 
	float:left;	
	min-height:150px;
	}
	
#ligne_pack{
	text-indent:5px;
	line-height:23px;
	width:100%;
	min-height:25px;
	margin-bottom:2px;
	}
	
#ligne_pack2{
	color:#FFFFFF;
	text-indent:15px;
	line-height:35px;
	width:100%;
	height:35px;
	}
	
	
#ligne_pack a{
	color:#000000;
	}
	

#puce{
	text-indent:9px;
	float:left;
	width:25px;
	height:25px;
	background-image:url(../images/puces_pack.jpg);
	background-repeat:no-repeat;
	line-height:23px;
	font-size:12px;
	color:#FFFFFF;
	}
#puce2{
	text-indent:9px;
	float:left;
	width:25px;
	height:25px;
	background-image:url(../images/puces_pack_sel.jpg);
	background-repeat:no-repeat;
	line-height:23px;
	font-size:12px;
	color:#FFFFFF;
	}

#selection_pack{
	min-height:150px;
	background-image:url(../images/fond_menu_pack.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	width:340px;
	float:right;}
	
#titre_choix{
	clear:both;
	margin-bottom:5px;
	line-height:25px;
	color:#FFFFFF;
	text-indent:15px;
	font-size:12px;
	width:100%;
	height:25px;
	background-image:url(../images/fond_titre_choix.jpg);
	background-repeat:no-repeat;}
	
#pack_fini{
	margin-bottom:10px;
	color:#FFFFFF;
	text-indent:30px;
	line-height:20px;
	background-image:url(../images/fini_pack.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	height:25px;
	width:710px;
	float:left;}
	
/*cb*/
#cbmontant_paiement2{
	margin-bottom:10px;
	padding-right:10px;
	text-align:right;
	font-size:14px;
	line-height:45px;
	background-image:url(../images/fond_total.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:45px;
	margin-right:20px;}
	
#cbref_paiement{
	margin-bottom:10px;
	padding-right:10px;
	text-align:right;
	font-size:14px;
	line-height:45px;
	background-image:url(../images/fond_ref.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:45px;
	margin-right:20px;}


#cb_gauche{
	width:230px;
	height:300px;
	float:left;}
	
#cb_droite{
	width:350px;
	height:300px;
	float:left;}
	
#contpage img{
	padding:0px;
	margin:0px;
	
	}