A, A:link, A:visited {
	font: normal 14px Arial, Helvetica, Verdana;
	color: #CE0000;
	text-decoration: none;
}

A:hover {
	cursor: pointer;
	color: #CCCCCC;
}

BODY {
         background-image: url("/Data/Dataimages/Upload/bg-body.jpg");
	background-position: left top;
	background-repeat: repeat-x;
         background-color: #000000;
         vertical-align: top;
	font: normal 14px Arial, Helvetica, Verdana;
	color: #FFFFFF;
         text-align: center;
         margin: 0px;
}

.qsArtContentEdit {
         text-align: left;
         background: #333333;
}

.bgAmbiance {
         position: absolute;
         z-index: -2;
         top: 0px;
         left: 0px;
         background-image: url("/Data/Dataimages/Upload/bg-ambiance.jpg");
	background-position: center top;
	background-repeat: no-repeat;
         width: 100%;
         height: 100%;
}

.logosmarques {
         position: absolute;
         z-index: 5;
         top: 538px;
         width: 130px;
         height: 134px;
         float: left;
         border: 0px;
         margin: 0px;
         padding: 0px;
}

BODY, DIV, TABLE, TR, TD, SPAN, P, LI, UL {
         -moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
}


H1, H2 {
	border: none;
         padding: 0px;
         margin: 0px;
}

HR {
         border-bottom: solid 1px #CCCCCC;
         padding: 0px;
         margin: 0px;
}

INPUT {
	font: normal 14px Arial, Helvetica, Verdana;
}

.formFieldsFalse {
         border: solid 1px #333333;
         background-color: #CCCCCC;
}


P {
	font: normal 14px Arial, Helvetica, Verdana;
	color: #FFFFFF;
         padding: 0px;
         margin: 0px;

}

SELECT {
	font: normal 14px Arial, Helvetica, Verdana;
}

TD {
	font: normal 14px Arial, Helvetica, Verdana;
	color: #000000;
}

TEXTAREA {
	font: normal 14px Arial, Helvetica, Verdana;
}

.AddressAlternateItemStyle {
	width: 80%;
	background: #CCCCCC;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.AddressArticleDetail {
}
.AddressCategory {
	background-color: #CE0000;
	height: 100%;
	padding-left: 10px;
}
.AddressCategory .qsArtTitleList {
	padding-top: 10px;
}

.AddressCategoryImage {
	width: 40px;
}

.AddressDetail {
	background-color: #CCCCCC;
}

.AddressDetailContent {
	padding-left: 10px;
}

.AddressDetailImage {
	border-right: solid 2px #333333;
}

