@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400); 

/* COLOR REFERENCS :
	#F5F5F5 (LIGHT GREY)
	#30A4E7 (LIGHT BLUE)
	#414B64 (DARK GREY/BLUE)
*/


body									{ position: relative; margin: 0; font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 300; }
.page									{ padding: 0; }
.pg_participants .main 					{ padding-top: 165px; }
.pg_options .main	 					{ padding-top: 230px; }
.main 									{ padding-top: 250px }
.separator 								{ border: none; }
hr 										{ display: none; }
a 										{ color: inherit; text-decoration: underline; }


/* FORMS */

.textbox, .listbox, .editbox			{ width: 175px; max-width: 200px; background-color: #F5F5F5; border-radius: 5px; font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 300; color: #414B64; padding: 4px 4px 4px 4px; margin: 4px 4px 0px 7px; }
.listbox								{ margin-right: 1px; width: 185px; }
input[type="checkbox"] 					{ width: 20px; height: 17px; margin: 0 0 0 0; vertical-align: top; }
input:focus, textarea:focus, select:focus { outline-color: #30A4E7; outline-width: 4px; }
.redStar								{ color: #30A4E7; vertical-align: top; }
.redStar span							{ vertical-align: top; }


/* TABLES */

table 									{ font-size: 12px; color: #414B64; }
tr										{ margin-top: 5px; display: block; }
td 										{ display: inline; word-break: break-all; }


/* BUTTONS */

.buttons								{ margin-top: 20px; text-align: center; }
.button 								{ background: #30A4E7 url(''); padding: 10px 10px 10px 10px; margin: 0; font-size: 13px; font-weight: 300; color: #fff; transition:.5s all; -webkit-transition:.5s all; -o-transition:.5s all; -moz-transition:.5s all; -ms-transition:.5s all; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.button:hover 							{ background-color: #414B64 !important; opacity: 1; color: #EEE; }
.button:focus 							{ outline-width: 0; }
#btnPrecedent 							{ background: #30A4E7 url('../images/webresa-previous.png') no-repeat 9px 12px; background-size: 10px; text-align: right; padding-left: 25px; }
.pg_participants #btnPrecedent	 		{ display: none; }
#btnAddInscrit 							{ background: #30A4E7 url('../images/webresa-add.png') no-repeat 145px 12px; background-size: 13px; text-align: left; padding-right: 25px; }
#btnSuivant								{ background: #30A4E7 url('../images/webresa-next.png') no-repeat 103px 12px; background-size: 10px; text-align: left; padding-right: 20px; }
.next_step								{ float: none; }
.pg_recapitulatif #btnPrecedent			{ padding-left: 16px; padding-right: 5px; background-position-x: 3px; }
#bouton_paiement 						{ float: none; background: #30A4E7 url('./webresa-next.png') no-repeat 144px 12px; background-size: 10px; text-align: left; padding-left: 5px; padding-right: 20px; }
#btnAutreMoyen							{ background: #30A4E7 url('../images/webresa-next.png') no-repeat 182px 12px; background-size: 10px; text-align: left; padding-right: 23px; margin: 10px 0; }
.button.btn_light						{ background: #30A4E7; }


/* DATEPICKER */
tr										{ margin-top: 5px; display: block; }
td 										{ display: inline; word-break: break-all; }

#ui-datepicker-div tr					{ display: table-row; }
#ui-datepicker-div td					{ display: table-cell; }
.ui-widget-header						{ background: #F5F5F5; border: 1px solid #D2CAB4; }
.ui-datepicker .ui-datepicker-title select { border: 1px solid #D3D3D3; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #F5F5F5; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #30A4E7; background: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #30A4E7 ; border: 1px solid #30A4E7; color: #fff; }



/* SIDEBAR */

.rightSide 								{ position: absolute; top: 0; display: block; width: 100%; background-color: #F5F5F5; font-size: 12px; color: #414B64 !important; }
.rightSide h1 							{ display: none; }
.ucTxtOffre 							{ display: none; }
.ucTxtChange a							{ display: inline-block; float: right; background-color: #30A4E7; color: #fff; text-decoration: none; text-transform: uppercase; padding: 5px !important; margin: 5px 10px 0 0 !important; font-size: 10px; border-radius: 3px; }
.divSummary > div:nth-child(odd)		{ border-right: 1px dashed #A6A39C; }
.divSummary .offre, .divSummary .participants, .divSummary .options, .divSummary .montant { display: block; float: left; height: auto; width: 46%; margin: 5px 0 15px 0; padding: 5px 5px 0 5px; }
.pg_participants .divSummary .offre, .pg_participants .divSummary .participants { min-height: 65px;  }
.pg_options .divSummary .offre, .pg_options .divSummary .participants { min-height: 130px;  }
.pg_coordonnees .divSummary .offre, .pg_coordonnees .divSummary .participants { min-height: 130px;  }
.pg_recapitulatif .divSummary .offre, .pg_recapitulatif .divSummary .participants { min-height: 130px;  }
.offre	 								{ background: url('../images/webresa-calendar.png') no-repeat 8px 9px; background-size: 24px; }
.offre .ucTxtDate						{ margin-right: 3px; }
.offre .ucTxtDate:before				{ content: '\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0'; }
.options .ucPrixTotalOptions, .options .ucPrixTotalAssurances { color: #414B64; }
.montant 								{ background: url('../images/webresa-pin.png') no-repeat top right; background-size: 26px;}
.montant > div							{ display: block; width: 100%; }
.montant .ucMontantTotal				{ font-size: 20px; color: #414B64; }


/* BREADCRUMB TRAIL */

.breadcrumb								{ text-align: center; }
.breadcrumb .images 					{ display: none; }
.breadcrumb .text 						{ display: inline-block; width: 100%; }
.breadcrumb .text .etape 				{ position: relative; display: inline-block; width: 23%; font-family: 'Roboto Condensed'; background-color: #30A4E7; color: #414B64; font-style: normal; font-size: 12px; line-height: 17px; padding: 5px 0px !important; text-align: center; }
.breadcrumb .text .etape:after 			{ content:''; position: absolute; top: 100%; left: 50%; margin-left: -30%; width: 0; height: 0; border-top: solid 8px #30A4E7; border-left: solid 8px transparent; border-right: solid 8px transparent; }
.breadcrumb .text .etape.off:after 		{ border-top: solid 8px #F5F5F5; }
.breadcrumb .text .etape:not(:nth-child(4)) { margin-right: 2%; }
.breadcrumb .text .etape:before			{ font-size: 18px; color: #dedede; vertical-align: -1px; margin-right: 3px; display: block; }
.breadcrumb .text .off					{ background-color: #F5F5F5; }
.breadcrumb .text .off:before			{ color: #c1c1c1; }
.etape_one_on, .etape_two_on, .etape_three_on, .etape_four_on { color: #fff !important; background-color: #30A4E7 !important; }
.etape_one_on:before, .etape_two_on:before, .etape_three_on:before, .etape_four_on:before { color: #fff !important; }
.etape_one_on:before, .etape_one_off:before	{ content: '1/4'; }
.etape_two_on:before, .etape_two_off:before	{ content: '2/4'; }
.etape_three_on:before, .etape_three_off:before { content: '3/4'; }
.etape_four_on:before, .etape_four_off:before { content: '4/4'; }


/* HEADINGS */

.caseParticipant, .assurance, .message, .coordonnees { border: 1px solid #ccc; border-radius: 5px; }
.participants .label, .assurance h1, .message h1, .coordonnees h1, .rightSide:before, .div_option .titres, #pnlPrestations .commentaire:before { display: block; background-color: #F5F5F5; border-radius: 5px; font-family: 'Roboto Condensed'; font-weight: 400; font-size: 20px; line-height: 40px; color: #414B64; text-transform: uppercase; text-align: left; padding-left: 20px; }
.assurance .text, .message .text, .coordonnees .text 					{ color: #414B64; background-color: #F5F5F5; border-radius: 5px; padding: 0 0 10px 20px; font-style: italic; }
.assurance .text						{ padding-right: 10px; }
.tab_participants dt.participants 														{ display: block; border-radius: 5px 5px 0 0;  color: #414B64; padding: 0; margin-bottom: 20px; }

/* COMMENTS */

.textEtape 								{ display: none; }
.TextTitle 								{ display: none; }
.commentaire, .customCommentaire		{ color: #414B64;}
.pg_participants .commentaire, .pg_participants .customCommentaire { display: none; }


/* STEP 0 */

.headerPeriode, .headerTarif 			{ display: none; }
.row-style, .alternative-row-style		{ background-color: #F5F5F5; color: #414B64; font-family: 'Roboto'; font-size: 14px; padding: 10px 0 10px 10px !important; vertical-align: middle; border-bottom: 1px dotted #dedede;  }
.alternative-row-style					{ background-color: #FFF; }
.periode								{ background-color: transparent; padding: 0; font-weight: 300; }
.periode > span > font					{ color: #30A4E7; font-weight: 500; }
.inlineTarif 							{ /*display: none;*/font-size: 13px; }
.tarif 									{ float: none; padding: 0; }
#lsvListeOffres_ctrl0_lblPrix1, #lsvListeOffres_ctrl1_lblPrix1, #lsvListeOffres_ctrl2_lblPrix1, #lsvListeOffres_ctrl3_lblPrix1, #lsvListeOffres_ctrl4_lblPrix1, #lsvListeOffres_ctrl5_lblPrix1, #lsvListeOffres_ctrl6_lblPrix1, #lsvListeOffres_ctrl7_lblPrix1, #lsvListeOffres_ctrl8_lblPrix1, #lsvListeOffres_ctrl9_lblPrix1, #lsvListeOffres_ctrl10_lblPrix1, #lsvListeOffres_ctrl11_lblPrix1, #lsvListeOffres_ctrl12_lblPrix1, #lsvListeOffres_ctrl13_lblPrix1, #lsvListeOffres_ctrl14_lblPrix1, #lsvListeOffres_ctrl15_lblPrix1, #lsvListeOffres_ctrl16_lblPrix1, #lsvListeOffres_ctrl17_lblPrix1, #lsvListeOffres_ctrl18_lblPrix1, #lsvListeOffres_ctrl19_lblPrix1, #lsvListeOffres_ctrl20_lblPrix1 { /*font-weight: 500;*/ }
#lsvListeOffres_ctrl0_lblPrix1:before, #lsvListeOffres_ctrl1_lblPrix1:before, #lsvListeOffres_ctrl2_lblPrix1:before, #lsvListeOffres_ctrl3_lblPrix1:before, #lsvListeOffres_ctrl4_lblPrix1:before, #lsvListeOffres_ctrl5_lblPrix1:before, #lsvListeOffres_ctrl6_lblPrix1:before, #lsvListeOffres_ctrl7_lblPrix1:before, #lsvListeOffres_ctrl8_lblPrix1:before, #lsvListeOffres_ctrl9_lblPrix1:before, #lsvListeOffres_ctrl10_lblPrix1:before, #lsvListeOffres_ctrl11_lblPrix1:before, #lsvListeOffres_ctrl12_lblPrix1:before, #lsvListeOffres_ctrl13_lblPrix1:before, #lsvListeOffres_ctrl14_lblPrix1:before, #lsvListeOffres_ctrl15_lblPrix1:before, #lsvListeOffres_ctrl16_lblPrix1:before, #lsvListeOffres_ctrl17_lblPrix1:before, #lsvListeOffres_ctrl18_lblPrix1:before, #lsvListeOffres_ctrl19_lblPrix1:before, #lsvListeOffres_ctrl20_lblPrix1:before { display:none;content: '\00c0  partir de : ' !important; font-weight: 300; font-size: 12px; font-style: italic; }
#lsvListeOffres_ctrl0_lblPrix1:after, #lsvListeOffres_ctrl1_lblPrix1:after, #lsvListeOffres_ctrl2_lblPrix1:after, #lsvListeOffres_ctrl3_lblPrix1:after, #lsvListeOffres_ctrl4_lblPrix1:after, #lsvListeOffres_ctrl5_lblPrix1:after, #lsvListeOffres_ctrl6_lblPrix1:after, #lsvListeOffres_ctrl7_lblPrix1:after, #lsvListeOffres_ctrl8_lblPrix1:after, #lsvListeOffres_ctrl9_lblPrix1:after, #lsvListeOffres_ctrl10_lblPrix1:after, #lsvListeOffres_ctrl11_lblPrix1:after, #lsvListeOffres_ctrl12_lblPrix1:after, #lsvListeOffres_ctrl13_lblPrix1:after, #lsvListeOffres_ctrl14_lblPrix1:after, #lsvListeOffres_ctrl15_lblPrix1:after, #lsvListeOffres_ctrl16_lblPrix1:after, #lsvListeOffres_ctrl17_lblPrix1:after, #lsvListeOffres_ctrl18_lblPrix1:after, #lsvListeOffres_ctrl19_lblPrix1:after, #lsvListeOffres_ctrl20_lblPrix1:after { display:none;content: ' /pers.' !important; }
.reserver								{ display: block; padding: 0; text-align: right; width: 100%; background-size: 100%; }
.reserver .button						{ padding: 7px 15px; margin-right: 5px; font-size: 12px; }


/* STEP 1 */

#lblInfoFormulaire						{ display: none; }
.caseParticipant 						{ border-radius: 5px; margin-bottom: 18px; padding: 0; }
.tab_participants 						{ background: none; width: 99%; margin-bottom: 0; }
.tab_participants td					{ border: 0; }
.tab_participants .redStar				{ display: none; }

.tab_participants dl					{ display: inline-block; width: 100%; }

.tab_participants dt 					{ float: left; clear: both; display: block; width: 70px;  padding: 0; position: relative; top: 8px; color: #414B64; font-size: 14px; font-weight: 300; word-break: normal; }
.tab_participants dt span				{ width: auto; padding: 0 0 0 20px; }
.tab_participants dt.participants		{ width: 100%; top: 0; }
.tab_participants dt.naissance			{ top: 3px;  }
.tab_participants dt.naissance span		{ line-height: 14px; text-transform: capitalize; }

.tab_participants dd					{ float: left; display: block; }
.tab_participants dd.participants 		{ position: absolute; right: 10px; padding-top: 14px; text-align: right; width: 100%; }
.tab_participants dd.participants span	{ color: transparent; }
.tab_participants dd.participants span:after { content: 'Retirer '; color: #414B64; font-weight: 400; }


/* STEP 2 */

.message .contenu						{ padding: 15px 0 25px 0; }
.message .contenu .editbox				{ height: 155px; }

#pnlPrestations							{ border: 1px solid #b2b2b2; border-radius: 5px; margin: 30px 0 30px 0; }
#pnlPrestations .commentaire			{ background-color: #F5F5F5; padding: 0 15px 10px 20px; border-radius: 5px; }
#pnlPrestations .commentaire:before		{ content: 'Options'; display: block; padding: 0; font-style: normal; }
#pnlPrestations .div_option				{ margin: 0; border: 0; padding: 0 20px; }
#pnlPrestations .div_option tr:first-child { display: none; }
#pnlPrestations .div_option td			{ border: 0; font-size: 14px; color: #000; }
#grdPrestation_ctl02_lblPrixUnitaire	{display: block; text-align: left; }
#grdPrestation_ctl02_lblPrixUnitaire:before { content: '@'; }
#grdPrestation_ctl02_lblPrixUnitaire:after { content: ' /pers.'; }
input#grdPrestation_ctl02_txtquantites:before { content: 'Nombre :'; display: block; width: 40px; height:40px; }
#pnlPrestations tr:nth-child(2)	td:nth-child(4):before { content: 'Nombre :'; }
#pnlPrestations .tab_option  .celluleLeft { padding-left: 0; }
#pnlPrestations .cellule.montant		{ display: none; }
#pnlPrestations .footer.Depart			{ display: none; }
#pnlPrestations .footer.Total.celluleLeft { display: none; }
#pnlPrestations .tab_option .footer		{ padding: 0; }
#pnlPrestations #grdPrestation tr:not(:last-child) { border-bottom: 1px dashed #B2B2B2; padding: 10px 0; }
#pnlPrestations #grdPrestation_ctl03_divTotal { text-align: right; padding: 0 10px 0 10px; font-size: 20px; color: #414B64; font-weight: 600; }

#pnlAssurances							{ margin: 15px 20px; }
#pnlAssurances .ligne					{ padding: 15px 0; line-height: 18px; border-bottom: 1px dashed #b2b2b2; }
#pnlAssurances .ligne span				{ padding-left: 0px; }
#pnlAssurances .totalAssurance			{ background: none; color: #414B64; font-size: 20px; }
#lblTxtTotalAssurance					{ display: none; }
.totalAssurance div						{ float: none; text-align: right; }
.civilite .listbox						{ width: 70px; }
.naissance .textbox						{ width: 110px; }
.pg_options .message					{ display: none; }


/* STEP 3 */

.coordonnees .form 						{ padding: 15px; }
.coordonnees .divLibelle				{ float: left; text-align: left; margin-left: 20px; width: 60px; height: 1px; }
.coordonnees .divLibelle span			{ position: relative; top: 9px; font-size: 14px; font-weight: 300; color: #414B64; line-height: 16px; text-transform: capitalize; }
.coordonnees .divValeur					{ width: auto;  }
.coordonnees .textbox_cp				{ width: 40px; }
.coordonnees .textbox_ville				{ width: 100px; margin-left: 0px; }
.coordonnees .editbox					{ width: 175px; }
.coordonnees > .divLibelle #lblTxtTelephone, .coordonnees > .divLibelle #lblTxtTelephonePro, .coordonnees > .divLibelle #lblTxtCommentaire	{ color: transparent; }
.coordonnees > .divLibelle #lblTxtCommentaireClient3 { top: 4px; }
/* .coordonnees > .divLibelle #lblTxtTelephonePro:before { content: 'T\00e9l. Pro.'; color: #414B64; width: auto; display: block; } */
.coordonnees > .divLibelle #lblTxtTelephone:before { content: 'T\00e9l.'; color: #414B64; width: auto; display: block; }
.coordonnees > .divLibelle #lblTxtCommentaire:before { content: 'Message';  color: #414B64; width: auto; display: block; }
.divLibelle.long 						{ float: none; width: auto; height: auto; margin-top: 10px; margin-bottom: 0px; text-align: left; }
.divLibelle.long span 					{ top: 0; text-transform: none; }
.coordonnees #txtCommentaireClient3		{ margin-left: 20px; width: 300px; height: 20px; margin-top: 10px; }
.coordonnees #txtCommentaireClient2, .coordonnees #txtInfoCommerciale	{ margin-left: 20px; background-color: #fff; max-width: 240px; width: 300px; }
.InfoComplet							{ border-top: 1px dashed #DEDEDE; border-bottom: 1px dashed #DEDEDE; background-color: #F5F5F5; padding: 10px 0; margin: 30px 0; }
.InfoComplet .titre	span				{ font-style: normal; color: #414B64; font-size: 16px; font-weight: 400; padding: 0 0 10px 20px; display: inline-block; }
#lblTxtRemeberMe						{ top: 0; left: 19px; text-transform: none; }
#chkRemember							{ margin: 0 5px 0 20px; }
#lblTxtRememberMeDetail					{ display: inline-block; margin: 20px 0 10px 20px; }
.pg_coordonnees .coordonnees #lblTxtTelephone,
.pg_coordonnees .coordonnees #txtTelephonePerso,
.pg_coordonnees .coordonnees #lblTxtTelephonePro,
.pg_coordonnees .coordonnees #txtTelProfessionnel { display: none; }

/* STEP 4 */

#Form4 .recap							{ display: none; }
.div_option								{ border: 1px solid #ccc; border-radius: 5px; margin: 30px 0; }
.div_option .titres						{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.div_option .titres a 					{ color: #30A4E7; text-transform: lowercase; font-size: 16px; font-weight: 200; }
.div_option table.reservation tr:first-child { display: none; }
.div_option table.reservation			{ margin-top: 10px; }
.div_option table.reservation tr		{ padding: 0px 5px 0px 20px;  }
.div_option table.reservation td		{ border: 0;  }
table.reservation .montant 				{ background: transparent; }
table.reservation .montant div 			{ text-align: right !important; }
table.reservation .datagrid_color		{ background-color: #F5F5F5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
table.reservation .datagrid_grey:not(:last-child)		{ border-bottom: 1px dashed #DEDEDE !important; }
table.reservation .datagrid_grey td:first-child { font-size: 15px; text-transform: capitalize; }
table#gridPrestation .datagrid_grey td:first-child { color: #414B64; word-break: normal; text-transform: none; }
table.reservation .datagrid_grey td:nth-child(2) { font-size: 14px; font-weight: 100; }
table.reservation .datagrid_grey td:nth-child(3) { font-size: 15px; color: #30A4E7; padding-left: 2px; }
table.reservation .Total 				{ width: auto !important; color: #414B64; }
table.reservation .Total td 			{ display: none; }
table.reservation .Total td:nth-child(3) { display: block; }
table.reservation .Total td:nth-child(3) div { font-size: 16px; text-align: right !important; font-weight: 600; padding: 5px 0; }
.recap_total 							{ border: 1px solid #ccc; border-radius: 5px; margin: 30px 0; background-color: #F5F5F5; color: #414B64; font-size: 16px; text-align: right !important; font-weight: 600;  }
#lblTotalTtc							{ font-weight: 100; }
.checkConditions #lblInfoAcompte		{ display: block; color: #FFF; background-color: #30A4E7; padding: 10px; border-radius: 5px; }
#Form4 div.recap_total					{ padding-right: 8px; }
#Form4 div.recap_total:nth-child(10) 	{ background-color: #30A4E7; color: #FFF; font-weight: 400; margin: 10px 0 0 0; border: 0; }

.div_option	.form						{ color: #414B64; }
.div_option	.form .divLibelle			{ width: auto; height: auto; margin-left: 5px; }
.div_option	.form .divLibelle span 		{ top: 0; font-size: 14px; }
.div_option	.form .divValeur 			{ font-size: 14px; margin: 0; padding-left: 5px; font-weight: 400; }
.div_option	.form .separator			{ border-bottom: 1px dashed #DEDEDE; padding-top: 7px; margin-bottom: 7px; }
#pnlOptions #gridPrestation_ctl02_lblquantites:before { content: 'x '; }
#lblCommentaireClient					{ display: block; margin-top: 10px; }
.div_option	.form div:nth-child(13),
.div_option	.form div:nth-child(14),
.div_option	.form div:nth-child(15),
.div_option	.form div:nth-child(16),
.div_option	.form div:nth-child(17),
.div_option	.form div:nth-child(18) { display: none; }

.checkConditions a						{ display: block; margin-left: 20px; color: #30A4E7; font-weight: 300;  }
#Form4 .buttons							{ text-align: right; margin-bottom: 10px; }
.div_option .lignes						{ margin: 0 18px 0 20px; color: #414B64; }
.div_option .lignes.cds_separator		{ padding-bottom: 10px; border: 0; border-bottom: 1px dashed #DEDEDE; margin-bottom: 10px; }
.div_option .lignes:nth-child(2)		{ margin-top: 20px; }
.div_option .lignes:nth-child(4)		{ margin-bottom: 20px; }
.div_option .lignes .choix				{ margin-bottom: 5px; }
.div_option .lignes .choix input		{ position: relative; top: 2px; }
.div_option .lignes .choix #lblTxtReglementCheque, .div_option .lignes .choix #lblTxtReglementVirement { font-weight: 600; }
.div_option .lignes .choix span			{ padding-left: 5px; }
.div_option .lignes .info strong		{ font-style: italic; }
.div_option.imprimer					{ padding: 20px; }
.adresseEnvoi							{ color: transparent; font-size: 1px; }
.adresseEnvoi:before					{ content: '\00000a La Maison de Gaudissard \00000a 05350 MOLINES-EN-QUEYRAS \00000a France'; white-space: pre; color: #414B64; font-weight: 600; font-size: 14px; padding-bottom: 10px; display: inline-block; }


/* IPHONE 6 PORTRAIT */

@media screen and (min-width: 375px) 	{

	#lsvListeOffres_ctrl0_divRow, #lsvListeOffres_ctrl1_divRow, #lsvListeOffres_ctrl2_divRow, #lsvListeOffres_ctrl3_divRow, #lsvListeOffres_ctrl4_divRow, #lsvListeOffres_ctrl5_divRow, #lsvListeOffres_ctrl6_divRow, #lsvListeOffres_ctrl7_divRow, #lsvListeOffres_ctrl8_divRow, #lsvListeOffres_ctrl9_divRow, #lsvListeOffres_ctrl10_divRow, #lsvListeOffres_ctrl11_divRow, #lsvListeOffres_ctrl12_divRow, #lsvListeOffres_ctrl13_divRow, #lsvListeOffres_ctrl14_divRow, #lsvListeOffres_ctrl15_divRow, #lsvListeOffres_ctrl16_divRow, #lsvListeOffres_ctrl17_divRow, #lsvListeOffres_ctrl18_divRow, #lsvListeOffres_ctrl19_divRow, #lsvListeOffres_ctrl20_divRow			{ position: relative; }
	.reserver 									{ position: absolute; top: 14px; right: 10px; }

	/* STEP 4 */
	.pg_recapitulatif #btnPrecedent				{ width: 145px; background-position-x: 10px; padding-right: 10px; }
	#bouton_paiement 							{ width: 170px; background-position-x: 150px; padding-left: 10px; }	

}


/* IPHONE 4 LANDSCAPE */

@media screen and (min-width: 480px) {

	/* SIDEBAR */
	.divSummary td								{ vertical-align: top; }

	/* GENERAL */
	.textbox									{ width: 290px; max-width: 300px; }
	.listbox									{ width: 290px; max-width: 300px; }
	.divLibelle.long							{ width: auto; }
	table 										{ font-size: inherit; }
	tr											{ display: table-row; }
	td 											{ word-break: normal; display: table-cell !important; }

	/* STEP 1 */
	.tab_participants dt						{ width: 120px; }	
	.tab_participants dt.naissance				{ top:	9px; }
	#btnAddInscrit 								{ width: 168px; }
	#btnSuivant									{ width: 122px; }
	
	/* STEP 2 */
	#pnlPrestations #grdPrestation tr			{ display: block; }
	#pnlPrestations #grdPrestation tr:first-child { display: none; }
	#pnlPrestations .cellule.montant			{ display: none !important; }
	#pnlPrestations .footer.Depart				{ display: none !important; }
	#pnlPrestations .footer.Total.cellule		{ background-color: transparent; display: inline !important; }
	#pnlPrestations .footer.Total.celluleLeft 	{ display: none !important;  }

	/* STEP 3 */
	.datagrid_color th							{ padding: 5px 0 5px 5px; text-align: left; color: #414B64; }
	.datagrid_color th:first-child				{ width: 45%; padding-left: 10px; }
	.datagrid_color th:nth-child(2)				{ width: 35%; }
	.datagrid_color th:last-child				{ text-align: right; padding-right: 10px; }
	.datagrid_grey td							{ border-bottom: 1px dashed #DEDEDE !important; padding: 10px 5px; text-align: left; }
	.datagrid_grey td:first-child				{ padding-left: 10px; }
	.datagrid_grey td:last-child				{ padding-right: 10px; }
	.datagrid_color td:last-child				{ width: 100% !important; text-align: right; padding-right: 10px; }
	table.reservation .datagrid_grey td:first-child	{ font-size: 14px; }
	#gridPrestation .datagrid_color th:nth-child(1) { width: 75%; }
	#gridPrestation .datagrid_color th:nth-child(2) { width: 5%; }
	
	/* STEP 4 */
	.div_option table.reservation tr:first-child { display: table-row; }
	.div_option	.form .divLibelle				{ width: 150px; }


}


/*  */

@media screen and (min-width: 582px) 	{
	.periode		 							{ display: inline-block; min-width: 50%; }
	.item 										{ display: inline-block; min-width: 34%; }
	.reserver 									{ position: relative; top: 0; right: 0; display: inline-block; width: auto; }
}


/* IPAD PORTRAIT */

@media screen and (min-width: 768px) {
	
	/* BREADCRUMB */
	.breadcrumb .text .etape					{ font-size: 20px; line-height: 22px; }
	.breadcrumb .text .etape:before				{ font-size: 18px; }	

	/* SIDEBAR */
	.rightSide									{ position: fixed; right: 0; float: right; width: 32%; min-width: 250px; margin-top: 35px; background-color: transparent; font-size: 16px; background: transparent url('../images/webresa-pin.png') no-repeat bottom right; background-position-y: 25px; background-size: 30px; }
	.rightSide:before 							{ content: 'VOTRE S\00c9JOUR :'; background-color: transparent; border-radius: 0px; padding-left: 0; }
	.ucTxtOffre									{ display: block; padding: 15px 0 25px 0; font-size: 19px; font-weight: 400; }
	.ucTxtChange a								{ display: inline-block; float: none; font-size: 11px; }
	.divSummary									{ border: 1px solid transparent; border-radius: 5px; background: #F5F5F5 url('../images/webresa-pin.png') no-repeat bottom right; background-position-y: -15px; background-size: 30px; }
	.divSummary	.bloc							{ border: 0; border-bottom: 1px dashed #a6a39c; padding: 0 0 10px 0 !important; }
	.divSummary	.bloc .dates 					{ background: transparent url('../images/webresa-calendar.png') no-repeat 0 7px; background-size: 30px; }
	.divSummary .offre, .divSummary .participants, .divSummary .options, .divSummary .montant { float: none; height: auto; width: auto; margin: 10px; }
	.divSummary > div:nth-child(odd)			{ border-right: 0; }
	.pg_participants .divSummary .offre, .pg_participants .divSummary .participants { min-height: auto; }
	.pg_options .divSummary .offre, .pg_options .divSummary .participants { min-height: auto; }
	.pg_coordonnees .divSummary .offre, .pg_coordonnees .divSummary .participants { min-height: auto; }
	.pg_recapitulatif .divSummary .offre, .pg_recapitulatif .divSummary .participants { min-height: auto; }
	.offre	 									{ background: transparent; }
	.montant 									{ background: transparent; text-align: right;}
	.montant > div								{ display: block; width: 100%; }
	.montant .ucMontantTotal					{ font-size: 20px; color: #414B64; }
	
	/* GENERAL */
	.main, .pg_participants .main, .pg_options .main { position: relative; float:left; width: 65%; padding-top: 10px; }
	.coordonnees .divLibelle					{ width: 100px; }
	.coordonnees .divLibelle.long				{ width: auto; padding-bottom: 10px; }
	.main, #pnlPrestations .div_option td, .div_option .form .divValeur, .div_option .form .divLibelle span, .tab_participants dt, .textbox, .listbox, .editbox, .button, .reserver .button, .row-style, .alternative-row-style, .coordonnees .divLibelle span, table.reservation .datagrid_grey td:first-child, table.reservation .datagrid_grey td:nth-child(2), table.reservation .datagrid_grey td:nth-child(3)	{ font-size: 18px; }
	table.reservation .Total td:nth-child(3) div { font-size: 20px; }
	#lsvListeOffres_ctrl0_lblPrix1:before, #lsvListeOffres_ctrl1_lblPrix1:before, #lsvListeOffres_ctrl2_lblPrix1:before, #lsvListeOffres_ctrl3_lblPrix1:before, #lsvListeOffres_ctrl4_lblPrix1:before, #lsvListeOffres_ctrl5_lblPrix1:before, #lsvListeOffres_ctrl6_lblPrix1:before, #lsvListeOffres_ctrl7_lblPrix1:before, #lsvListeOffres_ctrl8_lblPrix1:before, #lsvListeOffres_ctrl9_lblPrix1:before, #lsvListeOffres_ctrl10_lblPrix1:before, #lsvListeOffres_ctrl11_lblPrix1:before, #lsvListeOffres_ctrl12_lblPrix1:before, #lsvListeOffres_ctrl13_lblPrix1:before, #lsvListeOffres_ctrl14_lblPrix1:before, #lsvListeOffres_ctrl15_lblPrix1:before, #lsvListeOffres_ctrl16_lblPrix1:before, #lsvListeOffres_ctrl17_lblPrix1:before, #lsvListeOffres_ctrl18_lblPrix1:before, #lsvListeOffres_ctrl19_lblPrix1:before, #lsvListeOffres_ctrl20_lblPrix1:before { font-size: 14px; }

	/* STEP 1 */
	.tab_participants dt 						{ width: 180px; padding-right: 20px;}
	#btnAddInscrit 								{ width: 230px; background-position-x: 200px; background-position-y: 13px; }
	#btnSuivant									{ width: 170px; background-position-x: 142px; background-position-y: 13px; }
	
	/* STEP 2 */
	#pnlPrestations .div_option td				{ padding: 0 5px; }	
	
	/* STEP 3 */
	.pg_coordonnees .textbox, .pg_coordonnees .listbox, .pg_coordonnees .editbox { width: 330px; max-width: 330px; }
	.pg_coordonnees .coordonnees .textbox_cp	{ width: 70px; }
	.pg_coordonnees .coordonnees .textbox_ville	{ width: 230px; }
	.pg_coordonnees #drpCivilite				{ width: 70px; }
	.pg_coordonnees #drpPays					{ width: auto; }
	.pg_coordonnees #txtCommentaireClient2, .pg_coordonnees  #txtInfoCommerciale	{ max-width: none; width: 100%; width: 500px; }
	
	/* STEP 4 */
	.participants .label, .assurance h1, .message h1, .coordonnees h1, .rightSide:before, .div_option .titres, #pnlPrestations .commentaire:before { font-size: 24px; }
	.div_option .titres a 						{ font-size: 20px; }
	.div_option	.form .divLibelle				{ width: 200px; }
	.recap_total								{ padding: 10px; font-size: 20px; }
	.pg_recapitulatif #btnPrecedent				{ width: 200px; background-position-x: 12px; background-position-y: 14px; padding-right: 20px; }
	#bouton_paiement 							{ width: 235px; background-position-x: 210px; background-position-y: 14px; padding-left: 20px; }	
	#btnAutreMoyen								{ width: 285px; background-position-x: 260px; background-position-y: 14px; padding-left: 20px; }

}