/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	
	}
body { 
	margin: 0;
	padding: 0;
	background-image:url(/images/cut_bg.gif);
	background-repeat:repeat-x;
	background-color:#FDEFFE;
	font: 9pt/12pt trebuchet ms,verdana, arial;
	
	}
.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 765px;
margin: 0 auto; 
}

.header {
height: 237px;
background-color: white;
}
img
{
	border:0px;
}
div { 
	font: normal normal normal 12pt/12pt trebuchet ms, verdana, arial; 
	color:#663366;
	margin-top: 0px; 
	}
h1 { 
	font: normal normal bold 16pt/26pt trebuchet ms, verdana, arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #660066;
	text-align:left;
	margin-left:10px;
	}
h2 { 
	font: normal normal normal 16pt/20pt trebuchet ms, verdana, arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: black;
	text-align:left;
	text-indent:5px;
	} 
h3
{
	font: normal normal bold 11pt/20pt trebuchet ms, verdana, arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	margin-top:0px;
	color: #1E287E;
	text-align:left;
	text-indent:5px;
	text-transform:uppercase;
	}
table
	{	
	border:0px;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;	/**/
	}
td
	{
	padding:0px;
	vertical-align:top;
	
	}
table.contenu-TB
	{	
	border:0px;
	border-collapse:collapse;
	vertical-align:top;
	width:100%;
	border:solid 1px #f0f0f0;
	}
td.contenu-TD
	{
	padding:0px;
	vertical-align:top;
	font:normal normal normal 10pt/13pt trebuchet ms, verdana, arial;
	color:#7c7c7c;
	padding:5px;
	text-align:left;	
	}
a:link { 
	font: normal normal bold 12px/18px trebuchet ms, verdana, arial;  
	text-decoration: none; 
	color: #330000;
	}
a:visited { 
	font: normal normal bold 12px/18px trebuchet ms, verdana, arial;
	text-decoration: none; 
	color: #663333;
	}
a:hover, a:active {
	font: normal normal bold 12px/18px trebuchet ms, verdana, arial;
	text-decoration: underline; 
	color: #660000;
	}
	/* La balise acronym permet de mettre un title a une abréviation comme WWW. Ex: title=World Wide Web */
acronym {
	border-bottom: none;
	}
/**/


.date
{
	font: normal normal bold 7pt/7pt trebuchet ms, verdana, arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-top:0px;
	color: #9F9BC8;
	text-align:left;
	text-indent:5px;
	text-transform:uppercase;
	}
.texte
{
	font: normal normal normal 8pt/11pt trebuchet ms, verdana, arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	margin-top:0px;
	color: black;
	text-align:justify;
	text-indent:0px;
	text-transform:none;
	}

.t_footer
{
	font: normal normal normal 7pt/12pt verdana;
	color:#666666;
}
a.a_footer:link
{
	font: normal normal normal 7pt/12pt verdana;
	color:#666666;
}
a.a_footer:visited
{
	font: normal normal normal 7pt/12pt verdana;
	color:#666666;
}
a.a_footer:hover
{
	font: normal normal normal 7pt/12pt verdana;
	color:#333333;
}
a.a_footer:active
{
	font: normal normal normal 7pt/12pt verdana;
	color:#333333;
}
a.s_mnu:link
{
	font: normal normal normal 7pt/12pt verdana;
	color:#dddddd;
}
a.s_mnu:visited
{
	font: normal normal normal 7pt/12pt verdana;
	color:#dddddd;
}
a.s_mnu:hover
{
	font: normal normal normal 7pt/12pt verdana;
	color:white;
}
a.s_mnu:active
{
	font: normal normal normal 7pt/12pt verdana;
	color:white;
}
.button
{
	font: normal normal bold 11px/18px trebuchet, ms verdana, arial;
	border: solid 1px #7c97ac;
	background-color:#d0d4df;
		
	text-align:center;
	color:#993300;
	Height:20px;
	padding:2px;	
}
/**/
.bdr
{
	border:solid 1px #333333;
	height:20px;
	font: normal normal bold 11px/18px trebuchet, ms verdana, arial;
	color:black;
	padding-left:5px;
	background-image:url(/images/bg_mnu-ov.gif);
	}
.bdr:hover
{
	border:solid 1px black;
	height:20px;
	font: normal normal bold 11px/18px trebuchet, ms verdana, arial;
	color:#555555;
	padding-left:5px;
	background-image:url(/images/bg_mnu.gif);
	}
	

/* JAVAX JAVAX JAVAX */

.highlight 
{
	background-color: #dddddd; 
}

.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

a.accordionLink
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

a.accordionLink:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(/images/bg/bgCollapse.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/bt/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Images/bt/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Images/bt/SavedStar.png);
}

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