.AddressDetailReference {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Class used to display list of address */
.AddressItemStyle {
	width: 80%;
	background: #FFF301;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.AddressItemStyle.AddressImageList, .AddressAlternateItemStyle.AddressImageList {
	float: left;
	width: 100px;
	height: 80px;
	vertical-align: middle;
}

.AddressItemStyle.AddressSummaryList, .AddressAlternateItemStyle.AddressSummaryList {
	float: left;
	margin-left: 5px;
}

.AddressSummaryList .AddressCommentList
{
  padding:10px;
  padding-left:40px;
}

.AddressSummaryList .AddressSummaryListMore 
{
  display:inline;
}

.AddressItemStyle.AddressTitleList, .AddressAlternateItemStyle.AddressTitleList {
	color: #333333;
}

.AddressReference {
	clear: left;
	margin: 10px 10px 10px 10px;
}

.AddressCategoryGroup {
	background-color:LightGrey;
}

.ArtContentScroll {
	font: 13px Mistral, Helvetica, sans-serif;
}

.ArtTitleScroll {
	font: 13px Mistral, Helvetica, sans-serif;
}
.bgstrColor2 {
	background: #003460;
}
/* fond du jour courant */
.CalendarCurrentDayBg {
	background: #FFF301;
}

.CalendarDayBg {
}

.CalendarDayOffBg {
}

/* Affichage d'un événement du jour courant */
.CalendarCurrentDayEvent {
	color: #333333;
	font: normal 14px Arial, Helvetica, Verdana;
	padding-left:5px;
}

.CalendarCurrentDayEvent A {
	overflow:hidden;
	height:15px;
}


/* Affichage du jour courant*/
.CalendarCurrentDayMonthDisplay {
	text-align: right;
	font: normal 14px Arial, Helvetica, Verdana;
	background: #FFF301;
	color: #003460;
}

/* Affichage d'un événement du mois courant */
.CalendarDayEvent {
	color: #333333;
	font: normal 14px Arial, Helvetica, Verdana;
	padding-left:5px;
}

.CalendarDayEvent A {
	overflow:hidden;
	height:15px;
}

/* Affichage d'un jour du mois courant*/
.CalendarDayMonthDisplay {
	text-align: right;
	font: normal 14px Arial, Helvetica, Verdana;
}

/* Affichage d'un jour d'un autre mois */
.CalendarDayOffMonthDisplay {
	text-align: right;
	color: #8C8C8C;
	font: normal 14px Arial, Helvetica, Verdana;
}

/* Monthly Calendar View Styles */
/* Fond du calendrier */
.CalendarMonthDisplayTable {
	background: #CCCCCC;
}

/* Affichage du mois courant */
.CalendarMonthTxtDisplay {
	font: normal 16px Arial, Helvetica, Verdana;
	padding-bottom: 10px;
	background: #CCCCCC;
}

.CalendarTableBorderTopBtmLeftRight {
	border-top: solid 1px #8C8C8C;
	border-bottom: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
	border-left: solid 1px #8C8C8C;
}

.CalendarTableBorderTopBtmRight {
	border-top: solid 1px #8C8C8C;
	border-bottom: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
    height: 60px;
}

.CalendarTableBorderTopLeftRight {
	border-top: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
	border-left: solid 1px #8C8C8C;
}

.CalendarTableBorderTopRight {
	border-top: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
    height: 60px;	
}

/* Affichage des jours de la semaine */
.CalendarWeeklyDay {
	text-align: center;
	font: normal 14px Arial, Helvetica, Verdana;
	padding-bottom: 5px;
	height: 16px;
	background: #003460;
}

/*---------------------------- New Styles for QSP -------------------------*/

.ClassifiedAdAlternateItemStyle {
	background: #CCCCCC;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-bottom: solid 2px #CCCCCC;
}

.ClassifiedAdCategory {
	background-color: #CCCCCC;
	height: 100%;
	border-bottom: solid 4px #CCCCCC;
	border-top: solid 4px #CCCCCC;
	padding-left: 10px;
}

.ClassifiedAdCategory .qsArtTitleList {
	padding-top: 10px;
}

.ClassifiedAdCategoryImage {
	width: 40px;
}

.ClassifiedAdDetail {
	background-color: #CCCCCC;
	border-bottom: solid 4px #CCCCCC;
	border-top: solid 4px #CCCCCC;
}

/* Classified Ad */
.ClassifiedAdItemStyle {
	background: #CCCCCC;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-bottom: solid 2px #CCCCCC;
}

.ClassifiedAdItemStyle.ClassifiedAdDate, .ClassifiedAdAlternateItemStyle.ClassifiedAdDate {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #333333;
}

.ClassifiedAdItemStyle.ClassifiedAdImageList, .ClassifiedAdAlternateItemStyle.ClassifiedAdImageList {
	vertical-align: middle;
	text-align: center;
}

.ClassifiedAdItemStyle.ClassifiedAdRef, .ClassifiedAdAlternateItemStyle.ClassifiedAdRef {
	font: 13px Mistral, Helvetica, sans-serif;
	color: #CCCCCC;
}

.ClassifiedAdItemStyle.ClassifiedAdSummaryList, .ClassifiedAdAlternateItemStyle.ClassifiedAdSummaryList {
	margin-left: 10px;
}

.ClassifiedAdItemStyle.ClassifiedAdTitleList, .ClassifiedAdAlternateItemStyle.ClassifiedAdTitleList {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #333333;
}

/* Styles for CooljsMenuPro*/

#DispCoolJsMenu IFRAME {
         display: none;
       /*left: 0px !important;*/
}

.CMMenu {
	color: #FFFFFF;
	font: normal 16px Arial, Helvetica, Verdana;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #CE0000;
}

