/*-----------------------------------------------------------
	Project: SNOW RESA
	Date : 	JULY 2010
	Last Update : 10/07/10
	Author:	C2iS - AFO
	Summary :		
		| Style panier et mon compte	
-----------------------------------------------------------*/
/*#mainContent_panier #sidebar {margin-top:38px;}*/
.blocEdito_paymentCards img{margin:0 -11px;display:block;max-width:175px}

/*MENU*/
#cardNav {width:100%;margin:15px 0 20px;}
#cardNav li{float:left;text-align:center;margin-right:7px;padding:0 9px 0 0;background:#E8E8E8;}
#cardNav li strong {font-size:19px;display:inline-block;padding:8px 2px 10px 9px;}
#IE7  #cardNav li strong  {vertical-align:middle;}
#cardNav li.active{background:#5B5357;color:#fff;position:relative;}
#cardNav li.active strong{background-position:0 -104px;}
#cardNav li.active a {color:#fff;}
#cardNav li.print{float:right;margin:0;width:30px;background:url(../images/common/sprite_panier.png) no-repeat -135px 0;padding:0;}
#cardNav li.print a{display:block;text-indent:-999em;width:100%;height:35px;}

/*CART MODULES*/
.cartMod {margin:0 0 30px;clear:both;}
.cartMod h2 {background:#5B5357;color:#fff;font-size:16px;padding:10px 0 10px 13px;position:relative;z-index:1;margin-bottom:-2px;}
.firstMod {}
.firstMod h2 {background:#5B5357;margin:0;}

.recapResid {background:#fff;border:solid #d9d8d8;border-width:0 1px;overflow:hidden;width:736px;font-style:italic;font-size:14px;}
.recapResid  img{width:179px;float:left;margin:12px 10px 0 10px; padding-bottom:10px;}
.recapResid  h3{font-style:normal;font-weight:bold;font-size:18px;padding:12px 0 5px;}
.recapResid  em{color:#5B5357;display:block;font-size:16px;padding:5px 0 0;}

/*MODULE HEBERGEMENT*/
#hebMod .hebModDetails {width:100%;border:solid #d9d8d8;border-width:0 1px;margin-top:-10px;}
#hebMod .hebModDetails th{background:#5B5357;color:#fff;text-align:center;font-size:14px;padding:3px 0;vertical-align:middle;}
	#hebMod .hebModDetails th.empty {background:transparent;width:536px;}
	#hebMod .hebModDetails th.price {width:130px;}
	#hebMod .hebModDetails th.qty {width:70px;}
#hebMod .hebModDetails td{}
#hebMod .hebModDetails td table{width:100%;border:solid #fff;border-width:0 0 2px;}
#hebMod .hebModDetails td td{background:#f3f3f3;padding:3px 0;vertical-align:middle;}
#hebMod .hebModDetails td td.qty {width:140px;text-align:right;}
#hebMod .hebModDetails td td.hebTypeCell {font-size:14px;vertical-align:top;width:230px;}
#hebMod .hebModDetails td td.hebTypeCell img {float:left;margin:3px -1px 5px 0;cursor:pointer;position:relative;left:-9px;}
#hebMod .hebModDetails td td.price ,  .recap td.price , #assuranceMod td.price{background:#eaeaea;width:115px;font-size:18px;padding-right:15px;color:#5B5357;text-align:right;font-weight:bold;}
#hebMod tr.totalHeb td , #optionsMod .totalOption td {background:#5B5357;color:#fff;font-size:16px;padding:8px 15px;vertical-align:middle;}
#hebMod tr.totalHeb td.price {text-align:right;font-size:23px;}

 .recap {width:100%;border:solid #d9d8d8;border-width:0 1px;margin-bottom:5px;}
 .recap td{background:#e6e6e6;padding:4px 0;border-bottom:2px solid #fff;vertical-align:middle;padding-left:14px;}
 .recap td.price {background:#ddd;padding-left:0;font-size:14px;}
 .recap .first td {background:#f3f3f3;}
 .recap .first td.price {background:#e9e9e9;}
 .recap  tr.totalHeb td {border-bottom:none;}

/*MODULE OPTION*/
#optionsMod {width:100%;}
#optionsMod dl{border:solid #d9d8d8;border-width:0 1px;}
#optionsMod dt {background:#e6e6e6;cursor:pointer;border-top:2px solid #fff;color:#575759;font-size:14px;font-weight:bold;overflow:hidden;width:100%;}
#optionsMod dt em {float:left;font-style:normal;padding:5px 0 0 14px}
#optionsMod dt button {cursor:pointer;height:26px;float:right;border:none;padding:5px 0;background:url(../images/common/bg_optionSlider.png) no-repeat 100% -38px;width:260px;text-align:left;color:#58585a;font-size:11px;font-family:arial;}
#optionsMod dt.noClose button , #optionsMod dt.opened button  {background-position:100% 0;color:#E6E6E6;}
#js #optionsMod dd {display:none;}
#optionsMod table{width:100%;}
#optionsMod  td{background:#f3f3f3;padding:3px 0 3px 25px;vertical-align:middle;}
#optionsMod  td.visuOption {vertical-align:top;}
#optionsMod  td.visuOption img{padding-top:10px;}
#optionsMod  td .tip img{width:14px;vertical-align:middle;margin:-2px 4px 0 4px;}
#optionsMod  td.price {background:#eaeaea;width:115px;font-size:18px;padding-right:15px;padding-left:0;color:#5B5357;text-align:right;font-weight:bold;}
#optionsMod  td.qty {width:140px;text-align:right;padding-left:0;}

#optionsMod .totalOption td  {padding-left:15px;border-top:2px solid #fff;}
#optionsMod .totalOption td.price  {background:#5B5357;color:#fff;font-weight:normal;font-size:23px;}

/*MODULE ASSURANCE*/
#assuranceMod table{width:100%;border:solid #d9d8d8;border-width:0 1px 1px;}
#assuranceMod td{background:#e6e6e6;border-top:2px solid #fff;padding:6px 0 5px;font-size:14px;vertical-align:middle;padding-left:10px;}
#assuranceMod td img{vertical-align:middle;margin:-1px 0 0 4px}
#IE7 #assuranceMod td img{margin:0 0 0 4px}
#assuranceMod td input{margin:2px 10px 0 4px}
#assuranceMod td.price{padding-left:0;background:#ddd;}

/*MODULE TOTAL*/
#totalMod table {width:100%;border-top:10px solid #F3F3F3;}
#totalMod td {background:#f3f3f3;padding:3px 0;text-align:right;vertical-align:middle;font-size:14px;}
#totalMod td.price {width:130px;padding-right:15px;font-size:18px;font-weight:bold;}
#totalMod .total td {padding:10px 15px;color:#fff;font-weight:bold;font-size:20px;text-align:left;background:#5B5357;border-top:10px solid #F3F3F3;}
#totalMod .total td.price {width:130px;text-align:right;background-position:100% -324px;font-size:28px;}

#btnModify {margin:0 0 0 597px;position:relative;top:-27px}

/*CODE PROMO*/
#codePromo {background:#e6e6e6;border:1px solid #d9d8d8;margin:0 0 30px;padding:11px 13px;clear:both;}
#codePromo h3 {color:#707070;font-size:16px;padding-bottom:2px;}
#codePromo input {border:1px solid #919191;margin:0 21px 0 48px;color:#575759;width:180px;}

/*MODULE LOGGIN*/
#logMod h2 label{margin-right:20px;}
#logMod fieldset{background:#e6e6e6;border:solid #d9d8d8;border-width:0 1px 1px;padding:10px 14px 10px;}
#logMod fieldset p{width:100%;padding:4px 0;}
#logMod fieldset p:after {content:".";height:0;display:block;visibility:hidden;clear:both;}
#logMod fieldset p label{float:left;width:98px;font-weight:bold;padding-top:1px;}
#logMod fieldset p .labelRadio{float:none;font-weight:normal;}
#logMod fieldset p .text{border:1px solid #919191;color:#575759;float:left;width:155px;}
#logMod fieldset p .smallText{width:85px;}
#logMod fieldset p .wideText{width:606px;}
#logMod fieldset p .left{float:left;}
#logMod fieldset p .right{float:right;}
#logMod fieldset p .right label{text-align:right;padding-right:7px;width:94px;}
#logMod fieldset small {text-align:right;display:block;font-size:10px;padding-top:5px}
#logMod fieldset .forgotPass {text-align:right;display:block;font-size:11px;}
#logMod #oldUser .btn {margin-left:192px;}

#logMod hr {display:block;margin:10px 0;background:transparent;height:1px;border:none;}
#logMod hr:after {content:"";display:block;width:100%;height:1px;background:#b7b7b7}

#logMod .newListSelected {background-position:100% -28px;width:150px; border: 1px solid #919191;margin:0 2px 0 0;}
#logMod .selectedTxt {color:#4B4B4B;width:126px;}
#logMod  ul.newList  {width:153px;}

/*CGV*/
#cgv {background:#e6e6e6;border:1px solid #d9d8d8;margin:20px 0 30px;padding:11px 12px;}
#cgv p{width:100%;overflow:hidden;}
#cgv p input {margin:2px 7px 10px 0;float:left;}
#cgv label a {text-decoration:underline;}
#cgv label a:hover {text-decoration:none;}

/*MODULE PAYMENT*/
#payMod {background:#e6e6e6;border:solid #d9d8d8;border-width:0 1px 1px;padding-bottom:5px;width:736px;}
#payMod:after {content:"";display:block;visibility:hidden;clear:both;height:0;}
#payMod h2 {margin:0 -1px -1px;}
#payMod .paymentMethod {padding:5px 0;margin:0 12px;display:block;border-top:1px solid #b7b7b7;clear:both;}
#payMod .paymentDetails {margin:0 12px;display:none;padding:0 7px 10px;float:left;width:697px;}
#payMod .paymentDetails .details{display:block;font-size:10px;line-height:14px;height:100px;padding-top:21px;}
#payMod .paymentDetails fieldset {border:1px solid #b6b6b6; background:#f4f4f4;width:350px;padding:10px 20px;float:left;margin-right:15px;}
#payMod .paymentDetails fieldset p {width:100%;padding:3px 0;}
#payMod .paymentDetails fieldset .cardTypeLine {padding-bottom:11px;}
#payMod .paymentDetails fieldset p:after {content:".";height:0;display:block;visibility:hidden;clear:both;}
#payMod .paymentDetails fieldset p label{float:left;width:130px;}
#payMod .paymentDetails fieldset p input{float:left;margin-left:10px;}
#payMod .paymentDetails fieldset p .text {border:1px solid #919191;width:215px;color:#575759;font-size:11px;height:17px;margin-left:0;}
#payMod .paymentDetails fieldset p .smallText{width:53px;}
#payMod .paymentDetails fieldset p small{font-size:10px;float:left;width:150px;line-height:10px;padding-left:10px;}
#payMod .paymentDetails  .labelRadio {width:15px;text-indent:-200px;overflow:hidden;background:url(../images/common/cardType.png) no-repeat 100% 0;padding:2px 23px 1px 0;margin:0 15px 0 0;}
#payMod .paymentDetails  .typeVisa {background-position:100% 0;}
#payMod .paymentDetails  .typeMastercard {background-position:100% -22px;}
#payMod .paymentDetails  .typeAmex {background-position:100% -44px;}
#payMod .paymentDetails  .typeCB {background-position:100% -66px;}

#payMod .paymentDetails  .newListSelected {float:left;margin:0 15px 0 0;background-position:100% -28px;border:1px solid #919191}
#payMod .paymentDetails  .selectedTxt {color:#575759;}

/*TOOTIP PANIER*/
.tip {position:relative;}
.tip img{cursor:help;}
.tip .tipContent{display:none;line-height:15px;background:#fff;padding:10px;width:265px;border:1px solid #707070;font-size:11px;position:absolute;top:3px;left:22px;z-index:100;}
.tip .tipContent strong{display:block;font-size:14px;padding-bottom:8px;font-weight:normal;}


/*MAIN CONTENT PANIER - ETAPE 1*/
#emptyBasket{width:600px;margin:15px 0px 0px}
#emptyBasket a{text-decoration:underline}


.bottomBtn {text-align:right;}
.bottomBtn .btn {float:left;margin:7px 10px 0 0;}
.bottomBtn .btnContinue {float:none;margin:0;}


/*MAIN CONTENT PANIER - ETAPE 2*/
#tabRecap , #tabAccount {margin-top:25px;width:100%;}
#tabRecap li ,  #tabAccount li  {float:left;padding:0 14px 0 0;background:#5B5357;}
#tabRecap li a ,  #tabAccount li a{display:block;padding:6px 0 4px 6px;font-size:12px;color:#fff;}
#tabRecap li.current ,  #tabAccount li.current {background:#F4F4F4;}
#tabRecap li.current a , #tabAccount li.current a {color:#5B5357;font-weight:bold;}
#js #flip_options {display:none;}

#paymentFrame {border:1px solid #efefef;height:600px;margin:0 auto;width:700px;background:#f2f2f2;}

/*MON COMPTE*/
#tabAccount {clear:both;margin:0 0 -18px;overflow:hidden;width:738px;padding-top:15px;}
#IE7 #tabAccount  {margin:0 0 -15px}
#tabAccount li a {padding:9px 8px 10px 18px;font-size:17px;}
#tabAccount li.current a {font-weight:normal;} 
#tabAccount li.print  {float:right;margin-top:-5px;padding:0;background:#f4f4f4;}
#tabAccount li.print a  {padding:0 9px;}

/*#js #flip_dossiers , #js #flip_infos {display:none;} */
#flip_infos , #flip_dossiers  {background:url(../images/common/bg_degCell.png) repeat-x 0 0;margin-bottom:50px;width:100%;}
#flip_infos fieldset {border-bottom:1px solid #e3e3e4;padding:20px 0;}
#flip_infos fieldset p {width:100%;padding:4px 0;}
#flip_infos fieldset p:after {content:".";height:0;display:block;visibility:hidden;clear:both;}
#flip_infos fieldset .labelRadio {float:none;font-weight:normal;margin:0;}
#flip_infos fieldset .text {border:1px solid #919191;float:left;width:120px;color:#575759;margin-right:10px;}
#flip_infos fieldset label  {float:left;margin-right:10px;font-weight:bold;width:87px;padding-top:1px;}
#flip_infos h2 {margin:0 0 20px 0;font-size:27px;}
#flip_infos fieldset {margin:0 115px 0 30px;}
#flip_infos fieldset .shortLabel {width:45px;}
#flip_infos fieldset .text {margin-right:50px;width:140px;}
#flip_infos fieldset .smallText {margin-right:22px;width:100px;}
#flip_infos fieldset .wideText  {margin-right:0;width:350px;}
#flip_infos .validLine {right:110px;}

#flip_dossiers {padding-top:25px;}
#flip_dossiers  #blocSlider {margin-top:0;}
#flip_dossiers  #blocSlider li h3 em{color:#B9BABB;}
#flip_dossiers  #blocSlider li h3:hover em {color:#43BCDC;}
#flip_dossiers  #blocSlider li h3.active em {color:#fff;}
#flip_dossiers  #blocSlider li .sejourLine {width:100%;overflow:hidden;margin-bottom:25px;}
#flip_dossiers  #blocSlider li .sejourLine .descDetails {padding-top:0;}
#flip_dossiers  #blocSlider li img.loader {display:block;margin:10px auto;}
#flip_dossiers  #blocSlider li .depositState {text-align:center;float:right;width:165px;border-left:1px solid #cfcfcf;padding:15px 0 25px;font-size:12px;}
#flip_dossiers  #blocSlider li .depositState span {text-transform:uppercase;background:#58585A;display:block;width:136px;height:36px;padding-top:4px;margin:0 auto;color:#fff;font-weight:bold;color:#acacad;}
#flip_dossiers  #blocSlider li .depositState span em {display:block;font-style:normal;color:#fff;}
#flip_dossiers  #blocSlider .totalDossier {margin:15px auto 0;/*width:650px;*/clear:both;}
#flip_dossiers  #blocSlider .totalDossier  .payLine {padding:15px 30px;}
#flip_dossiers  #blocSlider .totalDossier  .payLine .btn {font-weight:bold;text-align:center;width:94px;}

#flip_dossiers  #blocSlider .fileEditor {clear:both;width:100%;padding:10px 0;}
#flip_dossiers  #blocSlider .fileEditor  li{float:left;width:136px;height:52px;background:url(../images/common/sprite_cartouchePrix.png) no-repeat -9px -408px;margin:0 0 0 15px;color:#fff;font-size:14px;line-height:16px;}
#flip_dossiers  #blocSlider .fileEditor  li a , #flip_dossiers  #blocSlider .fileEditor  li span{color:#fff;display:block;padding:10px 0 9px 39px;cursor:pointer;}
#flip_dossiers  #blocSlider .fileEditor  li#active{background-position:-9px -469px;}
#flip_dossiers  #blocSlider .fileEditor  li strong{display:block;}

#blocSlider .filEditorBox {clear:both;font-size:12px;margin:0 auto;width:600px;overflow:hidden;padding:10px 0;}
	#js  #blocSlider .filEditorBox {display:none;}

#blocSlider .box_addFeedback h4 {color:#1477a9;font-size:14px;padding-bottom:10px;}
#blocSlider .box_addFeedback p {width:100%;overflow:hidden;padding:5px 0;}
#blocSlider .box_addFeedback p label {float:left;width:130px;}
#blocSlider .box_addFeedback p .text {border:1px solid #919191;float:left;width:120px;color:#575759;margin-right:10px;}
#blocSlider .box_addFeedback p textarea  {width:350px;height:110px;font-family:arial,sans-serif;font-size:12px;border:1px solid #919191;color:#575759;}
#blocSlider .box_addFeedback  label.labelRating {height:21px;width:50px;background:url(../images/common/rating.png) no-repeat 0 0;cursor:pointer;margin-right:5px;position:relative;}
	#js #blocSlider .box_addFeedback  label.labelRating {width:23px;}
	#js #blocSlider .box_addFeedback  label.labelRating  input{position:absolute;left:-9999px;}
	#js #blocSlider .box_addFeedback  label.labelRating  span{visibility:hidden;}
#blocSlider .box_addFeedback  label.selected {background-position:0 -48px;}
#blocSlider .box_addFeedback p .text {width:350px;}
#blocSlider .box_addFeedback  .validLine {position:relative;top:0;right:116px;float:right;margin:10px 0 5px;width:auto;}