/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body
{
	margin: 10px auto 10px auto;
	text-align: center;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #C09;
	scrollbar-highlight-color: #C09;
	scrollbar-3dlight-color: #C09;
	scrollbar-darkshadow-color: #C09;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #010290;
	/*background-image: url(/IMG/rapace.jpg);
	background-repeat: no-repeat;
*/
}


img, table
{
	margin: 0;
	padding: 0;
	border: none;
}
ul, ol, li
{
	margin: 0;
	padding: 0;
	list-style-type:none;
	/*list-style-image: url(/IMG/puce.gif);
	list-style-position: inside;
*/
}

h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

h1
{
		font-size: 150%;
	color: #010290;
	float: left;
	border-bottom: solid 2px #CC0099;
	width:750px;
	margin-left:10px;
	text-align:left;
}

sup
{
	font-size:60%;	
	vertical-align:text-top;
}

.separator
{
	background: transparent url(/IMG/back_hr.jpg) repeat-x;
	width: 700px;
	padding-top: 10px;
	margin:10px auto 0 auto;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */


div#home
{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 600px;
	text-align: left;
	background-color: #8ABAEA;
	padding: 15px;
	
	/*
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-205px;
	margin-left:-475px;
*/
}

div#page
{
	
	margin-left: auto;
     margin-right: auto;
     width:950px;
}

div#header
{
	position: relative;
	width: 948px;
	padding: 10px 1px 0px 1px;
	background-image: url(/IMG/bckg.jpg);
	background-repeat: repeat-y;
	background-position: bottom;
	margin-bottom: 5px;
	float:left;
}

div#ariane
{
	position: relative;
	width: 936px;
	padding: 5px 10px 5px 5px;
	background-image: url(/IMG/bckg_ariane.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 6px;	
	float:left;
}

div#global
{
	/*
	position: relative;
	width: 945px;
	padding: 0px 1px 10px 1px;
	float:left;
	z-index:0;
*/
}



/* Header */
div#logo
{
	float: left;
}
div#banniere
{
	width: 950px;
}
div#vignettes
{
	float: left;
	position: relative;
}
.PnlVignettes
{
	float: left;
	padding-left: 10px;
}
.panier
{
	width: 155px;
	height: 122px;
	float:right;
	background-image: url(/IMG/back-panier2.png);
	background-repeat: no-repeat;
	z-index:-1;
	font-size:99%;
	padding-right:15px;
	padding-left:10px;
}

#identification
{
	float: left;
	width: 120px;
	text-align: center;
	position: relative;
	color: #FFF;
}
.loginName
{
	text-transform:capitalize;
}
#fil
{	
	float: left;
	text-align: left;
	position: relative;
	color: #FFF;
	font-size: 113%;
	font-weight: bold;
	margin-left:30px;
}

div#favorite
{
	float: right;
	position: relative;
}

.frontonLink
{
	margin: 0 7px;
}

/* Global */

div#menu_gauche
{
	float: left;
	position: relative;
	width: 150px;
	margin-top: -12px;
	padding-left: 3px;
	text-align: left;
	clear:both;
	min-height:750px;
}
div#menu_droite
{
	float: right;
	position: relative;
	text-align: left;
	width: 120px;
	background-color: #FF8500;
}
div#title
{
	font-size: 150%;
}
div#content
{	
	
	float: left;
	position: relative;
	
	padding-left: 5px;
	padding-right:5px;

	margin: 0px 5px 0px 5px;
	/*z-index: -1;*/
	height: 600px;
	width:775px;
}
div#footer
{
	clear: both;
	position: relative;
	width: 950px;	
	background-image: url(/IMG/bckg.jpg);
	background-repeat: repeat-y;
	margin-top: 25px;
	padding: 1px 10px 1px 10px;
	text-align:center;
}

.footerLink
{
	margin:0px 10px 0px 10px;
	font-size:90%;	
}

/*-------------------------------------------*/
/* Accessoires 
/*--------------------------------------------*/


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body
{
	font-family: Trebuchet,Verdana,Tahoma,Arial;
	font-size: 12px;
}

/* Typo pour l'encart d'identification */
#identification
{
	font-size: 80%;
	font-weight: bold;
}


/* Typo pour l'ajout au favori*/
#favorite
{
	font-size: 80%;
}

.PnlMini
{
	font-size: 80%;
}

.Description
{
	font-size: 80%;
	font-style: italic;
	margin-left: 20px;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */



.brandCategories
{
	
}

div#menu
{
	
	float: left;
	width: 100%;	
	margin-top:-26px;	
}
div#menu_admin
{
	float: left;
	width: 100%;	
	margin-top:-26px;	
	border-bottom:2px solid #C09;
}
ul#nav, ul#nav li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
ul#nav
{
	margin-left: 100px;
	width: 650px;
}
ul#nav li
{
	float: right;
	margin-right: 3px;
	text-align: center;
}
ul#nav a
{
	float: left;
	width: 12.2em;
	padding: 6px 0;
	text-decoration: none;
	color: #222;
}
ul#nav a:hover
{
	color: #000;
}
ul#nav li.activelink a
{
	background: #C09;
}
ul#nav li.activelink a, ul#nav a:hover
{
	color: #000;
	font-weight: bold;
}
ul#nav li.nonactivelink a
{
	background: #DDD;
}
ul#nav li.nonactivelink a, ul#nav a:hover
{
	color: #000;
	font-weight: bold;
}


.bar
{
	/*
	border-bottom: solid 2px #CC0099;
	width:750px;
	float:left;
	margin-left:10px;
	margin-top:16px;
*/
}

.error
{
	font-weight: bold;
	font-size: 120%;
	color: red;
}

/* Menu gauche */

.public_menu
{
	background-image: url(/IMG/back-left.jpg);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 5px;
}

.menu_title
{
	background-color: #CC0099;
	text-align: center;
	color: #FFF;
	font-weight: bolder;
	line-height:20px;
}

div#brands
{
	font-size: 100%;
	text-align: left;
	padding-left: 5px;
	position: relative;
}
.dynamic
{
	position: relative;
	z-index: 10000;
	width: 100%;
	font-size: 100%;
	background-image: url(/IMG/back-left.jpg);
	background-repeat: repeat-y;
	border: solid 1px #CC0099;
}

.dynamicHover
{
	color: #CC0099;
	font-weight: bold;
	z-index: 10000;
}

div#search
{
	background-image: url(/IMG/back-search.jpg);
	background-repeat: no-repeat;
	height: 30px;
}
.TBxSearch
{
	float: left;
	width: 90px;
	border: 0;
	margin-left: 10px;
	position: relative;
	top: 6px;
	background-color: #FFF;
	color: #89BAEA;
}
.BtnSearch
{
	margin-left: 9px;
	position: relative;
	top: 8px;
}



.loginBox
{
	margin-left: 30px;
	text-align: left;
	line-height: 20px;
}

.noAccountLink
{
	font-style: italic;
	margin-left: 500px;
	font-size: 110%;
}

.subscribeBox
{
	text-align: left;
	line-height: 20px;
}

.confirmBox
{
	position: absolute;
	top: 100px;
	left: 30px;
	width: 300px;
}

.continueButton
{
	position: absolute;
	top: 200px;
	left: 50px;
}

.ToAdminButton
{
	z-index: 10;
	position: absolute;
	top: -150px;
	left: 5px;
}


.accordionHeader
{
	font-weight:bold;
	color:#010290;
	z-index:3;
	width:140px;
	cursor:pointer;
}

.accordionHeaderSelected
{
	font-weight:bold;
	color:#010290;
	z-index:3;
	width:140px;
}

.accordionContent
{
	text-align: left;
	margin-left: 3px;
	font-size:9.53px;
	width: 138px;
	color:#010290;
	z-index:3;
	width:140px;
}


ul#menu , ul#menu_faq
{
	font-size: 100%;
	text-align: left;
	list-style: inherit;
	width: 145px;
}
ul#menu ol ,ul#menu_faq ol
{
	display: none;
	margin: 0;
	width: 145px;
}
ul#menu li, ul#menu a,ul#menu_faq li, ul#menu_faq a
{
	background-image: url(/IMG/back-left.jpg);
	background-repeat: repeat-y;
	text-align: left;
	width: 145px;
}
ul#menu li, ul#menu_faq li
{
	font-size: 100%;
	color: #010290;
	cursor: pointer;
}
ul#menu ol li,ul#menu_faq ol li
{
	text-align: left;
	margin-left: 3px;
	font-size: 80%;
	width: 138px;
}
ul#menu ol li:before, ul#menu_faq ol li:before
{
}
ul#menu a, ul#menu_faq a
{
	text-decoration: none;
	text-align: left;
	font-size: 100%;
	color: #010290;
	font-weight: bold;
	cursor: pointer;
}

ul#menu ol li a, ul#menu_faq ol li a
{
	text-align: left;
	padding-left: 0px;
	font-weight: normal;
	width: 138px;
}

ul#menu ol li a:hover, ul#menu_faq ol li a:hover
{
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	color: #CC0099;
}

.public_menu ul#menu a:hover
{
}
.public_menu ul#menu a.active
{
}

.title
{
	font-size: 150%;
	color: #010290;
	float: left;
	border-bottom: solid 2px #CC0099;
	width:750px;
	margin-left:10px;
	text-align:left;
}



.subtitle
{
	font-size: 120%;
	color: #010290;
	margin-left: 50px;
	float: left;
	text-align:left;
}

.labelForm
{
	display: block;
	text-align: right;
	float: left;
	width: 170px;
	padding-right: 10px;
}

.inputForm
{
	display: block;
	width: 265px;
	float: left;
}

.brForm
{
	clear: left;
}

.table
{
	float: left;
	margin-left: 30px;
}


.list
{	
	text-align: left;
	margin-left: 45px;
	font-size: 110%;
	line-height: 20px;
}

 .labelArticle
{
	text-align: left;
	font-size: 110%;
	font-style:italic;
	font-weight:bold;
	color:#9C0;
	margin-left: 45px;
}

.labelCat
{
		text-align: left;
	font-size: 110%;
	font-style:italic;
	font-weight:bold;
	color:#C09;
	margin-left: 45px;
}

.pnlCenterShop
{
	list-style-type:none;
	list-style-image: url(/IMG/puce.gif);
	list-style-position: inside;
	
		float:left;	
	max-height:600px;	
	min-height:600px;
	text-align:left;
	max-width:772px;
	min-width:772px;
	width:772px;
	padding-right:3px;
	overflow:scroll;
	margin-top:5px;
}


/*  ------------------------------------------
/*  Habillage specifique de la page "cartbill"
/*  ------------------------------------------ */

#cart_amount
{
	font-size: 120%;
	text-align: right;
	color: #010290;
	margin:0 auto;
}

.cartDesc
{
	font-size: 80%;
	background-color: #FFF;
	margin-left: 20px;
	font-style: italic;
	color: #C09;
	text-transform: capitalize;
}

.pnlCartBill
{
	float:left;
	margin-left:10px;	
		float:left;	
	max-height:600px;	
	min-height:600px;
	text-align:left;
	max-width:743px;
	min-width:743px;
	width:743px;
	padding-right:3px;
	overflow:scroll;
}

/*  ------------------------------------------
/*  Habillage spécifique des miniatures de produit
/*  ------------------------------------------ */

.dListMiniatures
{
	
	margin-top:10px;
	display:block;
}


.PnlMini
{	
	padding: 1px;
	width: 164px;
	border: solid 2px #89BAEA;
	margin: 2px;
	min-height:223px;
	max-height:223px;
	height:223px;
	color:#010290;
}

.PnlMini #toutMini
{
	
	/*position:relative;
		padding: 1px;
	width: 164px;
	border: solid 2px #89BAEA;
	margin: 2px;
	min-height:223px;
	max-height:223px;
	height:223px;
*/
}

.imagePrd
{		
	border: solid 1px #CCC;
	border-right:0;
	border-bottom:0;
	margin-bottom: 2px;
	position:static;
	margin-top:1px;
	cursor:pointer;
}

.imagePrd .superpose
{
}

.lblOutOfStock
{
	float:left;
	font-size:90%;
	line-height:10px;
	font-style:italic;
}



.PnlMini  .imagePrd #imageSup
{
}

.PnlMini .miniName
{	
	min-height:30px;
	max-height:30px;
	height: 30px;
	float: left;
	width:100px;
	font-size: 88%;
	font-weight: bold;
	background-color: #FFF;
	margin: 0;
	text-align: left;
	z-index:2;
	text-transform: capitalize;
	/*position:relative;*/
}

.PnlMini .miniPrice
{
	
	min-height:20px;
	max-height:20px;
	height: 20px;
	float: left;
	font-size: 120%;
	margin-left:1px;
	color:red;
	font-weight:bold;
	/*width:64px;
	background-color: #FFF;
	
	font-weight:bold;
*/
	/*position:relative;*/
}

.PnlMini .miniDesc
{
	
	min-height:15px;
	max-height:15px;
	height: 15px;
	float: right;
	width: 99%;
	font-size: 88%;
	font-weight: bold;
	background-color: #FFF;
	margin: 0;
	font-style: italic;
	text-align: right;
	color: Blue;
	text-transform: capitalize;
	/*position:relative;*/
}



.PnlMini .addToCart
{	/*
	background-color: transparent;
	height:22px;
	width: 160px;
	margin-top:-5px;*/
	line-height:20px;
	/*position:relative;*/
}


.PnlMini .addToCart input 
{
	font-size:115%;	
	background-color:#FFF;
	border:0;
	color: #CC0099;
	float:left;
	/*position:relative;*/
	
}

.PnlMini .addToCart .qtyTBx
{
	font-size:120%;	
	color:#fff;
	background-color:#89BAEA;
	/*position:relative;*/
}


/*  ------------------------------------------
/*  Habillage spécifique des fiches de produits
/*  ------------------------------------------ */

.PrdName
{
	font-size: 200%;
	color: #010290;
	margin-left: 30px;
	float: left;
}
/*
.VTabFiche
{
	float: left;
	margin-right: 20px;
}

.VTabPlus
{
	clear: both;
	float: left;
}
*/

.fiche_produit
{	
	padding: 10px;
	width: 710px;
	display: block;
	
	list-style-type:none;
	list-style-image: url(/IMG/puce.gif);
	list-style-position: inside;
}

.fiche_produit #colleft
{
	float:left;
	width:500px;
	margin-bottom:10px;
	text-align:left;
	margin-right:20px;
}

.fiche_produit .colright
{	
	margin-left:527px;
	width:160px;
	padding:10px;
	background-color:#EABFFF;
	display:block;
	margin-bottom:30px;
}

.fiche_produit #bottompart
{
	clear:both;
	margin-top:50px;	
	width:710px;	
	border:1px solid #CCC;
	border-right:0;
	border-bottom:0;
}

.fiche_produit .img_produit
{
	border: 1px solid #CCC;
}

.fiche_produit .indisponiblePCard
{	
	position:relative;
	margin-bottom:-160px;
}

.fiche_produit .prd_price
{	
	
	font-size: 150%;
	
	/*padding: 3px 0;
	margin-bottom: 10px;float: left;
	*/width:160px;
	text-align:left;
	color:#C09;
}

.fiche_produit .btn_order
{
	float: left;
	margin-right:15px;
}


.fiche_produit #bottompart #mark
{
	width: 150px;
	text-align:center;
	font-size: 150%;
	color: #C09;
	float:left;
	background-color:#FFF;
}
.fiche_produit #bottompart #mark .ratingPrd
{
	cursor: default;
	width: 100px;
	text-align:center;
}

.fiche_produit #bottompart #comments
{
	margin: 0 0px 0 160px;
}

/*
.fiche_produit #bigtext
{
	float: left;
	width: 68%;
	padding: 10px;
	height: 400px;
	text-align: justify;
}



.fiche_produit #bas
{
	width: 100%;
	height: 130px;
}


*/




/*-------------------------------------
/* Habillage de la gesiton du profil
/*---------------------------------------*/


.commande_info
{
	text-align: left;
}

.commande_details
{
	text-align: left;
	padding-left: 10px;
}

.chgPwdTitle
{
	font-size: 0%;
	color: #FFF;
	float: left;
	clear: both;
	text-align: left;
}

.orders_articles
{	
	
	text-align: left;
	float: left;
	clear:both;
}

.pnlAccount
{
			
	float:left;	
	max-height:750px;	
	min-height:750px;
	text-align:left;
	max-width:743px;
	min-width:743px;
	width:743px;
	padding-right:3px;
	overflow:hidden;
	margin-top:5px;
}

.pnlSearch
{
	float:left;	
	max-height:680px;	
	min-height:680px;
	text-align:left;
	max-width:772px;
	min-width:772px;
	width:772px;
	padding-right:3px;

}

.titleOrders
{
	font-size:120%;
	color:#C09;	
}

.pnlRating
{
	margin:0 5px 0 0;	
}

.accountFieldset
{
	width:500px;
}

/*  ------------------------------------------
/*  Habillage de la page d'accueil
/*  ------------------------------------------ */

div#logo_home
{
	background-image: url(/IMG/logo_home.jpg);
	background-repeat: no-repeat;
	width: 758px;
	height: 200px;
	position: relative;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
}

div#etage1
{
	margin-left: auto;
     margin-right: auto;
	width: 950px;
	height: 105px;
	position: absolute;
	top: 265px;
	z-index: 3;
	text-align: center;
}

div#etage2
{
	width: 950px;
	height: 125px;
	position: absolute;
	top: 355px;
	z-index: 2;
	text-align: center;
}

div#etage3
{
	width: 950px;
	height: 125px;
	position: absolute;
	top: 445px;
	z-index: 1;
	margin: 0px auto;
	text-align: center;
}

.animal1
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 3;
}

.homelinkG
{
	left: 10px;
	position: absolute;
}

.homelinkD
{
	right: 10px;
	position: absolute;
}
.animal2
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 2;
	margin: 0px 60px 0px 60px;
}

.animal3
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 2;
	margin: 0px 60px 0px 60px;
}

