﻿/*
file last modified by: $Author: Gco $
file last modified on: $Modtime: 15/11/11 18:15 $
*/
/* ------------------------------------------------------------------------------------------------------ */
/*                                             graphist elements                                          */
/* ------------------------------------------------------------------------------------------------------ */
body
{
	background: url('images/page-bg.gif');
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}

a
{
	color: #333;
}

a[disabled], *[disabled] a
{
	color: #d9dadb;
}

h1
{
	font-size: 1.6em;
	font-weight: normal;
	color: #000;
	text-align: center;
	margin: 20px 0;
	padding: 0px;
}

h2
{
	font-size: 1.5em;
	font-weight: bold;
	color: #33CC00;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 0px;
}

h2.home
{
	border-bottom-color: #33CC00;
}

h3
{
	color: black;
	font-size: 1.25em;
	background-image: url(images/bulletH3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 0 14px;
	margin: 10px 0;
	font-weight: bold;
}

p a
{
	color: #333;
}

p a:hover
{
	color: red;
}

p a.bis
{
	color: red;
}

a.back:hover, a.next:hover
{
	color: #F00;
}
	
.button, .button1_center a, .button2_center a
{
	padding: 0 25px 0 13px;
	color: white;
}

.button:hover, .button1_center a:hover, .button2_center a:hover
{
	color: red;
}

.titleNI
{


	font-size: 18pt;
	font-family: Arial;

    position: relative;
    left: -20px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*								                  page layout                                             */
/* ------------------------------------------------------------------------------------------------------ */

.header
{
	background: #929293;
	height: 150px; /* header height + lightSpacer + lineHeight */
	background: url('images/bg_top.png') no-repeat;
}

.header a
{
	color: White;
}

.header .leftColumn
{
    width: 332px;
    height: 130px;
    float: left;
    padding-left: 28px;
}

.header .rightColumn
{
    width: 620px;
    height: 130px;
    float: right;
    position: relative;
}

.document .contentWrap .border
{
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                             global layout                                              */
/* ------------------------------------------------------------------------------------------------------ */

.error
{
	color: Red;
}

.controlError
{
	border-color: Red;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                         content header layout                                          */
/* ------------------------------------------------------------------------------------------------------ */

.content .ContentHeaderPanel h2
{
    width: 380px;
}

.content .ContentHeaderPanel h3
{
    width: 366px;
}

.contentFull .ContentHeaderPanel h2
{
    width: 640px;
}
.contentFull .ContentHeaderPanel h3
{
    width: 626px;
}

.PictoTitle_about_us
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_about_us.jpg') no-repeat left top;
}
 
.PictoTitle_access_code
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_access_code.jpg') no-repeat left top;
}
 
.PictoTitle_activation
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_activation.jpg') no-repeat left top;
}
 
.PictoTitle_all_sellers
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_all_sellers.jpg') no-repeat left top;
}
 
.PictoTitle_Bookstore_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Bookstore_Services.jpg') no-repeat left top;
}
 
.PictoTitle_Car_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Car_Services.jpg') no-repeat left top;
}
 
.PictoTitle_cashback_account
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_cashback_account.jpg') no-repeat left top;
}
 
.PictoTitle_CE
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_CE.JPG') no-repeat left top;
}
 
.PictoTitle_claim_form
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_claim_form.jpg') no-repeat left top;
}
 
.PictoTitle_Clock_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Clock_Services.jpg') no-repeat left top;
}
 
.PictoTitle_connections_memo
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_connections_memo.jpg') no-repeat left top;
}
 
.PictoTitle_contact
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_contact.jpg') no-repeat left top;
}
 
.PictoTitle_eurosback
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_eurosback.gif') no-repeat left top;
}
 
.PictoTitle_frequently_asked_questions_non_adheent
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_frequently_asked_questions_non_adheent.jpg') no-repeat left top;
}
 
.PictoTitle_legals_mentions
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_legals_mentions.jpg') no-repeat left top;
}
 
.PictoTitle_login_password
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_login_password.jpg') no-repeat left top;
}
 
.PictoTitle_mail_club
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_mail_club.jpg') no-repeat left top;
}
 
