body {margin: 0; padding: 0;	background: #ffffff url(images/bg_etoiles.gif) no-repeat 50% 0; font-family: Comic sans MS, Verdana, Geneva, Arial;	font-size: 12px; color: #666666;}
body, div, input, td, textarea, select {font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #022d58; border-width: 1px; text-align: justify;}


#global {text-align: left; width: 840px; margin: 0px auto; padding: 0px; overflow: hidden}
	#header{float: left; width: 840px}
	#espaceMenu{float: left; width: 840px}
	#PanierEtRecherche{float: left; width: 840px; height: 30px; background: #078ccf url(images/bg_moteur_recherche.gif) no-repeat;}
		#miniPanier{float: left; padding: 5px 0px 0px 5px;}
		#moteurRecherche{float: right; padding: 2px 5px 0px 0px; color: #ffffff; font-size: 14px; font-weight: bold}
	#colGauche{float: left; width: 220px; margin: 0px; padding: 0px}
		#monEspace{float: left; width: 220px; background: #ffffff url(images/encart_carreaux_bg.gif) repeat-y}
			.contenuColGauche{float: left; width: 204px; padding: 0px 10px 0px 6px;}
			.txtConnexion{float: left; width: 60px; font-size: 12px; color: #0086c7; font-weight: bold}
			.txtEmailConnexion{float: left; width: 50px; font-size: 12px; color: #0086c7; font-weight: bold}
			.inputConnexion{float: left; width: 140px}
			.inputEmailConnexion{float: left; width: 110px;}
			.btnConnexion{float: left; width: 160px; padding: 5px 22px 10px 22px}
			.liensGauche{float: left; width: 204px; margin-bottom: 5px;}
			#emailNewsletter{float: left; padding: 5px; width: 194px;}
				#btnNewsletter{float: left; width: 33px;}
		#liensInfo{float: left; width: 220px; background: #ffffff url(images/encart_blanc_bg.gif) repeat-y}
		#samuser{float: left; width: 220px; background: #ffffff url(images/encart_carreaux_bg.gif) repeat-y}
	#container{float: left; width: 620px; margin: 0px; padding: 0px}
		#contenu{float: left; width: 620px; padding: 5px 0px; background: #ffffff url(images/contenu_bg.gif) repeat-y; overflow: hidden;}
			#espacePromo{float: left; width: 590px; height: 270px; margin-left: 10px; background: url(images/bg_soldes.gif) no-repeat; overflow: hidden}
				.contenuPromo{float: left; width: 200px; height: 270px}
					.pourcentPromo{float: left; width: 200px; height: 30px; text-align: center; background: url(images/bg_pourcent_soldes.gif) no-repeat; font-size: 26px; color: #ffffff; font-weight: bold}
					.libProduitPromo{float: left; width: 200px; height: 35px; padding: 10px 0px; font-size: 16px; text-align: center; font-weight: bold; overflow: hidden}
					.imgProduitPromo{float: left; width: 200px; height: 145px; text-align: center}
					.prixProduitPromo{float: left; width: 200px; height: 50px; text-align: center; font-size: 16px; font-weight: bold}
			#filAriane{float: left; width: 610px; padding: 10px 5px}
			#filtresProduits{float: left; width: 608px; height: 20px; margin: 0px 1px; padding: 5px; background: #f1f1f1; text-align: center; font-size: 12px; color: #0086c7}
			.paginationProduits{float: left; padding: 5px 0px; text-align: center; width: 620px; line-height: 25px;}
				.pageEnCours{background: #ffffff; font-size: 14px; color: #ce005d; font-weight: bold; text-decoration: underline;}
			#listingProduit{float: left; width: 616px; margin: 10px 2px}
				.produit{float: left; width: 152px; margin: 0px 1px 10px 1px}
					.produitTitre{float: left; width: 142px; padding: 0px 5px; color: #ffffff; font-weight: bold; height: 35px; overflow: hidden;}
					.produitContenu{float: left; width: 150px; height:150px; padding: 0px 1px; overflow: hidden}
						.vignetteProduit{position: absolute; margin-left: 0px; margin-top: 0px; width: 45px; height: 40px; background: url(images/mini_badge-promo.gif) no-repeat; font-weight: bold; padding: 20px 0px 0px 15px; color: #ffffff}
						.imgPrinc{float: left; width: 100%; line-height: 150px; vertical-align: middle; text-align: center;}
					.produitAjouter{float: left; width: 152px; height: 22px}
						.produitPrix{float: left; padding-left: 5px; font-size: 12px; color: #0086c7; font-weight: bold}
						.produitBtnAjouter{float: right; padding-right: 5px}
				.retourProduit{float: left; width: 610px; padding: 5px; text-align: center;}
				.ficheProduit{margin: 0px 2px 3px 3px; width: 614px; float: left;}
					.ficheProduitTitre{float: left; width: 604px; padding: 0px 5px; color: #ffffff; font-weight: bold; height: 25px;}
					.ficheProduitContenu{float: left; width: 612px; padding: 0px 1px; overflow: hidden}

			/* Authentification liste caDo */
			#authCado{float: left; width: 600px; height: 27px; text-align: center; padding-left: 0px; padding-top: 8px}
					#authCado form {position: relative; margin: 0; padding: 0; height: 27px; background: url(images/comsearch-bg.gif) no-repeat;}
					#authCado input {vertical-align: middle}
					#authCado input#mdpAuthCado {width: 400px; margin: 0px 0px 0px 5px; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff;}
					#authCado input#btnAuthCado {position: absolute; top: 1px; left: 219px;}

			/* Page d'accueil */
			#colGaucheAccueil{float: left; width: 465px; overflow: hidden;}
				#bandeauAccueil{float: left; margin-left: 3px; width: 448px; padding: 5px; text-align: center; border: 1px solid #078ccf;}
					#listingProduitAccueil{float: left; width: 463px; margin: 5px 2px 0px 2px; }
			#colDroiteAccueil{padding: 0px 5px; width: 140px; height: 800px; float: left; background: #ffffff url(images/encart_carreaux_bg.gif) repeat-y; overflow: hidden}
				.vignColDroite{float: left; /*border: 1px solid #666666; */width: 143px; margin-bottom: 10px; height: 192px; line-height: 192px;  vertical-align: middle; text-align: center; }
			#macaron{padding: 0px 5px; width: 140px; float: left;  text-align: center}
			
			.lienpartenaireKideeBox{float:left;width:550px;margin-left:20px;text-align:center}
			
	#footer{float: left; width: 645px}
		#copyright{float: left;}
		#infoplus{float: right;}


	.notice {float: left; padding: 5px 5px 5px 35px; background-color: #ffffdd; border: 1px solid #ffd700; background-image:  url(images/s_notice.png); background-repeat:  no-repeat; background-position: 10px 50%; font-size: 14px; margin-top: 10px; }

/********** Panier **********/
#tablePanier{width: 578px; padding: 0px; margin: 1px; text-align: center; overflow: hidden;}
#tableValidePanier{width: 578px; padding: 0px; margin: 1px; color:#ff9900; text-align: center; overflow: hidden;}
.titrePanier{height: 20px; padding: 0px 4px 0px 4px; text-align: center; color:#ffffff; font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.libellePanier{height: 20px; width: 246px; padding: 0px 4px 0px 4px; color:#ffffff; text-align: center; font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.PUPanier{height: 20px; width: 70px; padding: 0px 4px 0px 4px; color:#ffffff; text-align: center; font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#cpromo {position: relative; margin: 10px 0px 0px 0px; padding: 0; height: 25px; background: url(images/newsletter_bg_input.gif) no-repeat; float: left; width: 199px; }
	#cpromo input {vertical-align: middle}
	#cpromo input#txtPromo {position:absolute; top: 3px; left: 5px; width: 150px; margin: 0; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff}
	#cpromo input#btnPromo {position: absolute; top: 2px; right: 3px}


/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}


/********** Styles sur les liens **********/
/* Défaut */
a:link {	font-size: 12px;	color: #2268ab;	text-decoration: none;}
a:visited {	font-size: 12px;	color: #2268ab;	text-decoration: none;}
a:hover {	font-size: 12px;	color: #2268ab;	text-decoration: underline;}
/* liens mini panier */
a.lienMiniPanier:link {	font-size: 14px;	color: #ffffff; font-weight: bold; text-decoration: none;}
a.lienMiniPanier:visited {	font-size: 14px;	color: #ffffff;	font-weight: bold; text-decoration: none;}
a.lienMiniPanier:hover {	font-size: 14px;	color: #ffffff;	font-weight: bold; text-decoration: underline;}
/* liens colonne Gauche */
a.lienColGauche:link {font-size: 14px;	color: #ce005d; font-weight: bold; text-decoration: none;}
a.lienColGauche:visited {font-size: 14px;	color: #ce005d;	font-weight: bold; text-decoration: none;}
a.lienColGauche:hover {font-size: 14px;	color: #ce005d;	font-weight: bold; text-decoration: underline;}
/* liens colonne Gauche */
a.lienColGaucheVert:link {font-size: 14px;	color: #30a32c; font-weight: bold; text-decoration: none;}
a.lienColGaucheVert:visited {font-size: 14px;	color: #30a32c;	font-weight: bold; text-decoration: none;}
a.lienColGaucheVert:hover {font-size: 14px;	color: #30a32c;	font-weight: bold; text-decoration: underline;}
/* liens fil d'Ariane*/
a.lienAriane:link {font-size: 12px;	color: #666666; text-decoration: underline;}
a.lienAriane:visited {font-size: 12px;	color: #666666; text-decoration: underline;}
a.lienAriane:hover {font-size: 12px;	color: #666666; text-decoration: underline;}
/* liens "Ajouter" dans listing produit */
a.lienAjoutProduitList:link {font-size: 12px;	color: #ffffff; font-weight: bold; text-decoration: none;}
a.lienAjoutProduitList:visited {font-size: 12px;	color: #ffffff;	font-weight: bold; text-decoration: none;}
a.lienAjoutProduitList:hover {font-size: 12px;	color: #ffffff;	font-weight: bold; text-decoration: underline;}
/* liens "Ajouter" dans listing produit */
a.lienAjoutProduitPromo:link {font-size: 16px; font-weight: bold; text-decoration: none;}
a.lienAjoutProduitPromo:visited {font-size: 16px; font-weight: bold; text-decoration: none;}
a.lienAjoutProduitPromo:hover {font-size: 16px;	font-weight: bold; text-decoration: underline;}
/* liens des numéros de pages */
a.page:link {background: #ffffff; font-size: 12px; color: #ce005d; font-weight: bold; text-decoration: none;}
a.page:visited {background: #ffffff; font-size: 12px; color: #ce005d; font-weight: bold; text-decoration: none;}
a.page:hover {background: #ffffff; font-size: 12px; color: #ce005d; font-weight: bold; text-decoration: underline;}

/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}


/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: Green;}


hr{color: #cccccc; border-color: #cccccc; background-color: #cccccc;height: 1px; border: 0;}

/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}