/* JAVAX JAVAX JAVAX */
/******* master **********************/
.contenu
{
	background-color:#fff;
	padding:5px;
}
.recherche
{
	color:#fff;
	background-color:#5c63bd;
	margin-bottom:5px;
	padding:5px;
}
.recherche .champ
{
	color:#fff;
	float:left;
}
.noitem
{
	margin-top:50px;
	margin-bottom:120px;
	text-align:center;
}
.trie
{
	background-color:#5c63bd;
	margin-bottom:5px;
	padding:5px;
}
.trie a
{
	width:16px;
	text-align:center;	
	background-color:#ddd3ec;
	display:block;
	color:#110e17;
	border:1px solid #000;
	text-transform:uppercase;
	float:left;
	margin-left:3px;
	margin-right:3px;
	margin-top:1px;
	margin-bottom:1px;
}
.trie a:hover
{
	text-decoration:none;
	background-color:#fff;	
} 
.trie a.active
{
	background-color:#c1a0e9;
	margin-left:1px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
	padding:1px;
	width:20px;
}
/******* panier master **************/
.panier_master
{
	width:773px;
	background-color:#000;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	
	
}
.panier_master .case
{
	float:right;
	margin-right:10px;
}
.panier_master .cart
{
	float:left;
}
.panier_master .cart img
{
	border:0px;
}
.panier_master .titre
{
	float:left;
}
.panier_master .titre a
{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	line-height:29px;
}
.panier_master .titre a:hover
{
	text-decoration:none;
}
.panier_master .item
{
	float:left;
}
.panier_master .item a
{
	line-height:29px;
	color:#fff;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
}
.panier_master .item a:hover
{
	text-decoration:none;
	color:#e5c1e5;
}
.panier_master .prix
{
	float:left;
	line-height:29px;
	color:#f9d0f8;
	font-size:14px;
	font-weight:bold;
}
.panier_master .bt
{
	float:left;
	margin-left:5px;
	margin-right:5px;
	
}
.panier_master .bt a
{
	line-height:29px;
	color:#fff;
	text-decoration:underline;
}
.panier_master .bt a:hover
{
	color:#e5c1e5;
}
/*************************************/
/********** boutique *****************/
.item_boutique
{
	float:left;
	border:solid 1px #000;
	margin:5px;
	margin-left:8px;
	margin-right:8px;
	width:150px;
	height:250px;
	padding:10px;
	padding-top:10px;
	padding-bottom:15px;
}
.item_boutique div
{
	text-align:center;
}
.item_boutique .info
{
	height:70px;

}
.item_boutique .nom
{
	font-size:14px;

}
.item_boutique .img
{
	width:150px;
	height:150px;
	text-align:center;

}
.item_boutique .img img
{
	max-width:150px;
	max-height:150px;
}
.item_boutique .desc
{
	font-size:12px;

	margin-bottom:5px;
}
/***************************************/
/************* produit connex *********/
.item_produit_connexe
{
	float:left;
	width:133px;
	height:173px;
	padding:2px;
	margin:5px;
	border:solid 1px #000;
	background-color:#fff;
}
.item_produit_connexe div
{
	text-align:center;
}
.item_produit_connexe .info
{
	height:53px;
	line-height:normal;
}
.item_produit_connexe .nom
{
	margin-top:5px;

}
.item_produit_connexe .desc
{
	
	margin-top:5px;
	font-size:10px;
	line-height:normal;
}
.item_produit_connexe .nom a
{
	font-size:10px;
	line-height:12px;
}
.item_produit_connexe .prix
{
	font-size:10px;
	font-weight:bold;
	
}
.item_produit_connexe .image
{
	width:133px;
	height:75px;
	text-align:center;
	margin-top:5px;
}
.item_produit_connexe .image img
{
	max-height:75px;
	max-width:75px;
}
.item_produit_connexe .bt a
{
	font-size:10px;

	
}
/****************************************/
/********** fiche produit ***************/
.bt_cart_fiche_produit
{
	display:block;
	padding:4px;
	background-color:#ded4ed;
	border:solid 1px #878296;
	height:24px;
	vertical-align:middle;
	width:135px;
	color:#000;

}
.bt_cart_fiche_produit.en
{
	display:block;
	padding:4px;
	background-color:#ded4ed;
	border:solid 1px #878296;
	height:24px;
	vertical-align:middle;
	width:100px;
	color:#000;

}
.bt_cart_fiche_produit:hover, .bt_cart_fiche_produit:hover span
{
	cursor:pointer;
	color:#5b5762;
}
.bt_cart_fiche_produit span
{
	display:block;
	float:right;
	line-height:24px;
	color:#000;
}
.bt_cart_fiche_produit img
{
	float:left;
}
/***************************************/
/************ billing form **************/
.info_compte
{
	background-color:#f2eff7;
	width:223px;
	float:left;
	padding:10px;
	border:solid 1px #cec9d8;
}
.info_panier
{
	background-color:#f2eff7;
	width:500px;
	margin-right:10px;
	float:left;
	border:solid 1px #cec9d8;
}
.info_compte div
{

}

