html,body{height: 100%}
body 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;
	background-image: url(../images/layout/fd_body.gif); background-repeat: repeat;
	margin: 0; padding: 0; text-align: center; 
}

#masterTemplate { width: 760px; margin: 12px auto 0 }
#masterContent { position: relative; background-color: white; border-radius: 0 0 15px 15px; box-shadow: 0 5px 5px rgba(34, 57, 92, 1);text-align: justify; min-height: 769px; min-width: fit-content; }
#masterHeader { position: relative }
#masterNavigation { position: absolute; top: 188px; width: 100% }
#masterNavigation div { float: right; padding-right: 4px }
#masterTable { border-collapse: collapse }
.masterMenu { padding: 15px 0 0 15px; vertical-align: top }
.masterMenu div { float: left  }
.masterMenu table {margin-bottom: 12px}
#masterPartial { padding: 15px 30px; margin-top: 0; vertical-align: top }
#masterAdvertising { position: absolute; left: 760px; top: 154px }
#masterFooter { margin-top: 12px }
#masterFooter div:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) { float: left; height: 100% }
#masterFooter div:nth-last-child(3) { float: right; margin: 0 5px }
#masterFooter div:nth-last-child(2) { float: right; margin: 0 5px }
.menuImage,.menuImageSmall { margin: 4px 4px }
.menuImage img { margin: 4px }
.menuImageSmall img { margin: 6px }

a { white-space: nowrap }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #09367E; font-weight: normal; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5191D1; }