.PictoTitle_member_confirmation
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_member_confirmation.jpg') no-repeat left top;
}
 
.PictoTitle_member_form
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_member_form.jpg') no-repeat left top;
}
 
.PictoTitle_my_favoris
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_my_favoris.jpg') no-repeat left top;
}
 
.PictoTitle_my_green_club
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_my_green_club.gif') no-repeat left top;
}
 
.PictoTitle_our_commitments
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_our_commitments.jpg') no-repeat left top;
}
 
.PictoTitle_partners
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_partners.jpg') no-repeat left top;
}
 
.PictoTitle_personal_data_protection
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_personal_data_protection.jpg') no-repeat left top;
}
 
.PictoTitle_personal_informations
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_personal_informations.jpg') no-repeat left top;
}
 
.PictoTitle_Photo_Services2
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Photo_Services2.jpg') no-repeat left top;
}
 
.PictoTitle_PilesPhoto_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_PilesPhoto_Services.jpg') no-repeat left top;
}
 
.PictoTitle_pp_account
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_pp_account.jpg') no-repeat left top;
}
 
.PictoTitle_preferences
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_preferences.jpg') no-repeat left top;
}
 
.PictoTitle_privileges_services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_privileges_services.jpg') no-repeat left top;
}
 
.PictoTitle_privilege_jackpot
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_privilege_jackpot.jpg') no-repeat left top;
}
 
.PictoTitle_purchase_memo
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_purchase_memo.jpg') no-repeat left top;
}
 
.PictoTitle_relations_members
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_relations_members.jpg') no-repeat left top;
}
 
.PictoTitle_shop_privilege
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_shop_privilege.jpg') no-repeat left top;
}
 
.PictoTitle_Show_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Show_Services.jpg') no-repeat left top;
}
 
.PictoTitle_sponsorships
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_sponsorships.jpg') no-repeat left top;
}
 
.PictoTitle_terms_of_use
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_terms_of_use.jpg') no-repeat left top;
}
 
.PictoTitle_testimonials
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_testimonials.jpg') no-repeat left top;
}
 
.PictoTitle_Ucpa_Services
{
	width: 120px;
	height: 95px;
	background: transparent url('images/PictoTitle_Ucpa_Services.jpg') no-repeat left top;
}
 
 





/* ------------------------------------------------------------------------------------------------------ */
/*                                               menu layout                                              */
/* ------------------------------------------------------------------------------------------------------ */