.CMMenuOver {
	color: #FFFFFF;
	font: normal 16px Arial, Helvetica, Verdana;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #FFF301;
}
.CMMenu2 {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #FFFFFF;
}

.CMMenuOver2 {
	color: #FFFFFF;
	font: normal 16px Arial, Helvetica, Verdana;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #FFF301;
}

.EditLightContent {
}

.EditLightToolBarStyle {
	border-top: #CCCCCC 1px solid;
}

/* Custom Style for the Editor */
.EditLightToolButton {
	background: #CCCCCC;
	height: 20px;
	width: 22px;
	vertical-align: middle;
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}

.EditLightToolButtonBack {
	background: #CCCCCC;
	height: 20px;
	width: 100%;
	padding-left: 0px;
}

.EventAlternateItemStyle {
	background: #CE0000;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.EventArticleDetail {
	border-bottom: solid 4px #333333;
	border-top: solid 4px #333333;
}

.EventCategory {
	padding-top: 10px;
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: right;
	clear: left;
}

.EventDate {
	padding-top: 15px;
	font: normal 14px Arial, Helvetica, Verdana;
	color: #CCCCCC;
	border-bottom: solid 1px #333333;
}

.EventDetail {
	background-color: #CE0000;
	border-bottom: solid 4px #333333;
	border-top: solid 4px #333333;
}

/* Class used to display list of address */
.EventItemStyle {
	background: #FFF301;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.EventItemStyle.EventImageList, .EventAlternateItemStyle.EventImageList {
	vertical-align: middle;
	text-align: center;
}

.EventItemStyle.EventSummaryList, .EventAlternateItemStyle.EventSummaryList {
	float: left;
	margin-left: 5px;
}

.EventItemStyle.EventTitleList, .EventAlternateItemStyle.EventTitleList,
.EventItemStyle.EventTitleList A, .EventItemStyle.EventTitleList A:visited
.EventAlternateItemStyle.EventTitleList A, .EventAlternateItemStyle.EventTitleList A:visited {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #333333;
}

.EventList {
	background-color: #CE0000;
	border-bottom: solid 4px #333333;
	border-top: solid 4px #333333;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.EventList .qsArtTitleList {
	padding-top: 10px;
}

/* --------------------------------- New Styles for Forums ---------------------------------*/
.ForumAlternateItemStyle {
	background-color: #CCCCCC;
}

.ForumItemStyle {
	background-color: #FFF301;
}

.ForumListHeader {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #CCCCCC;
	background-color: #CE0000;
}

.ForumListOtherForums {
}

.ForumListOtherForums A {
	font: normal 14px Arial, Helvetica, Verdana;
	white-space: nowrap;
}

.ForumPostedDate {
	font: normal 14px Arial, Helvetica, Verdana;
	padding-bottom: 4px;
	border-bottom: solid #000000 1px;
	color: #000000;
}

.ForumText, .ForumText P, .ForumText:visited {
	font: normal 14px Arial, Helvetica, Verdana;
	color: #000000;
}

.ForumUserName {
	font: normal 14px Arial, Helvetica, Verdana;
	text-align: center;
	color: #000000;
}

.GSinput {
	font: 13px Tahoma, Helvetica, sans-serif;
}

.GSlarge {
	font: 18px Tahoma, Helvetica, sans-serif;
}

.GSsmall {
	font: 10px Tahoma, Helvetica, sans-serif;
}

/* Index Server Display Styles */
.IdxSearchDisplay {
	font-size: 11px;
	background-color: #CCCCCC;
	padding-bottom: 20px;
	width: 100%;
}

.IdxSearchDisplayNbDocFound {
	font-weight: bold;
	padding-bottom: 20px;
}

.IdxSearchDisplayTable {
	font-size: 11px;
	background-color: lightYellow;
	margin-left: 20px;
	margin-right: 20px;
}

.IdxSearchDisplayTableColAbstract {
	font-style: italic;
}