td.fdcontent { background-color: #FFFFFF; color: #000000; margin: 0; padding: 15px; text-align: justify; vertical-align:top; }
td.fdcontent2 { background-color: #FFFFFF; color: #000000; margin: 0; padding: 15px 30px 15px 15px; text-align: justify; vertical-align:top; }
td.generalcontent { background-color: #FFFFFF; color: #000000; width: 760px; }


/* INTRANET */
table.IntranetSearchForm { width:100%; }
table.IntranetSearchForm input[type=text] { width: 200px; } 

div.Intranet_Navigation_Panel { padding-right:10px; margin: 0 0 5px 0; text-align:right; }
div.Intranet_User_Panel { float: left; }
div.Intranet_Environment_Panel { text-align: right; padding-right: 10px; }
table.Intranet_Grid_Search_Contract { width: 100%; margin-top: 15px; margin-bottom: 15px; table-layout:fixed; }
tr.Intranet_Grid_Search_Contract_Row { font-size:small; background-color:White; }
tr.Intranet_Grid_Search_Contract_Row_Closed { font-size:small; background-color:White; color:Red; }
tr.Intranet_Grid_Search_Contract_Row_AlternateRow {  font-size:small; background-color: #DCDCDC; }
tr.Intranet_Grid_Search_Contract_Row_AlternateRow_Closed {  font-size:small; background-color: #DCDCDC; color:Red; }
tr.Intranet_Grid_Search_Contract_Header { color: yellow; background-color: #083781; text-align: left; height:12px; font-size:x-small; }
tr.Intranet_Grid_Search_Contract_Footer { color: yellow; background-color: #083781; text-align: left; height:15px; }
tr.Intranet_Grid_Search_Contract_Footer a { color:yellow; }
table.Intranet_Grid_Search_Contract td.Contract, table.Intranet_Grid_Search_Contract th.Header_Contract { width: 10%; }
/*table.Intranet_Grid_Search_Contract td.PCard, table.Intranet_Grid_Search_Contract th.Header_PCard { padding:0px 0px 0px 8px; width: 20%;}*/
table.Intranet_Grid_Search_Contract td.LastName, table.Intranet_Grid_Search_Contract th.Header_LastName { padding:0 0 0 8px; }
table.Intranet_Grid_Search_Contract td.FirstName, table.Intranet_Grid_Search_Contract th.Header_FirstName { padding:0 0 0 8px; }
table.Intranet_Grid_Search_Contract td.ZipCode, table.Intranet_Grid_Search_Contract th.Header_ZipCode { padding:0 0 0 8px; width: 15%; }
table.Intranet_Grid_Search_Contract td.Birthdate, table.Intranet_Grid_Search_Contract th.Header_Birthdate { width: 15%; }

div.HeaderIntranet { padding-left:15px; font-size:larger; font-weight: bold; color:#083781; margin:10px 0 0 0; border-bottom:1px solid #DCDCDC; height:40px; }
div.IntranetSearchPanel { width: 710px; margin-top: 10px; margin-bottom: 10px; }
/* FIN INTRANET */


/* ACCOUNT */
table.TableAccount, table.TableInitAccount { width:100%; }
table.TableInitAccount input[type=submit] { width:250px; }
table.TableInitAccount input[type=text], table.TableInitAccount input[type=password], table.TableAccount input[type=text], table.TableAccount input[type=password] { width:200px; }
div.Private_Sent_Transactions_Panel, div.Private_Refused_Transactions_Panel, div.Private_Accepted_Transactions_Panel  { margin-bottom: 10px; margin-top: 10px; }
table.Private_Grid_History_Summary { border-style:none; color: yellow; background-color: #083781; text-align: left; width: 100%; margin-top:5px; }
table.Private_Grid_History { border-style:none; width:100%; margin-bottom: 10px; }
table.Private_Grid_History td.Parking, th.Header_Parking { width: 20%; padding-right: 5px; }
table.Private_Grid_History td.DateIn, th.Header_DateIn { width: 22%; white-space: nowrap; padding: 0 5px }
table.Private_Grid_History td.DateOut, th.Header_DateOut { width: 22%; white-space: nowrap; padding: 0 5px }
table.Private_Grid_History td.Amount, th.Header_Amount{ width: 12%; white-space: nowrap; padding: 0 5px }
table.Private_Grid_History td.Service, th.Header_Service { width: 20%; }

table.Private_Grid_History tbody tr:not(:first-child):nth-child(2n) {border-style:none; font-size:x-small; background-color:White;}
table.Private_Grid_History tbody tr:not(:first-child):nth-child(2n + 1) {border-style:none; font-size:x-small; background-color: #F5F5DC;}

tr.Private_Grid_History_Header { border-style:none; background-color:#CCCCCC; text-align: left; height:12px; }
tr.Private_Grid_History_Footer { border:1px double black; text-align: left; height:15px;}
tr.Private_Grid_History_Footer a { }
span.Private_Tnx_Type_Header { margin-bottom: 10px; display:block; }
table.Private_Grid_Waiting_Tnx { width: 100%; }

div.Private_Refused_Transactions_Panel tr.Private_Grid_History_Row { border-style:none; font-size:x-small; background-color:White; color: Red; }
div.Private_Refused_Transactions_Panel tr.Private_Grid_History_AlternateRow { border-style:none; font-size:x-small; background-color:#F5F5DC; color: Red; }

.DiscountPrice { color: Green; font-size:x-small;}

div.total_Amount_Transactions
{
    display: none;
}


/* FIN ACCOUNT */

/* HOMEPAGE */
table#services { border:1px solid black; border-collapse:collapse; width:60%; }
table#services thead#serviceLocator { background-color: #B0C4DE; font-weight:bold; }
/* FIN HOMEPAGE */
    
    
/* P CARD */
div#payments { margin: 10px auto 10px auto; width:35%; }
table#pcardImage { width:100%; margin-bottom:10px; }
table#pcardImage td#txtCell { padding-right:20px; vertical-align:top; }

div#pcardHowto { border:1px solid black; color: #083781; margin-top:15px; padding:5px; }
div#pcardPros { background-color: #244061; color:White; margin-top:15px; padding:5px; }
div#pcardPros li {margin-bottom:10px; }

div#pcardPartners { margin-top:15px;   }
table#partners { border:1px solid black; border-collapse:collapse; margin-top:5px; width:100%; }
table#partners thead { background-color: #B0C4DE; font-weight:bold; }

table#partners_ondemand {border:1px solid black; border-collapse:collapse; margin-top:5px; width:100%; }
table#partners_ondemand thead { background-color: #B0C4DE; font-weight:bold; }

div#subscriptionType { margin-left:auto; margin-right:auto; padding-left:5px; text-align:left; }
div.command { margin-top:20px; text-align:right; }

table.InvoiceSummary { width: 50%; margin-left:15px; }
/* FIN P CARD */


/* PRIVATE */
div.PanelBanner { width: 100%; text-align:center; }
div#PanelNavigationLinks { margin-bottom:10px; }
div.PaymentWarning { background-color: #FCECAE; color: red; margin: 10px 0; padding: 10px 5px 10px 5px; }
/* FIN PRIVATE */

/* PRIVATE SUBSCRIPTION */
table.WizardAffiliation { width:100%; margin-left:auto; margin-right:auto; }
table.Private_Subscription_Table_Customer { background-color: #e8e8e8; width:100%; }
table.Private_Subscription_Table_Customer td { padding-left: 5px;}
table.Private_Subscription_Table_Customer input[type=text], .Private_Subscription_Table_User input[type=text] { width:230px; }
table.Private_Subscription_Table_User { background-color: #f8eec5; width:100%; }
table.Private_Subscription_Table_User td { padding-left: 5px; }
table.Private_Subscription_Summary_Customer { background-color: #e8e8e8; width: 500px; }
table.Private_Subscription_Summary_User { background-color: #f8eec5; width: 500px; }
table.Private_Subscription_Conditions { width: 500px; }
table.Private_Subscription_Condition_Table { width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #083781; }
table.Private_Subscription_Panel_Partner { }
div.Subscription_Payment_Panel, div.Account_Payment_Panel { margin-bottom: 15px; margin-top: 15px; text-align:center; }
div.Subscription_Payment_Panel label, div.Account_Payment_Panel label { padding-left: 5px; }
div.Subscription_Payment_Panel input, div.Account_Payment_Panel input { margin-left: 15px; margin-bottom: 5px; }
div.Subscription_Payment_Panel span, div.Account_Payment_Panel span   { }
div.PanelOctaVIP { padding-left:10px; }
td.NoWrap { white-space:nowrap; }
span.DateFormat { font-size: 8px; }
/* FIN PRIVATE SUBSCRIPTION */


/* CORPORATE */
div.InvoiceCardNumber { float:left; padding-right : 20px; }
div.InvoiceCardUser { }
div.InvoiceDetails { margin-top : 5px;  margin-bottom:15px; }
div.InvoiceTotal { margin-top : 5px; }
table.CorporateLogin { margin-top: 10px; margin-bottom: 10px; width:100%; }
table.CustomerInfos { width:100%; margin-bottom:20px; }
table.CustomerInfos td { vertical-align:top; padding: 0; }
td.CustomerInfosRightCell { text-align:right; width:50%; }
div.subType { padding-left:15px; margin-top:10px; }
span.subCategory { font-weight:bold; }
span.Category { font-weight:bold; }
li.arrow { margin-top:5px; list-style-image: url(../images/content/whiteArrow.gif); }
/* FIN CORPORATE */


/* COMMERCANTS */
#nowWithPcard { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #AEB2CF; margin: 0; padding: 10px 5px }
div.GratSearchPanel { margin-top: 25px; }
div.NavigationPanel { width:100%; margin-top: 20px; }
div.NavigationPanel table { width:100%; }
td.NavigationLeftCell { text-align:left; }
td.NavigationRightCell { text-align:right; }
td.NavigationRightCell a:link, a:hover, a:visited, a:active { color:Blue; }
/* FIN COMMERCANTS */


/* PARK & VOUCHER */
table#parkVoucher { width:100%; margin-top:15px; }
table#parkVoucher thead { text-align:center; font-weight:bold; }
table#parkVoucher td.rightBorder, thead.rightBorder { border-right:1px solid black; padding-right:6px; vertical-align:top; padding-top:10px; }
table#parkVoucher td.leftPadded {padding-left:6px; vertical-align:top; padding-top:10px; }
table#parkVoucher td#parkShopImg {border-right:1px solid black; text-align:center; }
table#parkVoucher td#parkGuestImg { text-align:center; }
/* FIN  PARK & VOUCHER */


/* PARTENAIRES */
#fleetwashPrice { margin-top: 0; }
#octaPros { border:1px solid black; color: #083781; margin-top:15px; padding:5px; }
/* FIN PARTENAIRES */


/* FAQ */
p.FaqTitle { font-weight: bold; font-style:italic; color: #083781; }
li.Faq { list-style-image: url(../images/content/bloc.gif); margin-bottom:15px; }
/* FIN FAQ */


/* TEXT LAYOUT */
span.pcard { font-weight:bold; }
span.underline { text-decoration: underline; }
span.bold { font-weight:bold; }
div.centered { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
div.CenteredText, p.CenteredText { text-align:center; }

.bleublod { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #083781; }
.activecrumb { font-weight:bold ; text-decoration: underline; }
.inactivecrumb { }
/* FIN TEXT LAYOUT */


/* MASTER PAGE LAYOUT */
.ombrega { background-image: url(../images/layout/ombre_ga.gif); background-repeat: repeat-y; background-position: right top; }
.ombredr { background-image: url(../images/layout/ombre_dr.gif); background-repeat: repeat-y; background-position: left top;  }
.ombrebg { background-image: url(../images/layout/ombre_bg.gif); background-repeat: no-repeat; background-position: right top;}
.backgroundMenu { background-image:url(../images/layout/icones.gif); background-position:center center; background-repeat:no-repeat; height:23px; width:19px; }

#upperLeftCorner { background-image: url('../images/layout/coin_hg.gif'); background-position:center center; background-repeat:no-repeat; height:15px; width:15px; }
#upperRightCorner { background-image: url('../images/layout/coin_hd.gif'); background-position:center center; background-repeat:no-repeat;  height:15px; width:15px; }
#footerBackground { background-image: url('../images/layout/foot.gif'); background-position:center center; background-repeat:no-repeat; height:24px; width:760px; }
#subFooter { width:100%; }

.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #9CAFCC; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; margin: 0 10px 0 5px; }
a.footer:link, a.footer:hover, a.footer:active, a.footer:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #9CAFCC; margin: 0 10px 0 5px; text-decoration: none; }
a.footerHover:hover { color: #FFFFFF; }
#AdvertRight { background-image: url('../images/Servipark-contipark.jpg');background-position: center top; background-repeat: no-repeat;height: 600px; width: 200px;vertical-align: top; }
/* FIN MASTER PAGE LAYOUT */


/* GRIDVIEWS (corporate, commercant, voucher) */
tr.GridViewHeader { background-color: #083781; font-size:xx-small; color: yellow; text-align: center; height:15px; }
tr.GridViewAlternateRow { background-color: #DCDCDC; font-size:xx-small; }
tr.GridViewRow { font-size:xx-small; background-color:White; }
tr.GridViewFooter { background-color: #083781; font-size:smaller; color: yellow; text-align: left; height:15px; }
tr.GridViewFooter a { color:yellow; }
/* FIN  GRIDVIEWS */


/* SUBSCRIPTION TABLES (corporate, commercant, voucher) */
table.subscriptionTable { width:100%; }
table.subscriptionTable td.left { text-align:left; vertical-align:middle; }
table.subscriptionTable td.right { text-align:right; vertical-align:middle; width:240px; }
table.subscriptionTable input[type=text], table.subscriptionTable textarea { width:240px; }
table.subscriptionTable td.comment { vertical-align:top; }

td#fuelCard { text-align:right; width:240px; }
td#fuelCard input { width:185px; }
/* FIN SUBSCRIPTION TABLES */


/* COULEURS */
.aplatjaune { color: #000000; background-color: #FCECAE; margin: 0; padding: 10px 5px 10px 5px; }
.aplatjaune li { list-style-position: outside; list-style-image: url(../images/content/shopping/fl_fdjaune.gif); list-style-type: none; padding-left: 5px; padding-bottom: 5px; margin: 0; }
.aplatbleu { padding: 10px 5px 10px 5px; margin-left:auto; }
.aplatbleu li { list-style-image: url(../images/content/shopping/fl_fdbleu.gif); list-style-type: none; list-style-position: outside; padding-bottom: 5px; padding-left: 5px; margin: 0; }
.aplatbleufonce { color: #FFFFFF; background-color: #083781; margin: 0; padding: 25px 15px; font-weight: bold; }
.aplatbleufonce h1 { font-size: 12px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; }
.aplatbleufonce li { padding-bottom: 5px; list-style-type: decimal; list-style-image: none; padding-left: 5px; margin: 0; }
a.aplatbleufonce:link, a.aplatbleufonce:hover, a.aplatbleufonce:active, a.aplatbleufonce:visited { color: #FFFFFF; margin: 0; padding: 0; font-weight: bold; text-decoration: none; }
a.aplatbleufonce:hover { color: #FCC200; }
/* FIN COULEURS */


div.vSummary, p.vSummary { border: 1px solid orange; color: #000000; background-color: #FCECAE; margin: 0 0 10px 0; padding: 10px 5px 10px 5px; }
div.MessagePanel { background-color: #FCECAE; margin: 10px 0; padding: 10px 5px 10px 5px; border: 1px solid orange; }

/* ERROR PAGES */
div#errorContentPanel { width:65%; margin:0 auto; }
div#errorContentPanel h1 { color:Red; font-size:large; font-weight:normal; }
div#errorContentPanel h2 { color:Gray; font-weight: normal; }

/* IMPRESSUM */
#impressumDetails { border-spacing: 5px 15px }
#impressumDetails td { vertical-align: top; padding: 0; text-align: initial }

/* DATENSCHUTZ */
.datenschutzTitle { margin-bottom: 5px; margin-top: 20px; font-weight: bold }
.datenschutzSection { margin-bottom: 5px; margin-top: 12px; font-weight: bold }
.dateschutztext { margin-top: 5px }