/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*************/
body {
    background:#525254 url(/Images/bgBody.gif) repeat-x top left;
    font-size:14px;
    font-family:Arial, Verdana, Sans-Serif;
    color:#FFFFFF;
}

a { text-decoration:none; color:#66af25; }
a:hover { text-decoration:underline; color:#FFFFFF; }

#Container {
    position:relative;
    width:998px;
    min-height:600px;
    height:600px;
    margin:0 auto;
    background:url(/Images/bgContainer.jpg) no-repeat top left;
}

#LeftColumn {
    position:absolute;
    left:0;
    top:0;
    width:272px;
    height:600px;
    background:url(/Images/bgLeftColumn.jpg) no-repeat top left;
}

#Content {
    position:relative;
    margin-left:272px;
    width:726px;
}

#Header {

    height:100px;
    background:url(/Images/bgHeader.jpg) no-repeat top left;
}

#Contact 
{
    position:absolute; top:32px; right:0px; padding:5px; text-align:right; width:400px; font-size:12px; font-weight:bold;
}

#Navigation_Client 
{
    position:absolute;
    top:10px;
    right:0;
    font-size:0.80em;
}

#Navigation_Client a
{
    color:#FFFFFF;
}

#Navigation {
    height:30px;
    padding-top:8px;
    background:url(/Images/Navigation.gif) no-repeat top left;
}

#Navigation li {
    float:left;
}


#MainContent {
    padding:5px 10px 5px 10px;
    min-height:400px;
}

#Footer {
    margin-left:272px;
    margin-top:20px;
    width:726px;
    font-size:0.75em;
    text-align:center;
    line-height:1.6em;

}

#Footer a { text-decoration:none; color:#FFFFFF; }
#Footer a:hover { text-decoration:underline; color:#66af25; }

#Footer2 {
    margin-left:298px;
    margin-top:20px;
    margin-bottom:20px;
    width:640px;
    font-size:0.75em;
    line-height:1.4em;
    text-align:justify;
    border:solid 1px #666666;
    background-color:#333333;
    padding:10px;
}

.ContentBox {
    padding:5px;
    border:solid 1px #66af25;
}