.IdxSearchDisplayTableColDate, .IdxSearchDisplayTableHeadDate {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.IdxSearchDisplayTableColLink A:hover {
	background-color: lightYellow;
}

.IdxSearchDisplayTableColRank, .IdxSearchDisplayTableHeadRank {
	display: block;
}

.IdxSearchDisplayTableColSize, .IdxSearchDisplayTableHeadSize {
	font-weight: bold;
	padding-right: 5px;
}

.IdxSearchDisplayTableColTitle {
	font-style: italic;
}

.IdxSearchDisplayTableRow {
	background-color: Khaki;
	height: 25px;
}
.KeywordDebug {
	display:none;
}
/* NEW CLASSES FOR MENUS */
.MenuFrame {
	width: 100%;
}
.MenuHorizontalFrame {
	width: 50%;
}

.MenuItem {
	text-align: left;
	line-height: 16px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-right: solid 1px  #8C8C8C;
	border-bottom: solid 1px  #8C8C8C;
}

.MenuItemHover {
	text-align: left;
	line-height: 16px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-right: solid 1px  #8C8C8C;
	border-bottom: solid 1px  #8C8C8C;
}

.MenuItemSelected, .MenuItemSelectedHover {
	line-height: 16px;
	text-align: left;
	padding-right: 4px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-right: solid 1px  #8C8C8C;
	border-bottom: solid 1px  #8C8C8C;
}

.MenuItem A, .MenuItem A:hover, .MenuItem A:visited, .MenuItemHover A, .MenuItemHover A:visited {
	color: #8C8C8C;
	font: normal 14px Arial, Helvetica, Verdana;
	display:block;
}

.MenuItemSelected A, .MenuItemSelected A:visited, .MenuItemSelected A:hover, .MenuItemSelectedHover A, .MenuItemSelectedHover A:visited, .MenuItemSelectedHover A:hover {
	color: #8C8C8C;
	font: normal 14px Arial, Helvetica, Verdana;
	display:block;
}

.MenuItemFrame {
	width: 100%;
}

.MenuItemIcon, .MenuItemSelectedIcon, .MenuItemIconHover, .MenuItemSelectedIconHover { 
	padding-right: 10px;
}

/* MENU ITEM TITLE */

.MenuItemTitle {
  	width:100%;
	/*background-color: #CE0000;*/
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #8C8C8C;
	border-right: solid 1px  #8C8C8C;
}

.MenuItemTitleHover {
	padding-left: 10px;
	text-align: left;
	background-color: #FFF301;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #8C8C8C;
	border-right: solid 1px  #8C8C8C;
}

.MenuItemTitleSelected, .MenuItemTitleSelectedHover {
	padding-left: 10px;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #8C8C8C;
}

.MenuItemTitle A, .MenuItemTitle A:visited, .MenuItemTitle A:hover {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #8C8C8C;
}

.MenuItemTitleHover A, .MenuItemTitleHover A:visited, .MenuItemTitleHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuItemTitleSelected A, .MenuItemTitleSelected A:visited, .MenuItemTitleSelected A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuItemTitleSelectedHover A, .MenuItemTitleSelectedHover A:visited, .MenuItemTitleSelectedHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuItemTitleIcon, .MenuItemTitleSelectedIcon, .MenuItemTitleIconHover,
.MenuItemTitleSelectedIconHover {
  width:10px;
}

/* MENU HORIZONTAL TITLE */
.MenuHTitle {
	text-align: left;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitleHover {
	text-align: left;
	background-color: #FFF301;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitleSelected, .MenuHTitleSelectedHover {
	text-align: left;
	background-color: #FFFFFF;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitle A, .MenuHTitle A:visited, .MenuHTitle A:hover {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #8C8C8C;
}

.MenuHTitleHover A, .MenuHTitleHover A:visited, .MenuHTitleHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuHTitleSelected A, .MenuHTitleSelected A:visited, .MenuHTitleSelected A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuHTitleSelectedHover A, .MenuHTitleSelectedHover A:visited, .MenuHTitleSelectedHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Verdana;
}

.MenuHTitleIcon, .MenuHTitleSelectedIcon, .MenuHTitleIconHover,
.MenuHTitleSelectedIconHover {
  display:none;
}

.MenuSepBottom { }

.MenuSepTop {
	border-top: solid 1px #8C8C8C;
}

.NavigationLink, A.NavigationLink, A.NavigationLink:visited {
	display: none;
}

.NavigationPath {
	display: none;
}

.PortalArtContent {
	padding: 8px;
}

.PortalArtFrame {
	border: solid 1px #8C8C8C;
}

.PortalArtText {
	font: 13px Mistral, Helvetica, sans-serif;
	color: #8C8C8C;
}

.PortalArtTitle {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #333333;
	background-color: #CCCCCC;
	border-bottom: solid 1px #333333;
	padding: 2px;
	padding-left: 20px;
	background-image: url("/Data/Dataimages/Upload/small-square.gif");
	background-position: 5 5;
	background-repeat: no-repeat;
}

.qsArtContent, .qsArtContent TD, .qsArtContent P, .qsArtContent A, .qsArtContent A:visited, .qsArtContent A:hover 
, .qsArtContentEdit, .qsArtContentEdit TD, .qsArtContentEdit P, .qsArtContentEdit A, .qsArtContentEdit A:visited, .qsArtContentEdit A:hover {
	font: normal 14px Arial, Helvetica, Verdana;
}

.qsArtContent, .qsArtContent TD, .qsArtContent P, .qsArtContentEdit, .qsArtContentEdit TD, .qsArtContentEdit P {
	font: normal 14px Arial, Helvetica, Verdana;
         color: #FFFFFF;
}

.qsArtContentEdit A {
  border: solid 1px black;
}

.qsArtSummary {
	font: normal 14px Arial, Helvetica, Verdana;
         color: #FFFFFF;
	text-decoration: none;
}

.qsArtDate {
         color: #CE0000;
}

.qsArtSummaryMore {
  margin-bottom:10px;
}

.qsArtTitleList A:hover {
	color: #CE0000;
}

.qsArtTitleList, .qsArtTitleList A, .qsArtTitleList A:visited, .qsArtTitleList A:active {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
}

/* Utilisez dans les listes avec détail -> attention c'est une classe utilisée dans un A*/
.qsListHighlight, .qsListHighlight:visited, .qsListHighlight:hover {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #333333;
}

.qsListHighlightCurrent, .qsListHighlightCurrent:visited, .qsListHighlightCurrent:hover {
	font: normal 16px Arial, Helvetica, Verdana;
	color: #8C8C8C;
}

.qsPageFooter {
	display: none;
}

.qsPageHeader {
	font: normal 20px Arial, Helvetica, Verdana;
	color: #CE0000;
	text-align: left;
	margin-bottom: 25px;
}
/* QUICKINFO STYLES */
.QuickinfoFrame {
	/*border: 1px solid #CE0000;*/
	margin-bottom: 10px;
	background-color: #CCCCCC;
}
.QuickinfoFrame .qsPageHeader {
	background-color: #FFF301;
	font: normal 14px Arial, Helvetica, Verdana;
	font-weight: bold;
	color: #000000;
	padding: 1px 2px 1px 5px;
	margin-bottom: 5px;
}
.QuickinfoFrame .qsArtContent {
	padding: 2px;
	color: #000000;
}
.QuickinfoFrame P { 
	margin: 0px; 
}

/* CALENDAR STYLES */
.SelectCalendarCurrentDayEvent {
	background: #D9F4FF;
	color: #333333;
}

/* Affichage du jour courant*/
.SelectCalendarCurrentDayMonthDisplay {
	text-align: right;
	background: #D9F4FF;
	color: #333333;
}

.SelectCalendarDayEvent {
	color: #333333;
}

/* Affichage d'un jour du mois courant*/
.SelectCalendarDayMonthDisplay {
	text-align: right;
}

/* Affichage d'un jour d'un autre mois */
.SelectCalendarDayOffMonthDisplay {
	text-align: right;
	color: #CCCCCC;
}

/* Monthly Select Calendar for Event Edit */
/* Fond du calendrier */
.SelectCalendarMonthDisplayTable {
	background: #CCCCCC;
}

/* Affichage du mois courant */
.SelectCalendarMonthTxtDisplay {
	padding-bottom: 4px;
	background: #CCCCCC;
}

.SelectCalendarTableBorderTopBtmLeftRight {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}

.SelectCalendarTableBorderTopBtmRight {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.SelectCalendarTableBorderTopLeftRight {
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}

.SelectCalendarTableBorderTopRight {
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

/* Affichage des jours de la semaine */
.SelectCalendarWeeklyDay {
	text-align: center;
	padding-bottom: 5px;
	height: 11px;
	background: LightYellow;
}

/* NEW STYLES FOR EDIT MODE -> move into system style sheet */
.SystemEditFrame {
	padding: 1px;
	width: 100%;
}

.SystemEditFrameHover {
	border: solid 1px #2254B1;
	width: 100%;
}

/* SYSTEM STYLES */

.SystemLink, .SystemLink:link, .SystemLink:visited {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}

.SystemLink:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #999999;
}

.SystemListDetailContent {
	padding-left: 10px;
}

.SystemListDetailTopicFrame {
	width: 180px;
}

.SystemListDetailTopicList {
}

/* System List Header is only used in the NodeTimeList -> More button*/
.SystemListHeader {
	font: normal 14px Arial, Helvetica, Verdana;
	color: white;
	background-color: #333333;
}

.SystemListItem {
}

.SystemListItemContent {
}

.SystemListItemContentHover {
}

.SystemListItemHover {
}

.SystemListItemImage img {
	border: solid 1px black;
}

.SystemListItemImage, .SystemListItemImageHover {
	width: 130;
	padding-top: 5px;
}

.SystemListSummary, .SystemListSummaryHover {
	margin-left: 0px;
	margin-bottom: 10px;
}

.SystemListItemImageHover img {
	border: solid 1px black;
}

/* SystemNodeTypeSection is used to display a section node type*/
.SystemNodeTypeSectionEnd {
	background-color: #cccccc;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	color: Black;
	font-weight: normal;
	font-style: italic;
}

.SystemNodeTypeSectionFrame {
	border: dashed 1px gray;
}

.SystemNodeTypeSectionFrameHover {
	border: solid 1px #2254B1;
	width: 100%;
}

.SystemNodeTypeSectionStart {
	background-color: #cccccc;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	color: Black;
	font-weight: normal;
	font-style: italic;
}

.SystemPageAbout {
	font-size: 9px;
	font-weight: normal;
	padding-right: 4px;
}

.SystemPageAboutBorder {
	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
}

.SystemPageAboutSummary {
	font-size: 11px;
	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
	padding: 5px;
	margin-top: 10px;
}

.SystemPageAdminSessionTitle {
	background: #cccccc;
	padding: 2px 2px 2px 6px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
}

.SystemPageBorder {
	border: solid 0px #cccccc;
	background: white;
}
/*
.SystemPageSession {
	/* width: 50%; */
	height: 60;
	float: left;
	padding-right: 14px;
	padding-left: 20px;
}

.SystemPageSessionAdmin {
	width: 100%;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: White;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=90, FinishOpacity=30, Style=1, StartX=30,  FinishX=100, StartY=0, FinishY=100);
}
.SystemPageSessionAdmin  .SystemPageSessionTitle {
	font-size: 9px;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}

