/*-----------------------------------------------------------
	Project: Vagues Oceanes
	Date : 	October 2009
	Last Update : 03/11/09
	Author:	C2iS - AFO
	Summary : styles for couloir resa					
-----------------------------------------------------------*/
/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
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, a img, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
a:active {outline:none;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#818181; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#818181; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup {  bottom:0; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
del { color:#818181; }
small { font-size:10px; }
select, input , textarea {color:#818181;font-family:Arial, Helvetica, sans-serif;}

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*COULOIR RESA*/
#couloirResa {padding:20px 17px 30px 28px;line-height:17px;}
#couloirResa ol{width:100%;overflow:hidden;margin-bottom:20px;}
#couloirResa ol li{float:left;color:#fff;font-weight:bold;font-size:13px;padding-bottom:9px;}
#couloirResa ol li.nextStep {margin:0 8px;}
#couloirResa ol li.nextStep img {margin-top:9px;}
#couloirResa ol li span {float:left;background:url(../../images/couloir_resa/sprite_steps.png) no-repeat 100% -31px;padding:0 5px 0 0}
#couloirResa ol li span em {display:block;font-style:normal;background:url(../../images/couloir_resa/sprite_steps.png) no-repeat 0 0;padding:7px 3px 7px 8px;color:#FFFFFF;}

#couloirResa ol li.active {background:url(../../../images/couloir_resa/steps_active.png) no-repeat 50% 100%;}
#couloirResa ol li.active span {background-position:100% -93px;}
#couloirResa ol li.active span em {background-position:0 -62px;}

#couloirResa h3 {background:url(../../images/couloir_resa/dottesLine.gif) repeat-x 0 100%;color:#e45c01;font-size:17px;font-weight:bold;padding:0 0 5px 0;margin:25px 0 12px;}
#couloirResa h3.subLevel{font-size:13px;}
#couloirResa h3 span.type_room{color:#818181;}
#couloirResa h4 {font-weight:bold;font-size:12px;margin:12px 0 5px;}
#couloirResa p .control_text_promo{border:1px solid #ccc;width:250px;color:#444;float:left;margin-top:10px;}
#couloirResa p .boutonOKPromo {float:right;margin:0 29px 0 0;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -69px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;}
#couloirResa p .boutonOKPromo span, #couloirResa p .boutonOKPromoOK span{display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 -46px;padding:2px 3px 4px 8px;}
#couloirResa p .boutonOKPromoOK {float:left;margin:8px 0 0 15px;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -69px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;}
#couloirResa span.infosTaxesSejour {background:url(../../images/couloir_resa/info.png) no-repeat 1px 2px;font-size:10px;font-weight:normal;padding:0 0 10px 16px;}
#couloirResa span.infosFraisDossier {background:url(../../images/couloir_resa/info.png) no-repeat 1px 2px;font-size:10px;font-weight:normal;padding:0 0 10px 16px;display:block;}
#couloirResa span.infosFraisDossier strong {color:#E45C01;}
#couloirResa span.infosAssuranceAnnulation {background:url(../../images/couloir_resa/info.png) no-repeat 1px 2px;font-size:10px;font-weight:normal;padding:0 0 10px 16px;display:block;}
#couloirResa span.infosModePaiement {background:url(../../images/couloir_resa/info.png) no-repeat 1px 2px;font-size:10px;font-weight:normal;padding:0 0 10px 16px;display:block;}

#couloirResa ul.radioBlock li label {margin-right:50px;}
#couloirResa ul.radioBlock li .cbi {padding:0 0 0 34px;background:url(../../images/couloir_resa/banque.png) no-repeat 0 -1px;}
#couloirResa ul.radioBlock li small {padding:0 0 0 58px;display:block;}

/*COULOIR RESA - ETAPE 1*/
#couloirResa .quickRecap {background:#efefef;padding:10px;overflow:hidden;width:655px;}
#couloirResa .quickRecap dt{color:#40bdd8;font-size:18px;padding-bottom:5px;text-transform:lowercase;}
#couloirResa .quickRecap dt:first-letter{text-transform:uppercase;}
#couloirResa .quickRecap dd.visu {float:left;margin-right:15px;margin-bottom:20px;}
#couloirResa .quickRecap dd.proposalEtabAddress {color:#000;font-weight:bold;}
#couloirResa .quickRecap dd.proposalEtabAddress span{text-transform:uppercase;font-style:italic;}
#couloirResa .quickRecap dd.visu  img{width:120px;height:80px;display:block;}

#couloirResa .yourOptions , #couloirResa .recapTotal {background:#efefef;width:675px;}
#couloirResa .yourOptions td , #couloirResa .recapTotal td {vertical-align:middle;padding:8px 15px;border-bottom:1px solid #fff;}
#couloirResa .yourOptions td.priceCell , #couloirResa .recapTotal td.priceCell , #couloirResa .recapTotal td.totalPriceCell   {width:147px;border-left:3px solid #fff;text-align:center;font-weight:bold;font-size:14px;position:relative;}
#couloirResa .yourOptions td.priceCell a {margin-left:10px;}
#couloirResa .yourOptions p.radioBtn label {margin-right:25px;}
#couloirResa .yourOptions .or {display:block;font-size:15px;margin:7px 0;}

#couloirResa .recapTotal td {text-align:right;}
#couloirResa .recapTotal td.totalPriceCell {color:#e45c01;}
#couloirResa .recapTotal td.codePromoCell {color:#e70101;}
#couloirResa .recapTotal td.libelle_total {color:#e45c01;font-weight:bold;font-size:14px;}
#couloirResa .fullRecap td.libelle_total {color:#e45c01;font-weight:bold;font-size:14px;}
#couloirResa .recapTotal td.libelle_promo {color:#e70101;font-weight:bold;font-size:14px;}

#couloirResa .participants {background:#efefef;width:675px;}
#couloirResa .participants th {vertical-align:middle;padding:8px 8px 4px;font-weight:bold;}
#couloirResa .participants td {vertical-align:middle;padding:0 8px 7px;}
#couloirResa .participants td  input {color:#444;border:1px solid #ccc;width:145px;}
#couloirResa .participants td.datePickCell img {vertical-align:top;margin-left:4px;}
#couloirResa .participants td.datePickCell input {width:68px;}
#couloirResa .participants td.suppressOccupant {text-align:left;width:14px;padding:0 5px 7px 0}

#couloirResa .addOccupant td a {float:left;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -115px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;margin-right:0px;}
#couloirResa .addOccupant td a span {display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 -92px;padding:2px 3px 4px 8px;}

#couloirResa .checkboxLine   {padding:10px 0 0;}
#couloirResa .checkboxLine a{text-decoration:underline;}
#couloirResa .checkboxLine a:hover {text-decoration:none;}

#couloirResa  .validLine {width:675px;overflow:hidden;padding:20px 0 0;}
#couloirResa  .validLine a {float:left;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -23px;padding:0 5px 0 0;margin-left:0px;color:#fff;font-weight:bold;font-size:13px;}
#couloirResa  .validLine a span {display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 0;padding:2px 3px 4px 8px;}

#couloirResa  .validLine a.orangeBtn {background-position:100% -69px;margin-left:440px;}
#couloirResa  .validLine a.orangeBtn span{background-position:0 -46px;}

td.checkBoxCell {border-right:3px solid #fff;width:25px;text-align:center;}
td.priceCell div {display:inline;}

#couloirResa .hider{display:none;margin-bottom:10px;}
#couloirResa h3.hiderTrigger {padding:2px 0 5px 10px;cursor:pointer;background:url(../../images/bg_trigHidder.png) no-repeat 0 0;color:#fff;}
#couloirResa h3.activeTrig {background-position:0 -26px;}
#couloirResa h3.hiderTrigger span {color:#fff;}

/*COULOIR RESA - ETAPE 2*/
.hasUserAccount {background:#ebebeb;width:380px;padding:10px 0 5px 17px;}
.hasUserAccount p {padding:4px 0;clear:both;width:100%;overflow:hidden;}
.hasUserAccount p label {display:block;font-size:13px;}
.hasUserAccount p .control_text{border:1px solid #ccc;width:250px;color:#444;float:left;}
.hasUserAccount p .control_password{border:1px solid #ccc;width:250px;color:#444;float:left;}
.hasUserAccount p #auth_form_pol_address_phone{border:1px solid #ccc;width:250px;color:#444;float:left;}
.hasUserAccount p #auth_form_pol_address_phone2{border:1px solid #ccc;width:250px;color:#444;float:left;}
.hasUserAccount .forgotPass {font-size:10px;margin-top:-10px}
.hasUserAccount .forgotPass a {text-decoration:underline;}
.hasUserAccount p .validBtn  , .noUserAccount p .validBtn {float:left;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -69px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;margin-left:10px;}
.hasUserAccount p .validBtn span , .noUserAccount p .validBtn span {display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 -46px;padding:2px 3px 4px 8px;}
.hasUserAccount .control_select {width:252px;color:#444;padding-bottom:5px;}
.hasUserAccount  .hiddenIfCheckbox {width:252px;color:#444;padding-bottom:5px;}
.hasUserAccount p em {margin-left: 5px; font-size:11px; font-style: normal}


.noUserAccount {background:#ebebeb;width:630px;padding:0 0 10px 17px;}
.noUserAccount h5{font-size:14px;font-weight:bold;margin-top:15px;}
.noUserAccount p {padding:3px 0;}
.noUserAccount p label  {display:-moz-inline-box;display:inline-block;width:150px;font-size:13px;}
.noUserAccount p label.label_radio  {display:inline;width:30px;margin-right:10px;}
.noUserAccount p label.label_checkbox  {display:inline;}
.noUserAccount p label.interInput  {width:65px;margin-left:6px;}
.noUserAccount p .control_text {border:1px solid #ccc;width:250px;color:#444;}
.noUserAccount p .control_password{border:1px solid #ccc;width:250px;color:#444;}
.noUserAccount p #auth_form_pol_address_phone{border:1px solid #ccc;width:250px;color:#444;}
.noUserAccount p #auth_form_pol_address_phone2{border:1px solid #ccc;width:250px;color:#444;}
.noUserAccount p .small_text {border:1px solid #ccc;width:131px;color:#444;}
.noUserAccount p .checkbox {margin-left:149px;}
.noUserAccount p .validBtn {margin-left:149px;}
.noUserAccount .control_select {width:252px;color:#444;vertical-align:top;}
.noUserAccount  .hiddenIfCheckbox {width:252px;color:#444;vertical-align:top;}


/*COULOIR RESA - ETAPE 3*/
#couloirResa  .fullRecap {background:#efefef;width:675px;}
#couloirResa  .fullRecap td {vertical-align:middle;padding:8px 15px;border-bottom:2px solid #fff;}
#couloirResa  .fullRecap th {font-weight:bold;text-align:center;padding:8px 15px;border:solid #fff;border-width:0 3px 2px 0;}
#couloirResa  .fullRecap th.lastTH {border-right:none;}
#couloirResa  .fullRecap td h5{color:#40bdd8;font-weight:bold;}
#couloirResa  .fullRecap td.subCatCell {text-align:right;font-size:13px;}
#couloirResa  .fullRecap td.priceCell , #couloirResa  .fullRecap td.totalPriceCell {border-left:3px solid #fff;text-align:center;font-weight:bold;width:147px;font-size:14px;}
#couloirResa  .fullRecap td.totalPriceCell {color:#e45c01;}
#couloirResa  .fullRecap td.emptyCell {background:#fff;width:300px;}
#couloirResa  .option select {width:40px;}

#couloirResa .quickRecapStep2 {background:#efefef;padding:10px;overflow:hidden;width:455px;}
#couloirResa .quickRecapStep2 dt{color:#40bdd8;font-size:18px;padding-bottom:5px;text-transform:lowercase;}
#couloirResa .quickRecapStep2 dt:first-letter{text-transform:uppercase;}
#couloirResa .quickRecapStep2 dd.visu {float:left;margin-right:15px;margin-bottom:20px;}
#couloirResa .quickRecapStep2 dd.proposalEtabAddress {color:#000;font-weight:bold;}
#couloirResa .quickRecapStep2 dd.proposalEtabAddress span{text-transform:uppercase;font-style:italic;}
#couloirResa .quickRecapStep2 dd.visu  img{width:120px;height:80px;display:block;}



#couloirResa .recap_coord {background:#efefef;width:220px;padding:10px 15px;}
#couloirResa .recap_coord  li {padding:3px 0;}

#couloirResa dd .removeCartItem {float:right;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -69px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;margin-right:15px;}
#couloirResa dd .removeCartItem span {display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 -46px;padding:2px 3px 4px 8px;}

.paymentOption {}
.paymentOption p {padding:5px 0;}
.paymentOption p label{display:-moz-inline-box;display:inline-block;width:150px;font-size:13px;}
.paymentOption p label.labelRadio{display:inline;width:40px;margin-right:10px;}
.paymentOption p label.labelRadio img {vertical-align:bottom;}
.paymentOption .labelRadioWide {width:400px;} /*just for IE6 / IE7*/
.paymentOption p .control_text {border:1px solid #ccc;width:310px;color:#444;}
.paymentOption p select {color:#444;}
.paymentOption p .validBtn  {float:right;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 100% -69px;padding:0 5px 0 0;color:#fff;font-weight:bold;font-size:13px;margin-right:15px;}
.paymentOption p .validBtn span {display:block;background:url(../../images/couloir_resa/sprite_btnLink.png) no-repeat 0 -46px;padding:2px 3px 4px 8px;}



.calendarImage {padding-left:5px;vertical-align:-3px;}


.montant_regle{background-color:#FB8007;text-align:center;color:#FFFFFF;}
.recap_coord_left{float:left;}
.recap_coord_right{margin-left:40px;float:left;}
.recap_clear_both{clear:both;}

#pagePaiement {width:636px;margin-left:300px;}
#pagePaiement #couloirResa{padding-left:20px;width:636px;}
#pagePaiement #couloirResa  .validLine {width:600px;}
.logo_banque {width:150px;padding-left:200px;}
.logo_banque2 {padding:0 20px 0 200px;}

/* CODE PROMO */
#giftCode {padding-bottom:50px;}
#giftCodePresent p.codePromoRecap {float:left;background:#efefef;padding:4px 13px;font-weight:bold;}

#please_wait_layer {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-image: url(please_wait_background.gif);
    background-color: transparent;
    z-index: 1000;
}
body > #please_wait_layer {
    position: fixed;
}
* html div#please_wait_layer { /* ?mule position:fixed pour IE 6 */
  left: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#please_wait_layer_content {
    position:absolute;
    display: block;
    width: 300px;
    left:50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -100px;
    border: 1px solid #999;
    background-color: #CCC;
    text-align: center;
    padding: 30px;
}
#grandTotal{display: inline}
#existingCustomerLayer p em {margin-left: 5px; font-size:11px; font-style: normal}