/* ----------------------------------------------------------------------------- */
/*                          Paramètres généraux                                  */
/* ATTENTION : ENTRER L'URL DE VOTRE_BOUTIQUE DANS LE STYLE "TD List-style-image"*/
/* ----------------------------------------------------------------------------- */

BODY {
	margin: 0;
	background-color: #d9effa;
	list-style-image: url(/_boutiques/BLUE_EMOTION//site_image/puce.png);

}


TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.petit {

	font-size: -3px;
}

img {	border: 0;}
UL {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
}
LI {
	margin: 0px;
}

.clearfloat {	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

/* -------------------------- */
/* Liens (Général)            */
/* -------------------------- */

A { color: #0376ab;	text-decoration: none; }
A:hover { color: #0376ab; text-decoration: underline; }


.lienpuce A {
	display: block;
	color: #0376ab;
	text-decoration: none;
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/menu.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 8px;
}
.lienpuce A:hover { color: #0376ab; text-decoration: underline; }

/* ---------------------------------- */
/* Liens (Menu dynamique des rayons)  */
/* ---------------------------------- */

DIV#ajax_cat {	font-size: 11px; text-indent: 14px;	
	}

#ajax_cat A {	text-decoration: none;
				display: block;	width: 146px;	height: 16px;
				background-image: url(/_boutiques/BLUE_EMOTION/site_image/menu.png);
				background-position: 4px 5px;	background-repeat: no-repeat;
				}

#ajax_cat A:hover {	color: #FFFFFF;
					background-color: #0376ab;
					}

/* -------------------------- */
/* PARAGRAPHES / TITRES...... */
/* -------------------------- */

H1, H2, H3, H4, H5, H6 {
	color: #0376ab;
}

H1 {	font-size: 14px; margin: 0;}
H2 {	font-size: 13px; margin: 0;}
H3 {	font-size: 12px; color: #666666; }
H4 {	font-size: 11px; margin: 0;}
H5 {	font-size: 11px; font-weight: normal; margin: 0;}
H6 {	font-size: 12px; font-weight: bold;	color:#000000; margin: 0;}


/* -------------------------- */
/* FORMULAIRES............... */
/* -------------------------- */

FORM { margin:0; padding:0;}

INPUT.sans {
	padding-left:4px;
	color:#000000;
	border:0 none;
}

INPUT {
	border: 1px solid #0376ab;

}

INPUT#NlTop {
	background-color: #d9effa;
	border:0 none;
	font-size: 9px;
	color: #0376ab;
	margin-top: -2px;
	padding-left: 4px;
	width: 120px; height: 14px;
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/barretopFormBg.png);
	background-repeat: repeat-x;
}

DIV#sanssans INPUT { 	border:0 none; }


SELECT, option {
	border:1px solid #0376ab;
	font-size: 10px;
	padding-left: 4px;
}

TEXTAREA {
	border:1px solid #0376ab;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

SELECT.selecteurrayon {
	border:1px solid #0376ab;
	font-size: 10px;
	padding-left: 4px;
	width: 130px;
	margin-left: 6px;
	margin-bottom: 10px;
}




/* ---------------------------- */
/* TABLEAU A COULEURS ALTERNEES */
/* ---------------------------- */

.styleCell1 {

	background-color: #E1E1E1;

}
	
.styleCell2 {

	background-color: #F6F6F6;

}



/* ------------------------------------ */
/* UNIQUEMENT POUR LA PAGE mescommandes */
/* ------------------------------------ */


.black {
	color: black;
}

.orange {
	color: orange;
}
.green {
	color: green;
}
.red {
	color: red;
}

/* ------------------------------------------ */
/* 			styles du sélecteur ssproduit     */
/* ------------------------------------------ */

.sstable {
	margin: 1px;
	padding: 1px;
	width: 300px;
}
.sstdleft {

}
.sstdright {

}


/* ------------------------------------------ */
/* styles des commentaires clients (avis)     */
/* ------------------------------------------ */

.avis {
	font-style: italic;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* --------------------------------------------------- */
/* style de "Ajouter au panier" ()   */
/* --------------------------------------------------- */

.ssproduit {
	font-size: 13px; color: #0033FF; font-family: "Trebuchet MS";
	text-indent: 0px;
	display: block;
	width: 240px;
	height: 20px;
}


/* ------------------------------------- */
/* STYLES CSS STRUCTURE                 */
/* ------------------------------------- */


#barreTop {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/barretop.png);
	background-repeat: no-repeat;
}
#rightBg {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/barretopbg.png);
	background-repeat: repeat-x;
}
#menuHaut {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0376ab;
	background-color: #FFFFFF;
}
#menuHautRight {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/menuHautBg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#borDroit {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/bordDroit.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#bordGauche {
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0376ab;
}

