﻿	.inclusive-pic {
		float: left;
		height: 14px;
		padding-right: 5px;
		width: 14px;
		background: transparent url(../medias/ic_inklusive.png) no-repeat scroll 0 0 !important;
		}
	
	/* deuxColDevis */
	#deuxColDevis {
		padding: 1em 0 1em 0; 
		border-bottom: 1px #fff solid;
		background: transparent url(../medias/bgRepeatMenuLeft.gif) repeat-y 0 0;
		}

	/* devis_menu */
	#devis_menu {
		padding: 5px 0 .5em 0;
		margin: 0 0 .2em 10px;
		}
	#devis_menu ul {margin:0; padding:0;}
	#devis_menu ul li {
		display: inline; 
		font-size: 80%; font-weight: bold;
		margin: 0 .6em 0 0;
		}
	#devis_menu ul li a {
		padding: 0 0 0 15px;
		color:#535353; text-decoration: none;
		}
	#devis_menu ul li.first {color:#BDC4C4; font-size: 100%;}
	#devis_menu ul li.current {font-size: 108%!important;}
	#devis_menu ul li.current a {
		color:#006602;
		}

	/* devis_recap */
	#devis_recap {
		/*width: 380px; */overflow: hidden; 
		}
	#devis_recap .fiche_resa {}
	
	.reservationContent #devis_recap img.img_resa_rappel {
		float: left;
		height: 75px; overflow: hidden; 
		margin: 0 5px 5px 0;
		}
	#devis_recap img {margin:0; padding:0;}
	#devis_recap h3, 
	#devis_recap p {
		width: 99%;
		float: none!important;
		padding: .1em 0 .1em 0;
		margin: 0 0 .2em 0;
		}

	#devis_recap h3 {
		font-weight: bold;
		font-size: 108%; color:#006602;
		}
	#devis_recap h3 span { 
		display: block;
		font-size: 85%; color:#000;
		line-height: 108%; 
		padding: 2px 0 0 0;
		}
	#devis_recap h3 a.devis_info {
		position: absolute; 
		margin: 0 0 0 4px;
		}
	#devis_recap p {
		font-size: 85%; color:#5D5D5D;
		border-top: 1px #c4c4c4 dotted!important;
		}
	#devis_recap p span {display: block; padding: 0 0 .3em 0;}
	#devis_recap p span strong {font-weight: bold;}
	#devis_recap span a.devis_info {
		position: absolute; 
		margin: -2px 0 0 4px;
		}
	#devis_recap a.more {
		display: block; text-align: right;
		font-size: 80%; color:#5D5D5D;
		font-weight: bold;
		text-decoration: none;
		padding: 5px 10px 5px 0;
		border-top: 1px #c4c4c4 dotted!important;
		background: transparent url(../medias/flcRed.gif) no-repeat right;
		}

	/*fiche_resa*/
	.fiche_resa p {
		float: left; width: 49%; 
		font-size: 80%!important;
		}
	.fiche_resa .spanInfo {height: 15px;}
	.fiche_resa .spanResa {}

	/*recap_options*/	
	.rappel_resa h3 {border:0!important;}

	.recap_options h4 {
		color:#000; font-size: 85%; font-weight: bold;
		margin: 0 0 5px 0;
		padding: .2em .5em .2em .5em;
		}

	.recap_options {
		margin: 1px 0 0 0;
		background-color:#FAFAFA;
		}
	.recap_options p {
		border-top:1px dotted #C4C4C4;
		color:#5d5d5d; font-size: 85%;
		padding: .2em .5em .2em .5em;
		}
	.recap_options p.mode {	
		color:#006602!important; 
		font-weight: bold;
		}
	.recap_options p a.devis_info {
		margin:-1px 0 0 4px;
		position:absolute;
		}

	/*formulaire_etapes_devis*/
	form#formulaire_etapes_devis {margin:0; padding:0;}

	/* devis_mode */
	#devis_mode .inptCheck, 
	#devis_mode .inptRadio {
		width: auto; 
		border:0!important;
		margin: 0 5px 0 0!important;
		}
	#devis_mode a.devis_info {
		position: absolute; right: 0; 
		margin: -2px -10px 0 0;
		}

	/*quantite*/
	.quantite {
		float: left; margin: 0;
		height:auto!important;
		}
	.quantite a, 
	.quantite input {
		float: left; position: relative;
		display: block; text-align: center;
		width: 12px; height: 12px;
		}
	.quantite a {text-indent: -1000em;}
	a.moins {background: transparent url(../medias/quantiteMoins.gif) no-repeat 0 0;}	
	a.plus {background: transparent url(../medias/quantitePlus.gif) no-repeat 0 0;}
	.quantite input.fieldNbre {
		font-size: 80%;
		padding:0; text-align: center;
		width: 15px; height: 12px;
		border: 1px #565656 solid;
		}

	/* boucle field_line / devis_mode  */
	#devis_mode .libele_field_line,
	#devis_mode .mode_field_line {float: left; }

	#devis_mode label {padding: 0 15px 0 0;}
	#devis_mode label, #devis_mode input {float: left;}
	#formReservation label {float: left;}
	#devis_mode .valide_resa {float: right; cursor:pointer;}
	
	.devis_conditions .inclusive-pic {float: left;}
	.devis_conditions .field_line_confirmation {width: 385px;}
	.devis_conditions .libele_field_line { width: 100%!important;}
	.devis_conditions .field_line_confirmation input,
	.devis_conditions .field_line_confirmation label {float: left;}
	.devis_conditions .field_line_confirmation input {width: auto;}
	.devis_conditions .libele_field_line label { 
		width: 320px;
		padding: 0 15px 0 0!important;
		background:none 
	}
	
	#promo_vacances label span,
	#promo_vacances label img {float: left;}
	#promo_vacances label span {padding: 0 20px 0 0;}
	#promo_vacances label {
		font-size: 85%; color:#353535; 
		background-image: none!important;
		}
	#promo_vacances .devis_info {position: relative!important; margin:0!important;}

	/* mode de paiement */
	.devis_paiement {
		padding: 0;
		background-color:#FAFAFA;
		}
	.devis_paiement .field_line {
		width: 370px;
		overflow:hidden;
		padding: 8px 0 0 5px;
		}
	.single .libele_field_line {width: 360px!important;}
	.devis_paiement .paie_ligne {
		margin:0 0 2px 0;
		background: transparent url(../medias/mode_paiement_bg.png) no-repeat 0 0;
		}
	.devis_paiement .paie_ligne label span {font-size: 100%;}
	.devis_paiement .paie_agence {
		margin:0 0 2px 0;
		background: transparent url(../medias/mode_paiement_bg.png) no-repeat 0 -32px;
		}
	.devis_paiement .paie_agence label span {font-size: 100%;}	
		
	.devis_paiement .categorie_superieure {
		margin: 0 0 3px 0;
		width: 375px;
		/*border: none !important;*/
		border: 1px #ccc solid;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		/*-moz-box-shadow: 0 0 4px 2px #ccc;*/
		/*background-color:#E6E6E6;*/
		background-color:#f5f5f5;
		}
	.devis_paiement .categorie_superieure img {float: right;}		
	.categorie_superieure .field_line {padding: 3px 0 0 5px;}
	.devis_paiement .categorie_superieure .libele_field_line {}
	.devis_paiement .categorie_superieure .inptRadio,
	.devis_paiement .categorie_superieure label {float: left;}
	.devis_paiement .categorie_superieure label {color:#000; width: 230px;padding:0!important;}
	.devis_paiement .categorie_superieure label span {display: block; font-size: 125%; font-weight: bold;}
	
	.categorie_superieure .content {
		margin: 5px 0 5px 0;
		}
	
	.categorie_superieure .content h3 {font-size: 93%; color:#000;}
	.categorie_superieure .content p {font-size: 85%; color:#918791;}
	.categorie_superieure img {float: left; margin: 0 .5em .5em 0;}	
		
	.promo_plus {
		padding: 5px 0 0 0!important;
		margin: 0 0 5px 0;
		}
	.promo_plus img {margin: 0 5px 0; float: left;}
	.promo_plus p {font-size: 85%; font-weight: bold;}
	
	.devis_paiement .libele_field_line {width: 260px;}
	.devis_paiement .mode_field_line {
		margin:-3px 0 0 0;
		width: 110px; 
		text-align: right;
		}
	.devis_paiement label {
		font-size: 90%; 
		padding: 0 0 0 3px!important;
		background-image: none!important;
		}
	.devis_paiement label span {font-size: 80%;}
	.devis_paiement .paie_ligne label {color:#fff;}
	.devis_paiement .paie_ligne p {color:#006602;}
	.devis_paiement .paie_agence label,
	.devis_paiement .paie_agence p {color:#535353;}
	#devis_mode .mode_field_line p.prix {font-size: 125%; font-weight: bold;}

	.devis_paiement a.devis_info {
		margin: 0!important;
		position: absolute; right: 140px!important;
		}

/* 
	décembre 2010 - Mise à jpur page devis - extended_devis - système onglets
																					*/
																					
	#navigation_devis {}
	#navigation_devis h3.onglet {
		/*position: absolute;*/
		width: 100px;
		font-size: 108%;
		}
	
	#navigation_devis h3.onglet1 {margin: 0 0 0 0;}
	#navigation_devis h3.onglet2 {margin: 0 0 0 100px;}
	#navigation_devis h3.onglet3 {margin: 0 0 0 200px;}
	
	.extended_devis {
		padding: 10px;
		border: 1px #ccc solid;
		}

    .devis_paiement .vtip {
		border:0; 
		position: absolute; 
		}

    .devis_paiement .vtip {
		border:0; 
		position: absolute; 
		}

	/* devis_options */
	.devis_options h3 {
		display: block;
		height: 16px; cursor: pointer;
		font-size: 85%; color:#007800!important;
		font-weight: bold; padding: 4px 0 10px 0;
		margin: 0 0 1px 0;
		}
	.devis_options input {border: 1px #fff solid;}
	.devis_options .field_line {
		width: 365px; margin:0;
		padding: 4px 0 3px 0;
		border-top: 1px #CFCDCD dotted;
		}
	.devis_options .first {border:0!important;}
	.devis_options .libele_field_line {
		width: 300px; text-align: left;
		padding:0; margin:0;
		}
	.devis_options .mode_field_line {
		width: 15%; text-align: right;
		padding:0; margin:0;
		}
	.devis_options .libele_field_line label {
		color:#5d5d5d; font-size: 80%;
		font-weight: normal;
		background-image: none; padding:0;
		}
	.devis_options label span,
	.devis_options label a {float: left;}
	
	.devis_options .mode_field_line p {
		color:#000; font-size: 80%;
		}

	/* devis_plus */
	.devis_plus {clear: both;}
	.devis_plus .libele_field_line,
	.devis_plus .mode_field_line {}
	
	.devis_plus .libele_field_line {width: 260px;}
	.devis_plus .mode_field_line {width: 100px;}

	.devis_plus .first {border:0!important;}
	.devis_extended input.textfield {width: 100px;}
	.devis_plus h3 {
		display: block; cursor: pointer;
		font-size: 85%; color:#007800!important;
		font-weight: bold; padding: 4px 0 0 0;
		margin: 0 0 5px 0;
		}
	.devis_plus h3.moins {background: #E6FFC1 url(../medias/ajout_item.gif) no-repeat right -20px;}
	
	/*promo*/
	.firstPromo .textfield { font-size: 85%;}
	.specificpromotion {
		border:0;
		width: 80%; margin: 0 5px 0 0;
		background-color:#E6FFC1;
		}
	
	.firstPromo .inptok {
		width: auto; border:0;
		padding: 0 5px 0 5px;
		font-size: 85%; color:#fff;
		border: none !important;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		background-color:#258224;
		}
	
	/*devis_total*/
	.devis_total {
		clear: both;
		overflow:hidden;
		width: 370px; height: 22px;
		padding: 6px 0 4px 10px;
		background: #FAFAFA url(../medias/mode_paiement_bg.png) no-repeat 0 0;
		}
	.devis_total span {float: left; display: block;}
	.devis_total .title {
		width: 250px; 
		padding: 2px 0 0 7px;
		font-size: 93%; color:#fff;
		}
	.devis_total .prix {
		text-align:right;
		width: 107px; 
		font-size: 125%; 
		color:#006602; 
		font-weight: bold;
		}

	/*#devis_recap*/
	#devis_recap .devis_total {
		width: 300px; height: 30px;
		padding: 0;
		background: #f9f9f9 url(../medias/mode_paiement_bg_left.png) no-repeat 0 0;
		}
	#devis_recap .title,
	#devis_recap .prix {}
		
	#devis_recap .title {
		width: 180px;
		padding: 9px 0 0 10px;
		}
	#devis_recap .prix {	
		width:95px;
		text-align: right;
		padding: 5px 0 0 0; 
		color:#006602;
		}
	#devis_recap a.more {
	    background: url("../medias/flcRed.gif") no-repeat scroll right center transparent;
	    border-top: 1px dotted #C4C4C4 !important;
	    color: #5D5D5D;
	    display: block;
	    font-size: 80%;
	    font-weight: bold;
	    padding: 5px 10px 5px 0;
	    text-align: right;
	    text-decoration: none;
		}
		
	/*devis_validation*/
	.devis_validation {
		clear: both;
		margin: .5em 0 .5em 0;
		width: 380px; height: 65px;
		}
	.devis_validation .others_action {
		position: absolute; right: 30px;
		margin: 40px 0 0 0;
		}
	.devis_validation .others_action a {
		display: block; clear: both;
		border: none!important;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		display: block; margin: 0 0 5px 10px;
		padding:5px;
		text-align: center;
		width: 150px; height:auto;
		background-color: #F1F1F1;
		}
	
	.devis_validation a,
	.devis_validation input.valide_resa {float: left;}
	.devis_validation a {
		display: block;
		float:none!important;
		width: 150px;
		padding: 10px 0 10px 35px;
		font-size: 77%; color:#535353;
		font-weight: bold;
		text-decoration: none;
		}
	.devis_validation a.link_memo {background: transparent url(../medias/devis_memo_bt.gif) no-repeat 0 0;}
	.devis_validation a.link_mail {background: transparent url(../medias/devis_mail_bt.gif) no-repeat 0 0;}

	.devis_validation input.valide_resa {
		position: absolute; right: 15px;
		width:136px; height: 30px;
		margin: 3px 0 0 0; border:0;padding:0;
		font-size: 1px; text-align: left; color:#107010;
		background: transparent url(../medias/btEtape.png) no-repeat right 0;
		}
	#PaymentRequest	.devis_validation input.valide_resa {
		width:175px; height: 45px;
		font-size: 1px; border:0; padding:0;
		text-align: left; color:#fff;
		background: transparent url(../medias/btPaiement.png) no-repeat right 0!important;
		}
		
	/* réservation - étape 02 */
	body.reservationContent #deuxColDevis {
		background-image: none!important;
		background-color:#fff;
		}
	#resaLocation_etape2 {
		width: 98%;
		overflow: hidden;
		}
	#resaLocation_etape2 {clear: both;}
	#compte_identifi {}
	#compte_identifi h2 {height: 17px;}
	#compte_identifi h2 span,
	#compte_identifi h2 .devis_info_h2 {
		float: left;
		}
	#compte_identifi h2 .devis_info_h2 {
		position: relative;
		right:none;
		}
	#resaLocation_etape2 h2 {
		color:#006602!important; 
		font-weight: bold;
		padding: .2em 0 .2em .5em;
		margin: 0 0 4px 0;
		border-bottom: 1px #006602 dotted!important;
		background-color:#E6FBC8;
		}
	#compte_resa #titre h2 {font-size: 85%!important;}
	#compte_identifi h2 {font-size: 85%!important;}
	#resaLocation_etape2 .nav {
		float: right;
		padding: 0 0 .3em 0;
		}
	#compte_resa a {
		float: left;
		padding: 0 0 0 7px;
		font-size: 80%!important; color:#CC0000;
		}
	
	#resaLocation_etape2 .field_line {padding:0;}
	#compte_resa .field_line,
	#compte_identifi .field_line {width: 100%; clear: both;}
	
	label em {font-size: 80%; display: block;}
	label span.required,
	span.required {
		color:#108BD8;
		}
	
	#resaLocation_etape2 label,
	#resaLocation_etape2 .libele_field_line,
	#resaLocation_etape2 font,
	#resaLocation_etape2 .mode_field_line,
	#resaLocation_etape2 input {float: left;}
	
	#resaLocation_etape2 font {padding: 0 5px 0 5px;}
	#resaLocation_etape2 label {
		font-size: 80%; color:#5d5d5d!important;
		width: auto; padding: 0 0 0 12px;
		background: transparent url(../medias/flcRed.gif) no-repeat 0 2px;
		}
	#resaLocation_etape2 .libele_field_line,
	#resaLocation_etape2 .mode_field_line {}
	#resaLocation_etape2 .libele_field_line {width: 30%;}
	#resaLocation_etape2 .mode_field_line {width: 65%;}
	#resaLocation_etape2 font {font-size: 80%;}
	#resaLocation_etape2 input {
		font-size: 80%; 
		width: 175px;margin: 0 0 2px 0;
		}
	#resaLocation_etape2 .checkMode {
		margin: .5em 0 .5em 0;
		width: 98%!important;
		}
	#resaLocation_etape2 .checkMode label,
	#resaLocation_etape2 .checkMode label a {
		color:#006602;
		}
	#resaLocation_etape2 .checkMode label {
		font-size: 77%!important; padding: 0 0 0 5px;
		float: left;background-image: none!important;
		}
	#resaLocation_etape2 .checkMode input {width:auto!important}
	#resaLocation_etape2 .mentions {padding: 0 0 .5em 0;}
	#resaLocation_etape2 .mentions p {
		color:#108BD8; font-size:70%;
		}
	
	#resaLocation_etape2 .devis_validation {width: 100%;}
	#resaLocation_etape2 .link_memo {width: 250px; padding: 12px 0 0 40px;}
	
	#resaLocation_etape2 #bt_resa {
		display:block;
		font-size: 1px; color:#fff;
		width:200px!important;
		}
	
	/*confirmation_mode*/
	#confirmation_mode {}
	#confirmation_mode h2{font-size: 93%; color:#000; font-weight: bold;}
	#confirmation_mode h3 {font-size: 85%; color: red; margin: 0 0 .5em 0;}
	#confirmation_mode p {font-size: 77%;}
	
	.prixLoading {
    	background-image : url(/Content/medias_UK/loader-small.gif);
	    background-position : right;
	    background-repeat : no-repeat;
	    height : 16px;
	    width: 70px;
	    text-align: right;
	}
	
	.promoListSelectedCheckBox
	{
	    width: auto; 
	    margin: 0 5px 0 0;
	}
	
	.field_line_sel
	{
	   border-top: 1px dotted #CFCDCD;  
	   clear:both; 
	    margin: 0; 
	    padding: 4px 0 3px; 
	    width: 365px;
	}