.Green { color:#66af25; }

h1.PageTitle 
{
    clear:left;
    margin-top:8px;
    margin-bottom:10px;
    text-indent:1em;
    font-size:1.3em;
    text-transform:uppercase;
    font-weight:normal;
}

h2
{
    clear:left;
    color:#66af25;
    margin-top:6px;
    margin-bottom:8px;
    font-size:1.2em;
    text-transform:uppercase;
}

h3
{
    clear:left;
    color:#66af25;
    margin-top:4px;
    margin-bottom:6px;
    font-size:1em;
    text-transform:uppercase;
}

h4
{
    clear:left;
    color:#CCCCCC;
    margin-top:4px;
    margin-bottom:2px;
    font-size:1em;
    text-decoration:underline;
}

.pnlWaitBackground {
    background-image:url(/Images/opacity70.png);
    position:absolute;
    top:-2px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999;
    cursor:wait;
}

.pnlWaitMsg {
    width:240px;
    margin:auto;
    margin-top:140px;
    padding:20px;
    background-color:#353535;
    border:solid 1px #333333;
    text-align:center;
    cursor:wait;
}

.ReservationDetailsPanel { padding:4px; border:solid 1px #66af25; color:#FFFFFF; background-color:#336600; margin:4px; }
.ErrorPanel { padding:4px; border:solid 1px #000000; color:#FFFFFF; background-color:#CC0000; font-weight:bold; margin:4px; }
.Error { display:inline-block; color:#CC0000; font-weight:bold; }

p { margin:2px 0 4px 0; }

/*Formulaire*/
.disabled {color:#CCCCCC;}
input[type=checkbox] { padding:2px; margin:2px; }
input[type=text], input[type=password], select, textarea { display:inline-block; margin-bottom:5px; width:194px; }
input[type=button], input[type=submit], input[type=image] { display:inline-block; margin:auto; font-size:1em; vertical-align:middle; padding:1px; }
select { width:200px; padding:1px; }
textarea { height:80px; }
input.FieldDate { width:66px; }
select.FieldTime { width:70px; }
label { font-size:1em; }
.ActionButton { text-align:right; margin-top:4px;padding-right:5px; }

.FormA label { display:block; line-height:1.2em; margin-left:2px; }
.FormB label { float:left; width:72px; display:block; text-align:left; line-height:2em; margin-right:5px; }
.FormB .ValidatorError { display:inline-block; }

.FormC label { width:auto; display:inline; }

/*
.FormDateTime { height:24px; }
.FormDateTime label { float:left; width:auto; margin-left:5px; margin-right:5px; }
.FormDateTime select { float:left; width:44px; }
.FormDateTime input[type=text] { float:left; width:66px; }*/

.FormGroup { height:24px; display:block; }
.FormGroup label { float:left; width:auto; margin-left:5px; margin-right:5px; }
.FormGroup input[type=text] { float:left; }
.FormGroup input[type=radio], .FormGroup input[type=checkbox] { float:left; padding:2px; margin:2px; }

/*label.FieldCP { }
input.FieldCP { float:left; width:40px; }
label.FieldCity { float:left; width:auto; margin-left:9px; margin-right:5px; }
input.FieldCity { width:140px; }*/
input.FieldCP { width:40px; }
input.FieldCity { width:140px; }

/*Général*/
.PageContent { width:680px; margin:auto;  }
.PageContent ul, .PageContent li { list-style-type:square; list-style-position:outside; margin-left:10px;}
.PageContent li { margin-bottom:2px;}
.PageBoxTop { width:670px; height:2px; margin-top:10px; background-image:url(/Images/bgPageBaseTop.png);  background-position:left top; background-repeat:no-repeat; }
.PageBox { position:relative; width:655px; min-height:329px; padding-left:5px; padding-top:5px; padding-right:10px; padding-bottom:20px; background-image:url(/Images/bgPageBase.png);  background-position:left top; background-repeat:repeat-y; font-size:0.75em; line-height:1.4em; }
.PageBoxBottom { width:670px; height:6px; background-image:url(/Images/bgPageBaseBottom.png);  background-position:left bottom; background-repeat:no-repeat; }

/*Page Home*/
.Home { }
.HomeBox { float:left; width:488px; height:255px; margin-top:10px; margin-right:10px; padding:4px; padding-top:22px; padding-right:8px; background-image:url(/Images/bgHomeBox.png);  background-position:left top; background-repeat:no-repeat; font-size:0.8em; text-indent:0.4em; line-height:1.4em; }

/*Page Services*/
.Services { }
.ServicesBox { width:174px; margin-left:10px; padding:4px; padding-left:25px; padding-right:16px; padding-top:83px; height:317px; background-position:left top; background-repeat:no-repeat; float:left; font-size:0.75em; text-indent:12px; line-height:1.3em; text-align:justify; }
.ServicesBox_City { background-image:url(/Images/bgServices_FormuleCity.png); }
.ServicesBox_Prestige { background-image:url(/Images/bgServices_FormulePrestige.png); }
.ServicesBox_EasyRider { background-image:url(/Images/bgServices_FormuleEasyRider.png); }
.ServicesBox_Evasion { background-image:url(/Images/bgServices_FormuleEvasion.png); }

/*Page Equipement*/
.Equipement { }
.EquipementBox { width:417px; height:559px; margin-top:10px; padding-left:5px; padding-top:5px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgEquipement.png); background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.4em; }

/*Page Abonnements*/
.Abonnement { }
.AbonnementHeadBox { width:655px; height:89px; padding-left:5px; padding-top:5px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgAbonnementBox.png);  background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.2em; }
.AbonnementBox { float:left; width:315px; height:157px; margin-top:10px; margin-right:10px; padding-left:5px; padding-top:27px; padding-right:10px; padding-bottom:10px; background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.2em; }
.AboElite { background-image:url(/Images/bgAbo_Elite.png); }
.AboElite h3 { color:#eb613c; }
.AboSilver { background-image:url(/Images/bgAbo_Silver.png); }
.AboSilver h3 { color:#aeaeae; }
.AboGold { background-image:url(/Images/bgAbo_Gold.png); height:237px; }
.AboGold h3 { color:#eec41c; }
.AboPlatinium { background-image:url(/Images/bgAbo_Platinium.png); height:237px; }
.AboPlatinium h3 { color:#b0e2f9; }

/*Page Contact*/
.Contact { }
.Contact label { font-size:1.1em; }

/*Page Tarifs*/
.Tarifs { position:relative; height:500px; }
.Tarifs_SimuBox {position:absolute; top:24px; left:0px; width:315px; height:177px; margin-top:10px; padding-left:5px; padding-top:27px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgTarifs_Simu.png); background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.4em; }
.Tarifs_SimuBox .pnlTarifs { width:300px; margin:auto; margin-top:-12px; padding:2px; }
.Tarifs_SimuBox .pnlTarifs table { width:100%; border:solid 1px #333333; font-size:1.2em; }
.Tarifs_SimuBox .pnlTarifs th { padding:2px; text-align:left; font-weight:bold; border-bottom:solid 1px #333333; }
.Tarifs_SimuBox .pnlTarifs td { padding:2px; text-align:center; font-weight:bold; width:48px; border-bottom:solid 1px #333333; color:#FFFFFF;} /* background-color:#444444; color:#66af25;*/
.Tarifs_SimuBox .pnlError { width:300px; margin:auto; margin-top:4px; text-align:center; font-size:1.1em; }
.Tarifs_NosTarifsBox {position:absolute; top:24px; right:0px; width:320px; height:182px; margin-top:10px; padding-left:4px; padding-top:22px; padding-right:6px; padding-bottom:10px; background-image:url(/Images/bgTarifs_NosTarifs.png); background-position:left top; background-repeat:no-repeat; font-size:0.65em; line-height:1.4em; }
/*.Tarifs_NosTarifsBox {position:absolute; top:244px; left:0px; width:320px; height:182px; margin-top:10px; padding-left:4px; padding-top:22px; padding-right:6px; padding-bottom:10px; background-image:url(/Images/bgTarifs_NosTarifs.png); background-position:left top; background-repeat:no-repeat; font-size:0.65em; line-height:1.4em; }*/
/*.Tarifs_ResaBox {position:absolute; top:24px; right:0px; width:315px; height:404px; margin-top:10px; padding-left:5px; padding-top:22px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgTarifs_Resa.png); background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.4em; }*/
.Tarifs_PaiementBox {position:absolute; top:244px; left:0px; width:415px; height:232px; margin-top:10px; padding-left:5px; padding-top:22px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgTarifs_Paiement.png); background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.3em; text-align:justify; }
.Tarifs_CGVBox {position:absolute; top:244px; right:0px; width:215px; height:232px; margin-top:10px; padding-left:5px; padding-top:22px; padding-right:10px; padding-bottom:10px; background-image:url(/Images/bgTarifs_CGV.png); background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.3em; text-align:justify; }
/*top:464px;*/

/* Modules */
.ModuleBox { float:left; width:148px; height:151px; margin-top:10px; margin-right:10px; padding:6px; padding-top:24px; padding-right:6px; background-repeat:no-repeat; background-position:left top; background-repeat:no-repeat; font-size:0.75em; line-height:1.4em; }
.ModuleBox label { font-size:0.9em; }

.CityBird { width:669px; height:85px; float:left; }
.SimulateurTarifsModule { width:320px; background-image:url(/Images/bgBoxSimulateurTarifs.png); }
.LoginModule { background-image:url(/Images/bgBoxLogin.png); }
.LoginModule input[type=text], .LoginModule input[type=password] { width:138px; }

.ActuModule { width:660px; height:70px; background-image:url(/Images/bgActuBox.png); }
.ConfidentielModule { margin-right:0; background-image:url(/Images/bgBoxConfidentiel.png); }
.EquipementModule { margin-right:0; height:255px; background-image:url(/Images/bgBoxEquipement.png); }

.TExempleTarifs { font-size:1.05em; width:100%; }
.TExempleTarifs th { border-bottom:solid 1px #CCCCCC; font-weight:bold; }
.TExempleTarifs td { padding-top:2px; padding-bottom:2px; }
.TExempleTarifs td.n { width:232px; }
.TExempleTarifs td.d { border-left:solid 1px #CCCCCC; text-align:center; font-weight:bold; }

.TMajorations { margin-top:6px; }

/* ACCOUNT */
.SiteMapPath { float:right; font-size:0.75em; text-align:right; }
.SiteMapPath a { color:#333333; }
.SiteMapPath a:hover { color:#000000; }

.btnGoBack { position:absolute; bottom:5px; left:5px; font-weight:bold; display:block; padding-top:5px; }

.ModalPopup { background-color: #333333; border: 1px solid #66af25; padding: 5px; font-size:0.80em; width:280px; }
.ModalBackground { background:url(/Images/opacity70.png) repeat; }

.pnlAddresses { }
.AddressBox { position:relative; border:dotted 1px #66af25; background-color:#393939; width:100%; height:68px; margin-bottom:4px; margin-right:4px; padding:3px; font-size:0.95em; float:left; }
.AddressBox a { position:absolute; bottom:0px; right:3px; }

.AbonnementElite { color:#eb613c; text-transform:uppercase; font-weight:bold; }
.AbonnementSilver { color:#aeaeae; text-transform:uppercase; font-weight:bold; }
.AbonnementGold { color:#eec41c; text-transform:uppercase; font-weight:bold; }
.AbonnementPlatinium { color:#b0e2f9; text-transform:uppercase; font-weight:bold; }