/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
BODY {
	margin: 0; 
	padding: 0;
	font: normal normal 11px Arial, Verdana, Times, Helvetica, sans-serif;
	color: #752F4D;
} 
#container { 
	margin: 14px 0 0 0; 
	padding: 0;
	width: 95%;
}


/**********************************************/
/* Header & Footer 		*/
/**********************************************/
#header {
	width: 100%;
	height: 176px;
	background: url(/pinkcat_images/structure/head_bg.gif) repeat-x;
}

#footer {
	margin-top: 6px;
}
#footer .TabMiddle {
	border-left: 2px solid #DF5590; 
	border-right: 2px solid #DF5590;
	background: #FFFFFF url(/pinkcat_images/structure/fond-b_foot.gif) repeat-x bottom;
	padding: 0 4px 0 8px;
}
#footer .TabBottom {
	background: url(/pinkcat_images/structure/bord_b_foot.gif) repeat-x bottom;
}
#footer .TabTop {
	background: #FFFFFF url(/pinkcat_images/structure/bord_t_foot.gif) repeat-x top;
}
#footer p {
	margin: 0; padding: 0;
	font-size: 10px;
}



#root {
	margin: 0 10px 10px 10px;
}

/**********************************************/
/* Structure 		*/
/**********************************************/

.Langue {
	margin: 12px 0 0 0;
}
.Langue img {
	margin: 0 4px;
}

.Nav {
	margin: 0 0 0 0;
}
.Nav h1 {
	padding:0;
	margin: 0;
	font: normal normal 14px Century Gothic, Arial, Verdana;
	color: #FFFFFF;
}
.Nav h1 a {
	color: #E35897;
}
.Nav h1 a:hover {
	color: #9B4F70;
}

.Arbo {
	margin: 4px 0 30px 0;
}
.Arbo img.Puce {
	margin: 0 6px 0 2px;
}
.Arbo p {
	margin: 5px 0;
	color: #F52585;
	font-size: 12px;
}
.Arbo p.Selected {
	color: #F8287C;
	font-weight: bold;
}
.Arbo a {
	text-decoration: none;
}
.Arbo a:hover, a.Selected {
	color: #F8287C;
}
.Arbo a.Selected {
	font-weight: bold;
}
.Arbo p.Srub {
	margin: 0 0 2px 12px; 
	font-size: 11px;
}


#middle {
	margin-top: 4px;
	width: 100%;
}
.TabMiddle {
	border-left: 2px solid #DF5590; 
	border-right: 2px solid #DF5590;
	background: #FFFFFF url(/pinkcat_images/structure/fond-b.gif) repeat-x bottom;
}
.TabPadding {
	padding: 0 4px 0 6px;
}
.TabTop {
	background: url(/pinkcat_images/structure/bord_t.gif) repeat-x bottom;
}
.TabBottom {
	background: url(/pinkcat_images/structure/bord_b.gif) repeat-x top;
}

.Onglet {
	/*margin-right: 23px;*/
	width: 75%;
	white-space: nowrap;
}
.Onglet .Left {
	background: #F55A99 url(/pinkcat_images/structure/onglet_bg.gif) repeat-x; 
	border-left: 1px solid #752F4D;
	width: 19px;
	height: 18px;
}
.Onglet .Center {
	background: #F55A99 url(/pinkcat_images/structure/onglet_bg.gif) repeat-x; 
	width: 100%;
	white-space: nowrap;
}
.Onglet h1 {
	padding:0;
	margin: 0 5px;
	font: normal bold 12px Century Gothic, Arial, Verdana;
	text-decoration:none;
	text-transform: uppercase;
	color: #FFFFFF;
}
.OngletBottom {
	margin: 2px 7px 0 0;
	border-top: 1px dashed #752F4D;
}


