/* Media-TIC © 2005 tous droits réservés | all rights reserved */
			/* Valid CSS2 code */
		
			/**** REGLES ****/
			body,html{
				scrollbar-3dlight-color:#ffffff;
				scrollbar-arrow-color:#ffffff;
				scrollbar-base-color:#ffffff;
				scrollbar-darkshadow-color:#ffffff;
           		scrollbar-face-color:#1323AE;
          		scrollbar-highlight-color:#ffffff;
         		scrollbar-shadow-color:#ffffff;
				scrollbar-track-color: #F7F7F7; 		
				text-align: center; /* IE */
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				background-color: #F3F9FE;
				height: 100%;
			}
			
			ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd{ 
				margin: 0; 
				padding:0; 
			}
			
			a img, img, :link img, :visited img{ 
				border: none; 
			}
			
			a{
				text-decoration: none;	
			}
			
			
			/**** HEADER ****/
			div.header{
				margin-left: auto;
				margin-right: auto;
				background-image: url("./images/headerBg.jpg");
				background-repeat: repeat-x;
				width: 95%;
				height: 121px;
				padding: 0;
			}
			
			div.headerLeft{
				float: left;
				background-image: url("./images/headerLeft.jpg");
				background-repeat: no-repeat;
				width: 254px;
				height: 121px;
				margin: 0;
				padding: 0;
			}
			
			div.headerRight{
				float: right;	
				background-image: url("./images/headerRight.jpg");
				background-repeat: no-repeat;
				width: 362px;
				height: 121px;
				margin: 0;
				padding: 0;
			}
			
			/**** OMBRE GAUCHE ****/
			div.content{
				margin-left: auto;
				margin-right: auto;
				background-color: #F7F7F7;
				background-image: url("./images/shadowLeft.jpg");
				background-repeat: repeat-y;
				width: 95%;
				text-align: left;
				clear: both;
			}
			
			/**** OMBRE DROITE ****/
			div.contentBis{
				background-image: url("./images/shadowRight.jpg");
				background-repeat: repeat-y;
				background-position: right;
				width: 100%;
			}
			
			/**** FOOTER ****/
			div.footer{
				margin-left: auto;
				margin-right: auto;
				background-image: url("./images/footerBg.jpg");
				background-repeat: repeat-x;
				width: 95%;
				height: 16px;
			}
			
			div.footerLeft{
				float: left;
				background-image: url("./images/footerLeft.jpg");
				background-repeat: no-repeat;
				width: 30px;
				height: 16px;
			}
			
			div.footerRight{
				float: right;
				background-image: url("./images/footerRight.jpg");
				background-repeat: no-repeat;
				width: 30px;
				height: 16px;
			}
			
			p.w3cBg{
				background-color: White;
				width: 100px;
				padding: 0px 15px 0px 15px;
				border: 1px solid #CDCDCD;
				margin-left: auto;
				margin-right: auto;
			}
			
			/**** MENU LEFT ****/
			div.enteteMenuProduits{
				background-image: url("./images/enteteProduits.jpg");
				background-repeat: no-repeat;
				width: 198px;
				height: 33px;
			}
			
			div.shadowMenuProduit{
				background-image: url("./images/shadowMenuProduit.jpg");	
				background-repeat: repeat-y;
				width: 198px;
			}
			
			div.menuLeft{
				padding-top: 2px;
				padding-bottom: 2px;
				background-color:#FFFFFF;
			}
			
			div.menuLeft_titre{
				padding-top: 2px;
				padding-bottom: 2px;
				margin-left: 15px;
				font-size: 11px;
				color: #000000;
			}
			
			div.menuLeft a.menuLeft:hover{
				padding-top: 2px;
				padding-bottom: 2px;
				background-color: #B30505;
				text-decoration: none;
				color: White;
			}
			
			a.menuLeft{
				padding-top: 2px;
				padding-bottom: 2px;
				width: 175px;
				display: block;
				text-decoration: underline;
				font-size: 11px;
				color: #B30505;
			}
			
			/**** PANIER ****/
			div.entetePanier{
				background-image: url("./images/entetePanier.jpg");
				width: 198px;
				height: 63px;
			}
			
			div.panierBottom{
				background-image: url("./images/bottomPanier.jpg");
				width: 198px;
				height: 59px;
			}
			
			div.ajustePanier{
				padding-top: 2px;
				padding-bottom: 2px;
				margin-left: 15px;
				width: 175px;
				background-color: #FFF;
				text-align: center;
			}
			
			div.ajustePanier a.panierLink:hover{
				padding-top: 2px;
				padding-bottom: 2px;
				width: 175px;
				background-color: #1221AC;
				text-decoration: none;
				color: White;
			}
			
			a.panierLink{
				padding-top: 2px;
				padding-bottom: 2px;
				width: 175px;
				display: block;
				text-decoration: underline;
				font-size: 11px;
				color: #1221AC;
			}
			
			/**** TBL MAIN ****/
			table.contentTbl{
				border-collapse: collapse;
				width: 100%;
			}
			
			
			
			
			td.menuLeftTd{
				width: 198px;
				padding: 0px;
				margin: 0px;
			}
			
			div.contentHeaderBg{
				width: 95%;
				height: 40px;
				background-image: url("./images/contenuBg.jpg");	
				background-repeat: repeat-x;
			}
			
			div.contentHeaderBgLeft{
				float: left;
				width: 31px;
				height: 40px;	
				background-image: url("./images/contenuLeft.jpg");	
				background-repeat: no-repeat;
			}
			div.contentHeaderBgRight{
				float: right;
				width: 31px;
				height: 40px;	
				background-image: url("./images/contenuRight.jpg");	
				background-repeat: no-repeat;
			}
			
			span.currentTree{
				position: absolute;
				margin-top: 15px; 
				font-size: 10px;
				color: White;
			}
			
			span.currentTree a{
				color: White;	
			}
			
			span.currentTree a:hover{
				background-color: #B30505;	
			}
			
			div.shadowContentLeft{
				background-image: url("./images/shadowContentLeft.jpg");
				background-repeat: repeat-y;
				width: 95%;
				background-color: White;
				
			}
			
			div.shadowContentRight{
				background-image: url("./images/shadowContentRight.jpg");
				background-repeat: repeat-y;
				background-position: right;
				width: 100%;
			}
			
			div.contentHeaderBgBis{
				width: 95%;
				height: 22px;
				background-image: url("./images/contenuBgBis.jpg");	
				background-repeat: repeat-x;
			}
			
			div.contentHeaderBgLeftBis{
				float: left;
				width: 22px;
				height: 9px;	
				background-image: url("./images/contenuLeftBis.jpg");	
				background-repeat: no-repeat;
			}
			div.contentHeaderBgRightBis{
				float: right;
				width: 22px;
				height: 9px;	
				background-image: url("./images/contenuRightBis.jpg");	
				background-repeat: no-repeat;
			}
			
			/******/
			
			/* separateur */
			table.separateur{
				border-collapse: collapse;
				height: 1px;
				width: 100%;
				background-image: url(images/separateur.jpg);
				background-repeat: repeat-x;
			}
			
			table.separateur_rouge{
				border-collapse: collapse;
				height: 1px;
				width: 100%;
				background-image: url(images/separateur_rouge.jpg);
				background-repeat: repeat-x;
			}
			
			