.SystemPageSessionImage {
	float: left;
	padding-right: 5px;
}

.SystemPageSessionLogout {
	width: 50%;
	height: 50;
	float: right;
	margin-right: 0px;
}
*/
.SystemPageSessionResume {
	font-size: 10px;
}

.SystemPageSessionTitle {
	padding-bottom: 2px;
}

.SystemPageTitle {
	border-bottom: ;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: left;
	background: #eeeeee;
	padding: 5px;
}

.SystemPageTitle TD {
	font: normal 14px Arial, Helvetica, Verdana;
	font-size: 14px;
	font-weight:bold;
	color: #000000;	
}

.SystemPageTitle A, .SystemPageTitle A:visited {
	font: normal 14px Arial, Helvetica, Verdana;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
}

.SystemPageAdminSessionTitle TD, .SystemLink, .SystemPageSessionResume, 
.SystemPageSessionResume INPUT, .SystemPageTitle DIV, #LoginForm, 
.SystemPageAbout DIV, .SystemPageAboutSummary TD {
 	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}


/* MAIN LAYOUT */
#MainColCenter {
	vertical-align: top;
	width: 100%;
         height: 90%;
         text-align: left;
         color: #FFFFFF;
}

#MainRowBottom {
         color: #8C8C8C;
	vertical-align: top;
         text-align: left;
         padding: 10px 0px 10px 310px;
}