.animal4
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 1;
	margin: 0px 60px 0px 60px;
}

.animal5
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 1;
	margin: 0px 60px 0px 60px;
}

.animal6
{
	width: 140px;
	height: 105px;
	position: relative;
	z-index: 1;
	margin: 0px 60px 0px 60px;
}

div#separator_home
{
	background-image: url(/IMG/separator_home.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 545px;
	z-index: 3;
	text-align: center;
	width:950px;
}


div#brands_home
{
	width: 950px;
	height: 70px;
	position: absolute;
	top: 570px;
	margin: 0px auto;
	text-align: center;
	z-index: 1;
}

div#slogan
{
	width: 900px;
	height: 30px;
	position: relative;
	text-align:center;
	margin:0 auto;
}

/*  ------------------------------------------
/*  Habillage des articles
/*  ------------------------------------------ */

.subtitleArticle
{		
	margin-left: 50px;
	text-align:left;
	width:400px;
}

.pnlArticle
{
	padding: 0 0 0 10px;
		list-style-type:none;
	list-style-image: url(/IMG/puce.gif);
	list-style-position: inside;

}

.articleLinks
{
	float:right;
	background-color:#EEE;
	width:350px;
	margin-bottom:20px;
}

/*  ------------------------------------------
/*  Habillage de la page de paiement en ligne
/*  ------------------------------------------ */

.wizardPayment
{
	text-align:left;
}

.pnlPayment
{
	/*	
	float:left;
	margin-left:10px;		
	max-height:680px;	
	min-height:680px;
	text-align:left;
	max-width:765px;
	min-width:765px;
	width:765px;

*/
		float:left;	
	max-height:680px;	
	min-height:680px;
	text-align:left;
	max-width:772px;
	min-width:772px;
	width:772px;
	padding-right:3px;
}

.pnlConfirm
{
	padding-top:50px;
	font-size:150%;
	text-align:center;
	color:#9C0;	
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
form, legend, label, textarea, select, option
{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

fieldset
{
	padding: 1px;
	
}

fieldset .public_fieldset
{
	max-width:940px;
}

input
{
	border: solid 1px #FFF;
	background-color: #89BAEA;
	color: White;
}



input[type="radio"]
{
	border: solid 1px #FFF;
	background-color: #FFF;
}


.textarea_small
{
	width: 740px;
	height: 75px;
	border: 0;
	font-family:Trebuchet MS;
	font-size:115%;
	font-style:italic;
}

.rButton
{
	border: solid 1px #FFF;
	background-color: #FFF;
}


.button
{
	border: solid 1px #C09;
	background: transparent;
	padding: 0;
	margin: 0;
	color: #C09;
	font-weight: bold;
	display: inline;
}


.buttonRight
{
	font-weight: bold;
	color: #C09;
	background-color: #89BAEA;
	border: outset 1px #89BAEA;
	float: right;
}

fieldset
{
	display: block;
	border: 1px solid #89BAEA;
}
legend
{
	font-weight: bold;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a
{
	text-decoration: none;
	color: #010290;
}
a:link
{
	color: #010290;
	text-decoration: none;
}
a:visited
{
	color: #010290;
}
a:active, a:hover
{
	text-decoration: none;
}

#fil a:link, a:visited
{
	color: #010290;
}
#fil a:hover, a:active
{
	text-decoration: none;
}