/*  Tipo TEXTE-----------------------------------------------
---------------------------------------------------- */

.texte_noir
	{
	margin-top: 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;
	line-height: 16px;
}

.texte_bleu_gras
	{
	margin-top: 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color:#6757FF;
	line-height: 16px;
	font-weight: bold;
}

.titre{
	color:#6757FF;
	font-family: Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
}

.required{
	color:Red;
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
}


.titre_grd{
	color:#6757FF;
	font-family: Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
}

.prix_barre{
	color:#6757FF;;
	font-size:15px;
	font-weight:bold;
	text-decoration:line-through;
	font-family: Verdana, Arial;
}

.prix{
	color:red;
	font-family: Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
}

/* LES DIV DE MISE EN FORME DU TEXTE */

div.vign_flash{
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	}

div.images_produits{
	float:left;
	margin-right:1px;
	}
	
div.boutons_produits{
	float:right;
	}

div.bloc_prix{
	float:right;
	margin-left:3px;
}

div.texte_centre{
	margin-left:15px;
	margin-right:15px;
	width:100%;
	text-align:center;
}

div.produits{
	margin-left:5px;
	width:95%;
	border: 1px solid #E1E1E1;
	background-color:#DDCFFF;
	background-image:url(images/back_produits.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

div.haut_produits{
	width:100%;
	color:#AD8CFC;
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	background-color:#EBE3FF;
	}
	
div.nouveaute{
	margin-left:15px;
	width:95%;
	border: 1px solid #E1E1E1;
	background-color:#FF9688;
	background-image:url(images/back_nouveaute.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

div.haut_nouveaute{
	width:100%;
	color:#FE3F3F;
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	background-color:#FFBFB7;
	}	
	

/* affichage des produits :: */
table.products_list{
	border-collapse: collapse;
	font-family: Verdana, Arial;
	font-size: 10px;
	border:0;
}

td.products_title{
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	margin:0;
	padding:0;
}

div.products_description{
	font-size: 10px;
	line-height: 16px;
	text-align: justify; 
	padding: 7px;
	padding-right: 11px;
}

td.products_price{
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: Red;
}

/* forulaires -------------*/
.da_input
	{
	font-family: Verdana, Arial;
	color:#B30505;
	font-weight: bold;
	border:1px solid #999999;
}