#MainRowBottom TD {
         color: #8C8C8C;
         text-align: left;
}

#MainRowBottom IMG {
         vertical-align: text-bottom;
}


#MainRowTop {
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
         height: 145px;
}

.tableTop {
         width: 100%;
         height: 110px;
}

.tableTop .col1 {
	vertical-align: top;
         text-align: left;
         padding-top: 45px;
}

.tableTop .col2 {
	vertical-align: top;
         text-align: right;
}

#MainTable {
         width: 985px;
	height: 100%;
         margin-left: auto;
         margin-right: auto;
}
/* This section is to style the Basket */

#ECBasket tHead tr {
	background-color:Blue;
}
#ECBasket tfoot td {
	border-top:solid 1px blue;
}

#ECBasket tr.odd {
	background-color:lightgrey;
}

#ECBasket th {
	font-size:11px;
	text-align:left;
	padding:1px;
	color:White;
}

#ECBasket td {
	padding:1px;
}

#ECBasket .col1 {
	font-weight:bold;
}

#ECBasket .col3, #ECBasket .col4 {
	text-align:right;
}

#ECBasket tfoot .col4 {
	text-align:right;
	font-weight:bold;
}

/* STYLE FOR PAGINATION */

.pagination {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         vertical-align: top;
         width: 100%;
         text-align: right;
         padding: 30px 0px 10px 0px;
}