.OngletLight {
	width: 30%;
}
.OngletLight .Left {
	background: #FFE4EF url(/pinkcat_images/structure/ongletlight_bg.gif) repeat-x; 
	border-left: 1px solid #752F4D;
	width: 19px;
	height: 18px;
}
.OngletLight .Center {
	background: #FFE4EF url(/pinkcat_images/structure/ongletlight_bg.gif) repeat-x; 
	width: 100%;
	padding-right: 15px;
	white-space: nowrap;
}
.OngletLightBottom {
	margin: 2px 0 0 0;
	border-top: 1px dashed #752F4D;
	clear: both;
}
.OngletLight h1 {
	padding:0;
	margin: 0 5px;
	font: normal bold 12px Century Gothic, Arial, Verdana;
	text-decoration:none;
	text-transform: uppercase;
	color: #78304F;
}
.OngletTextRight {
	text-align: right;
	vertical-align : bottom;
	font: normal bold 11px Arial, Verdana, Times, Helvetica, sans-serif;
}

.FormRecherche {
	margin: 10px 2px 4px 2px;
}

.Panier {
	margin: 0 7px 0 0;
	padding: 4px 2px 8px 2px;
	background-color: #FFF2F7;
}
.MonCompte {
	margin: 0 7px 0 0;
	padding: 8px 4px 8px 4px;
	background-color: #FFF2F7;
}

.FondRose {
	margin-bottom: 6px;
}
.FondRose .Top{
	background: url(/pinkcat_images/structure/fondrose_t.gif) repeat-x;
}
.FondRose .Left{
	background: url(/pinkcat_images/structure/fondrose_l.gif) repeat-y;
}
.FondRose .Right{
	background: url(/pinkcat_images/structure/fondrose_r.gif) repeat-y;
}
.FondRose .Bottom{
	background: url(/pinkcat_images/structure/fondrose_b.gif) repeat-x;
}
.FondRose .Middle{
	background-color: #FDC6DD;
}


.CadreRose {
}
.CadreRose .Top{
	background: url(/pinkcat_images/structure/cadrerose_t.gif) repeat-x;
}
.CadreRose .Left{
	background: url(/pinkcat_images/structure/cadrerose_l.gif) repeat-y;
}
.CadreRose .Right{
	background: url(/pinkcat_images/structure/cadrerose_r.gif) repeat-y;
}
.CadreRose .Bottom{
	background: url(/pinkcat_images/structure/cadrerose_b.gif) repeat-x;
}
.CadreRose .Middle{
	background-color: #FFFFFF;
}


/**********************************************/
/*	Gamme & Produit 	*/
/**********************************************/
.DescriptifGamme p {
	margin: 0;
	padding: 0;
}
.DescriptifGamme p.Prix {
	margin: 12px 0 6px 0;
	font-size: 13px;;
	color: #FF247D;
}
.DescriptifGamme p.Stock {
	font-size: 11px;
	color: #327571;
}
.DescriptifGamme .Description td {
	vertical-align: top;
}

.DetailProduit {
	margin-top: 20px;
}
.DetailProduit h1 {
	margin: 0 0 2px 0; padding: 0;
	font: normal bold 14px Arial, Verdana, Helvetica, sans-serif;
	color: #FF247E;
	text-transform: uppercase;
	clear: none;
}
.DetailProduit h1 a {
	color: #FF247E;
	text-decoration: none;
}
.DetailProduit h1 a:hover {
	color: #327571;
	text-decoration: none;
}
.DetailProduit h2 {
	margin: 0 0 4px 0; padding: 0;
	font: normal bold 13px Arial, Verdana, Helvetica, sans-serif;
	color: #FF247E;
	clear: none;
}
.DetailProduit h3 {
	margin: 0 0 2px 0; padding: 0;
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
	clear: none;
}
.DetailProduit h3 a {
	color: #FF247E;
	text-decoration: none;
}
.DetailProduit h3 a:hover {
	color: #327571;
	text-decoration: none;
}
.DetailProduit h4 {
	margin: 0 0 2px 0; padding: 0;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
	clear: none;
	letter-spacing: 1px;
}


.Ecoute {
	margin: 10px 0 0 0;
}
.Ecoute .Pointille {
	background: url(/pinkcat_images/structure/bg_pointille.gif) center center repeat-x;
	margin: 0 5px 0 0;
}
.Ecoute .Texte {
	font: normal bold 10px Arial, Verdana, Helvetica, sans-serif;
	background-image: none;
	background-color: white;
	padding: 0 15px 0 0;
	letter-spacing: 0px;
}
.Ecoute a.Texte:firstletter {
	text-transform: uppercase;
}
.Ecoute a {
	text-decoration: none;
}
.Ecoute p.EnEcoute {
	margin: 2px 0 0 0 ;
	color: #FF247E;
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
}
.Ecoute p.EnEcoute:first-letter {
	text-transform: uppercase;
}

