/*=====================================================================*/
/*              Cascading Style Sheet for BSPS Skins                   */
/*                       created by t-worx                             */
/*                                                                     */
/*                    http://www.t-worx.com                            */
/*                      tracyw@t-worx.com                              */
/*=====================================================================*/


/*================================================================*/

/*Solpart menu*/

/*================================================================*/

/* ********** Menu Style ************** */
.MainMenu_MenuContainer{ background:transparent; width:100%;}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }

/*---------Root Menu Separator---------------*/
.MainMenu_MenuBreak{ display:none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent;}

/*---------Sub Menu style---------------*/
.MainMenu_MenuItem,.submenuitembreadcrumb{
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma; 
	color:#384751;	font-size:10px;	font-weight:normal;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #d3d6cd;
}
.submenuitemselected{
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma;
	color:#384751;
	font-size:10px;
	font-weight:normal;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #d3d6cd;
	background-color: #ddeaf3;
}
.submenu{
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma;
	color:#384751;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #f1f3ee;
	border-top: 0px solid #f1f3ee;
	border-bottom: 0px solid #f1f3ee;
	border-left: 1px solid #babeb1;
	border-right: 1px solid #babeb1;
}

/*---------Root Menu style---------------*/
.rootmenuitem TD{ padding:0; margin:0;}
.rootmenuitem TD DIV{  
background-image:url(images/NavSepOffR.gif); background-position:bottom right; background-repeat: no-repeat; margin:0; padding:0; margin: -26px 0 -13px 0; _margin:-14px 0;}
.rootmenuitem TD DIV DIV{  background-image:url(images/NavSepOffL.gif); background-position: bottom left; background-repeat: no-repeat; margin:0; padding:0 10px;  margin: -26px 0 -13px 0; _margin:-14px 0;}
.rootmenuitem TD DIV DIV DIV{ color:#ffffff; background-image:url(images/NavOff.gif); background-position: bottom center; background-repeat:repeat-x; font-size:12px; font-family: Comic sans MS,Arial, Trebuchet MS, arial, Tahoma, Helvetica, sans-serif; font-weight: normal; padding: 14px 3px 4px 3px; height:37px; line-height:4.7em; margin: -26px 0 -13px 0; _margin:-14px 0; _line-height:1.3em;}

.rootmenuitemselected TD, .rootmenuitembreadcrumb TD{ padding:0; margin:0;}
.rootmenuitemselected TD DIV, .rootmenuitembreadcrumb TD DIV{ background-image:url(images/NavSepOnR.gif); background-position:bottom right; background-repeat: no-repeat; margin:0; padding:0; margin: -26px 0 -13px 0; _margin:-14px 0;}
.rootmenuitemselected TD DIV DIV, .rootmenuitembreadcrumb TD DIV DIV{ background-image:url(images/NavSepOnL.gif); background-position: bottom left; background-repeat: no-repeat; margin:0; padding:0 10px;  margin: -26px 0 -13px 0; _margin:-14px 0;}
.rootmenuitemselected TD DIV DIV DIV, .rootmenuitembreadcrumb TD DIV DIV DIV{ color:#384751; background-image:url(images/NavOn.gif); background-position: bottom center; background-repeat:repeat-x; font-size:12px; font-family:  Comic sans MS,Arial, Trebuchet MS, arial, Tahoma, Helvetica, sans-serif;   font-weight: normal; padding: 14px 3px 4px 3px; height:37px; line-height:4.7em; margin: -26px 0 -13px 0; _margin:-14px 0; _line-height:1.3em;}
/*=========================================================================================================*/


/*=========================================================================================================*/


/* New added Footer hover styles*/


.Login,A.Login:link,A.Login:visited,A.Login:active {
	font-size:10px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	text-transform:uppercase;
	background:none;
}

A.Login:hover {
	font-size:10px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#7a8d52;
	text-align:center;
	vertical-align:middle;
	text-decoration:underline;
	text-transform:uppercase;
	background:none;

}

.Image,A.Image:link,A.Image:visited,A.Image:active {
	border:0;}


A.Image:hover {
	border:0;

}

/* Footer text syle */
.Footer,A.Footer:link,A.Footer:visited,A.Footer:active {
	font-size:11px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#04234e;
	text-decoration:none;
	text-align: right;
	vertical-align: middle;
	padding-right: 2px;
	padding-left: 2px;
	background:none;
}

/* Footer text syle */
A.Footer:hover {
	font-size:11px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-align: right;
	vertical-align: middle;
	padding-right: 2px;
	padding-left: 2px;
	background:none;
}

/* Copyright text syle */
.Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active,A.Copyright:hover {
	font-size:11px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align: left;
	vertical-align: middle;
	background:none;
}

/**/
.Date {
	font-size:10px;
	font-weight:normal;
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	text-transform:none;
}
/**/

.Link, A.Link:link,A.Link:visited,A.Link:active{
	font-family: Verdana, Tahoma,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	padding:0px 2px;
	background:none;
} 

A.Link:hover{
	font-family: Verdana, Tahoma,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ced2c1;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
	background:#f2f4f3;
	padding:0px 2px;
	background:none;
}


/*=====================================================================*/
/* Template Text and Link Styles Based on Colors                       */
/*=====================================================================*/

/* Black (Default color) */
.Normal { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; }
A.Normal:link, A.Normal:visited, A.Normal:Active { color: #2d719e; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; padding:2px; }
A.Normal:Hover { color: #FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; background:#2f71a1;  padding:2px;}

.NormalBold { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }
A.NormalBold:link, A.NormalBold:visited, A.NormalBold:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.NormalBold:Hover { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* Paragraph Style */
p { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; }

/* Blue */
.NormalBlue { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; }
A.NormalBlue:link, A.NormalBlue:visited, A.NormalBlue:Active { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
A.NormalBlue:Hover { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; }

.NormalBoldBlue { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }
A.NormalBoldBlue:link, A.NormalBoldBlue:visited, A.NormalBoldBlue:Active { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.NormalBoldBlue:Hover { color: #4d9fd7; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* Orange */
.NormalOrange { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; }
A.NormalOrange:link, A.NormalOrange:visited, A.NormalOrange:Active { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
A.NormalOrange:Hover { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }

.NormalBoldOrange { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; }
A.NormalBoldOrange:link, A.NormalBoldOrange:visited, A.NormalBoldOrange:Active { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.NormalBoldOrange:Hover { color: #ea7c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* Green */
.NormalGreen { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; }
A.NormalGreen:link, A.NormalGreen:visited, A.NormalGreen:Active { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
A.NormalGreen:Hover { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }

.NormalBoldGreen { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; }
A.NormalBoldGreen:link, A.NormalBoldGreen:visited, A.NormalBoldGreen:Active { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.NormalBoldGreen:Hover { color: #448b34; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* Red */
.NormalRed { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; }
A.NormalRed:link, A.NormalRed:visited, A.NormalRed:Active { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
A.NormalRed:Hover { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }

.NormalBoldRed { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; }
A.NormalBoldRed:link, A.NormalBoldRed:visited, A.NormalBoldRed:Active { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.NormalBoldRed:Hover { color: #c21212; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* Gray */
.NormalGray { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; }
A.NormalGray:link, A.NormalGray:visited, A.NormalGray:Active { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
A.NormalGray:Hover { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }

.NormalBoldGray { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; }
A.NormalBoldGray:link, A.NormalBoldGray:visited, A.NormalBoldGray:Active { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.NormalBoldGray:Hover { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/

/* H1 */
H1 { color: #ffa500; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; }
A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: bold; text-decoration: underline; }

/* H2 */
H2 { color: #000000; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: bold; text-decoration: underline; }

/* H3 */
H3 { color: #000000; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; }

/* H4 */
H4 { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }
A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; }

/* H6 */
H6 { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }
A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* Default link syle */
A:Link, A:Visited, A:Active { color: #2d719e; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; padding:2px;}
A:Hover { color: #2d719e; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; padding:2px; }

/*=====================================================================*/
/* Module Classes                                                      */
/*=====================================================================*/

/* Default Container Title Style */
.Head { color: #435762; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }

/* SubHead */
.SubHead { color: #435762; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
A.SubHead:Link, A.SubHead:Visited, A.SubHead:Hover, A.SubHead:Active { color: #435762; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* SubHead white */
.SubHeadWhite { color: #FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
A.SubHeadWhite:Link, A.SubHeadGold:Visited, A.SubHeadGold:Hover, A.SubHeadGold:Active { color: #FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }


/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; }
A.SubSubHead:Link, A.SubSubHead:Visited, A.SubSubHead:Hover, A.SubSubHead:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; }

/* Text style for skin objects */
.SkinObject { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active, A.SkinObject:Hover { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }

/*=====================================================================*/
/* Input and Other Admin Site Styles                                   */
/*=====================================================================*/

/* Normal Text Box */
.NormalTextBox { color: #000000; background-color:FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; vertical-align: middle; border: 1px solid #CCCCCC;}
.NormalTextBox input{ color: #000000; background-color:FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; vertical-align: middle; border: 0px solid #CCCCCC;}
.NormalTextBox textarea{ color: #000000; background-color:FFFFFF; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; vertical-align: middle; border: 0px solid #CCCCCC;}

/* Admin link styles */
A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;  background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.CommandButton:Hover { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;  background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }

/* button style for standard HTML buttons */
.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.StandardButton:Hover { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;  background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }

TD, DIV, TH  { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }

/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #333333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;}
.DataGrid_AlternatingItem { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }
.DataGrid_Item { color: #333333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }

/*================================================================*/
/* Left SideMenu  */
.MenuHdr
{ 
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #517a01;
  text-decoration: none;   
  width: 180px;
  white-space:normal;
}



.MenuItem HR
{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom:0px solid #999999;   
  margin-right: 5px; 
  visibility:hidden;
}

.MenuItemMouseOver
{
  font-size: 10pt; 
  font-weight: normal; 
  color:#000000;
  vertical-align:middle;
/*  background-image:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/BottomDot.gif); 
  background-position:bottom left; 
  background-repeat:repeat-x;  */
  width: 180px;
  white-space:normal;
}

.MenuItem, .MenuItemMouseOver
{
  font-size: 10pt; 
  font-weight: normal; 
  color:#000000; 
  vertical-align:middle;
 /* background-image:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/GraySqure.gif); 
  background-position:bottom left; 
  background-repeat:repeat-x; */
  width: 180px;
  white-space:normal;
}


.MenuHdr A, .MenuHdr A:Visited, .MenuHdr A:Link,
{
  padding: 0px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #517a01;
  text-decoration: none;   
  width: 180px;
  white-space:normal;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrow.gif) no-repeat left top #dbe7c3;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
}

 .MenuHdr A:hover,
{
  padding: 0px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #000000;
  text-decoration: none;  
  width: 180px;
  white-space:normal;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrowOn.gif) no-repeat left top #cce1a1;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
}


 



.MenuItem A, .MenuItem A:Visited, .MenuItem A:Link, 
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
  display: block;
  padding: 6px 6px 6px 12px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #517a01;
  text-decoration: none;   
  width: 180px;
  white-space:normal;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrow.gif) no-repeat left top #dbe7c3;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
}


 


.MenuItemMouseOver  .MenuItem A:Hover, .MenuItemMouseOver A:Hover,
{
  display: block;
  padding: 6px 6px 6px 12px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #000000;
  text-decoration: none;  
  width: 180px;
  white-space:normal;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrowOn.gif) no-repeat left top #cce1a1;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
}

.currentHeaderHighlight
{
   display: block;
  padding: 6px 6px 6px 12px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #000000;
  text-decoration: none;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrowOn.gif) no-repeat left top #cce1a1;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
  width: 180px;
  white-space:normal;
}

.currentItemHighlight  A:Visited, .MenuItemMouseOver A:Link
{
  display: block;
  padding: 6px 6px 6px 12px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #000000;
  text-decoration: none;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrowOn.gif) no-repeat left top #cce1a1;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
  width: 180px;
  white-space:normal;
}

.currentItemHighlight A:Active
{
  display: block;
  padding: 6px 6px 6px 12px;
  cursor: pointer;
  font:Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-variant:normal;
  font-weight:normal;
  color: #000000;
  text-decoration: none;
  background:url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/LeftMenuArrowOn.gif) no-repeat left top #cce1a1;
  border-bottom:1px solid #b0c87d;
  border-top:1px solid #f1fdd8;
  width: 180px;
  white-space:normal;
}
/*=========================================================================================================*/


/*=====================================================================*/
/* Skin Main Properties                                                */
/*=====================================================================*/

/* Skin BG Color and Content Alignament */
.BGTable { /* Alignament MUST be defined in the HTML skin file for cross-browser compatibility */

	height: 100%;
	vertical-align: top;
	background:  #e9ece3;	
	padding:0px 0px 0px 0px;						
}



/* Width of Skin - Applied to underlying table with minimum width applied */
.MainTable {
	margin:0px 0px 0px 0px;	
	width: 1002px;	
	background: url(images/logo-piccolia2.jpg);	
	background-repeat: no-repeat;
}

* html img { behavior: url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/images/iepngfix.htc); }
/*=====================================================================*/
/* Template Main Areas                                                 */
/*=====================================================================*/
.TopBg { background: transparent; padding:0px 0px 0px 0px; }
.BottomBg {background: url(images/BottomBg.jpg) top left no-repeat ; padding:16px 70px 0px 210px; height:139px; vertical-align:top;}
.TopPaneBg { background: url(images/TopPaneBg.gif) top left repeat-x ; border-bottom:0px solid #bec2b4;}
.TopPaneBgIP { background:  #cdd2c2; border-bottom:0px solid #dadfd1;}
.SearchBgIP { background: url(images/search-piccolia.jpg) top left no-repeat ; border-bottom:0px solid #bec2b4;height:105px}
.ContentMain { background:#e9ece3; border-bottom:0px solid #bec2b4; border-top:0px solid #f2f5ee; padding:15px 0px 0px 0px;}
.ContentMainIP { background:#fcfcfc; border-bottom:0px solid #bec2b4; border-top:0px solid #f2f5ee; padding:0px 0px 0px 0px;}

.LogoPane {
	vertical-align: middle;
	text-align:left;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	white-space:nowrap;
}

.LogoPane A:hover { background:none;}

.LoginPane {
	vertical-align: middle;
	text-align:right;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	white-space:nowrap;
	padding:0px 0px 0px 5px;
	height:24px;
	width:620px;
	display:block;
}


.SearchPane {
	vertical-align: top;
	text-align:right;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #595c55;
	white-space:nowrap;
	padding:0px 180px 20px 20px;
	height:42px;
	
}

.SearchPane input{
	vertical-align: middle;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 10px;		
	background:none;
	font-weight: normal;
	color: #000000;
	width:150px;
	height:25px;
	font-weight: normal;
	border:2px solid #b6b9a7;
	background:#FFFFFF;
}

.SearchPane A:hover { background:none;}

.Search input{
	border:none;
	vertical-align: middle;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 10px;			
	background: none;
	font-weight: normal;
	color: #000000;
	width:auto;
	height:auto;
	font-weight: normal;
}


.NavPane {
	
	width:710px;
	padding:65px 0px 0px 0px;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align:bottom;
	white-space:nowrap;
	background:none;
}


.BreadcrumbPane {
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	height:20px;
	white-space:nowrap;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.breadcrumb{
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align:middle;
	vertical-align:top;
}

A.breadcrumb:link,A.breadcrumb:visited,A.breadcrumb:active{
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff	 ;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
} 

A.breadcrumb:hover{
	font-family: Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7a8d52;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	background:none;
}


.TopPane {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:0px 0px 10px 0px;
	text-align:right;
}



.LeftPane {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:1px 10px 1px 0px; 
	vertical-align:top;
	text-align:left;
	border-right:1px solid #FFFFFF;
}


.CenterPane {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:1px 20px 0px 20px;
	text-align:left;
}

.CenterPaneIP {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	background: url(images/leftbg.gif) top left repeat-y ; 
	padding:5px 5px 10px 1px;
	text-align:left;
	border-right:0px solid #fafafa;
}


.RightPane {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:1px 5px 1px 10px; 
	vertical-align:top;
	text-align:left;
	border-left:1px solid #FFFFFF;
}
.RightPaneIP {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:5px 1px 10px 5px; 
	vertical-align:top;
	text-align:left;
	border-left:0px solid #bcc2b4;
}
.LeftPaneIPPicc {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	background: url(images/leftbg.jpg) top left repeat-y ; 
	padding:5px 5px 10px 1px;
	text-align:left;
	border-right:0px solid #fafafa;
	width:19%;
}
.CenterPaneIPPicc {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:5px 1px 10px 5px; 
	vertical-align:top;
	text-align:left;
	border-left:0px solid #bcc2b4;
}
.RightPaneIPPicc {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	vertical-align:top;
	padding:5px 1px 10px 5px; 
	vertical-align:top;
	text-align:left;
	border-left:0px solid #bcc2b4;
	background:url(images/IPRightBg.jpg) repeat-y top right;
}



.BottomPaneLeft { background:url(images/BottomPaneLeft.gif) no-repeat top right; width:7px;}
.BottomPaneRight { background:url(images/BottomPaneRight.gif) no-repeat top left; width:7px;}
.BottomPaneMiddle { background:url(images/BottomPaneMiddle.gif) repeat-x top left;}
.BottomPaneTopPadding { padding:15px 0px 0px 0px;}
.BottomPanePadding {padding:10px 0px 10px 0px;}
.BottomPane {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #34424b;
	vertical-align:top;
	padding:10px 20px 5px 10px;
	text-align:left;
}

.BottomPane1 {
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #34424b;
	vertical-align:top;
	padding:10px 10px 5px 20px;
	text-align:left;
	border-left: 1px solid #dcdfd4;
}



.CopyrightPane {
	vertical-align: middle;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #28353d;
	text-align:left;
	padding:15px 0px 15px 15px;
	white-space:nowrap;
	background:#1983af;
	height:43px;
}

.LinksPane {
	vertical-align: top;
	font-family:  Arial,  Verdana, Tahoma,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #28353d;
	text-align:left;
	padding:15px 30px 15px 30px;
	white-space:nowrap;
	background:#34424b;
}

body { padding:0px; margin:0px;
	background:  #ffffff}
#Body {background-color:  #44549f}

ul li {
	color: #ffffff; font-family: Verdana, Tahoma,sans-serif; font-size: 12px; font-weight: normal; 
	list-style:url(images/ListArrow.gif) outside;
	padding:3px 1px;
}

.BackTop {
	color:#FFFFFF;
	padding-right:15px;
	text-align:left;
	background-color: #34424b;
}	

.BackTop A:link, .BackTop A:visited, .BackTop A:active {
	font-family:  Verdana, Tahoma,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	white-space:nowrap;
	line-height:14px;
	height:14px;
	padding-right:10px;
	background:none;}	
	
.BackTop A:hover { color:#cacebd; text-decoration:none;}




/* NEW MENU SYSTEM */


.jqueryslidemenu{
	width: 100%;
	position: relative;
	z-index: 2000;
}

.jqueryslidemenu img{
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

.jqueryslidemenuHContainer {
    position:absolute;
    left:400px;
    top:110px;
    display:block;
    width:600px;
}

.jqueryslidemenu ul {
	margin:0px;
	list-style:none;
	float:left;
	width:auto;
	padding: 0px;
}

.jqueryslidemenu li {
  position: relative;
  float:left;
  line-height : 1.3em;
  list-style: none;
  padding: 0px;
  margin:0px;
}

.jqueryslidemenu li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:14em;
}


.jqueryslidemenu a {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	color:#FFF;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 11px;
	padding-left: 11px;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #fc863c;
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma; 
}

.jqueryslidemenu li li a {
	padding: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #384751;
	margin: 0px;
	float: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d6cd;
	text-align:left;
	line-height: normal;
	background-repeat: repeat-x;
	background-color: #f1f3ee;
	margin-right: -2px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
		-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.jqueryslidemenu li li a:hover {
	padding: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #384751;
	margin: 0px;
	float: none;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d6cd;
	text-align:left;
	line-height: normal;
	background-repeat: repeat-x;
	background-color: #ddeaf3;
	margin-right: -2px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
		-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.jqueryslidemenu li li {
	padding: 0px;
	width:14em;
}

.jqueryslidemenu li a:hover {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	color:#000;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 11px;
	padding-left: 11px;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #fcfe84;
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma; 
}


.jqueryslidemenu li a.SelectedTab {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	color:#000;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 11px;
	padding-left: 11px;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #fcfe84;
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma; 
}

.jqueryslidemenu li.SelectedTab a {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	color:#000;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 11px;
	padding-left: 11px;
	float: left;
	margin-right: 5px;
	line-height: 30px;
	height: 30px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #fcfe84;
	font-family:Comic sans MS,Verdana, Arial, Helvetica, Tahoma; 
}


/* REGRAS PARA SELECTED SUB MENU */

.jqueryslidemenu li.SelectedTab ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:14em;
}

.jqueryslidemenu li.SelectedTab li { /* second-level lists */
}

.jqueryslidemenu li.SelectedTab li a {
    padding: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	float: none;
	background-image: url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/menu_hover.jpg);
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align:left;
	line-height: normal;
	background-repeat: repeat-x;
	background-color: #6990b9;
		-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.jqueryslidemenu li.SelectedTab li a:hover {
    padding: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	float: none;
	background-image: url(http://www.editions-piccolia.fr/Portals/_default/Skins/CPM-Skins/footer_bk.jpg);
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align:left;
	line-height: normal;
	background-repeat: repeat-x;
	background-color: #fff;
		-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.jqueryslidemenu .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
.jqueryslidemenu li:hover ul ul,
.jqueryslidemenu li:hover ul ul ul,
.jqueryslidemenu li:hover ul ul ul ul,
.jqueryslidemenu li.iehover ul ul,
.jqueryslidemenu li.iehover ul ul ul,
.jqueryslidemenu li.iehover ul ul ul ul{
  left: -999em;
}

.jqueryslidemenu li:hover ul, 
.jqueryslidemenu li.iehover ul {
	top: 30px;
	left:0;

}
.jqueryslidemenu li li:hover ul,
.jqueryslidemenu li li li:hover ul,
.jqueryslidemenu li li.iehover ul,  
.jqueryslidemenu li li li.iehover ul {
	top: 0;
	left:14.0em;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
display: none;
}
h1.accueil {
position:absolute; margin-left:35px;top:230px;
}