.pagination .pagelabel, .pagination .firstlast, .pagination .nextprev, .pagination .gotopage, .pagination .current {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         display: inline;
         padding: 1px 5px;
         margin-right: 1px;
         height: 18px;
}


.pagination .gotopage {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         cursor: pointer;
         border: 1px solid #8C8C8C;
         background: #FFFFFF; 
}

.pagination a:hover .gotopage {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         border: 1px solid #CE0000;
}

.pagination .current {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         border: 1px solid #CE0000; 
         font-weight: bold; 
         background: #CE0000; 
         color: #ffffff; 
} 

.pagination A, .pagination A:link, .pagination A:visited {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
         color: #CE0000;
         text-decoration: none; 
}

.pagination A:hover {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}

.pagination a:hover .firstlast, .pagination a:hover .nextprev {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
	cursor: pointer;
         color: #000000;
}

.pagination a:hover .gotopage, .pagination a:hover .gotopage {
	font: normal 14px Arial, Helvetica, Verdana;
         font-size: 11px;
	cursor: pointer;
         color: #CE0000;
         font-weight: bold;
}

/* NEW CSS FOR CAPTCHA CODES */

#imgCaptcha {
         margin-top: 4px;
}

#CaptchaControl {
         margin-bottom: 3px;
}

#CaptchaControl input {
         width: 60px;
         height: 20px;
}

#captcha-control-invalid {
         color: red;
         font-size: 11px;
}

/* --------- SPECIAL CLASSES FOR TABS --------- */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 4px;
    width: 100%;
    background-image: url("/Data/Dataimages/Upload/shadowonglet.png");
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;

}

.ui-tabs-nav a {
    font-weight: bold;
    color: #FFFFFF;
}

.ui-tabs-nav a:hover {
    font-weight: bold;
    color: #CE0000;
}

.ui-tabs-selected a {
    color: #CE0000;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
    float: left;
    margin: 0px 1px 0px 0px; 
}

.ui-tabs-title {
    display: block;
    vertical-align: top;
    width: 200px;
    height: 39px;
    padding: 10px 20px 10px 20px;
    background-image: url("/Data/Dataimages/Upload/bgonglet.png");
    background-position: left top;
    background-repeat: repeat-x;
}

a:hover .ui-tabs-title {
    background-color: #8C8C8C;
}

.ui-tabs-selected .ui-tabs-title {
    display: block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    margin: 0px;
}

.ui-tabs-left, .ui-tabs-right {
    display: none;
}

.ui-tabs-panel {
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
}

.ui-tabs-loading {
    filter: alpha(opacity=50);
    opacity: .5;
}