.Achat {
	margin: 15px 0 0 0;
}
.AchatProduit .Prix {
	padding: 0 0 0 4px;
	font-size: 15px;
	font-weight: bold;
	color: #FF247D;
}
.AchatProduit .Qte {
	padding: 0 0 0 4px;
	font-size: 12px;
	font-weight: bold;
	color: #FF247D;
}
.AchatProduit .Stock {
	padding: 2px 0 0 4px;
	color: #327571;
	font-size: 13px;
	font-weight: bold;
}
.DescriptifProduit {
	margin: 20px 0;
	text-align: left;
}
.DescriptifProduit p.Titre {
	margin: 10px 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF247D;
}
.ProduitLies {
	margin: 10px 0 10px 0;
	text-align: left;
}
.ProduitLies p.Titre {
	margin: 10px 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF247D;
}

.RappelProduit {
	margin: 0;
}
.RappelProduit h1 {
	margin: 4px 0 0 0; padding:0;
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #752F4D;
}
.RappelProduit h2 {
	margin:0; padding:0;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
}
.RappelProduit h3 {
	margin: 2px 0 0 0; padding:0;
	font: normal normal 10px Arial, Verdana, Helvetica, sans-serif;
}
.RappelProduit a {
	color: #752F4D;
}
.RappelProduit a:hover {
	color: #F8287C;
}

.Recherche {
	font: normal bold 12px Arial, Verdana, Times, Helvetica, sans-serif;
}

#pages {
	clear: both;
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif, Times;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
#pages span { 
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif, Times;
	margin: 0;
	padding: 0 2px;
	color: #752F4D;
	list-style-image: none;
}
#pages a:link, 
#pages a:visited, 
#pages a:active {
	padding: 0;
	color: #752F4D;
	text-decoration: none;
}
#pages a:hover {
	color: #FF247E;
}
#pages .Selected {
	color: #FF247E;
}
#pages .Selected a {
	color: #FF247E;
	text-decoration: underline;
}
#pages .Texte {
	margin:0;
	color: #752F4D;
	padding: 2px 2px 0 0;
	vertical-align: bottom;
	background-color: transparent;
}

/**********************************************/
/*	General 	*/
/**********************************************/
.Smaller{
	font-size: 95%;
}
.Larger{
	font-size: 105%;
}
.PngBehavior {
	behavior: url("/js/pngbehavior.htc");
}
.Rose{
	color: #FF247D;
}
.BleuVert{
	color: #327571;
}
.Noline {
	text-decoration: none;
}
.Upper {
	text-transform: uppercase;
}
.Lower {
	text-transform: lowercase;
}
.FirstLetterUpper:first-letter{
	text-transform: uppercase;
}


/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite, .TresPetite p { font-size:9px; }
	.Petite, .Petite p { font-size:10px; }
	.Normal, .Normal p { font-size:11px; }
	.Moyenne 	{ font-size:12px; }
	.Grande 	{ font-size:13px; }
	.TresGrande { font-size:14px; }

	h1 { 
		margin : 6px 0 6px 0;
		padding: 0;
		font: normal bold 16px Arial, Verdana, Times, Helvetica, sans-serif;
		color: #F8287C;
		clear : both;
	}
	.NoPng h1 {
		position:absolute;
		z-index: -1;
		margin: 0;
		padding-left: 4px;
		display: none;
	}	
	h2 { 
		margin : 6px 0 6px 0;
		padding: 0;
		font: normal bold 16px Arial, Verdana, Times, Helvetica, sans-serif;
		clear : both;
	}
	h3 { 
		margin : 0 0 8px 0;
		padding: 0;
		font: normal bold 14px Arial, Verdana, Times, Helvetica, sans-serif;
		color: #F8287C;
		clear : both;
	}
	h4 { 
		margin : 0 0 8px 0;
		padding: 0;
		font: normal bold 14px Arial, Verdana, Times, Helvetica, sans-serif;
		clear : both;
	}
	h5 { 
		margin : 0 0 6px 0;
		padding: 0;
		font: normal bold 12px Arial, Verdana, Times, Helvetica, sans-serif;
		color: #F8287C;
		clear : both;
	}
	h6 { 
		margin : 0 0 6px 0;
		padding: 0;
		font: normal bold 12px Arial, Verdana, Times, Helvetica, sans-serif;
		clear : both;
	}
	p {
		margin : 0 0 6px 0;
		padding : 0;
		font: normal normal 11px Arial, Verdana, Times, Helvetica, sans-serif;
	}
	ul, ol {
		font: normal normal 9px Arial, Verdana, Times, Helvetica, sans-serif;
		text-align: left;
		margin: 2px 0 10px 15px;
		padding: 0;
		list-style-type: square;
	}
	li { 
		margin-top: 0;
		margin-bottom: 4px;
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: middle;
	}
	a{ 
		color: #752F4D;
	}
	a:hover {
		color: #F52585;
	}
	td {
		margin : 0;
		padding : 0;
	}