.LinkTop  {
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	vertical-align: bottom;
}
.LinkTop A {
	text-decoration: none;
	display: block;
	width: 86px;
	height: 20px;
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/menuHautRollover.png);
	background-position: 0px 0px;
	

}
.LinkTop A:hover {
	text-decoration: blink;
	display: block;
	width: 86px;
	height: 24px;
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/menuHautRollover.png);
	background-position: 0px -20px;
	color: #FFFFFF;
}
#footer {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/footer.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 903px;
	padding-top: 3px;
}

P#footerLinks {
	padding-top: 3px;
}
P#footerLinks A {
	color: #FFFFFF;
	text-decoration: none;
}
P#footerLinks A:hover {}
#footerRight {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/footerRight.png);
	background-repeat: no-repeat;
}

DIV.sep {		
	width:100%;
	height:10px;
	border-bottom: 1px dotted #CCCCCC;
	left: 0px;
	bottom: 0px;
	}
	
DIV#topBarNL {
	margin: 0;
	height: 19px;
	padding: 2 0 0 84px;
}


DIV#topBarNL A {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
DIV#topBarNL A:hover { color: #FFFFFF; text-decoration: none; }

DIV.ColD {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/colD2.png);
	background-repeat: repeat-y;
	padding-left: 12px;
	padding-right: 12px;
	}

/* ------------------------------------- */
/*                 HOMEPAGE              */
/* ------------------------------------- */

DIV#news {
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/sep-horiz.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 4px;
	padding-bottom: 10px;
	width: 300px;

}

#news A {text-decoration: none;	color: #333333; }
#news A:hover {	text-decoration: none;	color: #0376ab;}

DIV#accroche {
	background-image: url(/imgfck/49//Image/img-accueil.gif);
	background-repeat: no-repeat;
	background-position: 255px 10px;
}


DIV#blocHomeNL {
	margin-top: 8px;
	width: 480px;
	height: 45px;
	color: #FFFFFF;
	background-image: url(/_boutiques/BLUE_EMOTION//site_image/nlhomebg.png);
	background-repeat: no-repeat;
}

/* ------------------------------------- */
/*                 RAYONS                */
/* ------------------------------------- */


DIV#ariane {
	height: 90px;
	background-repeat:no-repeat;
	color: #0376ab;
	background-position: 0px 12px;
	padding-left: 20px;
}

DIV#prodContainer {
	position:relative;
	width: 100%;

}


DIV.blocProd {
	position:relative;
	top:0px;
	left:0px;
	width: 168px;
	height: 213px;

}

DIV.blocProdHome {
	position:relative;
	top:0px;
	left:0px;
	width: 160px;
	height: 213px;

}

DIV#pictosRay {
	margin-top: 8px;
}
DIV#pictosRay img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

DIV.syspage {
	width: 100%;
	padding: 5px;

}

DIV.raySep {
	position:absolute;
	width:100%;
	height:10px;
	border-bottom: 1px otted #CCCCCC;
	left: 0px;
	bottom: 0px;
}
DIV.nomproduit {
	position:absolute;
	left: 9px;
	top: 10px;
	width:150px;
	height:30px;
	color: #333333;
	text-align:left;

}
	
DIV.img_prod {
	position:absolute;
	height: 140px;
	width: 140px;
	border: 1px solid #CCCCCC;
	left: 13px;
	top: 50px;
}

.fournisseur {
	position:absolute;
	padding-left: 15px;
	font-style: italic;
	text-align: left;
	left: 1px;
	top: 50px;
	z-index:2;
}

.prix {
	position:absolute;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0376ab;
	font-style: normal;
	left: 104px;
	top: 33px;
	z-index:2;
}

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

DIV#arianeProd {
	height: 30px;
	color: #0376ab;
	padding-left: 20px;
}

DIV#img_FicheProd {
	position:absolute;
	height: 140px;
	width: 140px;
	border: 1px solid #CCCCCC;
	left: 213px;
	top: 30px;
}

DIV#zoom {
	position:absolute;
	left: 213px;
	top: 30px;
}

DIV#infoProd {
	position:absolute;
	left: 370px;
	top: 30px;
	width: 320px;
}

DIV#infoProd H1 {
	color:#0376ab;
}

DIV#topBlocCnt {
	position:relative;
	min-height:180px;
}

DIV#proAssoc {
	position:absolute;
	left: 164px;
	top: 30px;
	height: 25px;
}

DIV#proAssoc IMG {
	height: 40px;
	width: 40px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

DIV#description {
	min-height:140px;
	width: 156px;
	margin-bottom: 10px;
}

DIV#zoneDessous {
	top: 180px;
	left: 0px;
}
DIV#complement {
	margin-right:20px;
	width: 460px;
	float: right;
	margin-bottom: 10px;
}


DIV#bannerProd {
	position:absolute;
	width: 170px;
	margin-bottom: 10px;
	top: 180px;
	left:20px;
}

DIV.blocAvis {
	float:left;
	margin-bottom: 20px;
	margin-left: 110px;
	padding-right:20px;
	width: 460px;
}

DIV.imgBorder {
	border: 1px solid #CCCCCC;
}