.ui-tabs-loading .ui-tabs-title em {
    display: none;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* SPECIAL CLASSES FOR SKINS */

.skinDefault {
         width: 100%;
}

.skinDefault .col1 {
         width: 275px;
	text-align: left;
	vertical-align: top;
}

.skinDefaultImage {
         width: 260px;
	text-align: left;
	vertical-align: top;
         border-right: solid 4px #CE0000;
         height: 100px;
}

.skinDefaultImage img {
         width: 240px;
}

.skinDefault .col2 {
         width: 650px;
         padding: 30px;
	text-align: left;
	vertical-align: top;
         background-image: url("/Data/Dataimages/Upload/pix-alpha50.png");
	background-position: left top;
	background-repeat: repeat;
}


/* SPECIAL CLASSES FOR HOME */
#flashzone {
         position: absolute;
         z-index: -1;
         top: 55px;
         width: 985px;
         height: 530px;
}

#flashsound {
         position: absolute;
         z-index: 5;
         top: 60px;
         width: 30px;
         height: 30px;
         margin-left: 450px;
}

#dphHome1 {
         position: absolute;
         z-index: 5;
         top: 175px;
         margin-left: 505px;
         width: 330px;
         height: 70px;
         text-align: left;
         border-left: solid 4px #000000;
         padding-left: 10px;
         padding-bottom: 20px;
         overflow: hidden;
}

#dphHome2 {
         position: absolute;
         z-index: 5;
         top: 410px;
         margin-left: 80px;
         width: 175px;
         height: 60px;
         text-align: right;
         border-right: solid 4px #CE0000;
         padding-right: 10px;
         padding-top: 10px;
         overflow: hidden;
}

.ongletsFrame {
         margin-top: 320px;
         margin-left: 310px;
         margin-bottom: 25px;
         width: 616px;
         height: 170px;
}

.dphdate {
         color: #CE0000;
}

#dphHome1 A, #dphHome1 A:link, #dphHome1 A:visited,
#dphHome2 A, #dphHome2 A:link, #dphHome2 A:visited {
	color: #FFFFFF;
}

#dphHome1 A:hover, #dphHome2 A:hover {
	color: #CE0000;
}

.ouvertureFrame {
         position: absolute;
         z-index: 5;
         top: 215px;
         margin-left: 25px;
         width: 230px;
         height: 200px;
         text-align: right;
         border-right: solid 4px #CE0000;
         padding-right: 10px;
         padding-top: 0px;
         overflow: hidden;
}

.ouvertureTitle {
	font: normal 14px Arial, Helvetica, Verdana;
	color: #FFFFFF;
	text-align: right;
	margin-bottom: 3px;  
}

.ouvertureFrame .qsArtContent {
	color: #000000;
}

.ouvertureFrame .semaine {
	margin-bottom: 3px; 
}

.tabTable {
         width: 610px;
}

.tabTable TD {
         width: 100%;
         vertical-align: top;
         text-align: left;
}

.tabSummary {
         color: #FFFFFF;
         padding: 10px 20px 10px 20px;
}

.tabSummary .qsPageHeader {
	font: normal 14px Arial, Helvetica, Verdana;
         font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 0px;
}

.tabSummary A {
         display: block;
         padding-top: 5px;
}

.tabImage {
         width: 208px;
         height: 119px;
         text-align: center;
         overflow: hidden;

}

.tabImageShadow {
         padding: 0px 4px 4px 4px;
         background-image: url("/Data/Dataimages/Upload/shadowimage.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.tabImageCropper {
         height: 120px;
         overflow: hidden;
}

.tabImage img {
         border: solid 1px #000000;
         width: 200px;
}

.tabMap {
         padding: 0px 4px 4px 4px;
}

.tabMap iframe {
         border: solid 1px #000000;
}

.skinGaleries {
         width: 100%;
}

.skinGaleries TD {
         vertical-align: top;
         text-align: left;
}

.skinGaleriesContent {
         height: 385px;
}

.skinGaleriesBottom {
         padding-left: 310px;
         padding-bottom: 25px;
}

.skinGaleriesBottom .qsPageheader {
         width: 580px;
         margin-bottom: 10px;
}

.skinGaleriesSummary {
         width: 580px;
         color: #FFFFFF;
}