/**********************************************/
/* Formulaires  */
/**********************************************/
	form{
		margin:0; padding:0;
	}
	input, select, textarea, option {
		margin: 2px; padding:0;
		font: normal normal 10px Arial, Verdana, Helvetica, sans-serif;
		color:#F52585;
	}
	.FormContact,.FormContact td,.FormReponse{
		font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	}
	.FormSubmit {
		font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		height: 20px;
		color: #327571;
		border: 1px solid #F52585;
		background-color: #FFFFFF;
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:193px;
	}
	.chkBoxes{
		background-color:white;border-width:0;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}
	.EditLibelle{
		/*width: 750px;*/
		margin: 40px 0;
		padding: 10px;
		border: 1px dotted;
	}
	.Legende {
		margin: 20px 0;
		padding: 0;
		width: 98%;
	}
	.Legende, .Legende p {
		font: italic normal 10px Arial, Verdana, Helvetica, sans-serif;
		margin : 0 0 6px 0;
		padding : 0;
	}

/**********************************************/
/* Plan du site */
/**********************************************/
	.Plan {
		margin: 10px;
	}
	.Plan a {
		font-style: normal;
	}
	.Plan ul, ol {
		font: italic bold 12px Arial, Verdana, Helvetica, sans-serif;
		text-align: left;
		margin: 2px 0 4px 30px;
		padding: 0;
		list-style-type: square;
	}
	.Plan li { 
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		/*color: #3F4A6F;*/
		vertical-align: middle;
		line-height: 20px;
	}
	