.info_compte .titre
{
	float:left;
}
.info_compte .champtexte
{
	width:50px;

	width:220px;
	float:left;
}
.info_compte .champchoix
{

}
.info_compte .champboite
{
width:220px;
}
.info_compte .needed
{
	padding-left:10px;
	color:Red;
}
.info_compte .field
{
	padding-bottom:10px;
}
.item_panier
{
	background-color:#e1e0e4;
	margin:5px;
	padding:5px;
}
.menu_panier
{
	color:#bdb7cd;
	margin-right:5px;
	margin-left:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
	background-color:#bdb7cd;
}
.item_panier .delete, .menu_panier .delete
{
	float:left;
	width:15px;
	height:15px;
	margin-right:10px;
	font-size:12px;
	margin-top:5px;
}
.item_panier .delete a, .menu_panier .delete a
{
	display:block;
	background-attachment:scroll;
	background-image:url(/images/delete_item.png);
	background-position:top;
	background-repeat:no-repeat;
	height:15px;
	width:15px;
}
.item_panier .delete a:hover, .menu_panier .delete a:hover
{

	background-image:url(/images/delete_item-over.png);

}
.item_panier .nbr, .menu_panier .nbr
{
	float:left;
	margin-right:10px;
	line-height:25px;
	width:35px;
	font-size:12px;
}
.item_panier .nom, .menu_panier .nom
{
	float:left;
	margin-right:10px;
	width:180px;
	font-size:12px;
}
.item_panier .prix, .menu_panier .prix
{
	float:left;
	line-height:25px;
	width:65px;
	text-align:right;
	margin-right:10px;
	font-size:12px;
}
.item_panier .qte, .menu_panier .qte
{
	float:left;
	line-height:25px;
	width:70px;
	margin-right:10px;
	font-size:12px;
}
.item_panier .qte input, .menu_panier .qte input
{
	width:25px;
}
.item_panier .total, .menu_panier .total
{
	float:left;
	line-height:25px;
	width:65px;
	text-align:right;
	font-size:12px;
}
.total_panier
{
	margin-top:20px;
	padding:10px;
	border-top:dashed 1px #bdb7cd;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:5px;
}
.total_panier .facture
{
	float:right;
}
.facture div
{
	font-size:12px;
}
.facture .titre
{
	float:left;

	text-align:right;
	width:100px;
	margin-bottom:5px;
}
.facture .prix
{
	float:left;

	text-align:right;
	width:100px;
	margin-bottom:5px;
}
.nodata
{
	text-align:center;
	height:100px;
	background-color:#e1e0e4;
	display:block;
	margin:5px;
	line-height:40px;
}
.confirm
{
	background-color:#bdb7cd;
	text-align:right;
	padding:5px;
}
/****************************************/
/**************** admin commande **********/
.admin_commande
{
	background-color:#f2eff7;
	border:solid #e3dfe9 1px;
	margin-bottom:20px;
	border:solid 1px #262d6a;
}
.admin_commande .bloc_id
{
	float:left;
	width:50px;
	background-color:#646cb1;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	color:#fff;
	font-size:12px;
}
.admin_commande .bloc1
{
	background-color:#262d6a;
	color:#fff;
	padding:10px;
}
.admin_commande .champ
{
	margin-right:20px;
	float:left;
	
}
.admin_commande .titre
{
	margin-right:5px;
	float:left;

	line-height:24px;
	font-size:12px;
}
.admin_commande .info
{
	float:left;

	line-height:24px;
	font-size:12px;
	font-weight:bold;
}
.admin_commande .bloc1 .titre
{

	color:#fff;
	font-size:16px;

}
.admin_commande .bloc1 .info
{

	color:#fff;
	font-size:16px;

}
.admin_commande .barre_menu
{
	display:block;
	padding:5px;
	background-color:#111432;
	color:#fff;
		border-bottom: solid 2px #202556;
}
.admin_commande .barre_menu:hover
{
	background-color:#1a1f49;
	border-bottom:solid 2px #2d367a;

}
.admin_commande .bloc2
{
	background-color:#bdb7cd;
	padding:10px;
}
.admin_commande .bloc3
{
	background-color:#bdb7cd;
	text-align:left;
	padding:10px;
}
.admin_commande .bloc4
{
	background-color:#5059a0;
	color:#fff;
	padding:10px;
}
/******************************************/
.lien_rupture
{
	color:#c20000;
}