.menuElementDiv, .menuElementDivHover
{
	width: 140px;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

.menuElementDiv .menuElement, .menuElementDivHover .menuElement
{
	width: 140px;
	color: #FFFFFF;
}

.menuElementDiv
{
	background: url("images/nav-bg-normal.png");
}

.menuElementDivHover
{
	background: url("images/nav-bg-hover.png");
}

.menuElementHome
{
    width: 43px;
}

.menuElementHome > .menuElement
{
    width: 43px;
    text-align: center;
    height: 23px;
    padding-top: 7px;
    padding-bottom: 6px;
    display:block;
}

.menuElementCashBack
{
    width: 188px;
}

.menuElementCashBack > .menuElement
{
    width: 188px;
}

.menuElementMailBox
{
    width: 189px;
}

.menuElementMailBox > .menuElement
{
    width: 189px;
}

.menu .menuLastElement
{
	width: 142px;
	border: 1px solid #666666;
}

.menu .menuSubPanel
{
	display: none;
	width: 200px; /* graphist remove that */
	background-color: #CCCCCC;
}

.menuSubPanel .menuSubElement, .menuSubPanel .menuSubElement:hover
{
	display: block;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	font-size: 13px;
	width: 180px; /* graphist remove that */
}

.menuSubPanel .menuSubElement
{
	color: #333333;
}

.menuSubPanel .menuSubElement:hover
{
	color: #FFFFFF;
	background-color: #999999;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                             menu specific element                                      */
/* ------------------------------------------------------------------------------------------------------ */
.new {
background: url('images/icone_new.gif') no-repeat;
background-position:center right;
}
.menu .menuSubPanelPP
{
    width: 190px;
}

.menuSubPanelPP .menuSubElement, .menuSubPanelPP .menuSubElement:hover
{
	width: 170px;
}

.menu .menuSubPanelCashBack
{
    width: 270px;
}

.menuSubPanelCashBack .menuSubElement, .menuSubPanelCashBack .menuSubElement:hover
{
	width: 250px;
}

.menu .menuSubPanelServices
{
	width: 270px;
}

.menuSubPanelServices .menuSubElement,.menuSubPanelServices .menuSubElement:hover
{
	width: 250px;
}

.menu .menuSubPanelMailbox
{
	width: 220px;
}

.menuSubPanelMailbox .menuSubElement,.menuSubPanelMailbox .menuSubElement:hover
{
	width: 200px;
}

.menu .menuSubPanelFavorite
{
	width: 220px;
}

.menuSubPanelFavorite .menuSubElement,.menuSubPanelFavorite .menuSubElement:hover
{
	width: 200px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                                search layout                                           */
/* ------------------------------------------------------------------------------------------------------ */

.search
{
	background: white url('images/search-bg.jpg') no-repeat 4px 0;
	border: solid 1px #CCCCCC;
}

.search span.first
{
	color: Red;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                       WucUniverseMenu.ascx layout                                      */
/* ------------------------------------------------------------------------------------------------------ */

.universeMenu .body
{
	background: url('images/universe-bg.png') repeat-y;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.universeMenu .wucUniverseMenuAll,.universeMenu  .wucUniverseMenuAll:hover
{
	color: red;
    background: url('images/bulletH3.gif') no-repeat 12px 0px;
}

.universeElement, .universeElementHover
{
	color: #666666;
}

.universeElementHover
{
	background-color: #CCCCCC;
	color: #FFFFFF;
}

.segmentsPanel
{
	background: #CCCCCC;
	width: 240px;
}

.segmentElement, .segmentElement:hover
{
	background: #CCCCCC;
	color: #666666;
}

.segmentElement:hover
{
	color: #FFFFFF;
	background-color: #999999;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                             MpMainBase.master                                          */
/* ------------------------------------------------------------------------------------------------------ */

/* Connect/Disconnect*/

.connect
{
    font-size:10px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                             NmpMainFull.master                                          */
/* ------------------------------------------------------------------------------------------------------ */

.mySpace .header
{
    color: #FF6600;
}

.mySpace .name
{
    color: #33CC00;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                               footer layout                                            */
/* ------------------------------------------------------------------------------------------------------ */
.footer
{
    border: solid 1px #CCCCCC;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                              Default.aspx layout                                       */
/* ------------------------------------------------------------------------------------------------------ */

.homeImportant, .linkBody
{
    color: #FF6600;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                                 table layout                                           */
/* ------------------------------------------------------------------------------------------------------ */
table.Data
{
	border-color: Black;
}

table.Data th a, table.Data tr.DataSecondTitle, table.Data td.DataSecondTitle, table.Data th.DataSecondTitle
{
    background-color: #FF5200;
}

/* ------------------------- */
/*  Generic accordion style  */
/* ------------------------- */

.AccordionHeader
{
	color: #140040;
}

/* ------------------------- */
/*  Seller accordion style  */
/* ------------------------- */

.SellerAccordionHeader a:hover
{
    color: #d11f39;
}

.SellerAccordionHeaderSelected
{
	color: Red;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                        WF_WebMail.aspx layout                                          */
/* ------------------------------------------------------------------------------------------------------ */

.WebMailSelectedTab
{
    background: #FF5200;
}

.mailPopin
{
    background: #BBE0E3;
}

/* ------------------------------------------------------------------------------------------------------ */
/*                                                 defaultNi                                              */
/* ------------------------------------------------------------------------------------------------------ */

.homePopin .buttonBar .tab1,
.homePopin .buttonBar .tab5
{
    width: 175px;
}

.homePopin .buttonBar .tab2,
.homePopin .buttonBar .tab3
{
    width: 182px;
}

.homePopin .buttonBar .tab4
{
    width: 196px;
}