/**********************************************/
/* ECommerce */
/**********************************************/
	#BarreNavEcommerce{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		padding:10px 0 10px 0;
		color: #327571;
	}
	#BarreNavEcommerce .current{
		font-weight: bold;
	}
	#BarreNavEcommerce a {
		color: #327571;
	}
	#BarreNavEcommerce a:hover {
 		color: #F52585;
	}
	#ECommerce {
		padding : 8px ; 
		margin-bottom : 10px ; 
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		text-align: left;
		/*color: #327571;*/
		/*border: 1px solid #F52585;*/
		/*background-color: #FFFFFF;*/
	}
	#ECommerce button {
		margin: 0 4px;
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		height: 20px;
		color: #327571;
		border: 1px solid #F52585;
		background-color: #FFF2F7;
	}
	#ECommerce .Submit {
		margin: 0 4px;
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		height: 20px;
		color: #327571;
		border: 1px solid #F52585;
		background-color: #FFF2F7;
	}
	#ECommerce .EnteteTableau{
		font: normal bold 14px Arial, Times, Verdana, Helvetica, sans-serif;
		color: #F52585;
		text-transform: uppercase;
		text-align: center;
		clear : both;
	}
	#ECommerce .TitreTableau{
		padding : 10px 10px 10px 10px;
		font-size: 15px;
		font-weight: bold;
	}
	#ECommerce .TexteInformations{
		font: normal normal 11px Arial;
	}
	#ECommerce p {
	}
	#ECommerce h2 {
		color: #F8287C;
		margin: 0;
		padding: 2px 0 10px 0;
	}
	#ECommerce h2 small{
		text-transform: uppercase;
		font-size: 11px;
	}
	#ECommerce h3 {
		font: normal bold 12px Arial, Verdana, Helvetica, sans-serif;
		padding : 0 10px 3px 0;
		margin : 10px 0 2px 0;
		text-transform: uppercase;
		clear : both;
	}
	#ECommerce h4 {
		font: normal bold 11px Arial, Verdana,  Helvetica, sans-serif;
		text-transform: uppercase;
		margin: 0;
		padding: 10px 0 0 0;
		margin: 0;
	}
	#ECommerce a{
	}
	#ECommerce li {
		list-style-image: none;
	}
	#ECommerce td{
		font-size: 11px;
	}
	#ECommerce .EcommercePanier {
		margin-top: 10px;
	}
	#ECommerce .EcommercePanier thead{
		font: normal bold 12px Arial;
		background-color: #FFF2F7;
		color: #327571;
		margin: 5px 5px;
		letter-spacing : 0px;
	}
	#ECommerce .EcommercePanier th{
		padding: 2px 5px;
	}
	#ECommerce .EcommercePanier tfoot{
		font: normal bold 12px Arial;
		background-color: #FFF2F7;
		color: #327571;
		padding:5px 5px;
	}
	#ECommerce .EcommercePanier td{
		font-size: 10px;
		font-weight: normal;
		padding: 5px;
	}
	#ECommerce .EcommerceModeLivraison td{
		font-size: 10px;
		font-weight: normal;
		padding:5px 5px;
	}
	#ECommerce .Ref, #ECommerce .Ref a {
		font-size: 10px;
	}
	#ECommerce input {
	}
	#ECommerce textarea {
	}
	#ECommerce select {
	}
	#ECommerce .noborder {
		border : 0px;
	}
	#ECommerce #ECommerErreur {
		color: red;
		font-size: 12px;
	}
	#ECommerce #ECommerErreur .Titre {
		font-weight: bold;
		font-size: 14px;
	}
	#ECommerce .InputSmall { width : 60px; }
	#ECommerce .InputMedium { width :100px; }
	#ECommerce .InputLarge { width :220px; }
	#ECommerce .TextAdresse { width :250px; }
	
	.DataTable td {
	padding: 4px;
	}
	
	#boutton {
		padding: 0 0 1em 0;
		margin-bottom: 1em;
		color: #333;
	}
	#boutton ul {
		list-style: none;
		margin: 0;
		padding:0;
		border: none;
	}
	
	#boutton li {
		list-style-image: none;
		margin: 0 0 5px 0;
	}
	#boutton li a{
		text-decoration:none;
	}
	#boutton li a:hover,#boutton li a:active{
		text-decoration:underline;
	}


	.Clikeo { 
		margin: 20px 0 10px 0;
		color: #CAD7FE;
	}
	.Clikeo a { 
		color: #CAD7FE;
		font: normal normal 10px Arial;
	}
	.Clikeo a:hover {
		color: #F52585;
	}
	
	.PrintOnly {
		display:none;
	}
	

@media print {

	#header {
		display: none;
	}
	#footer {
		display: none;
	}
	#left {
		display: none;
	}
	#right {
		display: none;
	}
	#middle .MiddleTop {
		display: none;
	}
	#middle .MiddleBottom {
		display: none;
	}
	#root {
		display: block;
		width: 
	}
	#container {
		width: 680px;
	}
	#ECommerce p, h1, h2, h3, h4, a {
		color: black;
		font-size: 120%;
	} 
	#ECommerce {
		background-color: white;
	}
	#ECommerce .EcommercePanier thead, #ECommerce .EcommercePanier tfoot {
		background-color: lightgrey;
	}
	#ECommerce .EcommercePanier {
			border-top:1px solid gray;
	}
	#ECommerce .EcommercePanier th,
	#ECommerce .EcommercePanier td  {
		color: black;
		font-size: 120%;
		border-bottom:1px solid gray;
	}
	.OngletLight {
		display: none;
	}
	.Print {
		display:none;
	}
	.PrintOnly {
		display:block;
	}
	.Clikeo {
		display:none;
	}
}