/******

Feuille de style complémentaire Espace client Vacances Bleues

******/

body {background: #0000AE;}

hr {color: #F3F3F3;
margin-top: 30px;
}
p.logo, .option_resa.confirmation p.logo {
    text-align:center;
    display:none;
}
p.logo a:hover {background-image: url(../images/Logo_VB_txt.png)
}
.logos_univers{
    margin:0 auto;
    display:table;
    width:90%;
    padding-bottom:10px
}
div.logos_text{line-height:3em; width:100%; margin-top:20px}

div.logo, div.logo-va, div.logo-vbb {margin:0; display:table-cell; width:33% }

div.logo a {display:inline-block;color:#858585;line-height:5em;background-image:url(../images/logo_vacances_bleues.png);background-repeat: no-repeat;background-position:center top;float:left; width:100%;background-size: 18em;}

div.logo a:hover {background-image: url(../images/logo_vacances_bleues.png)}

div.logo-va a {display:inline-block;color:#858585;line-height:5em;padding-left:12em;background-image:url(../images/logo-VA.png);background-repeat: no-repeat;background-position:0 0;background-size: 12em auto;float:left}

div.logo-va a:hover {background-image: url(../images/logo-VA.png)}

div.logo-vbb a {display:inline-block;color:#858585;line-height:5em;padding-left:16em;background-image:url(../images/logo-vbb.png);background-repeat: no-repeat;background-position:0 0;background-size: 16em auto;float:right}

div.logo-vbb a:hover {background-image: url(../images/logo-vbb.png)}

section.fullWidth, body.customer-area-paiement section.main {
    margin: 0.6em 0;
}

section h1 {
    display:none;
}
header nav ul {
    width: 80%;
    margin: 0 auto;
    max-width: 760px;
}
.customerAreaMenu {
    padding: 30px 0 45px 0;
}
.customerAreaMenu li {
    padding: 0 15px 0 15px;
    border: solid #52b0e8 .1px;
    height: 70px;
    display: table-cell !important;
    vertical-align: middle;
}
header nav ul li {
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: 100 !important;
}
.customer-area article, article.fullwidth {
    background: #ffffff;
}
section h4 {
    margin: 5px 0 2px 15px;
}
fieldset legend {
    background-color: #ffffff;
}
.camp_vente {
    display: none;
}
section fieldset {
    margin-bottom:0;
}

fieldset {
    border: none;
}
.inputFields select {
    width:90% !important;
    padding: .5em;
    font-size: 0.9em;
    font-weight: 100;
}
section.edit_occ .button, section.edit_occ_2 .button, section.edit_part .button, body.customer-area-paiement .actions .button {
    color: #52b0e8;
    background-color: #FFFFFF;
    border:1px solid #52b0e8;
    padding: 9px 14px;
    min-width: 145px;
    max-width: 175px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin:20px 0 0 0;
    font-weight: bold;
}
.button, .valid .button, .but_paiement .button, .but_document .button, .but_paiement .paymentAction, section.edit_occ .default, section.edit_part .default, section.edit_occ_2 .default, .footerContener .button, body.customer-area-paiement .actions .default{
    color: #FFFFFF;
    background-color: #52b0e8;
    padding: 10px 15px;
    border:none;
    min-width: 145px;
    max-width: 175px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin:20px 0 0 0;
    font-weight: bold;
}
.otherLinks .button {
    font-size: 0.8rem;display:inline-block;margin:0.2em;color:#52b0e8;background-color:#FFF;padding: .6em;font-weight:bold;border:1px solid;text-align: center;cursor: pointer;
}
.action_buttons.hme a {
    vertical-align: middle;
}
.hme_blc .button{
	color:#212121;
	text-transform: none;
	padding: 75px 5px 20px;
	background-color: transparent;
	font-weight: normal;
}
.hme_blc .button:hover{
	box-shadow: none;
	color: #52b0e8 ;
}
.button.echeances{
	background-image: url(../images/picto-paiement.png);
	background-position: center top;
	background-repeat:no-repeat;
	max-width: 170px;
}
.button.fci_available{
	background-image: url(../images/picto-fci_available.png);
	background-position: center top;
	background-repeat:no-repeat;
}
.button.fci_check{
	background-image: url(../images/picto-chk_in-ok.png);
	background-position: center top;
	background-repeat:no-repeat;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}
.button.fci_disabled{
	background-image: url(../images/picto-fci_disabled.png);
	background-position: center top;
	background-repeat:no-repeat;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}
.button.docus{
	background-image: url(../images/picto-documents.png);
	background-position: center top;
	background-repeat:no-repeat;
}
.hme_blc .showReservationSelected{
	border:none !important;
	box-shadow: none;
}
.coord li  {
    background-color: #52b0e8;
    padding: 8px 15px;
    border: none;
    font-weight: 100;
    min-width: 145px;
    max-width: 165px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    display: inline-table !important;
    text-align:center
}
.coord li a {
    color: #FFFFFF;
    font-weight: bold;
}
h3.titre_paiement{
    color: #52b0e8 !important;
    font-weight: normal;
    margin: 1em 0.2em 0;
    font-size: 18px;
}
.but_paiement .paymentAction{
    padding: 9px 57px;
}
.but_paiement .on .button, .but_document .on .button {
    color: #52b0e8;
    background-color: #FFFFFF;
    border:1px solid #52b0e8;
    padding: 9px 14px;
    font-weight:400;
}
.but_document .button a:active, a:hover {
    color:#2591d1
}
.but_paiement .button a:hover, .but_document .button a:hover{
    color: #52b0e8;
    background-color: #FFFFFF;
}

.allResaBlock table.list th, body.customer-area-paiement table.list th{
    background-color: #808080;
    font-weight: 100;
}
body.customer-area-paiement table.list th{
    color: white;
}
table.list td {
    background: #f3f3f3;
}
td.action_buttons{
    background:#ffffff;
    border: none !important;
    padding-top: 0 !important;
}

td.action_buttons_paymentdue {
    background:#ffffff !important;
    border: none !important;
    padding-top: 0 !important;
}

table.list td.allResaRoomType, table.list td.allResaAmount, table.list td.allResaEtab{
    text-align: center;
}

table.list .existingReservationSelected td {
    background-color: #f3f3f3;
}

table.list td.description{
    background:#FFF;
    border:none;
    padding-bottom:20px
}

body.customer-area-paiement table.list td.description{
    background:#f3f3f3;
    border:1px solid #f3f3f3;;
    padding-left: .5em;
    color: #212121;
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
}
table.list td.description table td{
    background:#f3f3f3;
    text-align: center;

}
table.list td.description table th{
    background:#52b0e8;

}

table.list td.description table, table.list .reservationActions ul, table.list td.description p {
    margin-left:0;
    width:100%
}

table.list .reservationActions ul.coord{
    text-align: right;
}

.showReservationSelected{
    background-color: #FFF !important;
    color: #52b0e8 !important;
    border: 1px solid #52b0e8 !important;
}

.titre_paymentdue {
    color:#52b0e8;
    font-weight:bold;
    padding-bottom: 10px;
}

.titre_prest_supp{
    color:#52b0e8;
    font-weight:bold;
    padding: 40px 0 0;
}
.allResaBlock table.list th, .allResaBlock table.list td {
    min-width: 130px;
    padding: 20px 0;
    font-size: .95em;
}
body.customer-area-paiement table.list th,  body.customer-area-paiement table.list td{
min-width: 100px;
padding: 12px 0;
font-size: .95em;
}

.allResaBlock table.list tr td:nth-child(2), .allResaBlock table.list tr th:nth-child(2) {
    width: 15%;
}

.allResaBlock table.list tr th:nth-child(2) {
    width: auto;
}
th.act_voir{
    background:#ffffff
}
.cadre_tab{
    width:100%;
    padding-top:20px
}
body.customer-area-paiement .cadre_tab{
    padding-top:12px
}
.cadre_tab_bl, .cadre_tab_doc{
    width:100%;
    padding-top:0
}
body.customer-area-paiement section#PaymentBlock p{
    padding-left: .5em;
}
.action_buttons_content{
    text-align:right;
    width:100%;
}
table.list td.description p {
    padding-top:10px;
}
table.list td.description .text_paiement p {
    padding-top:0;
}
.text_paiement{
    background:#ddeffb;
    padding:5px 10px;
    display: table;
    margin-top: 20px;
}
.more_info_chq {
    background-color: #d8e7ff;
    width: 350px !important;
    padding: 5px;
    text-align: justify;
}
section.edit_occ, section.edit_part {
    padding: 20px 35px 0 35px;
}
section#authentication.edit_part {
    padding: 20px 20px 0 20px !important;
}
section.edit_occ_2 {
    padding:10px 35px;
}
section.edit_occ h3, section.edit_part h3{
    font-size:1em;
    margin-bottom:1.75em
}
section.edit_occ_2 h3{
    font-size:1em;
    margin-bottom:1.5em;
    padding-top: 1.75em;
}
.confirmBlockResaImg {
    width: 33%;
    max-height: 170px;
    overflow-y: hidden;
}
#etabImg {
    object-position: 0px -20px;
}
.confirmBlockResaText {
    width: 65%;
    vertical-align:top;
    padding-left:10px;
    text-transform:uppercase;
    margin-bottom: 50px;
    padding-top: 10px;
}
.hme_blc .confirmBlockResaText {
	margin-bottom: 25px;
}
section.edit_occ .confirmBlockResaText {
    margin-bottom: 40px;
}

.ProductBlock, .confirmBlockResaText p{
    font-weight: normal;
    text-transform: none;
}
section.edit_occ fieldset legend, section.edit_part fieldset legend, section.edit_occ_2 fieldset legend{
    background-color: #858585;
    color: #ffffff;
    font-weight:400;
    padding: 0.6em 1em;
}
section.edit_occ .container_12, section.edit_part .container_12, section.edit_occ_2 .container_12  {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
section.edit_occ .inputFields.grid_12, section.edit_part .inputFields.grid_12, section.edit_occ_2 .inputFields.grid_12 {
    width: 33% !important;
}
section.edit_occ p.inputFields, section.edit_part p.inputFields{
    margin: 0;
}

section.edit_occ_2 p.inputFields{
    margin: 0; padding-top: 4px;
}


section.edit_occ .container_12 .grid_12, section.edit_part .container_12 .grid_12, section.edit_occ_2 .container_12 .grid_12{width:100%; padding-top: 2px;}

section.edit_occ .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12, section.edit_part .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12, section.edit_occ_2 .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12{
    padding-top: .4em;
}

.grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9, .grid_14, .grid_15 {display:inline;float:left;margin-left:0;margin-right:0}

.grid_14 {width: 50%; padding-right: 1%;}

.grid_15 {width: 50%; padding-right: 0; margin-left: 0 !important;}

section.edit_occ .container_12 .grid_4, section.edit_part .container_12 .grid_4, section.edit_occ_2 .container_12 .grid_4{width: 33%; padding-right: 1%;}

section.edit_occ .container_12 .grid_6, section.edit_part .container_12 .grid_6{width:33%; margin-left:0}

section.edit_occ span.grid_4, section.edit_part span.grid_4, section.edit_occ_2 .container_12 .grid_6{width:32% !important}

section.edit_occ .container_12 .grid_5, section.edit_part .container_12 .grid_5, section.edit_occ_2 .container_12 .grid_5{width: 34%; padding-left: 1%;}

section.edit_occ .container_12 .grid_7, section.edit_part .container_12 .grid_7, section.edit_occ_2 .container_12 .grid_7{width: 67%; padding-right: 1%;}

section.edit_occ .container_12 .grid_8, section.edit_part .container_12 .grid_8, section.edit_occ_2 .container_12 .grid_8{width: 34%; padding-right: 1%; margin-left:0!important;}

section.edit_part .container_12 span.grid_12{
    padding-top:1px
}
p.inputFields.grid_4 select{;
    background-color: #f3f3f3;
    border:none;
    width:100% !important;
}
section.edit_occ_2 .participantsfield #occ_1_1, section.edit_occ_2 .participantsfield #occ_1_2 {
    padding-top: .5em;
    padding-bottom: .25em;
}
section.edit_occ_2 p.inputFields.grid_2 select {
    padding: .3em;
    background-color:#f3f3f3 !important;
    width: 95% !important;
    border: 1px solid #f3f3f3;
}
section.edit_part p.inputFields.grid_6 select {
    padding: .3em;
    width: 100% !important;
}
section.edit_part  p.inputFields.grid_4 select {
    padding: .3em;
}
section.edit_occ_2 .container_12 .grid_2 {
    width: 27%; padding-top: 4px;
}
section.edit_occ_2 .container_12 .grid_3 {
    width: 26%;
}
section.edit_occ_2 .participantsfield .container_12 .grid_2 + .grid_3 {
    margin-left: 0; padding-top: 4px;
}
section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_3 {
    margin-left: 1%; padding-top: 4px;
}
section.edit_occ_2 .container_12 .grid_1 {
    width: 5%;
}
section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_1 {
    margin-left: 1%; padding-top: 4px;
}
section.edit_occ_2  .participantsfield .container_12 .grid_1 + .grid_1 {
    margin-left: .5%; padding-top: 4px;
}
section.edit_occ_2 .inputFields.grid_1.deleteBlock {
    width: 4%;
}
input[type="text"], input[type="password"]{
    font-size: 0.8em;
}
section.edit_occ_2 p#newOcc_1, section.edit_occ_2 p#newOcc_2, section.edit_occ_2 p#newOcc_3, section.edit_occ_2 p#newOcc_4, section.edit_occ_2 p#newOcc_5{
    padding-top:15px;
}
.catalogue .container_12 .grid_4, .catalogue .container_12 .grid_5, .catalogue .container_12 .grid_7, .catalogue .container_12 .grid_8  {
    padding-top:4px
}
.txt_home ul {padding: 0;  margin: 0 0 35px;}
.txt_home ul li {display: flex; margin-bottom: 0;} 
.txt_home ul > li::before {content: '\02022'; margin-right: 8px; font-size: 1em; color: #000;}

/*****

Champs de formulaire

*****/

::-webkit-input-placeholder {color: #494949;font-style: normal;font-size:1em;}

::-moz-placeholder {color: #494949;font-style:normal;font-size:1em;}

:-ms-input-placeholder {color: #494949;font-style:normal;font-size:1em;}

section.edit_occ input#Nom, section.edit_occ input#Prenom, section.edit_occ input#edit_occ_form_date_creation_YYYY, section.edit_occ input#Email, section.edit_occ input#Phone, section.edit_part input#Nom, section.edit_part input#Prenom, section.edit_part input#edit_occ_form_date_creation_YYYY, section.edit_part input#Email, section.edit_part input#Phone, section.edit_part input#Zip, section.edit_part input#Country, section.edit_occ_2 input#Nom, section.edit_occ_2 input#Prenom, section.edit_occ_2 input#edit_occ_form_date_creation_YYYY, section.edit_occ_2 input#Email, section.edit_occ_2 input#Phone, section.edit_occ_2 input.input_fci, section.edit_part input#edit_customer_info_date_creation_YYYY, section.edit_part input#emaillogin, section.edit_part input#edit_customer_info_pol_address_phone{
    background-image:url(../images/bkg_obl.png);
    background-position:center right;
    background-repeat:no-repeat;
}
.creation_cpte #accountcreation.container_12 > .grid_12 > .grid_12 {
    padding-left: 0;
    padding-top: 4px;
}
.creation_cpte fieldset legend{
    background-color: #858585;
    color: #ffffff;
    font-weight:400;
    padding: 0.6em 1em;
    margin-top:1em
}
.creation_cpte {
    padding: 10px 30px;
}
input.mandatory {
    border-color: #e5e3de;
    background-image: url(../images/bkg_obl.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}
.creation_cpte #accountcreation.container_12 .grid_12.adress p {
    margin-right:0;
}
.creation_cpte #accountcreation select {
    padding: 0.3em;
}
section.edit_part .creation_cpte span.grid_4 {
    width: 32.666% !important;
}
section.edit_part .creation_cpte p.inputFields.grid_4 select {
    border: 1px solid #f3f3f3;
}
section.edit_part .creation_cpte .privacyPolicy {
    padding: 0;
    display: inline-block;
}
section.edit_part .creation_cpte p.actions button {
    margin-top: 10px;
}
.customer-area section.edit_part .creation_cpte #accountcreation .actions .button {
    margin-top: 10px;
}
.customer-area .connect_1 {
    width: 50%;
    display: inline-block;
    padding-right: 55px;
    border-right: 2px solid #125FFF;
}
.connect_2 {
    width: 50%;
    float: right;
}
.customer-area.connect .connect_2 {
    padding-left: 55px;
}
section.edit_part .acces_cpte .container_12 .grid_6 {
    width: 100%;
}
section.edit_part .connect_1 .default, section.edit_part .connect_2 .default{
    margin: 20px auto;
}
section.edit_part .acces_cpte input.mandatory {
    border-color: #EEE;
}
section.edit_part  .acces_cpte p.inputFields{
    margin-bottom:20px
}
section.edit_part .connect_1 .default{
    margin: 20px auto 10px !important;
    display: inline-block;
}
.catalogue .BookletListBlock .BookletlistImg {
    width: 33%;
    padding-right:1%;
}
.catalogue .BookletListBlock {
    margin-bottom: 30px;
    display: inline-block;
}
.catalogue .container_12 {
    margin-left:0;
    margin-right:0;
    width: 100%;
    display: inline-block;
    padding-top:20px
}
.catalogue .BookletListBlock img {
    width: 100%;
    height: auto;
}
.catalogue .BookletListBlock .BookletlistImg .overlay{
    width: 80%;
    left: calc(5% + 0.5em);
    font-size: 1.35em;
    margin-bottom: 10px;
    padding: 15px;
}
.catalogue_alert {
    text-align: center;
    background-color: #F3F3F3;
    padding:10px;
    margin-top:20px;
    color: #cc3333;
    width: 98%;
}
h2.ttre_home {
    font-weight: normal;
    color: #52b0e8;
    margin: 40px 0 5px;
}
h2.ttre_home_2{
    font-weight: normal;
    color: #52b0e8;
    margin: 0 0 20px;
}
h3.ttre_home {
    font-weight: normal;
    margin-bottom: 20px;
}
.hme_blc .ProductBlock {
    padding: 0;
}
.hme_blc span {
    font-weight: normal;
}
.hme_blc .confirmBlockResaImg {
	max-height:200px;
}
.tab_hme table.list th, .tab_hme table.list td {
    min-width: 130px;
    padding: 20px 0;
    font-size: .95em;
}
.tab_hme table.list th, .tab_hme table.list th {
    background-color: #808080;
    font-weight: 100;
}
.tab_hme table.list th, .tab_hme table.list td {
    width: 12.5%;
}
.tab_hme table.list th {
    color: white;
}
.txt_contact {
    text-align: center;
    padding: 25px 0 10px;
}
.txt_contact.resa {
    padding: 25px 0 0;
}
.txt_contact.custom, .txt_contact.req{
	padding: 25px 0 28px;
}
.txt_contact.contact{
color: #212121 !important;
}
.txt_contact.ca{
color: #212121 !important;
padding: 25px 0 0;
}
hr.sep_fci2{
margin:40px 40px 5px;
}
.customer-area.fci hr.sep_fci2 {
margin: 40px 20px 5px;
}
.customer-area.fci section#TunnelMain hr.sep_fci2{
	margin: 40px 40px 5px;
}
.txt_contact.fci2{
padding: 25px 0 30px;
}
.defil, .defil_2{
	display:none;
}
.hello_name {
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	padding-bottom: 7px;
}
.hello_bienvenue {
    font-family: 'Lexend Mega', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding-top: 15px;
}
.hello_bienvenue_id {font-family: 'Lexend Mega', sans-serif;font-weight: lighter; font-size: 18px;}

header nav .navTitleFCI {
    font-size: 38px;
    font-weight: 100;
    padding-top: 30px;
    text-rendering: optimizelegibility;
}
.presta_supp, .selec_annee_resa{
	display:none;
}
.reservationSummary.fci {
    background: white;
    padding: 1.5em 35px .6em;
    margin-top: 0;
}
.info_etb_fci {
    padding: 3px 0 0;
}
.customer-area.fci .wrapperRemainigResa {
    padding: 7px;
}
.customer-area.fci .label.credit_card_types {
    padding-bottom: 10px;
}

@media (max-width : 75rem){

    .allResaBlock table.list th, .allResaBlock table.list td, .tab_hme table.list th, .tab_hme table.list t {
        min-width: 100px;
    }
    .catalogue .BookletListBlock .BookletlistImg .overlay{
        font-size: 1.2em;
    }
    .small {
        min-width: 120px !important;
    }
}
@media (max-width : 879px){

    body {
        background: #fff;
    }
    body.configurateur, body.option_resa{
        background: #0d5c7d;
    }
    p.logo {
        padding-top: 20px;
        background:#0d5c7d;
    }
    .cadre_tab, .cadre_tab_bl, .cadre_tab_doc{
        float: left;
        max-width: 55rem;
        overflow-x: auto;
    }
    .cadre_tab table.list, .cadre_tab_bl table.list, .cadre_tab_doc table.list{
        width: 930px;
    }
    .customer-area article, article.fullwidth {
        margin: 0;
        width: 100%;
        padding: 0 20px;
    }
    .creation_cpte {
        padding: 10px 0;
        display: inline-block;
    }
    div.logos_text{background-size: 6.5em auto; margin-top:15px}

    div.logo a {line-height:4em;background-size: 15em auto;}

    div.logo-va a {line-height:4em;padding-left:9em;background-size: 9em auto}

    div.logo-vbb a {line-height:4em;padding-left:13em;background-size: 13em auto;float:right}

    .confirmBlockResaImg {
        max-height: 100%;
        overflow-y: visible;
    }

    #etabImg {
        object-position: 0;
    }
    .confirmBlockResaText {
        padding-top: 5px;
        margin-bottom: 45px;
    }
    section.edit_part .acces_cpte fieldset.grid_6 legend {
        font-size: .9em;
    }
    section.edit_part .catalogue .BookletListBlock .BookletlistImg .overlay{
        font-size: 1.4em;
    }
    .catalogue .BookletListBlock .BookletlistImg .overlay{
        font-size: 1em;
    }
    .defil {
    display: inline-block;
    font-style: italic;
    color: #202020;
    padding-top:5px;
    }
    .action_buttons.hme {
    width: 100%;
    display: inline-flex;
    }
    h4.page_resa {
    padding-top: 20px;
    }
    .customer-area.fci article {
    padding: 0 30px !important;
    }

    #error-page #main-contener {margin:0 2em;}
    #error-page .fullWidth.main {margin: 0;display: flex;padding: 10px 0 10px;}
}
@media (max-width : 640px){
    body {background: #fff}

    p.logo, .option_resa.confirmation p.logo {
        display:block;
        margin: 0;
        background: #0000AE;
        padding-top: 3px;
    }
    p.logo a {
        width: 100%;
        background-position: 20px 15px;
    }
    p.otherLinks {
        padding: 15px 20px 0 0;
    }
    .logos_univers, div.logos_text{
        display:none;
    }
    section h1 {
        display:none;
    }
    section h4 {
        margin:10px 0 0;
    }
    header nav ul {
        width: 100%;
        padding: 30px 15px 0 15px !important;
    }
	ul#customerMenu {
    max-width: unset;
    text-align: center;
	padding: 10px 0 5px !important;
	}
   



	#customerMenu .on a.fci_menu_1{
	background-image: url(../images/picto-resp-fci-1-activ.png);
	background-color: #fff;
	background-position:center;
	background-repeat: no-repeat
	}
	#customerMenu a.fci_menu_1{
	background-image: url(../images/picto-resp-fci-1.png);
	background-color: #52b0e8;
	background-position:center;
	background-repeat: no-repeat
	}
	#customerMenu .on a.fci_menu_2{
	background-image: url(../images/picto-resp-fci-2-activ.png);
	background-color: #fff;
	background-position:center;
	background-repeat: no-repeat
	}
	#customerMenu a.fci_menu_2{
	background-image: url(../images/picto-resp-fci-2.png);
	background-color: #52b0e8;
	background-position:center;
	background-repeat: no-repeat
	}
	#customerMenu .on a.fci_menu_3{
	background-image: url(../images/picto-resp-fci-3-activ.png);
	background-color: #fff;
	background-position:center;
	background-repeat: no-repeat
	}
	#customerMenu a.fci_menu_3{
	background-image: url(../images/picto-resp-fci-3.png);
	background-color: #52b0e8;
	background-position:center;
	background-repeat: no-repeat;
	}
	h2.ttre_home {
    margin: 20px 0 5px;
	}
	h3.ttre_home {
    margin-bottom: 15px;
	}
	.hme_blc .confirmBlockResaImg {
    max-height: 110px;
	}
	.hme_blc .confirmBlockResaText {
    margin-bottom: 0;
	padding-top: 15px;          
	}
	.txt_contact {
    padding: 15px 0 0;
	}
	.txt_contact.resa {
    padding: 15px 0 10px;
    }
    hr.info{
    margin: 25px 20px 0;
    }
    hr.sep_fci2{
     margin: 30px 20px 5px;
    }
    .customer-area.fci hr.sep_fci2 {
    margin: 45px 10px 5px;
    }
    .customer-area.fci section#TunnelMain hr.sep_fci2 {
    margin: 45px 30px 5px;
    }
    .customer-area.fci section#TunnelMain .txt_contact.fci2 {
    padding: 20px 30px 20px;
    }
    .txt_contact.custom, .txt_contact.req{
	padding: 22px 20px 20px;
	}
	.txt_contact.ca{
	padding: 15px 0 0;
	}
	.txt_contact.fci2{
	padding: 20px;
	}
	.customer-area.fci .txt_contact.fci2 {
    padding: 20px 10px 20px;
    }
	.hme_blc .button {
    padding: 75px 5px 0;
	}
	.hme_blc .ProductBlock {
    padding: 2px 0;
	}
	header nav .navTitleFCI {
    font-size: 30px;
    padding:10px 20px 5px;;
	}
	.titre_paymentdue {
    padding-top: 15px;
	}
    .valid .button{
        font-weight:400;
        margin-top:15px
    }
    .inputFields select {
        width:100% !important;
        font-size: 0.85em;
        font-weight: 400;
    }
    section fieldset {
        padding:0;
    }
    table.list td.description table, table.list .reservationActions ul {
        width: 85vw;
    }
    .cadre_tab, .cadre_tab_bl{
        float: left;
        max-width: 640px;
        overflow-x: auto;
        padding-top:0;
    }
    .cadre_tab_doc{
        float: left;
        max-width: 640px;
        overflow-x: auto;
        padding-top:20px;
    }
    .cadre_tab{
        padding-top:40px;
    }
    .cadre_tab table.list, .cadre_tab_bl table.list, .cadre_tab_doc table.list{
        width: 930px;
    }
    .allResaBlock table.list th, .allResaBlock table.list td, .tab_hme table.list th, .tab_hme table.list td {
        min-width: 155px;
        padding: 10px 0;
    }
    select{
        background-size: 2.2em auto;
    }
    .action_buttons_content{
        text-align:left;
        padding-bottom:0;
    }
    .but_paiement {
        padding-top: 5px;
        display: inline-block;
    }
    .but_paiement .button, .but_document .button, .but_paiement .paymentAction {
        margin: 5px 0 0 0 !important;
        display: block;
    }
    .titre_paymentdue {
        padding-top: 20px;
    }
    .text_paiement{
        padding:0 7px;
    }
    table.list .reservationActions ul.coord {
        padding-right:0;
        text-align: left;
        margin-left: 0;
    }
    .coord li {
        display: table-cell !important;
        padding: 10px 15px;
    }
    section.edit_occ, section.edit_part{
        padding: 20px 20px 0 20px;
    }
    section#authentication.edit_part {
        padding: 20px 0 0 0 !important;
    }
    .confirmBlockResaImg {
        width: 100%;
        max-height: 160px;
        overflow-y: hidden;
    }
    .confirmBlockResaText {
        width: 100%;
        padding-left:0;
        padding-top:20px;
        margin-bottom: 30px;
    }
    .hme_blc .confirmBlockResaText {
    padding-top: 15px;
	}
    #etabImg {
        object-position: 0px -110px;
    }
    section.edit_occ fieldset legend, section.edit_part fieldset legend, section.edit_occ_2 fieldset legend{
        margin-bottom: 5px;
    }

    section.edit_occ .container_12 .grid_12, section.edit_occ_2 .container_12 .grid_12, section.edit_part .container_12 .grid_12{padding-top: 0;}

    section.edit_occ .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12, section.edit_occ_2 .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12, section.edit_part .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12{
        padding-top:0;
    }

    .grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{ padding-top:5px}

    section.edit_part .container_12 .grid_4{width: 100%; padding-right: 0; padding-top:10px;}

    section.edit_occ .container_12 .grid_4, section.edit_part .container_12 span.grid_4, section.edit_occ_2 .container_12 .grid_4{width: 100%; padding-right: 0; padding-top: 0;}

    section.edit_occ .container_12 .grid_6, section.edit_part .container_12 .grid_6, section.edit_occ_2 .container_12 .grid_6{width:100%; margin-left:0 !important; padding-top: 10px;}

    section.edit_occ .inputFields.grid_12, section.edit_part .inputFields.grid_12, section.edit_occ_2 .inputFields.grid_12{ width:100% !important;}

    section.edit_occ span.grid_4, section.edit_part span.grid_4, section.edit_occ_2 span.grid_4{width:32.6% !important}

    section.edit_occ .container_12 .grid_5, section.edit_part .container_12 .grid_5, section.edit_occ_2 .container_12 .grid_5{width: 100%; padding-left:0; padding-top: 10px;}

    section.edit_occ .container_12 .grid_7, section.edit_part .container_12 .grid_7, section.edit_occ_2 .container_12 .grid_7{width: 100%; padding-right:0;padding-top: 10px;}

    section.edit_occ .container_12 .grid_8, section.edit_part .container_12 .grid_8, section.edit_occ_2 .container_12 .grid_8{width: 100%; padding-right:0; margin-left:0!important; padding-top: 10px;}

    .inputFields.grid_6 .grid_12 {padding-top: 0 !important;}

    section.edit_occ input#Email, section.edit_part input#Email, section.edit_occ_2 input#Email{margin-top:5px}

    .invisible.grid_12 .inputFields.grid_12 {
        padding-top: 5px;
    }

    section.edit_occ_2 {
        padding: 10px 20px 0 20px;
    }
    section.edit_occ h3 {
        margin-bottom: 1.5em;
    }
    section.edit_occ .confirmBlockResaText {
        margin-bottom: 20px;
    }

    section.edit_occ_2 p#newOcc_1, section.edit_occ_2 p#newOcc_2, section.edit_occ_2 p#newOcc_3, section.edit_occ_2 p#newOcc_4, section.edit_occ_2 p#newOcc_5 {
        padding-bottom: 15px;
    }

    section.edit_occ_2 .participantsfield .container_12 {
        display: inline-block;
    }
    section.edit_occ_2 p.inputFields.grid_2 select {
        width: 100% !important;
    }
    section.edit_occ_2 .container_12 .grid_2 {
        width: 100%;
    }

    section.edit_occ_2 .container_12 .grid_3 {
        width: 100%;
    }
    section.edit_occ_2 .participantsfield .container_12 .grid_2 + .grid_3 {
        margin-left: 0; padding-top: 10px;
    }
    section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_3 {
        margin-left: 0; padding-top: 10px;
    }
    section.edit_occ_2 .container_12 .grid_1 {
        width: 31%;
    }

    section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_1 {
        margin-left: 0; padding-top: 10px;
    }
    section.edit_occ_2  .participantsfield .container_12 .grid_1 + .grid_1 {
        margin-left: .5%; padding-top: 10px;
    }
    section.edit_occ_2 .inputFields.grid_1.deleteBlock {
        width: 6%; padding-top: 10px;
    }

    section.edit_part .CustomerAreaInfofield {
        padding-bottom: 35px;
        margin-top: 5px;
    }
    section.edit_part .creation_cpte #accountcreation.container_12 .grid_12 > .grid_12 {
        margin-top:0;
        padding-top:0;
    }
    section.edit_part .creation_cpte span.grid_4 + .grid_4 {
        margin-left:1%
    }

    section.edit_part .container_12 span.grid_12 {
        padding-top: 0;
    }

    .connect_1 {
        width: 100%;
    }

    .connect_2 {
        width:100%;
    }

    section.edit_part .acces_cpte fieldset legend {
        display: none;
    }
    section.edit_part .acces_cpte fieldset.grid_6 legend{
        display: inline-block;
        text-align: center;
    }
    section.edit_part  .acces_cpte p.inputFields{
        margin-bottom:40px
    }

    section.edit_part .connect_1 .default{
        margin: 20px auto 0 !important;
        display: inline-block;
    }
    section.edit_part .acces_cpte fieldset.grid_6 legend {
        font-size: 1em;
    }

    .catalogue .BookletListBlock .BookletlistImg {
        width: 100%;
        padding-bottom: 10px;
    }
    .catalogue .BookletListBlock .BookletlistImg .overlay{
        font-size: 1.3em;
        margin-bottom: 30px;
    }
    section.edit_part .creation_cpte .privacyPolicy {
    margin-top:20px;
    }
    .creation_cpte fieldset.grid_12{
    margin-bottom:10px
    }
    .button.echeances,.button.fci_available,.button.fci_check,.button.fci_disabled,.button.docus {
    min-width: 30%;
	}
	hr {
	margin-top: 20px;
	}
	.defil_2 {
    display: inline-block;
    font-style: italic;
    color: #202020;
    padding-top:5px;
    }
    .hello_name {
    font-size: 1.15em;
    margin-bottom: 0.3em;
    }
    .hello_bienvenue {
    font-size: 1em;
    margin-top: 0;
    }
	h2.ttre_home_2 {
    margin: 20px 0 20px;
    }
    .action_buttons.hme {
    display: inline-block;
    }
    h4.page_resa {
    padding-top: 10px;
    }
    section.allResaBlock.page_resa {
    padding-top: 0;
    margin-top: 0;
    }
    .reservationSummary.fci{
    padding: 1.5em 20px .6em;
    }
    .customer-area.fci  article.fci{
    padding: 0 10px !important;
    }
    body.fci hr {
    margin-top: 30px;
    }
}
@media (max-width : 400px){
    .cadre_tab, .cadre_tab_bl, .cadre_tab_doc {
    width: 85vw;
    }
    .inputFields select {
    font-size: 0.85em;
    font-weight: 400;
    }
    p.inputFields {
    margin-right: 2px;
    }
    ul#customerMenu {
    padding: 5px 0 !important;
    }
    .confirmBlockResaImg {
    max-height: 100%;
    overflow-y: visible;
    }
    .hme_blc .confirmBlockResaImg {
    display:none;
    }
    .tab_hme .titre_paymentdue {
    padding-top: 5px;
    }
    .cadre_tab_doc {
    padding-top: 0;
    }
    #etabImg {
    object-position: 0;
    }
    .hme_blc #etabImg {
    object-position: 0px -110px;
	}
    .confirmBlockResaText {
    padding-top: 30px;
    margin-bottom: 30px;
    }
    .hme_blc .confirmBlockResaText {
    padding-top:0;
    font-size: 0.95em;
    }
    h2.ttre_home {
    margin: 25px 0 5px;
	}
	h2.ttre_home {
    margin: 25px 0 7px;
	}
	h2.ttre_home_2{
	margin: 20px 0 0
	}
    h3.ttre_home {
    margin-bottom: 7px;
    font-size: 18px;
	}
	.hme_blc .button {
    padding: 70px 5px 0;
	margin-top: 15px;
	}
	.txt_home ul {
	padding: 5px 15px 0;
	}
    fieldset.CustomerAreaCoordonneesfield{
        padding-bottom:20px;
    }
    footer .footerContener {
        display: block;
    }
    section.edit_occ .default, section.edit_occ .button, section.edit_part .default, section.edit_part .button, section.edit_occ_2 .default, section.edit_occ_2 .button, body.customer-area-paiement .actions .button, body.customer-area-paiement .actions .default{
        margin: 5px 0 0 0 !important;
        display: block;
    }
    .footerContener .button{
        margin: 0 0 0 3px !important;
        display: block;
    }
    .footerContener .default{
        margin: 5px 0 0 3px !important;
        display: block;
    }
    .customer-area.fci #TunnelMain .button {
    margin: 5px 0 0 15px !important;
    display: block;
    }
    section.edit_occ p.actions, section.edit_part p.actions, section.edit_occ_2 p.actions{
        padding:0;
    }
    section.edit_part .acces_cpte fieldset.grid_6 legend {
        font-size: .9em;
    }
    section.edit_part .creation_cpte p.actions{
        padding:0;
        display:inline-block;
        margin-top:20px;
    }
    section.edit_part .connect_1 .default{
        margin: 20px auto 0 !important;
        display: inline-block;
        max-width: 145px;
        font-weight:bold;
    }
    section.edit_part .connect_2 .default{
        margin: 20px auto !important;
        max-width: 145px;
        font-weight:bold;
    }
    .catalogue .BookletListBlock .BookletlistImg .overlay{
        font-size: 1.1em;
    }
    .catalogue .container_12 .grid_4, .catalogue .container_12 .grid_5, .catalogue .container_12 .grid_7, .catalogue .container_12 .grid_8, .catalogue .container_12 .grid_12 {
        width:100%; margin-left:0 !important; margin-right:0;
    }
    .catalogue_alert {
        width: 100%;
    }
    section.edit_part .creation_cpte .default{
        margin-bottom:10px
    }
    .customer-area.fci article.fci .button {
    display: block;
    min-width: 175px;
    margin: 5px 0 0 !important;
    }
}

@media (max-width : 340px){
	section.fullWidth, body.customer-area-paiement section.main {
    margin: 0 0 0.6em;
    }
    .cadre_tab, .cadre_tab_bl, .cadre_tab_doc{
        width: 83vw;
    }
    .inputFields select {
        font-size: 0.8em;
        font-weight: 400;
    }
    p.logo a {
        width: 100%;
        background-position: 10px 15px;
        background-size: 55%;
    }
    .otherLinks {
        padding: 15px 5px 0 0;
    }
    .small {
        min-width: 100px !important;
    }
    h2.ttre_home {
    margin: 14px 0 4px;
    }
    h2.ttre_home_2 {
    margin: 15px 0 0;
    }
    h3.ttre_home {
    margin-bottom: 6px;
    font-size: 17px;
    }
    .hme_blc .confirmBlockResaText {
    font-size: 0.9em;
    }

}

/******

Suite Feuille de style complémentaire Tunnel de Réservation Vacances Bleues

******/

.configurateur p.logo, .option_resa p.logo {
    text-align:left;
    display:block;
}
.configurateur p.logo a:hover, .option_resa p.logo a:hover {
    background-image: url(../images/Logo_VB_txt.png)
}
.tunnelAreaMenu [class^="vb-"], .tunnelAreaMenu [class*=" vb-"], #ConfigurateurMain legend [class^="vb-"], #ConfigurateurMain legend [class*=" vb-"],  #TunnelMain legend [class^="vb-"], #TunnelMain legend [class*=" vb-"]{
    display: none;
}
#ConfigurateurMain header nav ul, #TunnelMain header nav ul {
    width: 97%;
    max-width: none;
}
.customer-area.fci #TunnelMain header nav ul {
    width: 80%;
    max-width: 760px;
}
#ConfigurateurMain header nav ul li, #TunnelMain header nav ul li{
    color:#FFF
}
.configurateur fieldset legend, .option_resa fieldset legend, body.customer-area-paiement fieldset legend{
    background-color:#999999;
    height: 40px;
    color:#FFF;
    font-weight:normal;
    text-transform: uppercase;
    padding:12px 18px;
    position:absolute;
    top:0;
}
.option_resa.authenticationPage fieldset legend{
   position:relative;
 }
.configurateur fieldset {
    border: 1px solid #C4C4C4;
    padding-top: 60px;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.option_resa fieldset {
    border: 1px solid #C4C4C4;
    padding-top:0;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.configurateur section fieldset, .option_resa section fieldset {
    width:98%;
}
.configurateur fieldset.formule, .option_resa fieldset.formule {
    padding-top: 55px;
    margin-bottom: 30px;
}
.configurateur fieldset.formule ul.proposalList li:first-child .price,  .option_resa fieldset.formule ul.proposalList li:first-child .price{
    color: #000;
    font-size: 12px;
    width: 10em;
    margin-right: 20px;
    font-weight: lighter;
}
.configurateur fieldset.formule ul.proposalList, .option_resa fieldset.formule ul.proposalList {
    padding-bottom: 20px;
    padding-left: 0;
}
.configurateur fieldset.formule .proposalList input[type="radio"] + label, .option_resa fieldset.formule .proposalList input[type="radio"] + label {
    padding-left:40px;
    float: none;
    font-size: 15px;
}
.tunnelAreaMenu {
    border-collapse: separate;
    border-spacing: 5px;
    padding: 30px 0 10px 0;
    display: table !important;
}
.tunnelAreaMenu li {
    padding: 0 15px 0 15px;
    border: solid #52b0e8 .1px;
    height: 70px;
    display: table-cell !important;
    vertical-align: middle;
    background: #52b0e8;
}
.tunnelAreaMenu li.on {
    background-color: white;
    color: #fff !important;
}

.tunnelAreaMenu li a {
    color: white;
    text-transform: uppercase;
}
.tunnelAreaMenu li.on a {
    color: #52b0e8
}
#TunnelMain section.edit_part .creation_cpte .container_12  {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
#TunnelMain section.edit_part .creation_cpte fieldset {
    border:0;
}
#TunnelMain section.edit_part .creation_cpte .inputFields.grid_12 {
    width: 33% !important;
}
#TunnelMain section.edit_part .creation_cpte p.inputFields{
    margin: 0;
}
#TunnelMain section.edit_part .creation_cpte .container_12 .grid_12{
    width:100%;
    padding-top: 0;
    margin-bottom: 0;
}
#TunnelMain section.edit_part .creation_cpte .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12{
    padding-top: .4em;
}
#TunnelMain section.edit_part .creation_cpte .grid_1, #TunnelMain section.edit_part .creation_cpte .grid_10, #TunnelMain section.edit_part .creation_cpte .grid_11, #TunnelMain section.edit_part .creation_cpte .grid_12, #TunnelMain section.edit_part .creation_cpte .grid_2, #TunnelMain section.edit_part .creation_cpte .grid_3, #TunnelMain section.edit_part .creation_cpte .grid_4, #TunnelMain section.edit_part .creation_cpte .grid_5, #TunnelMain section.edit_part .creation_cpte .grid_6, #TunnelMain section.edit_part .creation_cpte .grid_7, #TunnelMain section.edit_part .creation_cpte .grid_8, #TunnelMain section.edit_part .creation_cpte .grid_9{
    display:inline;
    float:left;
    margin-left:0;
    margin-right:0
}
#TunnelMain section.edit_part .creation_cpte .container_12 .grid_4{width: 33%; padding-right: 1%;}

#TunnelMain section.edit_part .creation_cpte .container_12 .grid_6{width:33%; margin-left:0}

#TunnelMain section.edit_part .creation_cpte span.grid_4{width:32% !important}

#TunnelMain section.edit_part .creation_cpte .container_12 .grid_5{width: 34%; padding-left: 1%;}

#TunnelMain section.edit_part .creation_cpte .container_12 .grid_7{width: 67%; padding-right: 1%;}

#TunnelMain section.edit_part .creation_cpte .container_12 .grid_8{width: 34%; padding-right: 1%; margin-left:0!important;}

#TunnelMain section.edit_part .creation_cpte .container_12 span.grid_12{
    padding-top:1px
}
#TunnelMain section.edit_part .creation_cpte p.inputFields.grid_6 select {
    padding: .3em;
    width: 100% !important;
}
#TunnelMain section.edit_part .creation_cpte  p.inputFields.grid_4 select {
    padding: .3em;
}
#TunnelMain section.edit_part .creation_cpte #accountcreation.container_12 .grid_6 + .grid_6 {
    margin-left:0;
}
::-webkit-input-placeholder {color: #494949;font-style: normal;font-size:1em;}

::-moz-placeholder {color: #494949;font-style:normal;font-size:1em;}

:-ms-input-placeholder {color: #494949;font-style:normal;font-size:1em;}

#TunnelMain section.edit_part .creation_cpte input#Nom, #TunnelMain section.edit_part .creation_cpte input#Prenom, #TunnelMain section.edit_part .creation_cpte input#edit_occ_form_date_creation_YYYY, #TunnelMain section.edit_part .creation_cpte input#Email, #TunnelMain section.edit_part .creation_cpte input#Phone, #TunnelMain section.edit_part .creation_cpte input#edit_customer_info_date_creation_YYYY, #TunnelMain section.edit_part .creation_cpte input#emaillogin, #TunnelMain section.edit_part .creation_cpte input#edit_customer_info_pol_address_phone{
    background-image:url(../images/bkg_obl.png);
    background-position:center right;
    background-repeat:no-repeat;
}
#TunnelMain section.edit_part .creation_cpte .inputFields label {
    color: #858585;
}
#TunnelMain section.edit_part .creation_cpte .CustomerAreaInfofield {
    padding-bottom: 60px;
}
#TunnelMain section.edit_part .creation_cpte #accountcreation.container_12 .grid_12.adress p {
    margin-right:0;
}
#TunnelMain section.edit_part .creation_cpte #accountcreation select {
    padding: 0.3em 20px;
}
#TunnelMain section.edit_part .creation_cpte span.grid_4 {
    width: 32.666% !important;
}
#TunnelMain section.edit_part .creation_cpte p.inputFields.grid_4 select {
    border: 2px solid #f3f3f3;
}

#TunnelMain section.edit_part .creation_cpte .privacyPolicy {
    padding: 0;
    display: inline-block;
    width: 100%;
}
#TunnelMain section.edit_part .creation_cpte p.actions button {
    margin-top: 10px;
}
.customer-area section.edit_part .creation_cpte #accountcreation .actions .button {
    margin-top: 10px;
}

#TunnelMain section.edit_part .creation_cpte .acces_cpte .container_12 .grid_6 {
    width: 100%;
}

#TunnelMain section.edit_part .creation_cpte .connect_1 .default, section.edit_part .creation_cpte .connect_2 .default{
    margin: 20px auto;
}
#TunnelMain section.edit_part .creation_cpte .acces_cpte input.mandatory {
    border-color: #c7c5c2;
}

#TunnelMain section.edit_part .creation_cpte input.mandatory {
    border-color: #e5e3de;
    background-image: url(../images/bkg_obl.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}
#TunnelMain section.edit_part  .acces_cpte p.inputFields{
    margin-bottom:20px
}
#TunnelMain section.edit_part .creation_cpte  .acces_cpte p.inputFields{
    margin-bottom:20px
}
#TunnelMain section.edit_part .creation_cpte .connect_1 .default{
    margin: 20px auto 10px !important;
    display: inline-block;
}
#TunnelMain section.edit_part p.inputFields.grid_4 select {
    background-color: #f3f3f3;
    border: none;
    width: 100% !important;
}
#TunnelMain section.edit_part .creation_cpte #accountcreation.container_12 > .grid_12 > .grid_12 {
    padding-left: 0;
    padding-top: 4px;
}

#TunnelMain section.edit_part .creation_cpte {
    padding: 0 .75em 0 .15em;
}
#TunnelMain .crea_compte_policy{
    display:inline-block;
    width: 100%;
}
#TunnelMain .crea_compte_policy .privacyPolicy {
    margin-top: 1em;
    padding: 0 1.7em 0 .8em;
}
#TunnelMain .crea_compte_policy #privacyPolicy2 {
    padding: 0;
    margin-bottom:5px
}
#TunnelMain .crea_compte_policy .privacyPolicy #option {
    padding: 2em 0;
    font-size:1.25em
}
#TunnelMain .crea_compte_policy .authActions{
    margin-bottom:15px
}
.proposalList input[type="radio"]:checked + label::before {
    background-image: url("/customer_html/hermes/images/component-selec.png");
    background-repeat:no-repeat;
}
.proposalList input[type="radio"] + label::before {
    background-image: url("/customer_html/hermes/images/component-none-select.png");
    background-repeat:no-repeat;
    margin-top: -2px;
    margin-right: 12px;
}
.configurateur .proposal input[type="radio"]:checked + label::before {
    background-image: url("/customer_html/hermes/images/component-selec.png");
    background-repeat:no-repeat;
}
.configurateur .proposal input[type="radio"] + label::before {
    background-image: url("/customer_html/hermes/images/component-none-select.png");
    background-repeat:no-repeat;
}
.select_nbre .button {
    min-width: 26px !important;
    width:26px;
    height:26px;
    padding: 5px 0 0 0;
}
.select_nbre .button_nb {
    min-width: 26px !important;
    width:26px;
    height:26px;
    padding: 4px 0 0 0;
    display: inline-block;
    text-align: center;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin: 20px 0 0 0;
    background-color: #fff;
    border: 1px solid #52b0e8;
}
.configurateur .proposalDescription ul {
    padding: 0;
    margin: 0.6em 0;
    list-style-type: none;
    text-align: left;
    list-style-position: inside;
}
.configurateur .proposalDescription ul li {
    padding-left: 12px;
    background-image: url("/customer_html/hermes/images/puce.png") !important;
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 15px;
    margin-left: 8px;
}
.configurateur .icon-delete, .option_resa span.icon-delete  {
    display: inline-block;
}

.configurateur #box_dialog_error .button.default {
    display: block;
    margin: 15px auto;
}
.configurateur .proposal {
    padding: 0 15px 15px 15px;
    border: none;
}
.configurateur .proposal.checked {
    background-color: #fff;
    border: #52b0e8 solid .15em;
    padding: 24px 15px;
    margin-bottom: 25px;
}
.configurateur .proposal.checked .proposalPriceAndQuantity {
    background-color: #f5f4f2;
    width: 100%;
    padding: 15px;
}
.configurateur .proposal .proposalIcone {
    width: 50%;
    margin: 0;
    float: left;
}
.configurateur .order_descr {
    display: -webkit-flex;
    display:flex;
    flex-flow:-webkit-column;
    flex-flow:column;
    width: 48%;
    float: right;
}
.configurateur .proposal .proposalPriceAndQuantity {
    display: table-cell;
    width: 100%;
    height: calc(100% - 5em);
    background-color: #f5f4f2;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
}
.configurateur .proposal .proposalDescription {
    width: 100%;
    padding: 20px 0 5px;
}
.configurateur .proposal .proposalPriceAndQuantity .price {
    color: #212121;
    line-height: 20px;
}
.configurateur .proposal .proposalPriceAndQuantity .price .duration{
    color: #4e4e4e;
}
.configurateur aside fieldset{
    padding-top:12px;
    background-color:#f5f4f2;
    padding-bottom: 0;
    margin: 0 1px !important;
    border: none !important;
}
aside .button.default.fullWidth, .button_cont_resp .button.default.fullWidth {
    margin: auto !important;
    font-weight: unset;
    text-transform: uppercase;
    max-width:none;
}
aside .button.default.fullWidth {
    width:100%
}
.reservationSummary .TotalBlockBottom {
    background: #999999;
    color:#FFF;
}
.reservationSummary .Maintotal {
    font-weight:500;
}
.reservationSummary .TotalBlockBottom span.price {
    color:#FFF;
    font-weight:600;
}
.reservationSummary .totalPriceInitial {
    padding-bottom: .5em;
}
.reservationSummary .Alttotal{
    padding:0;
    line-height: 0.8em;
}
.reservationSummary .totalDiscount{
    padding:0;
    line-height: .5em;
}
.reservationSummary .DiscountListBlock{
    padding:25px 0;
}
.reservationSummary .DiscountListBlock + .DiscountListBlock{
	 border-top: 1px solid #D5D5D5;
}
.reservationSummary .DiscountListBlock .price{
	float:none;
}
.button_cont_resp{
    clear:both;
    display:none
}
.button.a_disabled{
    background-color: #999999;
}
.button.a_disabled:hover{
    color:#FFF;
    background-color:grey;
    border-color:grey;
}
.configurateur .proposal h4{
    background-color:#dedad7;
    padding: 6px 0 4px 10px;
    margin-bottom: 15px;
    height: auto;
}
.configurateur .proposal h4 label {
    padding-left:0;
    font-weight:500;
}
.head_heberg{
    width:100%;
    background-color:#dedad7;
    margin-bottom: 15px;
}
.titre_heberg {
    float:left;
    width:auto;
    font-weight: 500;
    height: 32px;
    padding-top:8px;
}
.titre_heberg label {
    padding-left: 10px;
}

.head_heberg .select_nbre{
    float:right;
    padding: 3px 3px 0 0;
}

.head_heberg .select_nbre .button, .head_heberg .select_nbre .button_nb {
    margin-top:0
}

.configurateur .proposal .proposalIcoAndDescPlus {
    margin-left: 0;
    clear: both;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0;
}
.reservationSummary h4 {
    font-size: 16px;
    color:#3b3c37
}
.reservationSummary h4 #etabcity{
    font-weight:bold;
}
.configurateur .proposal .proposalPriceAndQuantity .price strike{
    font-size:0.85em;
}
.configurateur .proposal .duration {
    font-size: 0.9em;
}
.esp_cl_resp{
    display:none;
}
#vb-Formule-open {
    display:none;
}
#vb-selection-open {
    display:none;
}
aside .inputFields select {
    width:100% !important;
    border-radius: 5px;
}
aside .container_12 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
aside fieldset .container_12 .grid_12 {
    margin:  0;
    width:50%;
    padding:5px
}
aside .container_12 .grid_6 {
    width: 50%;
    padding:5px;
}
aside .inputFields input[type="text"]{
    width: 100%;
    padding: .55em;
    font-size: 0.9em;
    font-weight: 100;
    border-radius: 5px;
}
aside .grid_6 .grid_12 {
    width: 100% !important;
}
aside .inputFields label {
    margin-bottom: 5px;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 15px;
    line-height: 1.25;
    -moz-osx-font-smoothing: grayscale;
    color:#000;
}
aside.reservationSummary h4 {
    -moz-osx-font-smoothing: grayscale;
    padding: 5px 0;
    line-height: 1.4em;
    padding-bottom: 0;
    margin-bottom: 0;
}
.infos_etablissement, .nom_etablissement {
    text-transform: capitalize;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4em;
    color: #3b3c37;
    font-weight: initial;
}
.inf_etab {
    margin: 0 0 .2em 0;
    padding-bottom:5px;
}
aside input[type="text"], aside select {
    border: 2px solid #e1e0dd;
}
aside .code_promo{
    clear:both;
    padding-top: 20px;
    border-top: 1px solid #D5D5D5;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
aside .container_12 .code_promo .grid_6 {
    padding: 0;
}
.voirplus {
    text-align: center;
    margin-bottom: 20px;
}
.button.SeeMore {
    text-transform: uppercase;
    border: 1px solid #52b0e8;
    background-color: #fff;
    color: #52b0e8;
    font-weight: 500;
    min-width: 175px;
    margin-top: 0;
}
.prod_bl_list {
    background: #f3f3f3;
}
.prod_list_first .ProductBlock {
    margin-bottom: 0;
    padding-bottom: 0;
}
.prod_bl_list .prod_list_first + .ProductBlock .productListSumm .border{
   border-top: 1px solid #D5D5D5;
   }
.prod_list_first .productListSumm {
    margin-bottom: 0;
}
.reservationSummary .ProductBlock {
    font-size: 0.9em;
    -moz-osx-font-smoothing: grayscale;
    color: #3b3c37;
}
.reservationSummary .productListSumm span {
    color: #3b3c37;
    font-size: 1em;
}
.reservationSummary span.price {
    float: right;
    text-align: right;
    -moz-osx-font-smoothing: grayscale;
}
#TunnelMain .reservationSummary .TotalBlock, body.customer-area-paiement .reservationSummary .TotalBlock {
    display: none;
}
#TunnelMain .reservationSummary .TotalBlockBottom, body.customer-area-paiement .reservationSummary .TotalBlockBottom {
    display: block;
}
.recap_dates {
	margin: 0 0 0.2em;
	font-weight: normal;
	font-size: 0.9em;
	-moz-osx-font-smoothing: grayscale;
	color: #3b3c37;
}
.reservationSummary p {
    margin: 0.2em 0.4em .4em .4em;
    font-size: 0.9em;
}
strong.discount {
    color: #ee5460;
}
.option_resa .products .label {
    margin: 0.5em 0;
    width: calc(100% - 5em);
    line-height: 1.5em;
}
section.roomProduct, section.globalProduct{
    padding:0;
}
.cat_option {
    margin: 0;
    padding: .6em 1.1em;
    width: 100%;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Lexend Mega', sans-serif;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}
.productCategory ul.products {
    margin-bottom: 20px;
}
.legend_options {
    background-color: #FFF;
    color: #0000AE;
    font-weight: normal;
    padding: 12px 18px;
}
.option_resa fieldset.productCategory {
	margin-bottom: 30px !important;
}
body.customer-area-paiement .legend_options {
    background-color: #808080;
    color: #FFF;
    font-weight: normal;
    padding: 12px 18px;
}
.legend_confirmation {
    background-color: #999999;
    color: #FFF;
    font-weight: normal;
    padding: 12px 18px;
    text-transform: uppercase;
}
.option_resa .occupantFields {
    margin: 0;
}
.option_resa .products li {
    padding: 0;
    margin: 15px 18px 0;
}
.option_resa .products .price {
    width: 5em;
    margin-top: 5px;
    margin-right: 0;
    line-height: 1.15em;
}
.prix_barr strike {
    font-size: 0.9em;
    color: #212121;
}
.option_resa [class^="vb-"]{
    position: relative;
    top: 2px;
    left: 2px;
}
.products .description {
    font-size: 0.9em;
    font-style: normal;
    line-height: 1em;
    padding-top: .5em;
    padding-left: 2.5em;
}
.configurateur .baseWebDescription span, .configurateur .baseWebDescription p {
    font-size: 0.9em !important;
    font-style: normal;
    text-align: justify;
    font-weight: normal;
    line-height: 1em !important;
    font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif !important;
    padding-top: 0 !important;
    margin-top: 4px;
}
.option_resa .products li div.label:not(.productWithMoreQuantity) label::before, .option_resa  .paymentcheck div.label:not(.productWithMoreQuantity) label::before, .option_resa .newscheck div.label:not(.productWithMoreQuantity) label::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     border: none;
     border-radius: none;
     background-image: url("/customer_html/hermes/images/rectangle_option.png");
     background-repeat: no-repeat;
     margin-top: 0;
 }
 .products li.checked div.label label::before, .paymentcheck input[type="checkbox"]:checked + div.label label::before, .newscheck input[type="checkbox"]:checked + div.label label::before{
	background-image: url("/customer_html/hermes/images/rectangle_option-checked.png") !important;
	background-clip: border-box;
 }

.option_resa .products .label a span {
    font-size: 1.15em;
}
.option_resa .products li div.label:not(.productWithMoreQuantity) label, .paymentcheck div.label:not(.productWithMoreQuantity) label, .newscheck div.label:not(.productWithMoreQuantity) label {
    float: none;
    margin-right: 0;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    width: 100%;
}
#TunnelMain section.edit_part {
    display: inline-block;
    margin: 0;
    padding: 0.6em;
    vertical-align: top;
}
#TunnelMain section.edit_part [class^="vb-"], #TunnelMain .legend_confirmation [class^="vb-"]{
    display:none;
}
#TunnelMain .accordion {
    background-color: #fff;
    color: #0000AE;
    cursor: pointer;
    padding:0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    background-position: right !important;
	background: url("/customer_html/hermes/images/accord-desc.png") no-repeat;
}
#TunnelMain .active{
    background: url("/customer_html/hermes/images/accord-asc.png") no-repeat;
}
#TunnelMain .accordion:after {
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
#TunnelMain .active:after {
    background: url("/customer_html/hermes/images/accord-desc.png") no-repeat;
    }
#TunnelMain #accordion1  {
	background: url("/customer_html/hermes/images/accord-asc.png") no-repeat;
}
#TunnelMain #accordion1.active{
    background: url("/customer_html/hermes/images/accord-desc.png") no-repeat;
    }
#TunnelMain .panel {
    padding: 0;
    background-color: white;
    display:none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
#TunnelMain #panel1 {
    display:block
}
#TunnelMain section.edit_part .container_12 .connect_1 .grid_6,  #TunnelMain section.edit_part .container_12 .connect_2 .grid_6{
    width: 100%;
    margin-left: 0;
}
.option_resa section.edit_part  fieldset{
    border:none;
}
#TunnelMain fieldset#fieldset_login, #TunnelMain fieldset#fieldset_register{
    padding-top:15px;
    text-align:center;
}
#TunnelMain .edit_part .legend_options{
    padding: 10px 18px;
}
#TunnelMain .connect_1 .legend_options, #TunnelMain .connect_2 .legend_options {
    padding: 8px 18px;
    text-align: left;
}
#TunnelMain .connect_1 input[type="text"], #TunnelMain .connect_1 input[type="password"], #TunnelMain .connect_2 input[type="text"], #TunnelMain .connect_2 input[type="password"] {
    font-size: 0.8em;
    background-image: url("../images/bkg_obl.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
#TunnelMain section.roomProduct {
    padding-top: 0 !important;
}
#TunnelMain section.edit_part .connect_2 .default {
    margin-top: 27px;
}
.option_resa #PaymentBlock {
    display: inline-block;
    margin: .6em .6em .6em 0;
    padding-top: 0;
}
.intit_payment {
    width: 100%;
    padding: 0;
}
.paymentcheck {
    width: 98%;
    padding: 0 .6em 2.5em .6em;
}
.nom_payment {
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: 1em;
}
.text_payment {
    padding-bottom: 1em;
    text-align: justify;
    display:none;
}
.option_resa #paymentdueType {
    font-size: 1.5em;
    padding-bottom: .5em;
}
.option_resa  #paymentdueType select {
    font-size: 0.6em;
    border: 1px solid #cccccc;
}
.carte_choix{
    display: inline;
    width: 20%;
    float: left;
}
.CB_Block .carte_choix img {
    width: 50%;
}
#PaymentBlock .carte_choix input[type="radio"] + label {
    height: 70px;
    width: 75px;
    display: inline-block;
    cursor: pointer;
}
#PaymentBlock .carte_choix input[type="radio"] + label::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNJREFUeNqsVUtIlFEU/u79nX+meeRQvtIy0rIwjd5hSIsioqwIClq0iNoWtGrTPtoXURC4iRYVLSKCkEhaZGGglZJKD1+NY47OOA9n/vlft3P/GDKaMcs5cH/4D/d+55x7zvddJoRAIUvqtuib1tEf0TE5Z0MzBRQOrPJxbKlwo6lMRdDNWaHzLB/4TNoSXWENTz6nMRy3CIBhhZvDpTBYtD2qWYhpNsqXKTi4zosDaz1YEyhhfwV/PaGJGz1xhJI2dlWpOLnRj+YyF/zqrwznDKooYuDZcBpdExpcjOF8c4D2+lhB8M6xjLj2JgafS8E52nx8vbdgyTnrDmvizrskBqIGrrQEcaRu3hkJLteHqaxoexgWpx9Pip5JTeT8i1nhlCkuPo+Io4/C4j3h5PxcBsiYQrT3J2HaApd2BrGt0v3XjOdblU9hl3cHIXt7+10CcRoE6XfAR+IGPk4bOLbBj5bqfwPOWS019Gi9F300Wa++aY6PUwzRMaJhucpwqsGLpdghmhyaGjz9knaazukjm4I91W5UUnlLAV/lV9ieGg8+zZoYTZjg39MWElkbm1aqKIY1BF2w6DpGiB9cAts2UOlVigJe7uWQ9ceIaNzpK/0ojBUFXOJIJEuOos/FnR8ZqRg2m7UciShVOXi1X0EpTZ8Up2LYwIxB4sawju6eByjzxjI3uiezpIILSOQiTJ5/Szg1lHBdaQk4p1vZX+vB1JyF56OZJWX9cjyDrzSG+1Z7HKFzGNpUrsoZxf3BFEbj5n9lT1ovpERXkNYfrv9JRgc8QFHONAYwnjRxneSW9PqfA0hNGYoZON8UkGPNflNFudo/JEXrvZC40BERH6f1RSnjVNoUV7tiouXuN3GrN/HbmT8eC6npN3sTDmtb6e7aqMQdeVSy53tWdI5peBXKIKULnN0cwIkNPvjUX4TJ+8wNxw3xYHAOndRgeUGyHySr8NJkGeSYSFkIpUyiObC1UsWZRj+250mALfRAD0V18WI0i8Go7rybWRMooS6VLeOOFu0lsWtYoVLQ/PReEDxnWeIyEQ86pSrBPfTxLEIvfggwAI6Jzrvo1KWEAAAAAElFTkSuQmCC");
    margin-top: 45px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px 23px;
    height: 23px;
    width: 23px;
    cursor: pointer;
    content: '';
}
#PaymentBlock .carte_choix input[type="radio"]:checked + label::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABI1JREFUeNqEVVtoXFUUXffOM3dmMuM075jWJG2iMU1jpA3VWkFRqdYH6F9RsYgI/klB7I8glP4pKIIg6J+gKH6ooKKGIonaFi2mmIRa82heNc0k874zd+4c1z6TpFg7mQMzwz33nLX3XnvtNYZSCtVWulhW49eKuLhSxHK2DLuk4DGB1pCJgaYA+hv8iAVMo9p942bgqzlXjS3Z+PKvHKaTLgEMxAMmfB4DLo8nbBdrdhmNdR481GnhwV1BdES8Rk3wnxdt9e5vSSyky9jf4sfTvWHsbfAh7L+eYdZhRSsOvpnOYWzRhs8wcHxvhGdDRlXwkbm8Ov3LGkI+D17g4Sd2W1VL3lxnl2z1wYU0JhIOTh6M4dGu63e2wMdXiur1MwlmaOC14Rjuag5sZKlwNeeyEgfJYhl1JL2j3of2sMkkKtUsZ111iknNJEs4dV8cA41+Yws8X1Lq5E8JTLBxbxyK42BbBXguXcJnkzmMLuSxXihjs0g2EffeGsTR7jr0xitAPKte/WEVTSEPTt8fR5Q0mvJiJungz2sOHt8TFmB9+O91B2+fS+HzqYwER5SA8WDlQxHhi0tZvDm6TloKOuRONvRotyUMYHTe1kmYPKe+m7FRzwSe6bFkTy1mXLz3ewrnl220RjywKASJqDY+QaqmNezBYraEt84nNaWC8wiVQ9Xg68s53XSTX9IUDJOKZpZUpNa+nc5ibKGgSxQqbhSrPJfLQKPlwXzaxccTGWSKSgIaw+1BXFovYTZVginNSpHP23f49cV1VvnrUhERVmLWUIoEEJouctCWMiW91xPzwWUZM5wPU4DlUDOzkAaniy6uZl2WbmKb4d2qwMcMclTUfMbRe42WCbLGIXM15xBCPUZFngXSUmIweVSovXQveJBYegmO7LncNKlV/bC28dbymgh4WbKqXKy1dG48WO83N2h1tUVQijDb2PUo1SfmJOsWctgb9yHDRhs10OW9UNIS8mJnvVfHmlh1aG4GOsm9GWHmfQ0BnF0u0AWVijDiw7dZkHpsprAdvtCR4tSKcbWFvXIf54jTzoS7ol6YJlEe2BnEP2zi97N5MKhxoDWAJ3fXaeejXGVvK4j8mrofSsZeS/hIl6Ube+ZKnsNXwmFOrxidrqW/0a+H4pPJDIaa/GoXoz7bH9HcySR6iRbyUZrkgSYAmxkWGPRwRxAv7aunv3sMer0Si26i1x/ptioTKl+kwjjWF8EVesk7tFvxa3JvvDgQwYkDUQzSxAKcUvEhkVkfk5H9E/tj6IxWfPz9CylMrTk4zqQoa+N/lvvReEZ9OJ7CPl5+ZSiKO3b49CHSo9JssHiMeHes4jH63Ure1Zb71eUsnuuvx8uDEaPqn4V4uviKDNchcvcYS7y7OfCfvpbKSv1BdY3M2doxZfSfvzOCp/aEEPIbxrZ/c9NJR306mcUIGyy8Sz9a6DMWu+ZwQ4xtgePuctgGm/041hfG0A0JVAXfXFOJovpxtoDJRFH3oUD74Iyhoc7UXnQPldIT9zPozSdiW/DNRUtQHDw6ZlmDB/kV9Bg1B/hfAQYAtW4sTyWdHkgAAAAASUVORK5CYII=");
}
#PaymentBlock .CB_Block {
    padding-top: 1.5em;
    width: 75%;
    margin: 0 auto;
}
.type_card_2{
    display: none;
}
#PaymentBlock #payment_layer_cc {
    margin-top: 1em;
    clear: both;
    display: inline-block;
    width: 100%;
}
#PaymentBlock .container_12 {
    width: 100%;
    padding: 0 .6em 1em .6em;
    margin-left: 0;
    margin-right: 0;
}
body.customer-area-paiement #PaymentBlock .container_12 {
    clear: both;
    padding-top: 1em;
}
body.customer-area-paiement #PaymentBlock .inputFields label {
    color: #858585;
    padding: .5em 0 .2em;
}
#PaymentBlock .container_12 .grid_15 {
    width: 50%;
    padding-right: 1%;
    margin: 0;
    display: inline-block;
    float: left;
}
#PaymentBlock .container_12 .grid_16 {
    width: 50%;
    margin: 0;
    display: inline;
    float: none;
}
#PaymentBlock .container_12 .grid_17 {
    width: 50%;
    margin: 0;
    display: inline-block;
    float: none;
}
#PaymentBlock .inputFields .label {
    color: #858585;
    font-size: 0.9em;
    margin: .8em 0 .1em 0;
}
#PaymentBlock input {
    border: 1px solid #cccccc;
}
#PaymentBlock select#ccard_exp_month, #PaymentBlock select#ccard_exp_year {
    width: 47.5% !important;
    padding: .4em;
    font-size: 0.8em;
    border: 1px solid #cccccc;
}
#PaymentBlock .paiement_carte{
    text-align: center;
    clear: both;
}
section.boutons_paiement {
    margin-top: .5em;
    padding-bottom: 0;
}
.boutons_paiement .container_12 {
    width: 100%;
    display: block;
    margin: .7em auto 1.5em;
    text-align: center;
}

.gift_code_block .container_12 {
    width: 100%;
    display: block;
    text-align: center;
    padding: 1em .6em 1em .6em !important;
}

.gift_code_block .button {
	min-width: 70px !important;
	padding: .7em;
    height: 30px;
}

.gift_code_block .img_gift_code {
	width: 17%;
	vertical-align: middle;
}

.boutons_paiement .button {
    min-width: 175px;
    max-width: 190px;
    margin: 10px 5px 0;
}
#PaymentBlock .bouton_paiement {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
}

#PaymentBlock .gift_code_block {
	margin-bottom: 2em !important;
}

#PaymentBlock .gift_code_block .container_12 .inlineContent > * {
	margin-left: 1em;
	margin-right: 1em;
}

#PaymentBlock .paiement_carte .button {
    margin-top: 15px;
}
#TunnelMain .confirmBlockResaText {
    padding-top: 0;
    margin-top: .5em;
    margin-bottom:0
}
body#confirmation article.fullwidth {
    margin-top: 0;
    padding-top: 0;
}
.confirmBlockResaText_2 {
    text-align: justify;
    display: inline-block;
    margin-bottom: 10px;
    width: 98%;
}
#TunnelMain .confirmBlockResaImg {
    margin-top: .5em;
}
#TunnelMain .adress_confirm{
    padding: .2em 0 .3em;
    display: inline-block;
    width: 100%;
}
#TunnelMain .coordonneesfield .container_12, body#confirmation .participantsfield .occupants{
    width: 96%;
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2px;
}
#TunnelMain .coordonneesfield .container_12 + .container_12 {
    padding-top:0;
    margin-bottom: 0;
}
#TunnelMain .coordonneesfield .container_12 .grid_12 {
    width: 100%;
}
#TunnelMain .coordonneesfield .container_12 .grid_10 + .grid_2, #TunnelMain .coordonneesfield .container_12 .grid_9 + .grid_3 {
    float: right;
}
#TunnelMain .coordonneesfield input[type="text"], #TunnelMain .coordonneesfield input[type="password"], #TunnelMain .participantsfield input[type="text"],#TunnelMain .participantsfield input[type="password"], select {
    border: 1px solid #CCCCCC;
}
#TunnelMain .participantsfield .inputFields select {
    padding: .3em;
}
#TunnelMain .container_12 .grid_10 {
    width: 82.5%;
}
#TunnelMain .container_12 .grid_9 {
    width: 74%;
}
#TunnelMain .participantsfield p.inputFields.grid_2 select {
    padding: .3em;
    background-color: #f3f3f3 !important;
    width: 95% !important;
    border: 1px solid #f3f3f3;
}
#TunnelMain  .participantsfield .container_12 .grid_3 + .grid_3, #TunnelMain  .participantsfield .container_12 .grid_3 + .grid_1,  #TunnelMain  .participantsfield .container_12 .grid_1 + .grid_1 {
    margin-left: 1%;
}
#TunnelMain  .participantsfield .container_12 .grid_2 + .grid_3{
    margin-left: 0;
    width: 25%;
}
#TunnelMain  .participantsfield .container_12 .grid_1.deleteBlock {
    font-size: 1.3em;
    margin-top: 5px;
    text-align: center;
}
#TunnelMain  .participantsfield .container_12 .grid_3 + .grid_3 {
    width: 24%;
}
#TunnelMain .participantsfield .container_12 .grid_3 + .grid_1, #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {
    width: 8%;
}
#TunnelMain .participantsfield .inputFields.grid_2 {
    width: 16%;
}
#TunnelMain .participantsfield #occ_1_1, #TunnelMain .participantsfield #occ_1_2, #TunnelMain .participantsfield #occ_1_3, #TunnelMain .participantsfield #occ_1_4, #TunnelMain .participantsfield #occ_1_5{
     padding-top: .6em;
 }
.option_resa #TunnelMain section fieldset.participantsfield{
    padding-bottom: 0;
    border: none;
    width: 100%;
    margin-bottom: 10px;
}
.option_resa #TunnelMain section fieldset.coordonneesfield{
    width: 100%;
}
body#confirmation article.fullwidth p.actions .button {
    margin: 0 2px;
}
#TunnelMain .txt_assur {
    padding: 0 3.8em 1.2em 3.8em;
    font-size: 13px !important;
    font-family: 'Lexend Mega', sans-serif !important;
    line-height: 1.3em;
}
#TunnelMain section.globalProduct .productCategory ul.products {
    margin-bottom: 10px;
}
#TunnelMain section.globalProduct .vb-info {
     display: none;
}
.txt_pwd {
    font-size: .9em;
    margin: .7em .2em 0;
    display: inline-block;
}
.att_mdp {
    color: red;
}
.nouv_occ {
    width: 96%;
    display: inline-block;
    margin: .3em 2% .5em;
}
body#confirmation h3 {
    color: #52b0e8;
    font-weight: normal;
    margin: 1em 18px;
}
.cadre_part{
    border: 1px solid #cccccc;
    padding-bottom: .2em;
}
section.card_savr {
    padding-bottom: 4em !important;
    margin: 0 .4em;
    width: 100%;
    display: block !important;
}
section.card_savr h1 {
    display: inline-block;
}
.id_retour {
    text-align: left;
}
section.edit_part .id_retour .default {
    font-size: 1.1em !important;
    margin-top: 10px;
}
.id_ret_but{
    text-align: center;
}
#TunnelMain .crea_compte_policy .id_retour #privacyPolicy2 {
    margin-bottom: 0;
}

.configurateur .proposalIcoAndDesc ul {
    padding: 0;
    margin: 0;
}
.configurateur .proposalIcoAndDesc li {
    list-style: none;
}
.configurateur li:nth-child(n+3) div.proposalPriceAndQuantity{
    display:none !important
}
.configurateur li:nth-child(n+3) div.proposalDescription p{
    margin: 0;
}
#TunnelMain section.cadre_option {
    display: -webkit-flex;
    display: flex;
    flex-flow: -webkit-column;
    flex-flow: column;
}
section#globcont{
    order: 0;
}
body.customer-area-paiement article {
    padding: 0 20px;
}
body.customer-area-paiement p.actions {
    margin-bottom: 20px;
}
body.customer-area-paiement #PaymentBlock .CB_Block{
    padding-top: 1em;
}
.reservationSummary .productListSumm span.label {
    padding-bottom: .5em;
}
.clr{
    clear: both;
}
.lst_nameF, .fst_nameF{
    width: 39%;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
body#opt_res .PartnerCNASOccuBlock .birthdayBlock {
    float: left;
    width: 20%;
}
body#opt_res .icon, [class^="icon-"]{
    font-size: 1.4em;
}
/******

Evolution page option

******/

.ajout_part{
    padding: 12px 18px;
    background: #cccccc;
    color: #000000;
    font-weight: 500;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}
ul#list_occ {
    padding-left: 0.8em;
    margin-top: 0;
}
.ajout_occ{
    padding-left: 1em;
    margin-bottom: 1em;
}
.ajout_occ .inputFields input[readonly] {
    border: 1px solid #e5e3de;
    color: #212121;
}
.ajout_occ .icon-calendar::before {
    font-size: 1.7em;
}
.ajout_occ .inputFields select {
    width: 100% !important;
    padding: .35em 1.8em .4em .1em;
    font-size: 0.8em;
    border: 1px solid #e5e3de;
}
.arr_dep label{
    display: none;
}
.arr_dep {
	padding-bottom: 20px;
	display: flex;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 10px;
}
.arr_dep .grid_6 {
    width: 100% !important;
}
.inputFields.container_12 .grid_6 {
	padding-top: 15px;
}
.arr_dep .inputFields.container_12 .grid_6 {
	padding-top: 5px;
}
.arr_dep .champs_dates{
    background: #FFFFFF;
    z-index: -1;
}
.arr_dep input::placeholder, .arr_dep input::-moz-placeholder, .arr_dep input::-ms-input-placeholder, .arr_dep input:-ms-input-placeholder, .arr_dep input::-webkit-input-placeholder {
    color: #212121;
    padding-left: 15px;
}
.dates_ins{
    width: 100%;
    display: block;
}
aside .arr_dep .inputFields input[type="text"]{
    width: 40%;
    border: none;
    font-size: .85em;
    padding: .4em 0;
    margin: .2em 0;
    cursor: pointer;
    color: #212121;
}
input#search_form_start_date2 {
    width: 52%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABACAYAAAC9S+EXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACwJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMi4yLWMwNjMgNTMuMzUyNjI0LCAyMDA4LzA3LzMwLTE4OjA1OjQxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzQgTWFjaW50b3NoIgogICB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNi0wNVQxMjowMDoyNCswMjowMCIKICAgeG1wOk1vZGlmeURhdGU9IjIwMTktMDYtMDVUMTI6MDA6MjQrMDI6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDYtMDVUMTI6MDA6MjQrMDI6MDAiCiAgIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIgogICBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIgogICBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PnchTNQAAASVSURBVHja7FxrSFRBFL7KukREiURIP8QgDKQiKuyB9jBTIYncQih6WgaBUQRLP6ofEpUESgSCpGhB9DDaCsSEMsw/gUn1I0QiTEJETETCRES07+BY6zhz9z7X3XUOfMxl9jhn5rszZ865c69xU1NTmlkpKCgw/TfFxcXxKHKBjcAY0FxXV9epOSywQ0UmwyTQCjvtVtpqbGz8dx0XDqLQ+WQUr4CMoGoaxB3Aj4FMOkTSEhSPqYvcT4+AU7AzbpWoeM1lYTPpOUfSjO1LwEUHzdUISCI5AlTYadh1otgS2K7zu5+RafeGpKIo0lE5C53ESCZqQ4jfkxnsytoQ4/EC6ZFMlNeAjidMdryRTFRMiMemX6BlVQbsABZzP5/GLvPQZHvkcEtNdqMMdm6atFMqcO4jwDvgGtrrcmxGwVg2ig/AfiCRTetgxFu8cV6T8FhcSXw7ScAh4CPGttkRotAQda4eWGRgthqJXSZszPAErg27digWq2eBq+0ZtRVICaGzipVfQ+gNAv3sOsVCX1IN2iGSOrm+6e2g6U4QtdKATj4rW4FPOnoVFJmzqHqXhb7k0AxHG924Dujo3YfOEIvZ8s2O0c1dbzM6lcvSk0LJHb8H3GbXpWzamxWKwc7MbCDsxszJRoAL7JqC0tVmjVjK9QKBABl7akC1D9gCsnqZXzsAbAL+sKS4g/k8it7fhPB5ekI7Vhba+xKUfGexfLKFJcZkJ41tQEkG2tzr8/nehosokp/AMXS0TZLpHweqLM6mYBkCSqh7RIrAFi23B8AKg+3NIsqjuS/koN+joxSjvAC6mV1yloeB9Q7ZSWLJdztsPUM5EwvRMjvIcs75CThNSjaD25IheFJhW1QKo4hSRCmiFFEL/TELJ3tYgBeNslSbPvwIC1FtCPQmopElxF3L1dJTPip6fRQ/nTMlWfoolmgDp5uriR/dDEC3idP1MZ/CSw90Wzndo5Ixdpo9PXYzhSlhCS8v9JCugau7LElvaDBNXN0tIE2UqwsesdRInkjcZW2rpad8lCJKEaWIUuGBM0I72Q1BvSh6P6HNPWkmGRPU5WnidwhGBHXrJJNhOGKIQpzSr/0/rwul22ui3R4Tut/V0lM+auGlMHSGJzphGcGSqOR0KYJPFej2QbeW06WDUtG5XJcgNboqmQzt0G2OFGdeqJPCVAqcuSyFqeXqzuukMHxqdEUnhWlWS0/5KEWUIkoRpcIDx4TeVSoxqJsnuWmTkrREM6i7zITuvKUwEy7pjruhq5aeIip2UpiTKLYJfvqNJeHndOkrqzUC3R/QLed0r2vit+Y+Q7ea062SjLGFT3fm05nv1klh/FzdPp0UppyrK9JJYar5+yVJYcYE6Y5aespHKaIUUWrXEwg97B8U1A+JdkKJ7rCkblDShsiW0YMIXXHyhfyEKH8/6hdXPeuFfLX0lI9SREWVMxf5otdY69H6sqs31BitEiX69i4nhiYQ3fAu20sPu9s3zeRxT5TJE/ZKgCM+is7iOmKQJPqu8JxjAScYH4BPosco9An8Ts3615uRIqPa9NeiL0X/feivAAMAS21dgqgqnx0AAAAASUVORK5CYII=");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 21px 18px;
    padding-left: 26px;
    cursor: pointer;
    display: inline-block;
}
.arr_dep #search_form_start_date {
    text-align: right;
}
.arr_dep #search_form_end_date {
    text-align: left;
}
.arr_dep .inputFields input[type="text"]:focus {
    border:none;
    box-shadow: none;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.monthCalendar td:hover{background-color: #0d5c7d;color: #FFF;}
.monthCalendar td.CurrentEndDate:hover{background-color: #51B0E8;color: #FFF;}
.monthCalendar td.CurrentStartDate:hover{background-color: #51B0E8;color: #FFF;}

.configurateur .monthCalendar{
    top: 3.5em;
    right: -34px;
}
.date_pick{
    position: absolute;
    margin-top: -60px;
    z-index: 2;
    width:100%;
    height:60px;
    cursor:pointer;
    background:transparent
}
ul.search_result_lst {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.search_result_lst li {
    margin-bottom: 40px !important;
}
.auth_part {
    width: 100%;
    padding: 0.6em;
    vertical-align: top;
    display: inline-block;
    background-color: #fff;
    margin: 0.6em 0;
}
.auth_part section {
    padding: 0.6em 0;
}
.option_resa .auth_part fieldset {
    margin: 0 auto;
}
.auth_part .label, .auth_part .field {
    padding-left: 18px;
}
.auth_part input[type="text"], .auth_part input[type="password"] {
    font-size: 0.8em;
    margin: 10px 0;
    width: 40%;
    border: 1px solid #999999;
}
.configurateur .proposal .proposalDescription li {
    padding-bottom: 2px;
}
.customer-area.fci .inf_etab {
    margin-bottom: 20px;
}
.option_resa.confirmation header.head_second{
	display:none;
}
.option_resa.confirmation section.card_savr {
    padding-bottom: 20px !important;
    padding-top: 20px;
    min-height: 250px;
}
.option_resa.confirmation p.actions {
    margin-top: 20px;
}
.customer-area.fci section.edit_occ_2 {
    padding: 20px 35px 0 35px !important;
}
.customer-area.fci #occ__ {
    padding: 3px 0 7px;
}
.customer-area.fci .occupantFields {
    display: none;
}
.customer-area.fci .inputFields.grid_3.participant_date_naissance {
    width: 20% !important;
}
.customer-area.fci .inputFields.grid_2.paricipant_civilite {
    width: 18% !important;
}
.tab_home-id{width: 100%;display: table;}
.tab_home-id-cell-1{width: 100%; display: block; text-align: center; padding: 20px 0;}
.tab_home-id-cell-2{width: 100%; display: inline-block;}
.txt_home .txt{margin: 0 0 25px 0;}

@media (min-width : 55rem){
    .products .label a span {
        font-size: 1.15em;
    }
    #TunnelMain .edit_part .legend_options, #TunnelMain .connect_1 .legend_options, #TunnelMain .connect_2 .legend_options {
        font-size: .9em;
    }
    body.customer-area-paiement #main-contener {
        margin: 2em auto 0;
    }
    body.customer-area.home article.fullwidth{
    padding: 0;
    }
    .customer-area.fci .wrapperRemainigResa .control_select {
    width: 33%;
    }
}

@media (max-width : 55rem){
    .configurateur li:nth-child(n+3) div.proposalPriceAndQuantity{
        display:inline-block !important
    }
    .configurateur li:nth-child(n+3) div.proposalDescription p{
        margin: 0.6em 0;
    }

    .configurateur li:nth-last-child(2n) div.proposalPriceAndQuantity{
        display:none !important
    }
    .esp_cl_desk{
        display:none;
    }
    .esp_cl_resp{
        display:block;
        height:30px;
        background-image: url(../images/espace-client.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size:30px;
        margin: 20px;
    }
    .otherLinks .esp_cl_resp .button {
        background:none;
        border:none;
        box-shadow: none;
        width:30px;
        height:30px;
    }
    #ConfigurateurMain .proposal .proposalIcoAndDesc, #TunnelMain .proposal .proposalIcoAndDesc {
        margin: 0;
        display: inline-block;
        width: 100%;
    }
    #ConfigurateurMain .proposal .proposalIcone,  #TunnelMain .proposal .proposalIcone {
        width: 100%;
        margin:0
    }
    #ConfigurateurMain .proposal .proposalPriceAndQuantity,  #TunnelMain .proposal .proposalPriceAndQuantity {
        display: inline-block;
        width: 100%;
    }
    #ConfigurateurMain div.proposalDescription, #TunnelMain div.proposalDescription {
        order:-1;
    }
    .configurateur .order_descr {
        width: 100%;
    }
    .configurateur .proposal .proposalPriceAndQuantity .price {
        display: table;
        width: 100%;
    }
    .sep_tarifs, .sep_tarifs_2, .sep_tarifs_3 {
        display:table-cell
    }
    .sep_tarifs{
        width:40%;
        text-align:right;
        padding-right:15px
    }
    .sep_tarifs_2{
        width:20%;
        text-align:center;
    }
    .sep_tarifs_3{
        width:40%;
        text-align:left;
    }
    #ConfigurateurMain section, #TunnelMain section {
        display: inline-block;
        padding: .6em 0 0 0;
    }
    #ConfigurateurMain section{
        display: inline-block;
        padding: .6em 0 0 0;
    }
    #TunnelMain section{
        display: inline-block;
        padding: .3em 0 0 0;
    }
    .option_resa .products .label a span {
        font-size: 1.15em;
    }
    #TunnelMain .edit_part .legend_options, #TunnelMain .connect_1 .legend_options, #TunnelMain .connect_2 .legend_options{
        text-align: center;
        padding: 8px 18px;
    }
    #TunnelMain .connect_1, #TunnelMain .connect_2{
        width:100%;
        font-size:0.9em;
        text-align: center;
    }
    #TunnelMain section.edit_part .connect_2 .default {
        margin: 30px auto;
    }
    #TunnelMain section.edit_part {
        padding: .6em .6em 0 .4em;
    }
    body#identification .edit_part #initialBlock p {
        margin: 1em .5em .5em !important;
        font-size: .9em;
    }
    #PaymentBlock select#ccard_exp_month, #PaymentBlock select#ccard_exp_year {
        width: 46% !important;
    }
    #PaymentBlock .CB_Block {
        width: 90%;
    }
    body#confirmation article.fullwidth {
        width: 95%;
        margin: 0 2.5%;
        padding: .3em 0 0 .3em;
    }
    body#confirmation .confirmBlockResaImg {
        width: 100%;
        max-height: 160px;
        overflow-y: hidden;
    }
    .confirmBlockResaText_2, #TunnelMain .confirmBlockResaText {
        width: 99%;
        text-align: left;
    }
    #TunnelMain .confirmBlockResaText {
        padding-left:0
    }
    body#confirmation .confirmBlockResaImg img {
        width: 99%;
    }
    body#confirmation #etabImg {
        object-position: 0 -110px;
    }
    body.customer-area, body.customer-area-paiement, body.fci {
        background: #0000AE !important;;
    }
    #TunnelMain  .participantsfield .container_12 .grid_1.deleteBlock {
        text-align: right;
    }
    body#confirmation article.fullwidth p.actions .button {
        margin: 0 2px 10px;
    }
    .txt_pwd {
        margin: .7em 0 0;
    }
    #TunnelMain .txt_assur {
        padding: 0 2em 1.2em 2em;
    }
    .configurateur li:nth-child(n+3) div.proposalDescription p{
        margin: 0.6em 0;
    }
    body.customer-area-paiement article {
        width: 100%;
        background: #ffffff;
    }
    body.customer-area-paiement .reservationSummary {
        width: 100%;
    }
    body.customer-area-paiement .cadre_tab {
        width: 92vw;
    }
    body.customer-area-paiement .reservationSummary h3{
        color: white;
        background: #999999;
        padding: 0.9em;
        clear:both;
        font-size: 1em;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0;
    }
    body.customer-area-paiement aside {
        padding: 1em 0.5em 0;
        background-color: #ffffff;
        float:none;
        margin: 0;
    }
    body.customer-area-paiement aside.reservationSummary h4 {
        padding: 5px 0 0 0.9em !important;
    }
    body.customer-area-paiement .reservationSummary section {
        padding: 0;
        background: #e6e3de;
        margin-bottom: 0;
        margin-top: 1em;
        display: inline-block;
    }
    body.customer-area-paiement section.main {
        margin: 0.6em 0 -1.5em;
    }
    body.customer-area-paiement footer {
        display: none;
    }
    body.customer-area-paiement .inf_etab {
        padding: 0 0.9em 0.5em 0.9em;
    }
    body.customer-area-paiement .reservationSummary .DateBlock_OccupantBlock {
        padding: 2%;
        margin: 10px 0.9em 0 0.9em;
    }
    body.customer-area-paiement .prod_bl_list {
        margin: 10px 0.9em 0 0.9em;
        background: #f3f3f3;
    }
    body.customer-area-paiement .supp_bl_list {
        margin: 10px 0.9em 0 0.9em;
    }
    section.card_savr {
        margin: 0 .8em;
    }
    .option_resa.confirmation section.card_savr {
        margin: 0 .4em;
    }
    
    .lst_nameF, .fst_nameF{
        width: 33%;
    }
    body#opt_res .PartnerCNASOccuBlock .birthdayBlock {
        width: 30%;
    }
    .configurateur .monthCalendar{
        right: -66px;
    }
    .auth_part {
        padding-top: 30px;
    }
    .auth_part p.actions {
        padding: 0 0.6em 1em;
    }
    .customer-area.fci .inputFields.grid_1.participant_picto img {
    	width: 100%;
    }
    .customer-area.fci section.edit_occ_2 .container_12 .grid_1 {
    	width: 3%;
    	margin-right: 5px;
    	margin-top: 3px;
    }
    .customer-area.fci #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {
    	width: 18%;
    }
    .customer-area.fci #TunnelMain .participantsfield .container_12 .grid_2 + .grid_3 {
    	margin-left: 0;
    	width: 18%;
    }
    .customer-area.fci .inputFields.grid_3.participant_date_naissance {
    	width: 15% !important;
    }
}
@media (max-width : 780px){
    input#search_form_start_date2 {
        width: 54%;
        background-size: 15px 13px;
        padding-left: 17px;
    }
    aside .arr_dep .inputFields input[type="text"] {
        font-size: .75em;
    }
    .configurateur .monthCalendar {
    right: -90px;
    }
}

@media (max-width : 640px){
    input#search_form_start_date2 {
        background-size: 21px 18px;
        padding-left: 26px;
    }
    .pos_cal {
        width: 100%;
    }
    .configurateur .monthCalendar {
        margin: 0 auto;
        right:10px !important;
        left: 10px;
        top:-21em;
    }
    aside .arr_dep .inputFields input[type="text"] {
        font-size: .85em;
    }
    body.customer-area-paiement article {
        padding: 0 10px;
        background: white;
    }
    body.customer-area-paiement .reservationSummary {
        width: 100%;
    }
    body#identification #main-contener{
        margin-bottom: -20px;
    }
    body#identification footer{
        display: none;
    }
    body#identification section#TunnelMain{
        display: block;
    }
    body#identification #TunnelMain aside section{
        margin-bottom: 0;
    }
    body.customer-area-paiement .reservationSummary section {
        margin-top:0;
    }
    #proposalListmob {
        display: none;
        width: 100%;
        border: 1px solid #cccccc;
        margin-bottom: 10px;
    }
    .configurateur fieldset.formule, .option_resa fieldset.formule {
        padding-top:40px !important
    }
    #vb-Formule-open {
        display:block;
        float:right
    }
    #vb-Formule-open img {
        float:right;
        width:25px;
        cursor:pointer
    }
    .rotate {
        transform: rotate(180deg);
    }
    .head_first, .head_second{
        position: fixed;
        width: 100%;
        z-index:+1
    }
    .head_first{
        top:0;
    }
    .head_second{
        top:80px;
        background:white;
        padding-bottom: 20px;
    }
    .configurateur .head_second .tunnelAreaMenu, .option_resa .head_second .tunnelAreaMenu{
        width: 100%;
    }
    header{
        top:0;
    }
    header nth-child(1) {
        top:80px;
    }
    .configurateur p.logo, .option_resa p.logo {
        min-height:30px;
        padding-top:0;
        background:#0d5c7d;
        padding-left:0;
        text-align: center;
    }
    .configurateur p.logo a, .option_resa p.logo a {
        background-position: 50%;
        background-size: 9.5em auto;
        width: 9.5em;
    }
    .configurateur p.otherLinks, .option_resa p.otherLinks {
        padding: 15px 10px 0 0;
        font-size:0.8em;
        z-index:+1
    }
    .configurateur .otherLinks .button, .option_resa .otherLinks .button{
        margin-top:0;
        min-width: auto !important;
    }
    .configurateur .proposal.checked, .option_resa .proposal.checked {
        padding: 15px 15px 12px;
        margin-bottom: 20px;
    }
    .configurateur .proposal, .option_resa .proposal {
        padding: 0 15px 15px;
        margin:0
    }
    .configurateur footer, .configurateur footer {
        display: none;
    }
    .titre_heberg {
        padding-right: 0;
        float: none;
        height: auto;
        padding-bottom: 5px;
    }
    .titre_heberg label {
        padding-left: 10px;
        display: block;
    }
    .head_heberg .select_nbre {
        padding: 3px 3px 0 5px;
    }
    .button_cont_resp{
        display:inline-block;
        width: 100%;
    }
    #ConfigurateurMain aside, #TunnelMain aside, body.customer-area-paiement aside{
        background-color: #ffffff;
        float:none;
        margin: 0;
        width: 100%;
    }
    #ConfigurateurMain article, #TunnelMain article{
        width:100%;
        background:#fff;
        padding-top: 110px;
        margin-left:0;
        padding-left:0.4em;
        padding-bottom: 0;
    }
    .option_resa.confirmation #TunnelMain article{
        padding: 15px 20px 25px;
    }
    .option_resa.confirmation p.actions {
    	margin-top:15px;
    	margin-bottom: 15px;
    	padding-left: 0;
    }
    #ConfigurateurMain section, section#ConfigurateurMain{
        padding: 0.6em 0 0 0;
    }
    #TunnelMain section, section#TunnelMain {
        padding: 0.4em 0 0 0;
    }
    .customer-area.fci section#TunnelMain{
    	margin: 0.6em 0;
    	padding: 0.6em 0;
    }
    section#ConfigurateurMain, section#TunnelMain{
        margin-bottom:0;
    }
    #ConfigurateurMain header nav ul li, #TunnelMain header nav ul li{
        color:#777777;
        width: auto;
        font-size: 1.26em;
    }
    .configurateur section fieldset, .option_resa section fieldset {
        width:100%;
    }
    #ConfigurateurMain .reservationSummary .TotalBlockBottom, #TunnelMain .reservationSummary .TotalBlockBottom {
        background:#0000AE;
        color:#FFF;
        font-weight: 400;
        margin: 0.6em 0.9em 0 0.9em;
    }
    #ConfigurateurMain .reservationSummary .TotalBlockBottom .Maintotal, #TunnelMain .reservationSummary .TotalBlockBottom .Maintotal  {
        font-weight: 400;
        font-size: 1.15em;
        padding: 0;
    }
    #ConfigurateurMain .reservationSummary .TotalBlockBottom .price,  #TunnelMain .reservationSummary .TotalBlockBottom .price{
        color:#FFF;
        font-weight: 400;
    }
    #ConfigurateurMain aside .button.default.fullWidth, #TunnelMain aside .button.default.fullWidth, .button_cont_resp .button.default.fullWidth {
        font-size: 1em;
        padding: 15px 15px;
    }
    #ConfigurateurMain .reservationSummary .button_default_block, #TunnelMain .reservationSummary .button_default_block {
        margin: 0 0 0.4em 0;
    }
    .tunnelAreaMenu {
        border-spacing: 4px;
        padding: 10px 0 0 0 !important;
    }
    .tunnelAreaMenu li{
        padding:0;
        border: none;
        height:inherit;
        display:inline-block;
        background: transparent;
        color:#989898;
    }
    .tunnelAreaMenu li a {
        color: #777777
    }
    .tunnelAreaMenu li.on a {
        color: #52b0e8;
        background-image: url(../images/bkg_actif_tunnel.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 14px;
    }
    #TunnelMain section.edit_part .container_12 .grid_6 {
        width: 98%;
        margin-right: 1%;
    }
    #TunnelMain section.edit_part #fieldset_register {
        margin-bottom: 0;
        height: auto !important;
    }
    #TunnelMain section.edit_part a.button.fullWidth.default {
        margin-top: 10px !important;
        display: inline-block !important;
    }
    #TunnelMain section.edit_part #fieldset_register p.loginLink {
        padding: 0 0 10px 0 !important;
    }
    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_12{
        padding-top:0;
    }
    #TunnelMain section.edit_part .creation_cpte .CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12{
        padding-top:0;
    }
    #TunnelMain section.edit_part .creation_cpte .grid_1, #TunnelMain section.edit_part .creation_cpte .grid_10, #TunnelMain section.edit_part .creation_cpte .grid_11, #TunnelMain section.edit_part .creation_cpte .grid_12, #TunnelMain section.edit_part .creation_cpte .grid_2, #TunnelMain section.edit_part .creation_cpte .grid_3, #TunnelMain section.edit_part .creation_cpte .grid_4, #TunnelMain section.edit_part .creation_cpte .grid_5, #TunnelMain section.edit_part .creation_cpte .grid_6, #TunnelMain section.edit_part .creation_cpte .grid_7, #TunnelMain section.edit_part .creation_cpte .grid_8, #TunnelMain section.edit_part .creation_cpte .grid_9{
        padding-top:5px
    }
    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_4{width: 100%; padding-right: 0; padding-top:10px;}

    #TunnelMain section.edit_part .creation_cpte .container_12 span.grid_4{width: 100%; padding-right: 0; padding-top: 0;}

    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_6{width:100%; margin-left:0; padding-top: 10px;}

    #TunnelMain section.edit_part .creation_cpte .inputFields.grid_12{ width:100% !important;}

    #TunnelMain section.edit_part .creation_cpte span.grid_4{width:32.6% !important}

    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_5{width: 100%; padding-left:0; padding-top: 10px;}

    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_7{width: 100%; padding-right:0;padding-top: 10px;}

    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_8{width: 100%; padding-right:0; margin-left:0!important; padding-top: 10px;}

    #TunnelMain section.edit_part .creation_cpte .container_12 .grid_14, #TunnelMain section.edit_part .creation_cpte .container_12 .grid_15 {width: 100%; padding-right: 0; margin-left: 0 !important; padding-top: 10px;}

    #TunnelMain section.edit_part .creation_cpte .inputFields.grid_6 .grid_12 {padding-top: 0 !important;}

    #TunnelMain section.edit_part .creation_cpte input#Email{margin-top:5px}

    #TunnelMain section.edit_part .creation_cpte .invisible.grid_12 .inputFields.grid_12 {
        padding-top: 5px;
    }
    #TunnelMain section.edit_part .creation_cpte span.grid_4 + .grid_4 {
        margin-left: 1%;
    }
    #TunnelMain section.edit_part .creation_cpte span.grid_4 {
        width: 32.666% !important;
    }
    #TunnelMain section.edit_part .creation_cpte #accountcreation.container_12 .grid_12 > .grid_12 {
        margin-top: 0;
        padding-top: 0;
    }
    .crea_compte_policy .privacyPolicy {
        padding: 0 8%;
    }
    #ConfigurateurMain .reservationSummary h3, #TunnelMain .reservationSummary h3 {
        padding: 20px 0 35px;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 0;
        text-align:center;
    }
    #ConfigurateurMain ul.proposalList li:first-child label, #ConfigurateurMain ul.proposalList .price, #TunnelMain ul.proposalList li:first-child label, #TunnelMain ul.proposalList .price{
        display: none !important;
    }
    #ConfigurateurMain ul.proposalList, #TunnelMain ul.proposalList {
        margin-bottom: 0;
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%;
    }
    #ConfigurateurMain .proposalList .vb-info, #TunnelMain .proposalList .vb-info {
        bottom: 10px;
    }
    #ConfigurateurMain .reservationSummary .productListSumm span.label,#TunnelMain .reservationSummary .productListSumm span.label, body.customer-area-paiement .reservationSummary .productListSumm span.label{
        width: calc(100% - 8em) !important;
    }
    #ConfigurateurMain .reservationSummary .productListSumm span.price, #TunnelMain .reservationSummary .productListSumm span.price, body.customer-area-paiement .productListSumm span.price{
        width: 8em;
    }
    ul.proposalList li {
        padding-bottom: 0;
    }
    #TunnelMain .proposalList input[type="radio"] + label  {
        padding-left: 15px;
        margin-right: 0;
        font-size: 1.1em;
    }
    #ConfigurateurMain .proposalList input[type="radio"] + label{
        padding-left: 14px;
        padding-right: 10px;
        font-size: 1.1em;
        line-height: 1.3em;
    }
    .configurateur fieldset.formule .proposalList input[type="radio"] + label {
        float: left;
    }
    #ConfigurateurMain .proposal h4, #TunnelMain .proposal h4 {
        padding: .3em .6em .2em .6em;
        height: auto;
        line-height: 1.4em !important;
    }
    #ConfigurateurMain .proposal h4 label, #TunnelMain .proposal h4 label {
        padding-left: 0;
    }
    #ConfigurateurMain ul.proposalList label, #TunnelMain ul.proposalList label {
        width:100%;
        color:#676767;
        font-weight: normal;
        padding-bottom:10px
    }
    .esp_cl_desk{
        display:none;
    }
    .esp_cl_resp{
        display:block;
        width:30px;
        height:30px;
        background-image: url(../images/espace-client.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size:30px;
        margin:0;
    }
    .otherLinks .esp_cl_resp .button {
        background:none;
        border:none;
        box-shadow: none;
        width:30px;
        height:30px;
    }
    .configurateur fieldset.formule, .option_resa fieldset.formule{
        margin-bottom: 12px;
        border: none;
    }
    .configurateur .proposalList input[type="radio"] + label::before, .option_resa .proposalList input[type="radio"] + label::before {
        margin-top: -4px;
    }
    aside #underselection{
        width:100%;
        background: #e6e3de;
    }
    aside.reservationSummary h4 {
        padding: 10px 0.9em;
    }
    aside.reservationSummary h4 {
        padding: 5px 0 0 35px !important;
    }
    .inf_etab {
        padding: 0 35px 0.5em;
    }
    .configurateur aside fieldset, .option_resa aside fieldset {
        margin: 0 35px !important;
        padding: 10px 0 0;
    }
    .prod_bl_list{
        margin: 10px 0.9em 0 0.9em;
        background: #f3f3f3;
    }
    .supp_bl_list{
        margin: 10px 0.9em 0 0.9em;
    }
    .fd_cont-resp{
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: +1;
        bottom: 0;
        left:0;
        right: 0;
        padding: 0 0.5em;
    }
    aside select {
        background-size: 1.2em auto;
    }
    #ConfigurateurMain aside section {
        padding: 0 0 10px 0;
        background: #e6e3de;
        margin-bottom: 3.4em;
    }
    #TunnelMain aside section {
        padding: 0 0 10px 0;
        background: #e6e3de;
        margin-bottom: 2.2em;
        margin-top: 10px;
    }
    .configurateur form, .option_resa form {
        display: block;
        margin-bottom: -20px;
    }
    .option_resa .paiement form {
        margin-bottom: 20px;
    }
    body#identification form {
        margin-bottom: -50px;
        display: inline-block;
    }
    body#identification article {
        padding: 110px 0 0;
    }
    .reservationSummary .productListSumm {
        padding-bottom: 0;
    }
    .reservationSummary .productListSumm span.totalPriceInitial {
        display: inline ;
    }
    .reservationSummary .productListSumm span.totalPriceInitial {
        display: inline ;
    }
    .reservationSummary .totalDiscount {
        padding: .4em 0 0 0;
        line-height: 1em;
    }
    .reservationSummary .Alttotal {
        padding: .5em 0 0 0;
        line-height: 1em;
    }
    .reservationSummary .DateBlock_OccupantBlock {
        padding: 2%;
        margin: 10px 0.9em 0 0.9em;
    }
    .option_resa .products .price {
        margin-top: 3px;
    }
    #TunnelMain .accordion {
        background-size: 8%;
    }
    #TunnelMain section.edit_part {
        padding-bottom: 0;
        padding-top: .95em;
    }
    #TunnelMain section.edit_part .creation_cpte {
        padding: 0 0 0 .3em;
    }
    #TunnelMain section.edit_part p.inputFields {
        margin-top: 15px
    }
    #TunnelMain .crea_compte_policy {
        padding-bottom: 10px;
    }
    #TunnelMain section.edit_part .authActions .button {
        max-width: unset;
    }
    #TunnelMain .crea_compte_policy .privacyPolicy #option {
        padding: 1em 0 1.5em 0 !important;
    }
    #TunnelMain .crea_compte_policy .authActions {
        margin-top: 0;
        margin-bottom: 5px !important;
    }
    #TunnelMain select {
        background-size: 2em auto;
    }
    #paymentdueType select {
        width: 100%;
    }
    .option_resa #PaymentBlock {
        margin: .2em .2em .2em 0;
        padding-top: 1.1em;
    }
    .option_resa footer{
        display: none;
    }
    .paiement #TunnelMain aside section{
        margin-bottom:0;
    }
    div#main-contener.paiement {
        margin-bottom: -20px;
    }
    #PaymentBlock .CB_Block {
        width: 100%;
    }
    .intit_payment {
        width: 100%;
        padding: 0 0 1em 0;
    }
    body#confirmation article.fullwidth {
        width: 98%;
        margin: 110px 0 0;
        padding: .3em 0 0 .5em;
    }
    .confirmBlockResaText_2, #TunnelMain .confirmBlockResaText {
        width: 99%;
        text-align: left;
    }
    body#confirmation .option_resa section fieldset {
        margin-left: 0;
    }
    body#confirmation .confirmBlockResaImg img {
        width: 99%;
    }
    section.decript_confirm{
        margin: 0 .3em 0 .2em;
    }
    #TunnelMain .participantsfield p.inputFields.grid_2 select {
        width: 100%;
    }
    #TunnelMain .participantsfield .container_12 {
        display: inline-block;
    }
    #TunnelMain .participantsfield p.inputFields.grid_2 select {
        width: 100% !important;
    }
    #TunnelMain .participantsfield .container_12 .grid_2 {
        width: 100%;
    }

    #TunnelMain .participantsfield .container_12 .grid_3 {
        width: 100%;
    }
    #TunnelMain .participantsfield .container_12 .grid_2 + .grid_3 {
        margin-left: 0; padding-top: 10px;
    }
    #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {
        margin-left: 0; padding-top: 10px;
    }
    #TunnelMain .participantsfield .container_12 .grid_1 {
        width: 31%;
    }
    #TunnelMain .participantsfield .container_12 .grid_3 + .grid_1 {
        margin-left: 0; padding-top: 10px;
    }
    #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {
        margin-left: .5%; padding-top: 10px;
    }
    #TunnelMain .participantsfield .inputFields.grid_1.deleteBlock {
        width: 6%; padding-top: 10px;
    }
    #TunnelMain .container_12 .grid_9 {
        width: 73%;
    }
    #TunnelMain .container_12 .grid_10 {
        width: 81.333%;
    }
    #TunnelMain .participantsfield .container_12 .grid_1.deleteBlock {
        font-size: 1.5em;
        margin-top: 5px;
    }
    body#confirmation article.fullwidth p.actions{
        padding: 0 0 1em;
        text-align: center;
        width: 100%;
    }
    body#confirmation article.fullwidth p.actions .button {
        margin: 0 2px;
    }
    body#confirmation {
        background: #FFFFFF;
    }
    #TunnelMain .participantsfield .container_12 .grid_2 + .grid_3, body#confirmation .participantsfield .container_12 .grid_3 + .grid_3 {
        margin-left: 0;
        width: 100%;
    }
    #TunnelMain  .participantsfield .container_12 .grid_3 + .grid_3 {
        width: 100%;
    }
    #TunnelMain  .participantsfield .container_12 .grid_3 + .grid_1 {
        width: 30%;
        margin-left: 0;
    }
    #TunnelMain  .participantsfield .container_12 .grid_1 + .grid_1{
        width: 30%;
        margin-left: 1%;
    }
    #TunnelMain .txt_assur {
        padding: 0 1.2em 1.2em;
    }
    body#opt_res #TunnelMain aside {
        margin-bottom: 20px;
    }
    .reservationSummary .productListSumm span.label {
        padding-bottom: 0;
    }
    #lgd_frst{
        display: none;
    }
    #TunnelMain fieldset#fieldset_login.grid_6{
        padding-top: 0;
    }
    .OccupantList input[type="radio"] + label {
        width: 100%;
        font-size: 1em;
    }
    .ajout_occ {
        clear: both;
        padding-top: 1em;
        padding-right: 1em;
        margin-bottom: 1.5em;
    }
    .ajout_occ p.inputFields{
        margin-top: .5em;
    }
    .ajout_occ input.control_date {
        max-width: 10em !important;
    }
    .lst_nameF{
        width: 50%;
        margin: .1em 0;
    }
    .fst_nameF{
        width: 49%;
        margin: .1em 1% .1em 0;
    }
    body#opt_res .PartnerCNASOccuBlock .birthdayBlock {
        float: left;
        width: 50%;
        margin: .1em 0 .2em 0;
    }
    body#opt_res input.control_date {
        max-width: 7em !important;
    }
    .auth_part {
        padding-top:90px;
        padding-bottom: 1.5em;
    }
    .auth_part input[type="text"], .auth_part input[type="password"] {
        width: auto;
    }
    .configurateur .proposal .proposalDescription {
        padding: 10px 0;
    }
    .option_resa .auth_part form {
        margin-bottom: 0;
    }
    .auth_part p.actions {
        padding: 0 0.6em;
    }
    .ui-dialog.ui-widget.ui-widget-content-dialog.ui-corner-all.ui-draggable.ui-resizable {
        position: fixed !important;
        width: calc(100% - 6em) !important;
        top: 300px !important;
        left: 3em !important;
    }
    .customer-area.fci .head_second {
    padding-bottom: 0;
    position: unset;
	}
	.customer-area.fci section.edit_occ_2 {
    padding: 20px 20px 0 20px !important;
    }
	.customer-area.fci .prod_bl_list {
    margin: 10px 0;
    padding: 0 10px;
    }
    .customer-area.fci .supp_bl_list {
    margin: 10px 0 0;
    }
    .customer-area.fci .supp_bl_list .ProductBlock {
    padding: 8px 18px;
	}
	.customer-area.fci .paymentcheck {
    padding: 0 .6em 1.25em .6em;
    }
    .customer-area.fci #TunnelMain header nav ul {
    width: 100%;
    max-width: unset;
    }
    .customer-area.fci #TunnelMain header nav ul li{
    width: 24%;
    }
    .customer-area.fci .inputFields.grid_1.participant_picto {
    display: none;
    }
    .customer-area.fci .inputFields.grid_2.paricipant_civilite {
    width: 100% !important;
    }
    .customer-area.fci .inputFields.grid_3.participant_date_naissance {
    width: 100% !important;
    }
    .customer-area.fci #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {
    width: 100% !important;
    }
    .customer-area.fci #TunnelMain .participantsfield .container_12 .grid_2 + .grid_3 {
    width: 100% !important;
    }
    .customer-area.fci #occ__ {
    padding: 0 0 10px;
    }
    .customer-area.fci section.edit_occ_2 fieldset legend {
    margin-bottom: 20px;
    }
    .customer-area.fci .inputFields.grid_4 {
    margin-bottom: 5px !important;
    }   
    .txt_home {line-height: 1.25em;}
    .tab_home-id-cell-1 {width: 100%;display: block;padding-top: 20px;}
    .tab_home-id-cell-2 {width: 100%;display: block;}
}

@media (max-width : 580px){
    #ConfigurateurMain header nav ul li, #TunnelMain header nav ul li{
        font-size: 1.1em;
    }
    #TunnelMain section.edit_part {
        padding-top: .75em;
    }
    .boutons_paiement .button {
        padding: 10px;
    }
    .customer-area.fci .paymentcheck div.label:not(.productWithMoreQuantity) label {
    line-height: 1.75em;
	}
}
@media (max-width : 515px){
	.customer-area.fci .paymentcheck div.label:not(.productWithMoreQuantity) label::before {
	top: 25%;
	}
}
@media (max-width : 480px){
    #ConfigurateurMain header nav ul li, #TunnelMain header nav ul li{
        font-size: 1em;
    }
    body#confirmation #etabImg {
        object-position: 0;
    }
    section.card_savr h1 {
        font-size: 24px;
    }
}
@media (max-width : 425px) {
    #ConfigurateurMain header nav ul li, #TunnelMain header nav ul li {
        font-size: 0.8em;
    }

    .configurateur p.logo a, .option_resa p.logo a {
        background-position: 50%;
        background-size: 10em auto;
    }

    .configurateur p.otherLinks, .option_resa p.otherLinks {
        padding: 15px 15px 0 0;
    }

    .configurateur .proposal.checked .proposalPriceAndQuantity, .option_resa .proposal.checked .proposalPriceAndQuantity {
        padding: 15px 0;
    }

    .sep_tarifs {
        width: 45%;
        text-align: center;
    }

    .sep_tarifs_2 {
        width: 23%;
        text-align: center;
    }

    .sep_tarifs_3 {
        width: 32%;
        text-align: center;
    }

    .otherLinks .esp_cl_resp .button {
        width: 25px;
        height: 25px;
    }

    .esp_cl_resp {
        width: 25px;
        height: 25px;
        background-size: 25px
    }

    #TunnelMain section.edit_part {
        padding-top: .5em;
    }

    #PaymentBlock .CB_Block {
        width: 100%;
    }

    .carte_choix {
        width: 19%;
    }

    #PaymentBlock .carte_choix input[type="radio"] + label {
        height: 60px;
        background-size: 70%;
    }

    #PaymentBlock .carte_choix input[type="radio"] + label::before {
        margin-top: 37px;
    }

    #PaymentBlock select {
        background-size: 1.4em auto;
    }

    #PaymentBlock select#ccard_exp_month, #PaymentBlock select#ccard_exp_year {
        width: 45% !important;
    }

    body#confirmation .confirmBlockResaImg img {
        width: 100%;
    }

    body#confirmation article.fullwidth {
        width: 97%;
        margin: 110px 0 0;
        padding: .3em 0 0 .4em;
    }

    #TunnelMain .container_12 .grid_10 {
        width: 76.5%;
    }

    #TunnelMain .container_12 .grid_2 {
        width: 18%;
    }

    #TunnelMain .container_12 .grid_9 {
        width: 63%;
    }

    #TunnelMain .container_12 .grid_3 {
        width: 32%;
    }

    #TunnelMain .participantsfield .container_12 .grid_1 {
        width: 30%;
    }

    #TunnelMain .participantsfield .container_12 .grid_3 + .grid_1, #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {
        width: 29%;
    }

    body#confirmation article.fullwidth p.actions .button {
        min-width: 125px;
    }

    #TunnelMain .crea_compte_policy .authActions {
        margin-top: 20px;
    }

    #TunnelMain .crea_compte_policy .id_retour .privacyPolicy {
        margin-top: 0;
        padding: 0 1.7em 0 .8em;
    }

    #TunnelMain .crea_compte_policy .id_retour #privacyPolicy2 {
        margin-bottom: 2em;
    }

    body.customer-area-paiement .cadre_tab {
        width: 89vw;
    }

    .card_savr {
        margin: 0 .4em;
    }
    .date_pick{
        width: 90%;
    }
    .configurateur .monthCalendar {
        top: -20.7em;
        right:0 !important;
        left: -22px;
    }
    
    #PaymentBlock .gift_code_block .container_12 .inlineContent > * {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width : 400px){
	.customer-area.fci section.edit_occ_2 {
		padding: 20px !important;
	}
	.customer-area.fci section#PaymentBlock{
		padding: 0.6em 0 30px;
	}
	.configurateur .monthCalendar {
	left: -34px;
    }
}
@media (max-width : 340px){
	.configurateur .monthCalendar {
	left: -61px;
    }
    #ConfigurateurMain header nav ul li, #TunnelMain header nav ul li{
        font-size: 0.75em;
    }
    .sep_tarifs{
        padding-right:5px
    }
    #ConfigurateurMain .head_second .tunnelAreaMenu, #TunnelMain .head_second .tunnelAreaMenu {
        width: 98%;
    }
    #ConfigurateurMain article, #TunnelMain article {
        padding-left: 0.2em;
        padding-right: 0.4em;
    }
    #ConfigurateurMain aside {
        padding: 0.7em.2em 0 .3em;
    }
    #TunnelMain aside {
        padding: .7em .2em 0 .3em;
    }
    .fd_cont-resp {
        padding: 0 .2em 0 .3em;
    }
    #TunnelMain section.edit_part {
        padding-top: .4em;
    }
    #TunnelMain aside section {
        margin-top: 0;
    }
    .boutons_paiement .button {
        min-width: 188px;
    }
    #PaymentBlock select {
        background-size: 1.1em auto;
    }

}

/******

Evolution page paiement

******/

#paymentdueType .legend_options {
  font-size: initial;
}
section.boutons_paiement {
  display: none;
}
.carte_choix {
  width: 25%;
}
.ccard_type_4 {
  display: none;
}
#paymentdueType select {
  margin: 20px 20px 10px;
}
.nom_payment {
  padding-left: 3px;
}
a.valid_cheque {
  text-decoration: underline;
  color: #2591d1;
  margin-left: 0.75em !important;
}
a.valid_cheque:hover {
  text-decoration: none;
}
.accept .label {
  padding-top: 30px;
}
#PaymentBlock .paiement_carte .button {
  margin-top: 0;
}

@media (max-width : 55rem){
    section.boutons_paiement {
        display: none !important;
    }
}
@media (max-width: 640px){
    #paymentdueType select {
  		width: 75%;
  		margin: 20px auto;
  		display: block;
    }
    a.valid_cheque {
    margin-left: 0 !important;
    display: block;
    text-align: center;
    margin-top: 15px;
    }
    section.boutons_paiement {
  		display: none !important;
  		}
}



/******

Ajout refonte

******/
.button:hover{
	box-shadow: none;
}
.button.SeeMore {
  border: 1px solid #0000AE;
  color: #0000AE;
  min-width:unset;
  margin-top: 20px;
  text-transform: capitalize;
  border-radius: 25px;
  font-family: 'Lexend Mega', sans-serif;
  font-size: 15px;
  line-height: 26px;
  padding: 10px 25px;
  width: unset;
}

.read-more-state {display: none;}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;

}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  content: 'Voir plus';
  width: 120px;
  background-image: url("/customer_html/hermes/images/vplus.png");
  background-position: right 27px center;
  display: inline-block;
  background-repeat: no-repeat;
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Voir moins';
}
.read-more-state ~ .read-more-trigger.read-more-trigger2::before {
  content: 'Voir moins';
  width: 120px;
  background-image: url("/customer_html/hermes/images/vmoins.png");
  background-position: right 15px bottom 50%;
  display: inline-block;
  background-repeat: no-repeat;
}
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 2px 1em 0 36px;
  color: #125FFF;
  font-size: .85em;
  line-height: 2;
}
label.read-more-trigger {
  position: relative;
  z-index: 0;
}

.read-more-state-open {display: none;}
.read-more-target-open {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}
.read-more-state-open:checked ~ .read-more-wrap .read-more-target-open {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .25s ease;
}

.read-more-trigger-open {
	cursor: pointer;
	display: inline-block;
	padding: 1em 1em 1em 2.5em;
	color: #125FFF;
	font-size: .9em;
	line-height: 2;
}
#opt_res label.read-more-trigger-open::before {
	background: none ;
	width: auto;
	cursor: pointer;
	display: inline-block;
	padding: 1em 1em 1em 2.5em;
	color: #125FFF;
	font-size: 1em;
	line-height: 2;
}
label.read-more-trigge-open::before {
  background-image: none !important;
}
.read-more-state-open ~ .read-more-trigger-open:before {
	content: 'Voir moins' !important;
	width: 120px !important;
	background-image: url("/customer_html/hermes/images/vmoins.png") !important;
	background-position: right 15px bottom 50% !important;
	display: inline-block !important;
	background-repeat: no-repeat !important;
	height: unset !important;
}
.products li.checked div.label label:not(:first-child)::before {
  width: 120px !important;
  background-image: url("/customer_html/hermes/images/vmoins.png") !important;
  background-position: right 15px bottom 50% !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  height: unset !important;
}

.products li.checked div.label label.read-more-trigger-open.read-more-trigger-open2:not(:first-child)::before{
	width: 120px !important;
  background-image: url("/customer_html/hermes/images/vplus.png") !important;
  background-position: right 15px bottom 50% !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  height: unset !important;
}
.read-more-state-open:checked ~ .read-more-trigger-open:before {
	content: 'Voir plus' !important;
	width: 120px !important;
	background-image: url("/customer_html/hermes/images/vplus.png") !important;
	background-position: right 27px center !important;
	display: inline-block !important;
	background-repeat: no-repeat !important;
	height: unset !important;
}

.read-more-state-open ~ .read-more-trigger-open.read-more-trigger-open2::before {
	content: 'Voir plus';
}
.productCategory.GLOB .sav_plus {
	display: none;
}

.cadre_option strike {
	font-weight: 100 !important;
	color: #000 !important;
	font-size: 0.9em;
}
.cadre_option strong.discount {
	color: inherit;
}
.option_resa .products .label {
	width: fit-content;
}
.option_resa .products .price {
	width: auto;
}
.txt_descrip_none{display:none}

.sticky-paid{
	height: 75px;
	background: #fff;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
.paiement_carte.tst {
  position: absolute;
  right: 30px;
}
.TotalBlockBottom.stk{
	display:block !important;
}
.option_resa.template_tunnel.auth .TotalBlockBottom.stk.resp, .option_resa.template_tunnel.auth .TotalBlockBottom.stk{
	display:none !important;
}
#main-contener.paiement .TotalBlockBottom.stk{
	display:none !important;
}
.TotalBlockBottom.stk{
  position: fixed;
  bottom: 0;
  left:0;
  width:100%;
  max-height: 65px;
  padding-top: 10px;
}
.proposalList input[type="radio"]:checked + label {
  background: none;
  padding: 0 10px 0;
  border: none;
  width: unset;
}
.proposalList + label {
  width: 100% !important;
}
ul.proposalList .price {
  float: right;
  font-weight: 700;
  margin-right: 30px;
  width: max-content;
}
ul.proposalList label {
  width: unset;
}

/******

Evolution page paiement

******/

#paymentdueType .legend_options {
  font-size: initial;
}
section.boutons_paiement {
  display: none;
}
.carte_choix {
  width: 25%;
}
.ccard_type_4 {
  display: none;
}
#paymentdueType select {
  margin: 20px 20px 10px;
}
.nom_payment {
  padding-left: 3px;
}
a.valid_cheque {
  text-decoration: underline;
  color: #2591d1;
  margin-left: 0.75em !important;
}
a.valid_cheque:hover {
  text-decoration: none;
}
.accept .label {
  padding-top: 30px;
}
#PaymentBlock .paiement_carte .button {
  margin-top: 0;
}

@media (max-width : 55rem){
    section.boutons_paiement {
        display: none !important;
    }
}
@media (max-width: 640px){
    #paymentdueType select {
  		width: 75%;
  		margin: 20px auto;
  		display: block;
    }
    a.valid_cheque {
    margin-left: 0 !important;
    display: block;
    text-align: center;
    margin-top: 15px;
    }
    section.boutons_paiement {
  		display: none !important;
  		}
}

/******

Evolution tunnel reservation 2022

******/

@import url('https://fonts.googleapis.com/css2?family=Lexend+Mega:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz@9..144&family=Lexend+Mega:wght@300&display=swap');

body{font-family: 'Lexend Mega', sans-serif;}

a {color: #125FFF;}
 a:active, a:hover {color: #125FFF;}
.but_document .button a:active, a:hover {color: #125FFF;}

#ConfigurateurMain header nav ul, #TunnelMain header nav ul {
  max-width: 560px;
}
nav ul.tunnelAreaMenu li {
  width: unset;
  margin-right: 4px;
  display: inline-block !important;
}
.tunnelAreaMenu li.on {
	background-color: #0000AE;
	color:#fff;
}
.tunnelAreaMenu li.on a {
	color: #fff;
}
#ConfigurateurMain header nav ul li, #TunnelMain header nav ul li {
	color: #0000AE;
	text-transform: inherit;
	font-size: 14px;
}
.tunnelAreaMenu li {
	padding: 12px 18px;
	border: solid #0000AE 1px;
	height: unset;
	background: #fff;
	line-height: 1em;
	border-radius: .2em;
}
.tunnelAreaMenu li a {
	color:#0000AE;
	text-transform: capitalize;
}

.configurateur p.logo, .option_resa.template_tunnel p.logo {
	text-align: center;
}
.configurateur p.logo a, .option_resa.template_tunnel p.logo a, .customer-area p.logo a, .option_resa.confirmation.tunnel.sd p.logo a {
	background-image: url(logo_VB_Vertical_blc.png);
	min-height: 130px;
	line-height: 5em;
	padding-left: 18em;
	background-size: 18em;
}
.customer-area p.logo a{background-position: 50%;}

.configurateur p.logo a:hover, .option_resa.template_tunnel p.logo a:hover, .option_resa.confirmation.tunnel.sd p.logo a:hover{
	background-image: url(../images/logo_VB_Vertical_blc.png);
}
.configurateur fieldset legend, .option_resa.template_tunnel #TunnelMain .accordion .occupantFields div{
	color: #0000AE;
	font-size: 15px;
	font-weight: 600;
	margin: 40px 0 -10px 50px;
	padding: 0 0 0 60px;
	background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
	background-position: 0 6px;
}

.option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {
	margin: 0 0 -10px 0;
	text-transform: uppercase;
}





.configurateur .proposal h4 {
  background-color: #fff;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  font-family: 'Lexend Mega', sans-serif;
}
.configurateur .proposal h4 label {
  font-weight: 700;
}
.configurateur .proposal.checked {
  border: none;
}
.configurateur .proposal.checked .proposalPriceAndQuantity, .configurateur .proposalPriceAndQuantity {
  background-color: #0000AE !important;
  margin-top: 10px !important;
}
.configurateur .proposal .proposalPriceAndQuantity .price .duration, .configurateur .proposal .proposalPriceAndQuantity .price {
  color: #fff;
}
.proposalList input[type="radio"] + label {
  font-weight: 500;
}
aside {
	background-color: #fff;
	border: 1px solid #C4C4C4;
}

.configurateur aside fieldset{
	background-color: #fff;
}
.prod_bl_list {
  background: #fff;
  padding-top: 10px;
  /* padding-bottom: 1em; */
  border-top: 1px solid #D5D5D5;
}
.reservationSummary .DateBlock_OccupantBlock, .reservationSummary .ProductBlock {
	background: #fff;
	border: none;
}
.act_but {
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.act_but a {
	display: initial;
	background: none;
	color: #0E6BF5;
	border-bottom: 1px solid #0E6BF5;
	width: auto !important;
	padding: 5px 2px;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif !important;
	font-size: 0.9em;
}
.act_but a:hover {
	background: none;
	color: #0E6BF5;
	border-bottom: 1px solid #0E6BF5;
	box-shadow: none;
}
.configurateur.template_tunnel .act_but.modif{
	display:none
}
.reservationSummary h3 {
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	margin-top: 0;
}
.supp_bl_list {
	padding-top: 10px;
	border-top: 1px solid #D5D5D5;
	padding-bottom: 20px;
}
.reservationSummary .productListSumm .DistributionSummary {
	font-weight: normal;
}
aside .container_12 .grid_6 {
	width: 100%;
}
aside.reservationSummary h4#title_etab_city_and_location {
	font-size: 20px;
	color: #0000AE;
	font-family: 'Lexend Mega', sans-serif;
	line-height: 1em !important;
	padding: 28px 0 0;
}
.infos_etablissement {
	font-size: 20px;
	color: #0000AE;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: bold;
}

.nom_etablissement {
	font-size: 17px;
	padding-top: 5px;
}

aside .container_12 .grid_6, aside fieldset .container_12 .grid_12 {
	padding: 5px 0;
}

input#search_form_start_date2 {
	width: 48%;
	padding-left: 0;
	color: #0E6BF5;
	background: none;
	text-align:right;
}

input#search_form_end_date2 {
	width: 50%;
	background-image: url(picto_calendar.png);
	background-position:   right 10px bottom 50%;
	background-repeat: no-repeat;
	padding-left: 0;
	cursor: pointer;
	display: inline-block;
	color: #0E6BF5;
}
aside .arr_dep .inputFields input[type="text"] {
	font-size: 14px;
	color: #0E6BF5;
	font-family: 'Lexend Mega', sans-serif;
}
select{
	background-image: url(picto-menu-deroulant.jpg);
	background-size: 1em auto;
	background-position: right 20px bottom 50%;
}
footer .mentions {
	display: none;
}
.reservationSummary .TotalBlockBottom {
	background: #0000AE;
	margin-top: 20px;
}
.reservationSummary .TotalBlockBottom.stk {
	position: fixed;
	width: 100%;
	background:none;
	padding: 0;
	text-align: right;
	z-index: +1;
}
.Maintotal {
	font-weight: 200 !important;
	color: #fff;
	font-family: 'Lexend Mega', sans-serif;
	font-size: 13px !important;
	padding: 10px 20px !important;
	margin: 0 !important;
	line-height: 14px;
}
.TotalBlockBottom span.price {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 19px;
	line-height: 14px;
}
.TotalBlockBottom.stk .Maintotal {
	font-weight: 400 !important;
	color: #0000AE !important;
	font-family: 'Lexend Mega', sans-serif;
	font-size: 14px !important;
	line-height: 14px;
	position: fixed;
	width: calc(100% - 320px);
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
	left: 0;
	padding: 25px 30px !important;
}
.TotalBlockBottom.stk span.price {
	color: #0000AE !important;
	line-height: 14px;
	margin-left: 15px;
}
.fd_cont-resp .button_default_block {
	background: #fff;
}
.fd_cont-resp .button.default.fullWidth {
	background-color: #FF9422;
	text-transform: capitalize;
	font-family: 'Lexend Mega', sans-serif;
	width: fit-content !important;
	border-radius: 50px;
	gap: 10px;
	display: flex;
	min-height: 41px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: lighter;
	padding: 13px 15px !important;
}
.button_default_block:hover {
	border: none;
	box-shadow: none;
}
.fd_cont-resp.stk .button_default_block {
	margin-top: 0;
}
.fd_cont-resp.stk {
	position: fixed;
	background: #fff;
	bottom: 0;
	left:0;
	width: 100%;
	display: flex;
	justify-content: right;
	padding:10px 50px 10px 20px;;
}
.arr_dep .champs_dates {
	width: 100%;
	border-radius: 0;
	border: 1px solid #C4C4C4;
 }
 .dates_ins {
 	width: 100%;
 	min-height: 50px;
 	display: flex;
}
aside input[type="text"], aside select {
	border: 1px solid #c4c4c4;
	border-radius: 0 !important;
	min-height: 50px;
}
input[type="text"], input[type="password"], select {
	color: #000;
}
#selected_nb_adults {
	display: flex;
	max-height: 50px;
}
.inputFields select {
	padding: 0.5em 1em;
	font-size: 13px;
	font-weight: 500;
	line-height: 35px;
	font-family: 'Lexend Mega', sans-serif;
}
.bandeau_bas, .bandeau_bas_resp {
	background: #2ABFE4;
}
.bandeau_titre {
	padding: 35px 0 30px;
	text-align: center;
	font-size: 32px;
	line-height: 28px;
	font-family: 'Fraunces', serif;
	font-weight: 600;
	color: #DAE74C;
}
.bandeau_pictos {
	text-align: center;
	display: table;
	margin: 10px auto;
}
.txt_remise, .txt_secure, .txt_annul, .txt_sansfrais {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	display: table-cell;
	padding-top: 9px;
}
.txt_remise{
	max-width: 110px;
}
.txt_secure{
	max-width: 90px;
}
.txt_annul{
	max-width: 100px;
}
.txt_sansfrais{
	max-width: 85px;
}
.bandeau_cartes{
	text-align: center;
	padding: 20px 0 15px;
}
.arr_dep input:focus{
	outline: none;
}
.pas-dispo {
	color: #EB4B55;
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #EB4B55;
	background-color: rgba(235, 75, 85, 0.1);
	background-image: url(/customer_html/hermes/images/bkg-alert.png);
	background-repeat: no-repeat;
}
aside .container_12 .grid_6, aside fieldset .container_12 .grid_12 {
	padding-top: 15px;
}

#search_form_child_birthdate_1, #search_form_child_birthdate_3, #search_form_child_birthdate_5, #search_form_child_birthdate_7 {
	width: 96% !important;
}
span.icon-delete {
	display: none !important;
}
.totalDiscount span.price {
	display: none;
}
.proposal .proposalPriceAndQuantity .price .promo {
  color: #fff !important;
}
#please_wait_layer {
	background-color: rgba(0, 0, 0, 0.6) !important;
	backdrop-filter: blur(20px);
}
#please_wait_layer_content {
	border: none;
	background-color: #FFF;
	padding: 60px 30px 60px;
	color: #0E6BF5;
	margin-top: 100px;
}
#show_message_box-button-ok {
	background-color: #0E6BF5;
	text-transform: lowercase;
}
button, input, optgroup, select, textarea {
	font-family: 'Lexend Mega', sans-serif;
	text-rendering: optimizelegibility;
}
show_message_box-button-ok {
	padding: 0.4em 0.6em;
	border: none;
	background-color: #0E6BF5;
	border-radius: 50px;
	min-width: 100px;
	text-transform: lowercase;
}
.designed-button {
	color: #FFF;
	background-color: #0E6BF5;
	padding: 0.4em 0.6em;
	font-weight: normal;
	border: 1px solid #0E6BF5;
	text-align: center;
}
.modal-alert-content {
  padding: 30px 20px 20px;
}
#dialog1 {
  min-height: unset !important;
  color: #000;
  text-align: center;
}
.ui-dialog-buttonset {
  padding-right: 0;
  float: none;
  margin: 0 auto 20px;
  text-align: center;
}
#show_message_box-button-ok {
	background-color: #0E6BF5;
		padding: 0.4em 0.6em;
	border: none;
	background-color: #0E6BF5;
	border-radius: 50px;
	min-width: 100px;
	text-transform: capitalize;;
}
button, input, optgroup, select, textarea {
	font-family: 'Lexend Mega', sans-serif;
	text-rendering: optimizelegibility;
}
.designed-button {
	color: #FFF;
	background-color: #0E6BF5;
	padding: 0.4em 0.6em;
	font-weight: normal;
	border: 1px solid #0E6BF5;
	text-align: center;
}
.ui-widget-content-dialog:not(.ui-dialog-buttons) {
	background-color: #fff;
	box-shadow: rgba(0,0,0,.15) 1px 1px 2px 2px;
	border-radius: 2px;
	padding: 0 0 8px;
	margin: 0 auto !important;
	left: auto !important;
}
.modal-alert-content, #box_dialog_error_text {
	padding: 30px 20px 20px;
}
.configurateur #box_dialog_error .button.default, .template_tunnel #box_dialog_error .button.default,  #box_dialog_error .button.default{
	padding: 0.8em 0.4em;
	border: none;
	background-color: #0E6BF5;
	border-radius: 50px;
	min-width: 100px;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: lighter;
	max-width: 100px;
}
#dialog1 {
	min-height: unset !important;
	color: #000;
	text-align: center;
}
.ui-dialog-buttonset {
	padding-right: 0;
	float: none;
	margin: 0 auto 20px;
	text-align: center;
}
.template_tunnel .reservationSummary .productListSumm, .reservationSummary .DateBlock_OccupantBlock {
	margin: 2% 0;
	padding-top:0;
}
.template_tunnel .recap_dates {
  margin: 0;
  padding-bottom: 3px;
}
.recap_dates:first-child {
  padding-top: 25px;
}
.recap_dates:not(:first-child){
	padding-bottom: 25px;
}
.reservationSummary .DateBlock_OccupantBlock {
  padding: 0;
  border-top: 1px solid #D5D5D5;
  margin-top: 25px;
}
.pers_occ {
	border-top: 1px solid #D5D5D5;
	padding-bottom: 20px;
}
.nb_enf, .nb_adult {
	font-weight: normal;
	font-size: 0.9em;
	-moz-osx-font-smoothing: grayscale;
	color: #3b3c37;
	text-transform: capitalize;
}
.nb_adult {
	padding-top: 25px;
}
.nb_enf {
  padding-top: 3px;
}
.monthCalendar {color: #000;}
.monthCalendar td.CurrentStartDate, .monthCalendar td.CurrentEndDate {background-color: #0000AE; color: #FFF;}
.monthCalendar td.CurrentStayDate {background-color: #125FFF;}
.monthCalendar td.CurrentEndDate:hover {background-color: #51B0E8; color: #FFF;}
.monthCalendar td.CurrentEndDate:hove, .monthCalendar td.CurrentStartDate:hover {background-color: #2ABFE4;}
.monthCalendar td:hover {background-color: #0000AE; color: #FFF;}
.ui-datepicker-next::before {color: #0000AE;}
.ui-datepicker-prev::before {color: #0000AE;}
.monthCalendar td.CurrentStayDate a {color: #fff;}

.configurateur .proposal .proposalIcone {width: 51%;}
.configurateur .order_descr {width: 49%;}
.configurateur .proposal.checked .proposalPriceAndQuantity, .configurateur .proposal .proposalPriceAndQuantity {max-width: 230px;margin: 0 auto;}
.configurateur .proposal .proposalDescription {max-width: 230px;margin: 0 auto;}
.configurateur .proposal.checked, .configurateur .proposal {padding: 5px 0 0 38px;margin-bottom: 0; }
.configurateur .proposal h4 {padding: 6px 0 0;}
.template_tunnel  .sep_tarifs_2, .sep_tarifs_3 {display: initial;}
.template_tunnel sep_tarifs_2 {margin-right: 10px !important;}
.template_tunnel  .sep_tarifs_3 {margin-left: 10px;}
.template_tunnel strike {font-weight: 100 !important;color: #000;font-size: 0.9em;line-height: 1.4em;}
.template_tunnel .proposalIcoAndDesc strike {color: #fff;font-size: 0.8em;}

.read-more-target p {font-size: 13px;margin: 8px 0.6em 12px 36px;line-height: 1.3em;}

ul.proposalList li:first-child {padding-bottom: 10px;padding-top: 10px;}
.proposalList li:not(:first-child):not(.baseWebDescription) {padding-bottom: 6px;}
.template_tunnel #vbHebBlock {padding-bottom: 60px;}

.configurateur .proposal .proposalPriceAndQuantity .price .duration {font-weight: lighter;}
.configurateur .proposal .proposalPriceAndQuantity {padding: 17px 15px;}

.template_tunnel p.otherLinks {display: none;}

.configurateur.template_tunnel fieldset.formule .proposalList input[type="radio"] + label, .option_resa.template_tunnel fieldset.formule .proposalList input[type="radio"] + label {
  max-height: 24px;
}
.vp {padding-left: 45px;}

.option_resa.template_tunnel fieldset.productCategory {
  margin-bottom: 30px !important;
}
.configurateur.template_tunnel section fieldset, .option_resa.template_tunnel section fieldset {
  width: 100%;
}

.template_tunnel .price.sep_tarifs_2 {margin-right: 15px !important;
}
.template_tunnel span#proposalListmob {width: 100%;}
.lab_prod {display: inline-table;}

div.read-more-target-open {padding-left: 35px;}
div.read-more-target-open p {font-size: 13px !important; font-family: 'Lexend Mega', sans-serif !important; line-height: 1.3em !important;}
div.pfp {background-image: url("https://www.vacancesbleues.fr/sites/default/files/fdpauvres.jpg"); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 53px;}
.act_but.modif {padding-top: 30px;padding-bottom: 0;margin-bottom: 5px;}

span.totalPriceInitial .price {
	font-weight: 100 !important;
	color: #000 !important;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-right: 10px;
}
.esp_tot {
	display: flex;
	width: 100%;
	/* float: right; */
}
.esp_tot .Alttotal {
	line-height: 0.6em !important;
}
.ProductBlock .productListSumm .esp_tot{
	/* border-bottom: 1px solid #D5D5D5; */
	padding-bottom:1em;
}
.img_wait {
	padding-bottom: 12px;
}


.option_resa .productCategory.DON .products li div.label:not(.productWithMoreQuantity) label:first-child::before {
	background-image: none !important;
	cursor: initial;
	width: unset;
	height: unset;
}
.option_resa .productCategory.DON .products li div.label:not(.productWithMoreQuantity) label {
	cursor: initial;
	padding-left: 35x;
}
.option_resa .productCategory.DON .checkbox {
	position: relative;
	padding-left: 0;
	margin-left: -27px;
	z-index: 2;
	top: 31px;
	width: 45px;
	float: unset;
}
.option_resa .productCategory.DON .products .checkbox select {
	margin-top: 0;
	padding: 2px 0 0 2px;
	height: 20px;
	font-size: 12px;
	border: #0000AE 1px solid;
	border-radius: 3px;
	color: #0000AE;
}
.option_resa .productCategory.DON .products .price {
	margin-top: 12px;
}

.option_resa .productCategory.DON select {
	background-image: url(picto-menu-deroulant.jpg);
	background-size: 1em auto !important;
	background-position: right 5px bottom 50%;
}
.template_tunnel .proposal input[type="radio"] + label::before, .proposalList input[type="radio"] + label::before, .insuranceblock input[type="radio"] + label::before {
	background: url("/customer_html/hermes/images/rectangle_option.png");
	background-repeat: no-repeat;
	background-size: unset;
	margin-right: 0.3em;
}
.option_resa.template_tunnel .productCategory.GLOB ul.products{margin-bottom: 0 !important;margin-top: -10px!important;}

.template_tunnel .proposal input[type="radio"]:checked + label::before, .proposalList input[type="radio"]:checked + label::before, .insuranceblock input[type="radio"]:checked + label::before {
	background: url("/customer_html/hermes/images/rectangle_option-checked.png") !important;
	background-repeat: no-repeat !important;
}
.template_tunnel .ajout_part {
	padding: 12px 0 12px 50px;
	background: #0000AE;
	color: #fff;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	text-transform: capitalize;
}
.template_tunnel .blc-occ {
	border: 1px #0000AE solid;
	padding: 0 10px;
	margin-bottom: 20px;
}
.template_tunnel .blc-occ .inputFields label {
	color: #000;
}

.option_resa.template_tunnel .roomProduct .legend_options, .productCategory.GLOB .legend_options {
	padding: 0 50px 0 120px !important;
	margin-top: 30px;
}
.option_resa.template_tunnel .roomProduct .legend_options.occ {
	background: none !important;
	padding: 30px 50px 0 50px !important;
	margin: 0 !important;
}
.option_resa.template_tunnel #TunnelMain .panel {padding: 0 35px 0 50px;}
.option_resa.template_tunnel #TunnelMain .cat_option {padding: 0;}
.option_resa.template_tunnel #TunnelMain .products li {margin: 15px 0 0;}
.option_resa.template_tunnel .productCategory.DON ul.products, .option_resa.template_tunnel .productCategory.LOGEMENT ul.products, .option_resa.template_tunnel .productCategory.GLOB ul.products {padding: 0 35px 25px 50px;}

.option_resa.template_tunnel .roomProduct .legend_options, .productCategory.GLOB .legend_options, .option_resa.template_tunnel.auth .legend_options {
	color: #0000AE;
	padding: 30px 50px 15px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
	background-position: left 50px center;
}

.option_resa.template_tunnel #TunnelMain .accordion{display: ruby;}

.option_resa.template_tunnel .products .label {max-width: 75%;}
.option_resa.template_tunnel .products .prix_final, .option_resa.template_tunnel .products .prix_barr{float: right;}
.option_resa.template_tunnel .products .prix_barr {margin-right: 25px;}
.option_resa.template_tunnel .products .price{display: flex;}
.option_resa.template_tunnel .productCategory.GLOB .products .price {padding-top: 15px;}

.option_resa.template_tunnel .accordion {margin-bottom: 25px;}
.option_resa.template_tunnel div.read-more-target-open p {margin: 8px 0 0; text-align: left !important;}
.option_resa.template_tunnel .productCategory ul.products {margin-bottom: 30px;}
.option_resa.template_tunnel .products .label {margin: 22px 0 25px;}
.option_resa.template_tunnel .read-more-trigger-open {margin-top: -5px;}
.option_resa.template_tunnel .read-more-trigger-open.read-more-trigger-open2 {margin-top: -15px !important;}
.option_resa.template_tunnel .insuranceblock label {width: fit-content;}
.option_resa.template_tunnel .productCategory.DON .label {margin: 0.5em 0 !important;}
.option_resa.template_tunnel .txt_assur {padding: 0 3.8em 40px 84px !important; max-width: 80%;}
.option_resa.template_tunnel section.globalProduct .productCategory ul.products {margin-bottom: 0;padding-bottom: 10px !important;}
.option_resa.template_tunnel .productCategory.DON li {margin-top: -12px !important;}
.productCategory.DON .read-more-trigger-open.read-more-trigger-open2 {position: relative !important;margin-top: -67px !important;}
.option_resa.template_tunnel .productCategory.DON ul.products {padding-bottom: 0 !important; margin-bottom: 20px !important;}
.option_resa.template_tunnel .productCategory.LOGEMENT ul.products {padding-bottom: 0 !important; margin-bottom: 40px !important;}
.productCategory.DON .read-more-trigger-open{position: relative;margin-top: -27px;} 

.option_resa.template_tunnel #TunnelMain .panel li:last-child {margin-bottom: 40px !important;}
.option_resa.template_tunnel .insuranceblock {padding-top: 15px;}


.option_resa.template_tunnel.auth section.edit_part {
  display: inline-block;
  margin: 0.6em 102px 20px 0 !important;
  padding: 0.6em;
  vertical-align: top;
  max-width: 690px !important;
  padding: 0.6em 0 !important;
  margin-right: 102px !important;
  border: 1px solid #C4C4C4;
  margin-bottom: 20px !important;
}



.option_resa.template_tunnel.auth #lgd_frst {
	line-height: 28px;
	font-family: 'Fraunces', serif;
	font-weight: 600;
	color: #0000AE;
	font-size: 42px !important;
	text-align: center;
	padding: 30px 0 !important;
	background: none;
	text-transform: inherit;
	margin-bottom: 0 !important;
}
.option_resa.template_tunnel.auth .connect_1, .option_resa.template_tunnel.auth .connect_2 {
	width: 100%;
	float: none !important;
	max-width: 490px;
	margin: 0 auto !important;
}
.option_resa.template_tunnel.auth .legend_options  {
	padding: 0 50px 0 60px !important;
	margin-top: 30px;
	background-position: left center !important;
	margin-bottom: 15px;
	margin-left: 0;
}
.option_resa.template_tunnel.auth section.edit_part .connect_1 .button.fullWidth.default, .option_resa.template_tunnel.auth section.edit_part .connect_2 .default{
	background-color: #FF9422;
	text-transform: capitalize;
	font-family: 'Lexend Mega', sans-serif;
	border-radius: 50px;
	min-height: 41px;
	justify-content: center;
	align-items: center;
	font-weight: lighter;
	padding: 13px 15px !important;
	font-size: 14px;
	width: 100%;
}
.option_resa.template_tunnel.auth section.edit_part .default,  .option_resa.template_tunnel.auth section.edit_occ_2 .default{
	max-width: unset;
}
.option_resa.template_tunnel.auth #openPasswordForgotenPopup{
	color: #0000AE;
	text-decoration: underline;
}
.option_resa.template_tunnel.auth input[type="text"], .option_resa.template_tunnel.auth input[type="password"], .option_resa.template_tunnel.auth select {
	color: #999;
	padding: 20px;
	font-size: 15px !important;
}



.option_resa.template_tunnel.auth #TunnelMain .connect_1 input[type="text"], .option_resa.template_tunnel.auth #TunnelMain .connect_1 input[type="password"], .option_resa.template_tunnel.auth #TunnelMain .connect_2 input[type="text"], .option_resa.template_tunnel.auth #TunnelMain .connect_2 input[type="password"] {
	background-image: none !important;
}
.option_resa.template_tunnel.auth #TunnelMain .connect_1 input[type="text"] {
	margin-bottom: 10px;
}
.option_resa.template_tunnel.auth a.button.fullWidth.default:hover {
	color: #fff !important;
}
.option_resa.template_tunnel.auth .connect_1 .field.grid_12 {
	margin-bottom: 0 !important;
}
.option_resa.template_tunnel.auth  p.inputFields.autoAdjust.small {
	padding: 0;
	margin: 10px 0 20px;
}
.option_resa.template_tunnel.authsection.edit_part .connect_1 .default {
	margin: 0 auto 10px !important;
  }


.option_resa.template_tunnel.auth .error {
	max-width: 100% !important;
	color: #EB4B55;
	font-size: 13px !important;
	line-height: 17px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #EB4B55;
	background-color: rgba(235, 75, 85, 0.1);
	background-image: url(/customer_html/hermes/images/bkg-alert.png);
	background-repeat: no-repeat;
	padding: 15px 0 !important;
	margin: 50px 100px 0 !important;
	background-position: left 140px center !important;
}

.option_resa.template_tunnel.auth fieldset #fieldset_register {
  height: unset !important;
}
.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte input.mandatory{
	background-image: url(../images/bkg_obl.png) !important;
	background-position: top 10px right 10px !important;
	background-size: 7px !important;
}


.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte {padding: 0 20px 0;}
.option_resa.template_tunnel.auth #TunnelMain section.edit_part p.inputFields.grid_4 select{background-color: #fff;}
.option_resa.template_tunnel.auth .crea_compte_policy .button {display: none;}
.option_resa.template_tunnel.auth .crea_compte_policy .button.default {
  display: block;
  background-color: #FF9422;
  text-transform: capitalize;
  font-family: 'Lexend Mega', sans-serif;
  width: 190px;
  border-radius: 50px;
  font-weight: lighter;
  padding: 15px !important;
  margin: 0 auto;
  font-size: 15px;
}
.option_resa.template_tunnel.auth .privacyPolicy label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  font-size: .8em;
  padding: .3em;
  border-radius: 0rem;
  background-image: url("/customer_html/hermes/images/component-none-select.png");
  background-repeat: no-repeat;
  margin-top: -5px;
  margin-right: 0;
  background-position: top left;
  border: none;
}

.option_resa.template_tunnel.auth .privacyPolicy input:checked + label::before
{
background-image: url("/customer_html/hermes/images/component-selec.png");
background-clip: unset !important;
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: top left;
}
.option_resa.template_tunnel.cart #PaymentBlock .carte_choix input[type="radio"] + label::before {
  background-image: url("/customer_html/hermes/images/component-none-select.png");
  margin-top: 65px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  height: 23px;
  width: 23px;
  cursor: pointer;
  content: '';
  background-size: 20px;
}
.option_resa.template_tunnel.cart #PaymentBlock .carte_choix input[type="radio"]:checked + label::before {
  background-image: url("/customer_html/hermes/images/component-selec.png");
}
.option_resa.template_tunnel.cart #PaymentBlock .carte_choix input[type="radio"] + label {
  height: 70px;
  width: 90px;
  }
 .option_resa.template_tunnel.cart #PaymentBlock .CB_Block {
  display: flex;
  padding-bottom: 25px;
  border-bottom: 1px solid #E3E3E3;
}
.option_resa.template_tunnel.cart .paymentcheck div.label:not(.productWithMoreQuantity) label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  border-radius: none;
  background-image: url("/customer_html/hermes/images/component-none-select.png");
  background-repeat: no-repeat;
  margin-top: -3px;
  width: 23px;
  height: 23px;
}
.option_resa.template_tunnel.cart .paymentcheck input[type="checkbox"]:checked + div.label label::before {
	background-image: url("/customer_html/hermes/images/component-selec.png") !important;
}

.option_resa.template_tunnel.auth .creation_cpte .legend_options{
	margin-top: 15px;
}
.option_resa.template_tunnel.auth .legend_options.co_id {
	margin-left: 20px;
	margin-top: 15px !important;
}
.option_resa.template_tunnel.auth p.co_id {
	margin: 25px 20px 10px;
}
.configurateur.template_tunnel .proposal input[type="radio"] + label::before, .configurateur.template_tunnel .proposalList input[type="radio"] + label::before {
  background: url("/customer_html/hermes/images/component-none-select.png");
}
 .configurateur.template_tunnel .proposalList input[type="radio"] + label::before {
  margin-right: 15px;
}
.configurateur.template_tunnel .proposal input[type="radio"] + label::before{
	margin-right: 10px;
}
.configurateur.template_tunnel .proposal input[type="radio"]:checked + label::before, .configurateur.template_tunnel .proposalList input[type="radio"]:checked + label::before {
  background-image: url("/customer_html/hermes/images/component-selec.png") !important;
}
.configurateur.template_tunnel fieldset.formule .proposalList input[type="radio"] + label {
  padding-left: 36px;
  }

.option_resa.template_tunnel .nom_payment {
	padding-left: 0;
	text-transform: uppercase;
	margin-top: -5px;
	font-size: 14px;
}
.option_resa.template_tunnel .legend_options {
  color: #0000AE;
  text-transform: uppercase;
  font-size: 15px !important;
  font-weight: 600;
  background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
  padding: 0 50px 0 60px !important;
  background-position: left center !important;
  margin: 30px 40px 15px;
}
.option_resa.template_tunnel.opti .legend_options {
  background-position: left top 5px !important;
}
.option_resa.template_tunnel #paymentdue_type {
	margin: 5px 40px 20px;
	padding: 17px 40px 17px 10px;
	color: #000;
	background-position: right 15px bottom 50%;
	max-width: 270px;
}
.option_resa.template_tunnel .gift_code_block .img_gift_code {display: none;}
.option_resa.template_tunnel .gift_code_block .inlineContent {text-align: left; padding: 0 0 0 20px;}
.option_resa.template_tunnel #PaymentBlock .gift_code_block .container_12 .inlineContent > * {margin-right: 15px;margin-left: 0;}
.option_resa.template_tunnel #PaymentBlock input {padding: 17px 40px 17px 10px;}
.option_resa.template_tunnel fieldset.gift_code_block.kdo {border: none;}
.option_resa.template_tunnel fieldset.gift_code_block.kdo .legend_options {
	background: none;
	color: #000;
	text-transform: inherit;
	padding: 0 20px 0 0 !important;
	margin: 0;
}
.option_resa.template_tunnel .gift_code_block .inlineContent {text-align: left;padding: 0;}
.option_resa.template_tunnel fieldset.gift_code_block.kdo .container_12 {padding-left: 0 !important; padding-bottom: 0 !important;}
.option_resa.template_tunnel a.valid_cheque {
	color: #0E6BF5;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #0E6BF5;
	font-size: 14px;
}
.option_resa.template_tunnel .gift_code_block .Maintotal {
  background: #0000AE;
  margin-top: 20px !important;
  color: #fff !important;
}


.template_tunnel .TotalBlockBottom_card{display:none}
.option_resa.template_tunnel.cart .TotalBlockBottom_card{
	display:block;
	background: #0000AE;
	color: #fff;
	font-family: 'Lexend Mega', sans-serif;
	font-size: 13px !important;
	padding: 5px !important;
	margin: 0 !important;
	line-height: 14px;
	position: absolute;
	width: 235px;
	margin-top: 35px !important;
	margin-left: 323px !important;
}
.option_resa.template_tunnel.cart .TotalBlockBottom_card span.price {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 19px;
	line-height: 14px;
}
.option_resa.template_tunnel.cart .gift_code_block.fst{
	min-height: 140px;
}

.option_resa.template_tunnel.cart .button.default {
	display: block;
	background-color: #FF9422;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif;
	width: 190px;
	border-radius: 50px;
	font-weight: lighter;
	padding: 15px !important;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: none !important;
	margin-bottom: 15px;
	border: none !important;
}
.option_resa.template_tunnel.cart #PaymentBlock .bouton_paiement {
  margin-bottom: 10px !important;
}
.option_resa.template_tunnel.cart #PaymentBlock .gift_code_block.fst {
  margin-bottom: 20px !important;
}
.option_resa.template_tunnel.cart .paymentcheck.accept a {
  color: #0000AE !important;
  font-size: .95em;
}
.option_resa.template_tunnel.cart .paymentcheck {
  width: 75%;
  padding: 0 0 35px;
  margin: 0 auto;
}
.option_resa.template_tunnel.cart #PaymentBlock .paiement_carte {
  text-align: left;
}


.option_resa.template_tunnel.auth  .inputFields.grid_14.lg {
	width: 100%;
	padding-right: 0;
	}
.option_resa.template_tunnel.auth #TunnelMain .coordonneesfield input[type="text"], .option_resa.template_tunnel.auth #TunnelMain .coordonneesfield input[type="password"], .option_resa.template_tunnel.auth #TunnelMain .participantsfield input[type="text"], #TunnelMain .participantsfield input[type="password"], select {
	border: none;
	}
.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte p.inputFields.grid_4 select, .option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte p.inputFields.grid_14 select{
	border: 2px solid #f3f3f3; 
	box-shadow: none !important; 
	height: 58px;
	width: 100% !important;
	}
.inputFields.grid_14.cc {padding-right: 0;}	

.option_resa.template_tunnel.auth section.edit_part .connect_1 .default {
	margin: 0 auto 10px !important;
}
.option_resa.template_tunnel.auth .connect_2 #create_account_btn {
	margin: 20 auto 40px !important;
}
.option_resa.template_tunnel.auth #reservation_content_cd_civil {color: #0E6BF5;}
.option_resa.template_tunnel.auth .chmps {
	text-align: left;
	color: #0000AE;
	font-size: 0.8em;
	padding: 25px 0 40px;
}
.option_resa.template_tunnel.opti .legend_options {
  margin: 30px 20px 15px 50px;
  padding: 0 50px 0 60px !important;
}
.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy .authActions {
  margin-top: 15px;
}
.configurateur.template_tunnel .ui-widget-content-dialog:not(.ui-dialog-buttons) {
  background-color: #fff;
  box-shadow: rgba(0,0,0,.15) 1px 1px 2px 2px;
  border-radius: 2px;
  padding: 0 0 35px;
  margin: 0 auto !important;
  left: auto !important;
 }
.template_tunnel .totalDiscount span.price {
  display: block;
  color: #000 !important;
}
span.icon-delete {
  display: inline-block !important;
}
.option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {
  min-height: 30px;
}

.option_resa.confirmation.tunnel div.logo-va a, .option_resa.confirmation.tunnel div.logo-vbb a, .option_resa.confirmation.tunnel div.logos_text {display: none;}

.option_resa.template_tunnel.auth .txt_pwd {
  font-size: .8em;
  margin: 0 0 5px;
  display: inline-block;
  text-align: left;
  color: #0000AE;
  font-weight: 500;
}
	

@media  (min-width: 36rem){
	.configurateur article, .option_resa.template_tunnel article {
	float: right;
	}
}
@media  (min-width: 641px){
	.template_tunnel #main-contener {
	margin: 0 auto 5.5em !important;
	}
	.option_resa.confirmation.tunnel.sd #main-contener {
	margin: 0 auto !important;;
	}
	.configurateur .reservationSummary, .template_tunnel .reservationSummary{
	min-width: 220px;
	margin-left: 0;
	float: left;
	}
	.option_resa.template_tunnel .reservationSummary {
	margin-left: 7px;
	}
	.configurateur article, .option_resa.template_tunnel article{
	max-width: 390px;
	padding: 0.6em 0 !important;
	margin-right: 2px;
	}
	#error-page article {
	max-width: unset;
	}
	aside .arr_dep .inputFields input[type="text"] {
	font-size: .8em;
	}
	.picto_bas {
	display: table-cell;
	padding-right: 40px;
	padding-left: 5px;
	}
	.picto_bas.last {
	padding-right:0;
	}
	.configurateur fieldset.formule {
	margin-bottom: 12px;
	}
	.configurateur fieldset {
	margin-bottom: 12px;
	}
	.customer-area .bandeau_bas {
	display: inline-block;
	width: 100%;
	}
	
}
@media  (min-width: 45rem){
	.template_tunnel #main-contener, .option_resa.confirmation.tunnel.sd #main-contener {
	max-width: 720px;
	}
	.configurateur .reservationSummary, .template_tunnel .reservationSummary{
	min-width: 250px;
	margin-left: 10px;
	}
	.configurateur article, .option_resa.template_tunnel article {
	max-width: 420px;
	margin-right: 5px
	}
	.configurateur fieldset.formule {
	margin-bottom: 20px;
	padding: 55px 8px 35px;
	}
	.configurateur fieldset {
	margin-bottom: 20px;
	}
	.pas-dispo {
	padding: 25px 30px 25px 45px !important;
	margin: 188px auto !important;
	background-position: left 20px bottom 72% !important;
	}
}
@media (min-width: 64rem){
	#please_wait_layer_content {
	width: 40%;
	margin-top: 260px;
	max-width: 590px;
	font-size: 24px;
	font-weight: 500;
	}
	.configurateur article, .option_resa.template_tunnel article{
	max-width: 680px;
	margin-right: 12px;
	}

	.configurateur section fieldset, .option_resa.template_tunnel section fieldset {
	width: 100%;
	max-width: 680px;
	}
	aside {
	width: 285px;
	}
	.configurateur .reservationSummary, .template_tunnel .reservationSummary {
	margin-right: 15px;
	float: left !important;
	min-width: 285px;
	margin-left: 12px;
	}
	.configurateur fieldset{
	margin-bottom: 20px;
	}
}


@media (min-width: 55rem){

	.configurateur header p.otherLinks, .option_resa.template_tunnel header p.otherLinks {
  	display: none;
  	}
	.configurateur article, .option_resa.template_tunnel article {
	max-width: 525px;
	padding: 0.6em 0 !important;
	margin-right: 10px;
	}
	#ConfigurateurMain section {
	padding: 0.6em 0;
	}
	.configurateur .reservationSummary, .template_tunnel .reservationSummary {
	margin-left: 8px;
	margin-right: 10px;
	float: left !important;
	min-width: 285px;
	}
	.configurateur fieldset {
	margin-bottom: 12px !important;
	width: 100% !important;
	}
	.configurateur fieldset.formule, .option_resa.template_tunnel fieldset.formule {
	margin-bottom: 20px !important;
	width: 100%;
	max-width: 680px;
	}
	.template_tunnel #main-contener, .option_resa.confirmation.tunnel.sd #main-contener {
	width: unset;
	margin: 60px auto 6em !important;
	max-width: 860px;
	}
	.option_resa.confirmation.tunnel.sd #main-contener {
	margin: 0 auto 6em !important;
	}
	aside .arr_dep .inputFields input[type="text"] {
	font-size: 14px !important;
	}
	.picto_bas.last {
	padding-right: 0 !important;
	}
	.picto_bas {
	padding-right: 30px;
	padding-left: 0;
	}
	.pas-dispo {
	padding: 25px 0 !important;
	margin: 174px auto 160px !important;
	background-position: left 30px bottom 65% !important;
	}
	.option_resa.template_tunnel #TunnelMain section.cadre_option {
	padding: 0.6em 0 0 !important
	}

}
@media (max-width: 75rem){
	.bandeau_bas {
	margin-left: 0;
	}
	
	
	.configurateur fieldset.formule .proposalList input[type="radio"] + label, .option_resa fieldset.formule .proposalList input[type="radio"] + label {
    padding-left:20px;}
    .configurateur fieldset legend, .option_resa.template_tunnel fieldset legend {
    margin: 0 30px -10px 15px}
    .configurateur .proposal.checked, .configurateur .proposal {
    padding: 5px 10px 0 14px;}
    .configurateur .proposal.checked .proposalPriceAndQuantity, .configurateur .proposalPriceAndQuantity {margin-top: 0 !important;}
    .configurateur .order_descr {width: 45%; margin-right: 6px;}
    .template_tunnel #vbHebBlock {padding-bottom: 40px;}
    .configurateur .proposal.checked, .configurateur .proposal {padding: 5px 10px 0;}
    
    #ConfigurateurMain ul.proposalList label, #TunnelMain ul.proposalList label {
	color: #000;
	display: table-cell;
	float: none;
	}
	.read-more-trigger {
	color: #125FFF !important;
	}
	#ConfigurateurMain .proposalList input[type="radio"] + label {
	margin-right: 0;
	font-size: 0.9em;
	padding-right: 2px;
	padding-left: 7px;
	}
	#ConfigurateurMain ul.proposalList li:first-child label, #ConfigurateurMain ul.proposalList .price, #TunnelMain ul.proposalList li:first-child label, #TunnelMain ul.proposalList .price {
	display: inline-block !important;
	}
	.option_resa.template_tunnel #TunnelMain .panel {
	padding: 10px 15px 25px;
	}
	.option_resa .productCategory.DON .checkbox {margin-left: 0;}
	.option_resa .productCategory.DON .products li div.label:not(.productWithMoreQuantity) label {margin-left: 25px !important;}
	
	.option_resa.template_tunnel .roomProduct .legend_options {
	padding: 30px 30px 25px 7px !important;
	}
	.option_resa.template_tunnel .productCategory.DON ul.products, .option_resa.template_tunnel .productCategory.LOGEMENT ul.products, .option_resa.template_tunnel .productCategory.GLOB ul.products {
	padding: 0 15px 25px 15px;
	}
  
	ul.proposalList .price {
	margin-right: 10px;
	font-size: 0.9em;
	}
	.proposalList input[type="radio"] + label::before {
	background-size: 1.3em;
	margin-right: 6px;
	display: inline-table;
	}
	.proposalList input[type="radio"]:checked + label::before {
	background-size: 1.3em;
	background-repeat: no-repeat;
	background-position: center;
	}
	.vp {
	padding-left: 0;
	}
	.template_tunnel .price.sep_tarifs_2 {
	margin-right:0 !important;
	}
	.template_tunnel .sep_tarifs_3 {margin-left: 7px;}
    
    span#proposalListmob {width: 100%;}
    .lab_prod{display: inline-table;max-width: 300px;}
    
    .configurateur.template_tunnel fieldset legend {margin: 25px 30px -10px 15px;}
    
    .option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-left: 335px !important;}
    .configurateur.template_tunnel .DistributionSummary {padding-right: 20px !important;}
    .option_resa.template_tunnel .roomProduct .legend_options.occ {padding: 30px 20px 0 !important;}
	.configurateur fieldset legend, .option_resa.template_tunnel #TunnelMain .accordion .occupantFields div, .option_resa.template_tunnel.opti .legend_options {font-size: 14px !important;}
	.option_resa.template_tunnel.opti .legend_options {margin: 30px 20px 15px 20px; padding: 0 50px 0 60px !important;}
	.option_resa.template_tunnel .txt_assur {padding: 0 10px 40px 50px !important;}
	.option_resa.template_tunnel .insuranceblock {max-width: 75%;}
	
	.option_resa.template_tunnel.auth section.edit_part {margin: 0.6em 0 20px 0 !important; padding: .6em !important; max-width:unset !important; }
}
@media (min-width: 75rem){
	.template_tunnel #main-contener, .option_resa.confirmation.tunnel.sd #main-contener {
	max-width: 1200px !important;
	width: unset !important;
	}
	.configurateur article, .option_resa.template_tunnel article, .option_resa.template_tunnel.auth section.edit_part  {
	max-width: 690px !important;
	padding: 0.6em 0 !important;
	margin-right: 102px !important;
	}
	.customer-area article {
	max-width: unset !important;
	margin-right: unset !important;
	width: calc(100% - 1.2em) !important
	}
	#error-page article {
	max-width: 1000px !important;
	}
	.template_tunnel section {
	padding: 0.6em 0 20px;
	}
	.option_resa.template_tunnel section {
	padding: 0;
	}
	.configurateur section fieldset, .option_resa.template_tunnel section fieldset {
	width: 100%;
	margin: 0;
	max-width:unset;
	}
	.configurateur fieldset.formule, .option_resa.template_tunnel fieldset.formule {
	max-width: unset;
	}
	.configurateur .reservationSummary, .template_tunnel .reservationSummary {
	float: right !important;
	margin-bottom: 15px !important;
	margin-right: 20px !important;
	width: 285px !important;
	margin-left: 0;
	}
	.picto_bas {
	padding-right: 55px;
	}
	.pas-dispo {
	background-position: left 115px bottom 65% !important;}

}

@media (max-width : 55rem){
	.configurateur .order_descr {width: 100%}
	.configurateur .proposal.checked, .configurateur .proposal {padding: 5px 15px 0;}
	.configurateur .proposal .proposalDescription {max-width: unset;}
	.proposalPriceAndQuantity .price {display: block;}
	.sep_tarifs {padding-right: 0;display: block;margin: 0 auto;}
	.button.SeeMore {margin-top: 0;}
	.sep_tarifs {width: unset;text-align: center;}
	
	.lab_prod{max-width: 200px;}
	
	.option_resa.template_tunnel.auth .txt_pwd {margin: 0;}
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-left: 325px !important;}
	.configurateur .proposal .proposalDescription {padding: 20px 0 15px;}
	.configurateur .proposal.checked .proposalPriceAndQuantity, .configurateur .proposal .proposalPriceAndQuantity {margin: 0 auto 20px;}
	.configurateur .proposal.checked .proposalPriceAndQuantity, .configurateur .proposal .proposalPriceAndQuantity {max-width: 300px;}
	.template_tunnel .reservationSummary section {padding: .6em 5px 5px;}
	.option_resa.template_tunnel #TunnelMain section {padding: .6em 5px 10px;}
	.option_resa.template_tunnel.opti .roomProduct .legend_options.occ {padding: 30px 15px 0 15px !important;}
	.option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {padding: 0 20px 0 55px;}
	.option_resa.template_tunnel.opti .legend_options {margin: 30px 20px 15px 15px; padding: 0 20px 0 55px !important;}
	.option_resa.template_tunnel.opti fieldset.productCategory {margin-bottom: 20px !important;}
	.option_resa.template_tunnel.opti #TunnelMain section {padding: .6em 3px 0 0;}
	.option_resa.template_tunnel.opti section#globcont {padding-top: 0 !important;}
	.option_resa.template_tunnel.opti .price strike {margin-right: 7px;}
	.option_resa.template_tunnel.opti .products .label {max-width: 70%;}
	.option_resa.template_tunnel.opti div.insuranceblock {max-width: 85%;}
	.option_resa.template_tunnel .productCategory.DON ul.products, .option_resa.template_tunnel .productCategory.LOGEMENT ul.products, .option_resa.template_tunnel .productCategory.GLOB ul.products {
  	padding: 0 15px 25px 50px;}
 	.option_resa.template_tunnel .products .prix_barr {margin-right: 5px;}
 	.option_resa .products li div.label:not(.productWithMoreQuantity) label{width: 95%;}
 	.option_resa.template_tunnel .productCategory.DON ul.products, .option_resa.template_tunnel .productCategory.LOGEMENT ul.products, .option_resa.template_tunnel .productCategory.GLOB ul.products {
  	padding: 0 15px 25px 15px;}
  	.option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {min-height: 45px;}
}

@media (max-width: 45rem){
	.option_resa.template_tunnel.opti #TunnelMain section {
	padding: .6em 0 0 !important;}
	.option_resa.template_tunnel.opti #TunnelMain section.roomProduct {padding-top: 0 !important;}
	.option_resa.template_tunnel.opti .reservationSummary {margin-left: 0 !important;}
	.option_resa.template_tunnel article {margin-right: 0 !important;}
	.option_resa.template_tunnel.opti article {margin-right: 2px !important;}
	.option_resa.template_tunnel .reservationSummary {margin-left: 0 !important;}
	.option_resa.template_tunnel.auth select {background-position: right 5px bottom 50%;}
	.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte .privacyPolicy {margin-top: 0;}
	.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy .authActions {margin-top: 15px;}
	.configurateur.template_tunnel aside, .option_resa.template_tunnel.opti aside {padding: 0.6em !important;}
}

@media (max-width: 879px){
	body {
  	background: #0000AE !important;
  	}
  	.template_tunnel #main-contener, .option_resa.confirmation.tunnel.sd #main-contener {
  	margin: 0 10px;
  	}
	.template_tunnel .esp_cl_resp p.logo {
	display: none;
	}
	.template_tunnel p.logo a {
	min-height: 120px;
	}
	.template_tunnel p.logo {
	min-height: 120px;
	background: #0000AE;
	}
	.error-page p.logo a{
	background-position: center 15px;
	background-size: 12em auto;
	}
	.configurateur p.logo a, .option_resa.template_tunnel p.logo a; .customer-area p.logo a{
	min-height: 95px;
	padding-left: 0;
	background-size: 15em;
	min-width: 15em;
	}
	#ConfigurateurMain ul.proposalList label, #TunnelMain ul.proposalList label {padding-right: 7px !important;	}
	
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: 45px !important; margin-left: 296px !important;}
	.template_tunnel #vbHebBlock {padding-bottom: 20px;}
	.option_resa.template_tunnel.opti .reservationSummary {margin-left: 10px;}
}

@media (max-width: 719px){
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: 55px !important; margin-left: 47% !important;}
	
}

@media (min-width: 45rem){
	.configurateur .reservationSummary, .template_tunnel .reservationSummary {
	margin-bottom: 15px;
	}
	.template_tunnel .reservationSummary section {
	padding: 20px 17px 18px !important;
	}
	
}
@media (min-width: 640px){
	.template_tunnel section.fullWidth{
	display: inline-block;
	margin: 0;
	padding: 0.6em;
	vertical-align: top;
	}
	.fd_cont-resp .button.default.fullWidth{
	min-width: 265px;
	font-size: 16px !important;
	}
	.TotalBlockBottom.stk.resp, .TotalBlockBottom.stkresp {
	display: none !important;
	}
	.TotalBlockBottom.stk .Maintotal {
	background: none;
	}
	.fd_cont-resp.stk {
	background: #fff;
	}
	.fd_cont-resp.stk .button_default_block {
	z-index: +2;
	}
	.bandeau_bas_resp{
	display:none;
	}
	.picto_bas img{
	max-height: 50px;
	}
	.reservationSummary .ProductBlock {
	padding: .5em 0 0;
	}
	.option_resa.template_tunnel .prod_list_first .DistributionSummary { width: 100%;}
	.prod_list_first .DistributionSummary {
	padding: 0;
	width: calc(100% + 20px);
	}
	.pas-dispo {
	padding: 25px 30px 25px 45px;
	margin: 153px auto;
	background-position: left 20px bottom 78%;
	}
}




@media (max-width: 64rem){
	#please_wait_layer_content {
	padding: 35px 30px 35px;
	background-size: 50px;
	margin-top: 100px;
	font-size: 20px;
	}
	.ui-widget-content-dialog {
	position: absolute !important;
	top: 250px !important;
	}
	.img_wait{padding-bottom: 7px}

}
@media (max-width: 55rem){
	#TunnelMain .edit_part .legend_options, #TunnelMain .connect_1 .legend_options, #TunnelMain .connect_2 .legend_options {text-align: left;}
	body#identification .edit_part #initialBlock p {margin: 1em 0 .5em !important;}
}
	
	
@media (max-width: 640px){
	.configurateur p.logo a, .option_resa.template_tunnel p.logo a, .customer-area p.logo a, .option_resa.confirmation.tunnel.sd p.logo a {
	padding-left:0;
	background-size: 12em;
	width: 100%;
	}
	.fd_cont-resp .button.default.fullWidth{
	min-width: 106px;
	font-size: 13px !important;
	}
	.template_tunnel .otherLinks .esp_cl_resp .button {
	display: none;
	}
	.configurateur p.logo, .option_resa.template_tunnel p.logo{
	background: #0000AE;
	}
	.template_tunnel .head_first, .head_second {
	position: relative;
	width: 100%;
	}
	.template_tunnel .head_second {
	width:100%;
	top:0;
	padding-bottom:0;
	}
	.template_tunnel section#ConfigurateurMain, .template_tunnel section#TunnelMain {
	margin: 0 auto;
	}
	.template_tunnel #ConfigurateurMain header nav ul li, .template_tunnel #TunnelMain header nav ul li {
	margin-bottom: 15px;
	}
	.tunnelAreaMenu {
	text-align: center;
	}
	.tunnelAreaMenu li {
	padding: 12px 22px;
	}
	.tunnelAreaMenu li.on a {
	background-image: none;
	}
	.template_tunnel #ConfigurateurMain header nav ul li, .template_tunnel #TunnelMain header nav ul li {
	font-size: 12px;
	}
	.template_tunnel #ConfigurateurMain article, .template_tunnel #TunnelMain article {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	}
	.configurateur section fieldset, .option_resa.template_tunnel section fieldset {
	width: auto;
	margin: 0 0 20px;
	}
	aside {
	background-color: #fff;
	border: none;
	}
	#ConfigurateurMain aside, #TunnelMain aside, body.customer-area-paiement aside {
	width: 100%;
	padding: 0 20px !important;
	}
	.configurateur.template_tunnel .fd_cont-resp.stk {
	justify-content: center;
	padding: 20px !important;
	}
	#ConfigurateurMain .reservationSummary .fd_cont-resp.stk .button_default_block, #TunnelMain .reservationSummary .fd_cont-resp.stk .button_default_block {
	margin: 0;
	}
	.reservationSummary .TotalBlockBottom.stk {
	z-index: +2;
	display:none
	}
	.fd_cont-resp.stk {
	display: block;
	padding: 12px 0 67px 0;
	}
	.configurateur.template_tunnel .fd_cont-resp.stk{
	display:none
	}
	.fd_cont-resp.stk.resp .button_default_block {
	background: none;
	}
	.TotalBlockBottom.stk .Maintotal {
	bottom: 0;
	}
	.TotalBlockBottom.stk.resp{
	display: table !important;
	background: #fff !important;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	}
	.TotalBlockBottom.stkresp{
	position:fixed;
	display: table !important;
	background: #fff !important;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	}
	.option_resa.template_tunnel.auth .TotalBlockBottom.stk, .option_resa.template_tunnel.auth .TotalBlockBottom.stk.resp{
	display:none !important;
	}
	.fd_cont-resp.stk.resp {
	display: none !important;
	}
	.configurateur.template_tunnel .fd_cont-resp.stk.resp {
	position: unset;
	background: none;
	display: inline-block !important;
	width: 100%;
	}

	.TotalBlockBottom.stk.resp .Maintotal {
	position: unset;
	width: 100%;
	display: inline-block !important;
	text-align: center;
	padding: 0 0 30px !important;
	}
	.reservationSummary .TotalBlockBottom.stk.resp span.price {
	float: unset !important;
	}
	.template_tunnel #ConfigurateurMain aside section, .template_tunnel #TunnelMain aside section {
	padding: 0;
	background: none;
	width: 100%;
	border: 1px solid #C4C4C4;
	margin: 0 auto;
	}
	.bandeau_bas{
	display:none;
	}
	.cadre_bbr {
	background: #0000AE;
	margin-bottom: 50px;
	display: block;
	padding: 0 0 90px;
	}
	.option_resa.template_tunnel .cadre_bbr {
	padding: 0 0 103px;
	}
	.option_resa.template_tunnel.auth .cadre_bbr {
	padding: 0;
	margin-bottom: 35px;
	}
	.option_resa.template_tunnel.cart .cadre_bbr {
	padding: 0 0 20px;
	margin-bottom: 0;
	}
	.bandeau_bas_resp{
	display:block;
	margin: 30px 0 0;
	}
	.bandeau_titre{
	font-size: 24px;
	}
	.picto_bas {
	display: inline-block;
	padding-right: 0;
	width: 100%;
	}
	.txt_remise, .txt_secure, .txt_annul, .txt_sansfrais {
	max-width: 110px;
	margin: 0 auto 40px;
	display: block;
	font-size: 15px;
	line-height: 19px;
	}
	.txt_remise{
	max-width: 135px;
	}
	.txt_secure{
	max-width: 95px;
	}
	.txt_sansfrais{
	max-width: 106px;
	}
	.customer-area .txt_secure, .customer-area .txt_remise{max-width: 250px;}
	
	.bandeau_bas_resp .bandeau_cartes{
	padding: 20px 0 60px;
	}
	aside .arr_dep .inputFields input[type="text"] {
	font-size: 16px;
	}
	.inputFields select {
	font-size: 16px;
	font-weight: 100;
	}
	.pas-dispo {
	text-align: left;
	padding: 15px 15px 15px 40px;
	margin: 0 auto 30px;
	background-position: left 12px bottom 72% !important;
	}

	.template_tunnel p.logo {min-height: 120px;padding-top: 12px;}
	.configurateur fieldset legend, .option_resa.template_tunnel fieldset legend, .option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {font-size: 14px;margin: 0;padding: 20px 0 0 70px;background-position: 10px 28px;}
	#vb-Formule-open img {width: auto;}
	#proposalListmob {border: none;}
	.configurateur fieldset.formule, .option_resa.template_tunnel fieldset.formule {border: 1px solid #C4C4C4;}
	#vb-Formule-open {margin-right: 10px;}
	.configurateur fieldset.formule, .option_resa fieldset.formule {padding-top: 52px !important;}
	.configurateur .proposal.checked, .configurateur .proposal {padding: 5px 10px 0;}
	
	#ConfigurateurMain ul.proposalList label, #TunnelMain ul.proposalList label {
	width: 61%;
	color: #000;
	display: table-cell;
	float: none;
	}
	#ConfigurateurMain .proposalList input[type="radio"] + label {
	margin-right: 0;
	font-size: 0.9em;
	padding-right: 2px;
	padding-left: 7px;
	}
	#ConfigurateurMain ul.proposalList li:first-child label, #ConfigurateurMain ul.proposalList .price, #TunnelMain ul.proposalList li:first-child label, #TunnelMain ul.proposalList .price {
	display: inline-block !important;
	}
	ul.proposalList .price {
	margin-right: 10px;
	font-size: 0.9em;
	}
	.proposalList input[type="radio"] + label::before {
	background-size: 1.3em;
	margin-right: 6px;
	}
	.proposalList input[type="radio"]:checked + label::before {
	background-size: 1.3em;
	background-repeat: no-repeat;
	background-position: center;
	}
	.vp {
	padding-left: 0;
	margin-left: -6px;
	margin-top: -15px;
	}
	.template_tunnel .price.sep_tarifs_2 {
	margin-right:0 !important;
	}
	.template_tunnel .sep_tarifs_3 {margin-left: 7px;}
	
	.lab_prod{max-width: unset;}
	
	.read-more-state ~ .read-more-trigger::before {
	content: '+';
	width: 50px;
	background-position: right 15px center;
	color: white;
	background-size: 50%;
	}
	.read-more-state ~ .read-more-trigger.read-more-trigger2::before {
	content: '-';
	width: 58px;
	background-position: right 17px bottom 50%;
	}
	.configurateur fieldset.formule ul.proposalList li:first-child .price, .option_resa fieldset.formule ul.proposalList li:first-child .price {
	margin-right: 10px;}
	ul.proposalList li:first-child {padding-bottom: 20px;padding-top: 0}
	.proposalList li:not(:first-child):not(.baseWebDescription) {padding-bottom: 0;padding-top: 0.4em}
	.read-more-target p {font-size: 13px;margin: 0.6em 0.6em 12px 42px;}
	
	.read-more-state-open:checked ~ .read-more-trigger-open::before {
	content: '+' !important;
	width: 50px !important;
	background-position: right 15px center !important;
	color: white !important;
	background-size: 25% !important;
	margin-left: -25px!important;
	margin-top: -12px !important;
	}
	.read-more-state-open ~ .read-more-trigger-open::before, .products li.checked div.label label:not(:first-child)::before {
	content: '-' !important;
	width: 50px !important;
	background-image: url("/customer_html/hermes/images/vmoins.png") !important;
	background-size: 25% !important;
	margin-left: -34px !important;
	margin-top: -5px !important;
	color: white !important;
	}
	.productCategory.DON .read-more-state-open ~ .read-more-trigger-open::before {margin-left: -60px !important;}
	.option_resa.template_tunnel .panel .read-more-trigger-open.read-more-trigger-open2 {margin-top: -9px !important; margin-left: -10px !important;}
	
	.products li.checked div.label label:not(:first-child)::before, .products li.checked div.label label.read-more-trigger-open.read-more-trigger-open2:not(:first-child)::before {
	width: 50px !important;}
	.act_but.modif {padding-top: 5px;padding-bottom: 20px;}
	
	.reservationSummary .DateBlock_OccupantBlock {margin: 2% 35px;}
	.template_tunnel .reservationSummary .productListSumm {margin: 2% 0}
	.template_tunnel .prod_bl_list {margin: 10px 35px 0; padding-bottom: 5px;}
	.template_tunnel .supp_bl_list {margin: 25px 35px !important;}
	.template_tunnel #ConfigurateurMain .reservationSummary .TotalBlockBottom, .template_tunnel #TunnelMain .reservationSummary .TotalBlockBottom {margin:25px 35px;}
	.template_tunnel #ConfigurateurMain .reservationSummary .productListSumm span.price, .template_tunnel #TunnelMain .reservationSummary .productListSumm span.price {width:100% !important}
		
	
	.template_tunnel #ConfigurateurMain .reservationSummary .productListSumm span.label, .template_tunnel #TunnelMain .reservationSummary .productListSumm span.label{width:100% !important}
	.template_tunnel .reservationSummary .productListSumm span.totalPriceInitial{display: inline-block;}
	.template_tunnel .reservationSummary .totalDiscount {padding: 0; line-height: .5em;}
	.template_tunnel .reservationSummary .Alttotal {padding:0;}
	.template_tunnel .inf_etab {padding: 0 35px 10px;}
	.template_tunnel .recap_dates:first-child {padding-top: 20px;padding-bottom: 5px;}
	.template_tunnel .pers_occ {padding-bottom: 15px;}
	.template_tunnel .reservationSummary .DateBlock_OccupantBlock {margin: 20px 35px 10px;}
	
	.template_tunnel #please_wait_layer_content {font-size: 19px;line-height: 1.5em;padding: 60px 45px 60px;}
	
	.template_tunnel #ConfigurateurMain ul.proposalList{padding-top: 0;}
	.template_tunnel #ConfigurateurMain .proposal h4 {padding: 0;}
	.template_tunnel #ConfigurateurMain .proposal h4 label {padding-left: 0; font-size: 0.9em;}
	.configurateur.template_tunnel .proposalIcoAndDesc ul {padding: 5px 0 0;}
	.configurateur.template_tunnel #ConfigurateurMain .proposal .proposalPriceAndQuantity {margin-top: 0 !important; margin-bottom: 35px !important;}
	.configurateur.template_tunnel #vbHebBlock {padding-bottom: 0px;}
	.configurateur.template_tunnel #ConfigurateurMain aside .button.default.fullWidth {font-size: 0.9em;  padding: 5px 0;}
	.configurateur.template_tunnel fieldset legend {margin: 0;}
	.configurateur.template_tunnel .proposal .proposalDescription {padding: 10px 0 15px;}
	
	
	.option_resa.template_tunnel.opti .roomProduct .legend_options.occ {padding: 0 15px 0 0 !important;}
	.option_resa.template_tunnel #TunnelMain .accordion {line-height: 1.5em;}
	.option_resa.template_tunnel.opti .accordion {margin-bottom: 15px;}
	.option_resa.template_tunnel fieldset.productCategory {margin-bottom: 20px !important;}
	.option_resa.template_tunnel #TunnelMain .panel {padding: 10px 11px 25px;}
	.option_resa.template_tunnel .products li div.label:not(.productWithMoreQuantity) label {font-size: 0.9em; padding-left: 25px;width: 80%;}
	.option_resa.template_tunnel .products .prix_final, .option_resa.template_tunnel .products .prix_barr {font-size: 0.9em;}
	.option_resa.template_tunnel .products .prix_final {margin-left: 7px;}
	.option_resa.template_tunnel .products .prix_barr {margin-right: 0;}
	.option_resa.template_tunnel div.read-more-target-open {padding-left: 25px; width: 130%;}
	.option_resa.template_tunnel #opt_res label.read-more-trigger-open::before {padding: 1.7em 1em 1em 1.6em;}
	.option_resa.template_tunnel .products .label {margin: 20px 0 0;}
	.option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {padding-right: 20px;}
	.option_resa.template_tunnel #TunnelMain .panel {padding: 10px 11px 0;}
	.option_resa.template_tunnel #TunnelMain .accordion {background-size: 14px 14px !important;}
	.option_resa.template_tunnel #TunnelMain .panel li:last-child {margin-bottom: 20px !important;}
	.option_resa.template_tunnel .reservationSummary .productListSumm span.label {padding-bottom: .5em;}
	
	.option_resa.template_tunnel .roomProduct .legend_options {font-size: 14px !important; margin: 10px;}
	.option_resa.template_tunnel .productCategory.DON ul.products, .option_resa.template_tunnel .productCategory.LOGEMENT ul.products, .option_resa.template_tunnel .productCategory.GLOB ul.products { padding: 0 11px;}
	.option_resa .productCategory.DON .products .price, .option_resa .productCategory.LOGEMENT .products .price, .option_resa .productCategory.GLOB .products .price{font-size: 0.9em;}
	.option_resa .productCategory.DON .checkbox {padding-left: 0; margin-left: 0px;}
	.option_resa .productCategory.DON .products li div.label:not(.productWithMoreQuantity) label {margin-left: 27px;}
	.option_resa .productCategory.DON .read-more-target-open p, .option_resa .productCategory.DON .read-more-target-open div {text-align: left !important;}
	.option_resa.template_tunnel .legend_options{padding: 10px 0 5px 70px !important;font-size: 14px !important;margin: 10px;}
	.option_resa.template_tunnel .roomProduct .legend_options, .productCategory.GLOB .legend_options{background-position: 0 16px !important; padding: 10px 0 5px 60px !important;}
	.option_resa.template_tunnel .insuranceblock label {font-size: 0.9em;padding-left: 0; width: 80%;}
	.option_resa.template_tunnel .insuranceblock {padding-top: 0;}
	.option_resa.template_tunnel .productCategory.GLOB ul.products li {padding-top: 15px;}
	.option_resa.template_tunnel .txt_assur {padding: 0 10px 40px 34px !important; max-width: unset;}
	
	.option_resa.template_tunnel .insuranceblock input[type="radio"] + label::before{margin-right: 0;}
	
	.option_resa.template_tunnel.auth section.edit_part{margin: 0.6em 0 20px 0 !important;}
	.option_resa.template_tunnel.auth #lgd_frst {display: block; padding: 40px 0 50px !important;}
	.option_resa.template_tunnel.auth input[type="text"], .option_resa.template_tunnel.auth input[type="password"], .option_resa.template_tunnel.auth select {width: 100%;}
	.option_resa.template_tunnel.auth #initialBlock {padding: 0 10px;}
	.option_resa.template_tunnel.auth .legend_options {margin:0 0 20px; font-size: 0.9em !important; padding: 0 0 0 55px !important; background-position: left 5px !important;}
	
	
	body#identification form {margin-bottom: unset; width: 100%;}
	.option_resa.template_tunnel.auth input[type="text"], .option_resa.template_tunnel.auth input[type="password"], .option_resa.template_tunnel.auth select {color: #999;}
	.option_resa.template_tunnel.auth .small {font-size: 1em !important;}
	.option_resa.template_tunnel.auth section fieldset#fieldset_login {margin: 0 0 40px;}
	.option_resa.template_tunnel.auth .error {margin: 25px 10px 5px !important; background-position: left 50px top 11px !important;}
	.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte {padding: 0 10px 0;}
	.option_resa.template_tunnel.auth .crea_compte_policy .button.default {margin: 0 auto !important;}
	.option_resa.template_tunnel.auth .authActions {width: 100%;}
	.option_resa.template_tunnel.auth .creation_cpte .legend_options {margin-bottom: 12px !important;}
	.option_resa.template_tunnel.auth .creation_cpte select {background-size: 14px 14px !important;}
	.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte input.mandatory {background-position: top 10px right 23px !important;}
	.option_resa.template_tunnel.auth .inputFields.grid_15.confirmation {margin-top: -20px !important;}
	.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy {padding-top: 10px; padding-bottom: 0;}
	.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy .privacyPolicy #option {font-size: 1em; text-align: left; line-height: 1.3em;}
	.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte #privacyPolicy2 {margin-top: 5px !important;}
	.option_resa.template_tunnel.auth .chmps {padding: 0;}
	.option_resa.template_tunnel.auth .txt_pwd {font-size: .8em;}
	.option_resa.template_tunnel.auth .privacyPolicy label {padding-left: 30px; margin-right: 0; font-size: 13px; line-height: 1.4em;}
	.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy .authActions {margin-top: 20px; margin-bottom: 10px !important;display: inline-block;}
	
	.option_resa.template_tunnel.cart .gift_code_block.fst {min-height: 140px;}
	.option_resa.template_tunnel.cart .gift_code_block .legend_options, .option_resa.template_tunnel.cart .bouton_paiement .legend_options {margin-top: 20px !important; padding: 10px 0 5px 60px !important;}
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {width: calc(100% - 91px); margin-top: -1062px !important; margin-left: 10px !important; margin-right: 10px !important;}
	.option_resa.template_tunnel.cart #PaymentBlock .CB_Block {display: inline-block;;}
	.option_resa.template_tunnel.cart section fieldset.gift_code_block {display: flex;}
	.option_resa.template_tunnel.cart section fieldset.gift_code_block.fst, .option_resa.template_tunnel.cart section fieldset.gift_code_block.kdo {display: block;}
	.option_resa.template_tunnel.cart fieldset.gift_code_block.kdo .legend_options {margin-top: -10px !important;}
	.option_resa.template_tunnel.cart a.valid_cheque {width: fit-content;}
	.option_resa.template_tunnel.cart fieldset.bouton_paiement {margin-top: 60px !important;}
	.option_resa.template_tunnel.cart .carte_choix.ccard_type_1, .option_resa.template_tunnel.cart .carte_choix.ccard_type_2, .option_resa.template_tunnel.cart .carte_choix.ccard_type_3, .option_resa.template_tunnel.cart .carte_choix.ccard_type_5 {
	width: 49%; display: inline-block;}
	.option_resa.template_tunnel.cart .carte_choix.ccard_type_1, .option_resa.template_tunnel.cart .carte_choix.ccard_type_2 {padding-bottom: 15px;}
	.option_resa.template_tunnel.cart #PaymentBlock .CB_Block {margin-left: 10px; margin-right: 5px; width: calc(100% - 20px);}
	.option_resa.template_tunnel.cart .paymentcheck {width: 100%; padding: 0 10px 25px; margin: 0 auto;}
	.option_resa.template_tunnel.cart .button.default {margin-bottom: 10px;}
	.option_resa.template_tunnel.cart .gift_code_block #paymentdueType {width: 100%;}
	.option_resa.template_tunnel.cart #paymentdue_type {margin: 5px 9px 20px; max-width: unset; width: calc(100% - 18px);background-size: 14px 14px !important;}
	.option_resa.template_tunnel.cart fieldset.gift_code_block.kdo .legend_options { padding-right: 10px !important;}

	.configurateur.template_tunnel .monthCalendar {top: 80px;}
	.configurateur.template_tunnel .monthCalendarLoader {right: 30%;}
	.option_resa.template_tunnel.cart #PaymentBlock {padding-top: 1.1em !important;}
}
	
	
@media (max-width: 605px){
	.lab_prod{max-width: 300px;}
}
@media (max-width: 535px){
	lab_prod{max-width: 250px;}
}
@media (max-width: 515px){
	.pas-dispo {
	text-align: left;
	padding: 15px 15px 15px 40px!important;
	margin: 0 auto 30px;
	background-position: left 12px bottom 55% !important;
	}
}
@media (max-width: 490px){
	.lab_prod{width: 75%;}
}
@media (max-width: 456px){
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: -1077px !important;}
}
@media (max-width: 425px){
  	.configurateur p.otherLinks, .option_resa.template_tunnel p.otherLinks {display: none;}
  	.pas-dispo {background-position: left 12px bottom 83% !important;}
  	.option_resa.template_tunnel.cart #PaymentBlock .carte_choix input[type="radio"] + label {background-size: unset;}
}
@media (max-width: 379px){
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: -1090px !important;}
}
@media (max-width: 369px){
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: -1091px !important;}
}
@media (max-width: 350px){
	.configurateur fieldset legend, .option_resa.template_tunnel fieldset legend, .option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {background-size: 14%;}
	.configurateur fieldset legend, .option_resa.template_tunnel fieldset legend, .option_resa.template_tunnel #TunnelMain .accordion .occupantFields div {padding: 20px 0 0 55px;}
	.lab_prod{width: 70%;}
	.option_resa.template_tunnel.auth .privacyPolicy label {font-size: 12px;}
}
@media (max-width: 353px){
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: -1112px !important;}	
}
@media (max-width: 320px){
	.option_resa.template_tunnel.auth .privacyPolicy label {font-size: 11px;}
}



/* elements refonte espace client 2023 */

.customer-area .logos_univers {padding-bottom: 45px;}
.customer-area p.otherLinks {top: 45px;}

.customer-area article.fullwidth {
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  text-transform: initial;
}
.customer-area article {
	margin: 0 !important;
	padding: 0;
	width: 100% !important;
}
.customer-area .confirmBlockResaText {
  font-family: 'Lexend Mega', sans-serif;
}
.action_buttons.deux .button.default.bt_fastck {display: inline-block;}
.action_buttons .button.default.bt_fastck {display: none;}

div.echce{border-top: 1px solid black; padding-top: 10px;}
div.echce:first-child {border-top: none;}

.customer-area .table.list {background-color: transparent;} 

.resa_chmps {margin-bottom: 15px;min-height: 35px;}
.resa_chmps:first-child {margin-top: 10px;}
.resa_chmps:last-child {margin-bottom: 25px;}

.customer-area .ui-accordion .ui-accordion-header {
	display: inline-block;
	width:100%;
	cursor: pointer;
	position: relative;
	border-top: 2px solid #125FFF;
}
.customer-area .ui-accordion .ui-accordion-header:first-child {
  border-top: none;
}
div.chp_resa {
  margin-bottom: 40px;
  margin-top: 0;
  border: 1px solid #c3c3c3;
  border-top: none;
}
	
.customer-area .ui-accordion-header-collapsed {margin-bottom:35px; border-bottom: 1px solid #c3c3c3;}
.head_resa_blck {background: url("/customer_html/hermes/images/accord_desc.png") no-repeat; background-position: 96% 64px;}
.customer-area .ui-state-active, .customer-area .ui-state-active, .customer-area .ui-widget-header .ui-state-active, .customer-area a.ui-button:active, .customer-area .ui-button:active, .customer-area .ui-button.ui-state-active:hover {
	border-bottom: none !important;	
	background: url("/customer_html/hermes/images/accord_asc.png") no-repeat;
	background-position: 96% 64px;
}

.customer-area .ui-accordion-content-active {height: auto !important;padding: 0 35px;}

h4.page_resa {
	margin: 20px 0 0;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
}
#accordion div.cadre_tab {
	border: 1px solid #c3c3c3;
	border-bottom: none;
	margin: 35px 0 0;
	padding: 25px 35px;
}
#accordion div.cadre_tab:first-child {margin-top: 20px !important;}
span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e, span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {display: none;}	
.customer-area .top {text-align: right; padding-top: 30px;}	
section.allResaBlock.page_resa fieldset{padding: 0 0 .6em;}
.customer-area.res_list section.allResaBlock.page_resa fieldset{padding: 0;margin-left: 0;margin-right: 0; display: contents;}
.customerAreaMenu li a {
	color: #0000AE;
	text-transform: capitalize;
	padding: 12px 18px;
	display: inline-block;
}

.customerAreaMenu li.on a {color: #fff;}

.customerAreaMenu li {
	border: solid #0000AE 1px;
	height: unset;
	color: #0000AE;
	font-size: 14px;
	line-height: 1em;
	border-radius: .2em;
	width: unset;
	margin-right: 4px;
	display: inline-block !important;
	background: #fff;
}

.customerAreaMenu li.on {background-color: #0000AE;}


.action_buttons.hme.ori{display:none;}
.customer-area .allResaId {
	width: 100%;
	font-weight: 300;
	font-size: 15px;
	line-height: 17px;
	text-transform: initial;
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 20px;
	margin-bottom: 25px;
	padding-top: 5px;
}
.customer-area .txt_annul, .customer-area .txt_sansfrais {max-width: unset;}
.customer-area .confirmBlockResaText{width: 100%;padding-left: 0;}

.customer-area .button.fci_available {
	background-image: url(../images/bkg_pre_chck_in.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	min-width: 265px;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	padding: 20px 5px 20px;
	background-color: transparent;
	margin-top: 0;
}
.customer-area .hme_blc .button {
  color: #ffffff;
  text-transform: none;
  padding: 20px 5px 20px;
  background-color: transparent;
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  margin: 0;
}
.customer-area .hme_blc .button:hover {
	color: #ffffff;
}

.customer-area .button.fci_check{
	background-image: url(../images/bkg_pre_chck_in_ok.png);
	background-position: left top;
	background-repeat:no-repeat;
	pointer-events: none;
	cursor: default;
	min-width: 222px;
	color: #ffffff;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	padding: 20px 5px 20px;
	background-color: transparent;
	margin-top: 0;
}
.customer-area .button.fci_disabled{
	background-image: none;
	pointer-events: none;
	cursor: default;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	min-width: 240px;
	padding: 20px 5px 20px;
	background-color: transparent;
	border: 1px solid #0000AE;
	color: #0000AE;
	margin-top: 0;
}
a.button.default.fci_available {padding-right: 60px !important;}
a.button.default.fci_check {padding-right: 30px;}

.cardre_hme {border: 1px solid #c3c3c3; margin: 35px 0 0; padding: 25px 35px;}
.bloc_esp_cl {border: 1px solid #c3c3c3; margin: 35px 0 35px; padding: 25px 35px; display: inline-block;}
.cardre_hme h4.page_resa, .bloc_esp_cl h4.page_resa {margin: 0 !important;}

.customer-area legend, .customer-area section.edit_part fieldset legend{ 
	color: #0000AE;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 0 60px;
	background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
	background-position: 0 6px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.cadre_tab_doc legend, .txt_tt legend {margin-bottom: 20px;}

.ttre_blf.acc, .allResaEtab.ttre_blf {
	color: #0000AE;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: capitalize;
}
.ttre_blf.acc{padding: 10px 0;}
.ss_ttre_blc.acc {
	font-family: 'Lexend Mega', sans-serif; font-weight: 500; font-size: 18px; text-transform: initial;}
.num_res.acc {
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 17px;
  text-transform: initial;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 20px;
  margin-bottom: 25px;
  padding-top: 5px;
}
.allResaDates.date_res.acc {
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  text-transform: initial;
}
.action_buttons.hme.fst, .action_buttons.hme {text-align: right;}
.action_buttons.hme.fst{margin-bottom: 0; margin-top:0;}

.customer-area .ProductBlock {
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	text-transform: initial;
}

.customer-area .allResaDates, .customer-area .allResaAmount {font-weight: 700; padding-top: 7px; background: #fff;}
.customer-area .allResaDates.date_res {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 17px;
	text-transform: initial;
	font-weight: 500;
	padding-top: 0;
}
.sep_resa_chmps {margin-bottom: 17px; height: 1px; width: 80px; background: #D5D5D5;}

.ProductBlock.hm {padding-bottom: 25px;}

.resa_chmps.regl {background: url("/customer_html/hermes/images/bkg_abst.png") no-repeat; background-position: left bottom;}

.customer-area .but_paiement .paymentAction, .customer-area .but_paiement .button {
  display: inline-block;
  background-color: #FF9422;
  text-transform: capitalize !important;
  font-family: 'Lexend Mega', sans-serif;
  width: 190px;
  border-radius: 50px;
  font-weight: lighter;
  padding: 15px !important;
  box-shadow: none !important;
  margin-top: 0;
  margin-bottom: 35px;
  border: none !important;
  text-align: center;
}
.customer-area .but_paiement .paymentAction {
	margin-top: -10px;
}

.customer-area .button.fullWidth.default {
  display: inline-block;
  background-color: #FF9422;
  font-family: 'Lexend Mega', sans-serif;
  min-width: 400px;
  border-radius: 50px;
  font-weight: lighter;
  padding: 15px !important;
  box-shadow: none !important;
  margin-bottom: 15px;
  border: none !important;
  text-align: center;
}
.customer-area .button.fullWidth.default.blk {color:#FF9422; background-color: #fff; border:1px solid #FF9422 !important; margin-top: 0;}
.connect_2 .ss-ttre-coord.pt {padding-top: 5px;}
.cadre_tab_doc {border-top: 1px solid #D5D5D5; padding-top: 35px;}

.doc_resa {
	height: 28px;
	padding-left: 37px;
	background: url("/customer_html/hermes/images/bkg_docs.png") no-repeat;
	background-position: top left;
	margin-bottom: 10px;
}
.doc_resa a {
	color: #0E6BF5;
	font-weight: lighter;
	border-bottom: 1px solid #0E6BF5;
	line-height: 2em;
	text-transform: capitalize;
}

.bloc_esp_cl .page_resa {padding-bottom: 20px;}
.but_paiement.at {display: none;}
.sep_paie {padding-top: 25px;}

.rens_p {text-align: right; padding-top: 15px;}
.rens_parti, .customer-area.home.vch .rens_p a {
	min-width: 450px;
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	padding: 20px 5px 20px;
	color: #0000AE;
	display: inline-block;
	border: 1px solid #0000AE;
	background: url("/customer_html/hermes/images/bkg_participants.png") no-repeat;
	background-position: 93% 50%;
	padding-right: 85px;
	margin-bottom: 35px;
}
a.rens_parti:hover, .customer-area.home.vch .rens_p a:hover {color: #0000AE;}
.but_acceder{text-align:center; padding-top: 25px;}
.customer-area.info .ss-ttre-coord.pt_2 {padding: 0;}
.customer-area.info .CustomerAreaInfofield .container_12 {display: inline-block;}
.CustomerAreaInfofield .inputFields.grid_4.lg.sd {margin-bottom: 0;}

.customer-area input.mandatory{background-image: none !important;}
.customer-area input[type="text"], input[type="password"] {font-size: 1em;}
.customer-area section#authentication.edit_part, .customer-area section.edit_occ, .customer-area section.edit_occ_2 {padding: 35px 0 0 !important;}
.CustomerAreaInfofield, .edit_occ_rens {border: 1px solid #c3c3c3; padding: 25px 35px; margin-bottom: 45px;}
.customer-area section.edit_part .container_12 .grid_4.lg {width: 100%; padding-right: 0; margin-left: 0;}
.customer-area section.edit_part .container_12 .grid_4.lg sd {margin-bottom: 0;}
.customer-area input[type="text"], .customer-area input[type="password"], select {border: 1px solid #EEE;}
.customer-area input[type="text"], .customer-area input[type="password"] {padding: 16px 20px;}
.ss-ttre-coord {text-align: left; color: #0000AE; font-weight: 500;}
.customer-area .connect_blk_2 legend {margin-bottom: 25px !important;}
.connect_1 .ss-ttre-coord, .connect_blk_2 .ss-ttre-coord {padding-top: 20px;padding-bottom: 8px;}
.connect_blk_2 .ss-ttre-coord.pt {padding-bottom: 0;}
.customer-area input.mandatory {background-image:none}
.customer-area.connect .grid_12{float: none;}
.customer-area .inputFields.autoAdjust.small a {color: #0000AE; text-decoration: underline;font-size: 0.9em !important;}
.customer-area .connect_1 .button.fullWidth.default{margin-bottom: 15px !important;}
.customer-area.connect section.edit_part .connect_1 .default {margin: 5px auto 10px !important;}
.customer-area.connect section fieldset {padding: 0;}
.ss-ttre-coord.pt {padding: 15px 0; font-size: .8em !important;}
.ss-ttre-coord.pt_2 {padding: 0 0 15px; font-size: .85em !important;}
.customer-area .inputFields label {color: #0000AE; padding-bottom: 7px;}
.customer-area .CustomerAreaInfofield legend {padding-bottom: 20px !important;}
.CustomerAreaInfofield .inputFields.grid_4.lg {margin-bottom: 20px;}
.customer-area .inputFields select {font-size: 15px;}

section.edit_part .dates input#edit_customer_info_date_creation_YYYY {background: none;}
#edit_customer_info_date_creation_MM, #edit_customer_info_date_creation_DD, #edit_customer_info_date_creation_YYYY {text-align: center;}
.checkboxNews input[type="checkbox"] {border: 1px solid #0000AE; border-radius: 19px;}
section fieldset.CustomerAreaCoordonneesfield {padding: .6em 0 0;}

.customer-area .checkboxNews input[type="checkbox"] {
	height: 23px;
	width: 23px;
	border: #fff;
	margin-right: 8px;
	margin-left: 0;
	background: url("/customer_html/hermes/images/component-none-select.png");
	background-repeat: no-repeat;
}
.customer-area .checkboxNews input[type="checkbox"]:checked {position: relative; background-image: url("/customer_html/hermes/images/component-selec.png");	box-shadow: none;}
.customer-area .CustomerAreaInfofield .inputFields label {font-size: 1em;}
.CustomerAreaCoordonneesfield .ss-ttre-coord {padding-bottom: 5px; padding-top: 15px;}
.invisible.grid_12.ident, .invisible.grid_12.add_rue, .invisible.grid_12.ml_tel {display: inline-block; float: none;}
.ss-ttre-coord.news {padding-bottom: 15px; padding-top: 15px;}
.customer-area.info footer {margin: 0 0 35px; padding: 0 15px;}

.customer-area section.edit_occ_2 p.inputFields.grid_2 select {background-color: #fff !important; border: 1px solid #EEE; padding: 0.5em 1em;box-shadow: none;}
.customer-area fieldset.participantsfield {padding: 0; margin: 0;}
.customer-area fieldset.participantsfield legend{
	color: #0000AE;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 0px;
	padding: 0 0 0 60px;
	background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
	background-position: 0 6px;
	text-transform: uppercase;
	margin-bottom: 5px;
} 

section.edit_occ_2 .button, .customer-area.connect section.edit_part .creation_cpte .button, .customer-area.ca.fci .occ_ca_bt .button, .customer-area.connect.option_resa.tst_tst.authenticationPage .button.default {
	display: inline-block;
	background-color: #fff;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif;
	width: 190px;
	border-radius: 50px;
	font-weight: lighter;
	padding: 15px !important;
	box-shadow: none !important;
	margin-top: 0;
	margin-bottom: 35px;
	border: 1px solid #FF9422;
	text-align: center;
	color:#FF9422
}
section.edit_occ_2 .button.default, .customer-area.connect section.edit_part .creation_cpte .button.default, .customer-area.ca.fci .occ_ca_bt .button.default, .customer-area.connect.option_resa.tst_tst.authenticationPage .button.default {background-color: #FF9422; border: none !important; color:#fff}

.edit_occ_rens .page_resa {margin-top: 0;}
.edit_occ_rens .ProductBlock.hm {padding-bottom: 5px;}
.customer-area section.edit_occ_2{padding: 45px 0 0 !important;}
fieldset.edit_occ_rens {margin: 0;}
.customer-area .edit_occ_2 legend {margin-bottom: 15px !important;}
.occ_ca_bt {padding: 30px 0 15px;}
.ajt_occ {margin-top: 15px;}
.ajt_occ a {color: #0E6BF5;}
body#opt_res .ajt_occ .icon, [class^="icon-"] {font-size: 1.2em; margin-right: 7px; color: #0E6BF5; position: relative; top: 2px;}

.customer-area section.edit_part .creation_cpte .container_12 legend { margin-bottom: 25px;}
section.edit_part .creation_cpte inputFields.grid_4 select {border: 1px solid #EEE; background-color: #fff;}
.customer-area.connect .creation_cpte .grid_12 .invisible.grid_12 {display: inline-block !important;}
.customer-area.connect .creation_cpte select {width: 100% !important;  box-shadow: none;}
.creation_cpte #accountcreation.container_12 > .grid_12 > .grid_12 {padding-top: 0;}
.creation_cpte #accountcreation.container_12 .grid_12 > .grid_12 {margin-top: 0.4em;}
.creation_cpte #accountcreation select {padding: 7px 20px;}
.creation_cpte .privacyPolicy {margin-top: 0;}
.customer-area.connect .privacyPolicy label::before {border: none; left: 2px; top: 0; margin-top: -1px;	background-image: url("/customer_html/hermes/images/rectangle_option.png");	background-repeat: no-repeat;}
.customer-area.connect .privacyPolicy input:checked + label::before {	background-image: url("/customer_html/hermes/images/rectangle_option-checked.png") !important; background-clip: border-box;}
.customer-area.connect p.actions {margin: 15px auto 0; padding: 0;}

body.customer-area-paiement.customer-area article {padding: 0;}
.customer-area-paiement.customer-area .reservationSummary .DateBlock_OccupantBlock, .customer-area.ca.fci .reservationSummary .DateBlock_OccupantBlock {border-top: none; margin: 0; padding: 0 0 20px;}
.customer-area-paiement.customer-area .reservationSummary p {margin: 0; font-size: 15px;}
.customer-area-paiement.customer-area .reservationSummary {padding: 0; margin-top: 0;}
.customer-area-paiement.customer-area .hme_blc .confirmBlockResaText {margin-bottom: 0;}
.customer-area-paiement.customer-area .allResaDates.date_res {margin-bottom: 25px;}
.customer-area-paiement.customer-area .reservationSummary .productListSumm {margin: 0;}

.customer-area-paiement.customer-area .reservationSummary span.price {text-align: left;}
.customer-area-paiement.customer-area .reservationSummary .Alttotal {margin-bottom: 0;}
.customer-area-paiement.customer-area .ProductBlock .productListSumm .esp_tot {padding-bottom: 0;}
.customer-area-paiement.customer-area .reservationSummary .TotalBlockBottom {margin-top: 5px; max-width: 255px; padding: 5px;}
.customer-area-paiement.customer-area .reservationSummary .TotalBlockBottom {background: #0000AE; margin-top: 5px; width: 300px; padding: 5px; float:left;}
.paie_rg {display: none;}
.description.paymentDueName {
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.paie_du {
  font-family: 'Lexend Mega', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.inputFields.bas {
  display: none;
}
.actions.bas #doPayment {
  display: none;
}

.customer-area-paiement.customer-area .control_select {max-width: 200px; box-shadow: none; margin-top: 3px; color: #0E6BF5;}
.customer-area-paiement.customer-area p.inputFields {margin: 15px 0;}

.customer-area-paiement.customer-area .button {display: inline-block; background-color: #fff !important; text-transform: capitalize !important; font-family: 'Lexend Mega', sans-serif !important; 
width: 190px; border-radius: 50px; font-weight: lighter !important; padding: 15px !important; box-shadow: none !important; margin-top: 0 !important; margin-bottom: 0; border: 1px solid #FF9422 !important;
  text-align: center; color: #FF9422 !important;}
.customer-area-paiement.customer-area .button.default {background-color: #FF9422 !important; border: none !important; color: #fff !important;}
.customer-area-paiement.customer-area .inputFields label{color: #000;}
.customer-area-paiement.customer-area .prod_bl_list {display: inline-block; width: 100%; padding-bottom: 20px;}
.ProductBlock.lig_sup {padding-top: 5px !important;}

.paie_selec_lst:first-child{display: none;}
.paie_selec_lst:last-child{display: block !important;}

.customer-area-paiement.customer-area .paie_selec_lst{display: none !important;}
.customer-area-paiement.customer-area .paie_selec_lst:first-child{display: block !important;}

.connect_blk_1 {
	margin: 70px 100px 35px;
	border: 1px solid #C4C4C4;
	padding: 55px 40px;
}
.connect_blk_2 {
	margin: 40px 100px 65px;
	border: 1px solid #C4C4C4;
	padding: 55px 40px 40px;
}

#LogoutLink {
  width: 121px;
  height: 75px;
  display: inline-block;
  background-image: url(../images/bouton_disconnect.png);
  background-position: right top;
  background-repeat: no-repeat;
}

#existing_customer_password {
	background-image: url("../images/pwd_visible.png") !important;
	background-position: 97% center !important;
	background-repeat: no-repeat !important;
}
#existing_customer_password.visible {
	background-image: url("../images/pwd_invisible.png") !important;
}
#toggle-password, #toogle-eye {display: none;}
#toggle-password+label, #toogle-eye+label {
	text-indent: -9999px;
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: relative;
	border: none;
	float: right;
	margin-top: -35px;
	margin-right: 3%;
	margin-bottom: 35px;
}
.picto_bas a:last-child {color: #fff;border-bottom: 1px solid #fff; padding-bottom: 1px;}

.customer-area.connect .bandeau_bas {
  margin: 0 100px 65px;
  width: calc(100% - 200px);
}
.customer-area.connect .warning{
	  max-width: 100%;
	  color: #EB4B55;
	  font-size: 13px;
	  line-height: 17px;
	  font-weight: 500;
	  text-align: center;
	  border: 1px solid #EB4B55;
	  background-color: rgba(235, 75, 85, 0.1);
	  background-image: none;
	  background-repeat: no-repeat;
	  padding: 15px 0 !important;
	  margin: 100px 100px 0 !important;
	  background-position: left 400px center !important;
}
.popup fieldset legend{
	   color: #0000AE;
	   font-size: 15px;
	   font-weight: 600;
	   margin: 25px 0 0 10px;
	   padding: 20px 0 0 10px;
	   text-transform: uppercase;
	   width: 60%;
	   float: left;
	   padding: 0 0 0 60px;
	   background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
	   background-position: 0 6px;	   
}
.popup #SendPasswordLink, .popup #selfClose {
	display: inline-block;
	background-color: #FF9422;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif;
	width: 190px;
	border-radius: 50px;
	font-weight: lighter;
	padding: 15px !important;
	box-shadow: none !important;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none !important;
	text-align: center;
}
.popup p {margin: 0.5em 0; font-family: 'Lexend Mega', sans-serif;font-weight: 500;font-size: 15px;line-height: 17px;text-transform: initial;clear: both;padding: 5px 10px 0; text-align:left;}
.popup p.sent {text-align: center; padding-top: 20px;}
.popup div.lab{font-family: 'Lexend Mega', sans-serif;font-weight: 500;font-size: 15px;}
.popup  input[type="text"] {margin-top: 5px; width: 80%; display: block;}
.logo-pop {float: right; margin: 7px 5px 5px 0;}
.logo-pop img {width: 90%;}

.customer-area-paiement.customer-area p.actions.bas {
  margin-top: 35px;
  text-align: center;
  display: block ruby;
  margin-bottom: 35px;
}

.customer-area.info #existing_customer_login {background: #fff !important;}
section.edit_part .creation_cpte .privacyPolicy a {text-decoration: underline;}

.testi {
  width: 20px;
  height: 20px;
  position: relative;
  top: -35px;
  left: 94%;
}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background: url("/customer_html/hermes/images/pwd_visible.png");
  background-repeat:no-repeat;
}
.option_resa.template_tunnel.auth .creation_cpte .checkmark {top: -3px; left: -15px;}

.container:hover input ~ .checkmark {
  background: url("/customer_html/hermes/images/pwd_visible.png");
  background-repeat:no-repeat;
}

.container input:checked ~ .checkmark {
	background: url("/customer_html/hermes/images/pwd_invisible.png");
  background-repeat: no-repeat;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}
.inputFields.grid_4.lg.nd {
  margin-bottom: 0;
}
.inputFields.grid_4.lg.sd .checkmark, .field.grid_12 .checkmark {
  top: -35px;
  left: 94%;
}
.field.grid_12 .checkmark {left: 90%;}
.option_resa.template_tunnel.auth .field.grid_12 .checkmark {top: -38px;}
.option_resa.template_tunnel.auth .control_text.medium_text_field.mandatory.visible {margin-bottom: 0 !important;}
.inputFields.grid_4.lg.sd #existing_customer_password, .inputFields.grid_4.lg.sd #existing_customer_password.visible, .field.grid_12 #existing_customer_password, .field.grid_12 #existing_customer_password.visible {
  background-image: none !important;
}
.option_resa.template_tunnel.cart .paiement_carte a{
	border-bottom: 1px solid #0000AE;
	padding-bottom: 3px;
}
.txt_assur a {text-decoration: underline;}
.id_ret_but a {text-decoration: unset !important;}

.option_resa.template_tunnel.opti .proposalList input[type="radio"] + label::before, .option_resa.template_tunnel.opti .OccupantList input[type="radio"] + label::before {
	width: 23px;
	height: 23px;
	border-radius: unset;
	border: none;
	background: url("/customer_html/hermes/images/component-none-select.png");
	box-shadow: none;
}
.option_resa.template_tunnel.opti ul#list_occ {margin-top: 5px;}
.option_resa.template_tunnel.opti .OccupantList input[type="radio"]:checked + label::before {background-image: url("/customer_html/hermes/images/component-selec.png") !important;}
.option_resa.template_tunnel.opti ul.OccupantList li {padding: 15px 0;}
.option_resa.template_tunnel.opti ul#list_occ li label {min-height: 17px;}
.option_resa.template_tunnel.opti input.control_date {max-width: 6.2em !important;}
.option_resa.template_tunnel.opti [class^="icon-"]{top: 9px;}
.option_resa.template_tunnel.opti .ajout_part {padding: 12px 0 12px 25px;}
.option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte input.control_text.medium_text_field.mandatory {background-image: none !important;}
.customer-area.connect .creation_cpte .checkmark {left: -10px;}

.option_resa.template_tunnel.confirm article {
	max-width: unset;
	padding: 50px 100px 0 !important;
	margin: 0 auto !important;
	float: none;
	width: 100%;
}
.num_doss {text-transform: uppercase; font-size: 0.9em; margin-bottom: 25px;}
.option_resa.template_tunnel.confirm .confirmBlockResaImg {width: 40%; max-height: 200px; margin-top: 0 !important;}
.option_resa.template_tunnel.confirm .confirmBlockResaText {
  margin-top: 0 !important;
  font-family: 'Lexend Mega', sans-serif !important;
  padding-left: 20px;
  font-size: 0.95em;
  width: 59%;
}
.option_resa.template_tunnel.confirm .confirmBlockResaText p {font-weight: initial;}
.txt_resat {text-transform: initial;margin-bottom: 15px;}
.txt_resat.lt {margin-bottom: 0;}
.option_resa.template_tunnel.confirm .legend_confirmation {
  color: #0000AE;
  text-transform: uppercase;
  font-size: 15px !important;
  font-weight: 600;
  background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
  padding: 0 50px 0 60px !important;
  background-position: left center !important;
  margin: 40px 40px 15px 0;
  border: none;
}
.option_resa.template_tunnel.confirm .coordonneesfield, .option_resa.template_tunnel.confirm .cadre_part {border: none;}
.option_resa.template_tunnel.confirm #TunnelMain .coordonneesfield .container_12 {margin: 5px 0;}
body.option_resa.template_tunnel.confirm .participantsfield .occupants {margin: 5px 0 !important;}

.option_resa.confirmation.tunnel section.card_savr{min-height: 300px; margin: 0 auto; padding: 50px 5px 20px;}
.option_resa.confirmation.tunnel section.card_savr .button{
	display: block;
	background-color: #FF9422;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif; 
	width: 190px;border-radius: 50px;
	font-weight: lighter;
	padding: 15px !important;
	margin: 50px auto 0;
	box-shadow: none !important;
	margin-bottom: 15px;
	border: none !important;
}
.option_resa.confirmation.tunnel section.card_savr .button:hover {color: #fff;}
.option_resa.confirmation.tunnel.sd section.fullWidth {padding: 10px 100px 50px; margin: 0 0 40px; display: inline-block;}
.option_resa.confirmation.tunnel.sd article.fullwidth {margin: 0.6em 0 0; width: 100%;padding: 0.6em 0;}
.option_resa.confirmation.tunnel.sd div.logos_text {display: block; line-height: 3em;  width: 100%; margin-top: 20px;}
.option_resa.confirmation.tunnel.sd .logos_univers {padding-bottom: 45px;}
.option_resa.confirmation.tunnel.sd p.otherLinks {display: none;}
.customer-area.home.vch #box_dialog_error {height: auto !important; text-align: center;}
.customer-area.home.vch #box_dialog_error .button.default {margin-bottom: 20px;}
.customer-area.home.vch .warning {display: none;}
.txt_pay_ld, .lst_act_butt {display: none;}
div.lst_act_butt:nth-child(-n+2) {display: block;}
.customer-area.home.vch footer {margin: 0;}
.customer-area.home.vch .resedit_add_lineitem, .customer-area.home.vch .fast_checkin, .customer-area.home.vch .fast_checkout {display: none !important;}
.customer-area.home.vch .but_paiement {text-align: right;}
.customer-area.home.vch .cardre_hme {margin-bottom: 35px;}
.customer-area.home.vch .rens_p a {margin-bottom: 10px;}
.customer-area nav ul#customerMenu {width: 97%;}
.warning, .error {padding: 25px; margin: 0 20px 20px; border: 1px solid #EB4B55; color: #EB4B55; max-width: unset; background-color: rgba(235, 75, 85, 0.1); font-size: 14px; line-height: 17px; font-weight: 500;}
.error {margin: 20px auto;}
.customer-area .warning{margin: 0 0 20px;}
.customer-area.info footer {padding: 0;}
.customer-area.info .inputFields select {padding: 0.4em 1em;}
.customer-area.res_list .warning {max-width: unset; text-align: center; margin: 25px 0 0;}
.customer-area.home .warning {max-width: unset; text-align: center; margin: 25px 0;}
.customer-area.res_list .warning.top {margin: 0 0 25px;}
.option_resa.template_tunnel.auth .authActions {display: none;}
.customer-area.connect section.edit_part .creation_cpte .container_12 {margin: 70px 100px 65px; border: 1px solid #C4C4C4; padding: 55px 40px; width: auto;}
.CustomerAreaCoordonneesfield.participantsfield .container_12 {display: initial;}
.CustomerAreaCoordonneesfield.participantsfield p.inputFields.grid_4 select {background-color: #fff !important; border: 1px solid #EEE; padding: 0.5em 1em; box-shadow: none;}
.customer-area.ca.vch section.edit_occ input#Nom, .customer-area.ca.vch section.edit_occ input#Prenom, .customer-area.ca.vch section.edit_occ input#edit_occ_form_date_creation_YYYY, .customer-area.ca.vch section.edit_occ input#Email, .customer-area.ca.vch section.edit_occ input#Phone {background-image: none;}
.customer-area.ca.vch .occ_ca_bt {padding: 40px 0 15px;}
.customer-area.ca.vch #edit_occ_form_date_creation_MM, .customer-area.ca.vch #edit_occ_form_date_creation_DD, .customer-area.ca.vch #edit_occ_form_date_creation_YYYY  {text-align: center;}
.customer-area nav ul.customerAreaMenu.fci {padding-top: 20px;}
header nav .navTitleFCI {font-size: 18px;font-weight: 700; padding-top: 35px; color: #000;}
.retour-fci {margin-top: 40px;}
.retour-fci a {color: #0000AE; font-size: 16px; background: url("/customer_html/hermes/images/picto_bck_fci.png") no-repeat; background-position: left center; padding-left: 20px;}
.customerAreaMenu.fci li a {padding: 12px 24px;}
.customer-area .dispo_fci section.edit_occ_2 {border: 1px solid #c3c3c3; padding: 35px 35px 0 !important; margin-bottom: 50px;}
.customer-area .dispo_fci section.edit_occ {padding-top: 0 !important;}

.customer-area.ca.fci section.edit_occ_2 .occupants.container_12 {padding-top: .5em; padding-bottom: .25em;}
.customer-area.ca.fci p.occupantFields {display: none;}
.customer-area.ca.fci section.edit_occ_2 p.inputFields.grid_4 select, .customer-area.ca.fci #TunnelMain .participantsfield p.inputFields.grid_2 select{
	background-color: #fff !important;
	border: 1px solid #EEE;
	padding: 0.5em 1em !important;
	box-shadow: none;
}
.customer-area.ca.fci #TunnelMain .participantsfield input[type="text"]{border: 1px solid #EEE;}
.customer-area.ca.fci input[disabled], .customer-area.ca.fci select[disabled], .customer-area.ca.fci textarea[disabled], .customer-area.ca.fci section.edit_occ_2 p.inputFields.grid_4 select[disabled],.customer-area.ca.fci #TunnelMain .participantsfield p.inputFields.grid_2 select[disabled] {
	background-color: #f5f5f5 !important;
	border: 1px solid #f5f5f5 !important;
	background-image: none!important;
	color: #000 !important;
}.customer-area.ca.fci section.edit_occ_2 {padding: 35px 35px 0 !important; border: 1px solid #c3c3c3; margin-bottom: 50px;}
.customer-area.ca.fci .inputFields.grid_1.deleteBlock {padding-top: 12px;}

.customer-area.ca.fci aside.reservationSummary.fci {
  background: white;
  padding: 0;
  margin-top: 0;
  border: 0;
}
.customer-area.ca.fci .info_etb_fci {padding: 0;}
.customer-area.ca.fci .cardre_hme {margin: 0; display: inline-block; width: 100%;}
.customer-area.ca.fci .reservationSummary .TotalBlock, .customer-area.ca.fci .rppl, .customer-area.ca.fci .remaining_total_resa {display: none;}
.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom {display: block; width: 310px; float: right; margin-top: 0;}
.customer-area.ca.fci .hme_blc .confirmBlockResaText {margin-bottom: 0;}
.Maintotal.ver {text-transform: capitalize; color: #000; background-color: #fff; padding: 15px 0 !important;}
.Maintotal.ver span.price {color: #000 !important;}
.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom .Maintotal{padding: 15px 20px !important;}
.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom .Maintotal.ver {padding: 20px 0 !important;}
.txt_ver {text-align: right;padding-bottom: 12px;font-size: 14px;}
.px_ver {padding-bottom: 15px;}
.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom span.price {font-size: 20px;}
.Maintotal.res {display: flex;}
.tx_res {width: 50%;}
.mt_res {width: 50%; float: right; padding-top: 7px;}
.customer-area.ca.fci .productListSumm {display: initial;}
.customer-area.ca.fci .reservationSummary span.price {text-align: left;}
.customer-area.ca.fci .reservationSummary .productListSumm span.totalPriceInitial {width: auto;}
.customer-area.ca.fci span.totalPriceInitial .price {float: left;}
.customer-area.ca.fci  .reservationSummary .productListSumm span.label {padding-bottom: .5em !important;}
.customer-area.ca .supp_bl_list {padding-bottom: 40px;}
.customer-area.ca.fci section#PaymentBlock {padding: 0;}
.customer-area.ca.fci .paiement #PaymentBlock .label.credit_card_types {color: #000; padding-top: 40px;}
.customer-area.ca.fci .wrapperRemainigResa .control_select {width: 90%; max-width: 200px; box-shadow: none; margin-top: 3px; color: #0E6BF5;border: 1px solid #C4C4C4; font-size: 15px; font-weight: 500; line-height: 35px; font-family: 'Lexend Mega', sans-serif; padding-left: 20px; margin-bottom: 20px;}

.customer-area.ca.fci .paymentcheck label a {color: #0E6BF5; line-height: 2em;  text-decoration: underline; font-size: 14px;}
.customer-area.ca.fci .paymentcheck div.label:not(.productWithMoreQuantity) label {
  padding-left: 30px;
}
.customer-area.ca.fci .paymentcheck div.label:not(.productWithMoreQuantity) label::before {
  border: none;
  top: 70%;
  background: url("/customer_html/hermes/images/component-none-select.png");
  background-repeat: no-repeat;
}
.customer-area.ca.fci .paymentcheck input[type="checkbox"]:checked + div.label label::before {
  background-image: url("/customer_html/hermes/images/component-selec.png") !important;
}
.customer-area.ca.fci .occ_ca_bt {padding: 0 0 15px !important;}
.customer-area.ca.fci .reservationSummary p {margin: 0.2em 0 .4em 0;}
.option_resa.template_tunnel.cart #paymentdue_type {max-width: unset;}

.option_resa.template_tunnel.confirm.paiem .button.rtr {display: none;}
body#confirmation.template_tunnel.confirm.paiem #box_dialog_error .button.default {
  padding: 0.8em 0.4em;
  border: none;
  background-color: #0E6BF5;
  border-radius: 50px;
  min-width: 100px;
  font-weight: lighter;
  max-width: 100px;
}


@media (min-width: 75rem){
	#main-contener {max-width: 1200px !important; width: unset !important;}
	.option_resa.template_tunnel.opti .ajout_part {padding: 12px 0 12px 50px;}
	.option_resa.template_tunnel.opti .blc-occ {padding: 0 35px; padding-bottom: 0;}
}

@media (min-width: 55rem){
  	.customer-area .fullWidth.main {padding: 10px 100px 50px; margin: 0 0 40px;}
  	.customer-area.ca.vch .fullWidth.main {margin: 0 0 40px;}
  	section.allResaBlock.page_resa {padding: 0;}
	.customer-area #main-contener, body.customer-area-paiement #main-contener {margin: 15px auto 0;}
	.customer-area .creation_cpte {margin: 0;padding: 0;}
	.customer-area section.edit_part .creation_cpte .container_12 {margin: 70px 100px 65px;	border: 1px solid #C4C4C4; padding: 55px 40px; width: auto;}
	.customer-area-paiement.customer-area .fullwidth.main {padding: 135px 100px 50px; margin: 0 0 40px;}
	.customer-area-paiement.customer-area section {margin: 0; padding: 0;}
	.customer-area.home.vch .fullWidth.main {margin-bottom: 0; padding-top: 80px;}
	.customer-area section.allResaBlock.page_resa {padding: 0;}
	.customer-area.ca.fci .fullWidth.main {margin: 0 0 20px;}
}

@media (max-width: 75rem){
	.customer-area .connect_blk_1 .button.fullWidth.default{min-width: 80%;}
	.connect_blk_1 {margin: 30px 50px 25px;}
	.connect_blk_2 {margin: 40px 50px 55px;}
	.customer-area p.otherLinks {right: 20px;}
	.customer-area.connect .bandeau_bas {margin: 0 50px 55px; width: calc(100% - 100px);}
	.customer-area.connect .warning{margin: 65px 100px 0 !important;background-position: left 40% center !important;}
	.option_resa.template_tunnel.auth .creation_cpte .checkmark {left: -20px;}
	.option_resa.template_tunnel.auth input[type="text"], .option_resa.template_tunnel.auth input[type="password"], .option_resa.template_tunnel.auth select {padding: 20px 10px; font-size: 14px !important;}
	#TunnelMain section.edit_part .creation_cpte #accountcreation select {padding: 0.3em 10px; font-size: 14px !important;}
	.option_resa.confirmation.tunnel.sd section.fullWidth {padding: 10px 40px 10px;}
	.customer-area.info input[type="text"], .customer-area.ca.vch input[type="text"] {font-size: 0.95em;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 {margin: 30px 50px 55px;}
	.customer-area.ca.vch input[type="text"] {font-size: .95em; padding: 16px;}	
	.customer-area.ca.fci #TunnelMain .participantsfield p.inputFields.grid_2 select {background-position: right 10px bottom 50%;}
	.option_resa.template_tunnel.cart #paymentdueType select{width: 66%;}
}

@media (max-width: 55rem){
	.customer-area .fullWidth.main {margin: 20px 10px 10px; width: auto; padding-bottom: 0;}
	.customer-area .cardre_hme {margin: 35px 20px 0; padding: 20px; display: inline-block; width: calc(100% - 40px);}
	.customer-area .bloc_esp_cl {margin: 35px 20px; padding: 20px; display: inline-block;}
	.customer-area .hello_name.tst, .customer-area .hello_bienvenue, .hello_bienvenue_id {margin: 0 20px;}
	.customer-area.home.vch .hello_name.tst {margin: 25px 15px 0;}
	.customer-area .allResaBlock.page_resa {margin: 35px 20px 15px; padding: 0; display: inline-block; width: calc(100% - 40px);}
	#accordion div.cadre_tab{margin:0; padding: 25px 20px;}
	.customer-area .ui-state-active, .customer-area .ui-state-active, .customer-area .ui-widget-header .ui-state-active, .customer-area a.ui-button:active, .customer-area .ui-button:active, .customer-area .ui-button.ui-state-active:hover{
	background-position: 96% 24px;}
	.head_resa_blck {background-position: 96% 24px;}
	.customer-area.connect .warning{background-position: left 35% center !important;}
	.customer-area-paiement.customer-area .prod_bl_list, .customer-area-paiement.customer-area .supp_bl_list {margin: 10px 0 0; background: #fff; padding-top: 25px;}
	.option_resa.template_tunnel.opti ul#list_occ li {display: flex;padding: 15px 0 0;}
	#accountcreation .inputFields.grid_14.pwd, .inputFields.grid_15.confirmation {width: 100%; padding-right: 0;}
	#accountcreation .inputFields.grid_14.pwd {margin-bottom: -10px;}
	.customer-area.connect .creation_cpte .checkmark {left: -15px;}
	.option_resa.confirmation.tunnel.sd div.logos_text {margin-top: -20px;}
	.option_resa.confirmation.tunnel.sd section.fullWidth {margin: -10px 0 40px;}
	.customer-area.home.vch .fullWidth.main {margin: 20px 10px 10px; padding: 0.6em 0 0;}
	.customer-area.home.vch footer {display: none;}
	.customer-area.home.vch .bandeau_bas, .customer-area.home .bandeau_bas, .customer-area.info .bandeau_bas {margin: 0 20px 15px; width: calc(100% - 40px);}
	.customer-area h4.page_resa {margin-left: 20px}
	.customer-area.info .fullWidth.main {margin: 20px 10px 10px; padding: 10px 0 0; display: inline-block; width: calc(100% - 20px);}
	.customer-area.info section#authentication.edit_part {margin: 0 1; padding: 25px 15px; display: inline-block;}
	.customer-area.info .CustomerAreaInfofield{margin-left: 0; margin-right: 0; display: inline-block;padding-top: 35px;}
	.customer-area.info .invisible.grid_12.ident .grid_6.dates {float: left; width: 87%; display: inline-block; padding-top: 0.4em;}
	.customer-area .ui-accordion-content-active {padding: 0 20px;}
	.customer-area.res_list article.fullwidth {margin-bottom: 10px !important;}
	.customer-area.info section fieldset.CustomerAreaCoordonneesfield {padding: 25px 0 0; margin-left: 0; margin-right: 0; display: inline-block;}	
	.customer-area.info .ss-ttre-coord.news, .customer-area.info  .checkboxNews {margin: 0 20px;}
	.customer-area.info footer {padding: 0 20px;}
	.customer-area.res_list .warning {margin: 0 0 35px;}
	.customer-area.connect article.fullwidth {background: #fff; margin: 10px !important; width: auto !important;}
	.customer-area.connect section#authentication.edit_part{background: #fff; margin: 20px 10px;Width:auto;}
	.customer-area.connect .connect_blk_1 {margin: 10px 10px 25px;}
	.customer-area.connect .connect_blk_2 {margin: 40px 10px 0;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 {margin: 0 0 15px;}
	.customer-area.connect  .creation_cpte {padding: 10px 10px 20px;}
	.customer-area.connect .bandeau_bas {margin: 0 10px 0; width: calc(100% - 20px);}
	.customer-area section#authentication.edit_part, .customer-area section.edit_occ{padding: 35px 20px 0 !important;}
	.customer-area section.edit_occ_2 {padding: 45px 20px 0 !important;}
	.customer-area.ca fieldset.participantsfield {padding: 0 0 15px;}
	.customer-area-paiement.customer-area .fullwidth.main {margin: 20px 10px 10px; width: auto;}
	body.customer-area-paiement.customer-area article {padding: 35px 0 0;}
	body.customer-area-paiement.customer-area .cardre_hme {margin: 30px 20px 0; width: calc(100% - 40px);}
	.customer-area.ca.fci .cardre_hme {margin: 20px 20px 0; width: calc(100% - 40px);}
	body.customer-area-paiement.customer-area .cadre_tab {width: 100%;}
	.customer-area-paiement.customer-area .bandeau_bas {margin: 0 20px 5px; width: calc(100% - 40px);}
	.customer-area.ca h4.page_resa {margin-left: 0;}
	.customer-area.ca .edit_occ_rens{padding: 20px 20px 35px;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_3 {width: 23%;}
	.customer-area.ca.vch section.edit_occ_2 {padding: 45px 0 0 !important;}
	.customer-area.ca.vch .bandeau_bas {margin-bottom: 15px;}
	.retour-fci {margin-left: 20px; margin-top: 25px;}
	.customerAreaMenu.fci {padding: 30px 0 35px 0;}
	.customer-area.ca .dispo_fci fieldset.participantsfield {padding: 0 20px 15px;}
	.customer-area .dispo_fci section.edit_occ_2 {margin-bottom: 40px;}
	.customer-area.ca.fci section.edit_occ_2 {padding: 35px 20px 0 !important; margin: 20px 20px 50px; width: calc(100% - 40px);}
	.customer-area.ca.fci .bandeau_bas {margin: 0 20px 15px; width: calc(100% - 40px);}
	.customer-area.ca.fci .fullWidth.main {margin: 20px 10px 10px; width: auto; padding-bottom: 0;}
	.option_resa.template_tunnel.cart #paymentdueType select{width: 80%;}
}
@media (max-width: 879px){
	.customer-area.ca.fci article {padding: 0 20px !important;}
}
@media (max-width: 575px){
	.customer-area.connect .warning {margin: 0 100px 0 !important;}
	.customer-area.connect section#authentication.edit_part{padding: 0 !important;}
	.customer-area.connect article.fullwidth {padding-top: 35px !important;}
	
}
@media (max-width: 45rem){
	.customer-area .connect_1 {width: 100%; display: inline-block; padding-right: 0; border-right: none;}
	.customer-area .connect_2 {width: 100%;	float: none; padding-left: 0 !important; padding-top: 50px;}
	.connect_blk_1 {margin: 70px 100px 25px; border: 1px solid #C4C4C4;	padding: 55px 40px;}
	.connect_blk_2 {margin: 40px 100px 0; border: 1px solid #C4C4C4;padding: 55px 40px 40px;}
	.customer-area .connect_blk_2 .button.fullWidth.default{min-width: 80%;}	
	#LogoutLink{height: 45px; background-size: 8em;}
	.customer-area p.otherLinks {top: 35px;}
	.customer-area.connect .warning{background-position: left 28% center !important;}
	.connect_blk_1, .connect_blk_2 {padding: 35px 20px;}
	.customer-area legend {text-align: left !important;}
	.customer-area.connect .warning {margin: 0 20px 35px !important;}
	.customer-area.connect article.fullwidth {padding-top: 0 !important;}
	.customer-area.connect .connect_blk_1, .customer-area.connect .connect_blk_2 {padding: 40px 20px;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 {padding: 40px 20px;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 legend {font-size: .9em;}
	.customer-area.connect section#authentication.edit_part {margin: 0 10px 20px; padding-top: 20px !important;}
	.customer-area.ca .participantsfield .container_12 {display: inline-block;}	
}
@media (max-width: 35rem){
	.connect_blk_1 {margin: 0 20px 20px;}
	.connect_blk_2 {margin: 0 20px 15px;}
	.customer-area.connect .bandeau_bas {margin: 0 20px 50px; width: calc(100% - 40px);}
	.customer-area.connect section fieldset {display: contents;}
	#LogoutLink{height: 45px; background-size: 8em;}
	.customer-area p.otherLinks {right: 0;}
	.customer-area.connect .warning {margin: 0 20px 35px !important;}
	.customer-area.connect section#authentication.edit_part{padding: 0 !important;}
	.customer-area.connect article.fullwidth {padding-top: 35px !important;}
}
@media (min-width: 641px){
	.invisible.grid_12.ident .grid_4 select {width: 100% !important;}
	.invisible.grid_12.ident .grid_4 {width: 20%;}
	.invisible.grid_12.ident .grid_8 {width: 29%; padding-right: 10px;}
	.invisible.grid_12.ident .grid_6 {width: 25% !important; padding-right: 10px;}
	.invisible.grid_12.ident .grid_6.dates {margin-left: 0; float: right; padding-right: 0; width: 26% !important;}
	.inputFields.grid_6.dates .grid_4:last-child {padding-right: 0;}
	.inputFields.grid_6.dates .grid_4 {padding-right: 5px;}
	.inputFields.grid_6.dates .grid_4:last-child {padding-right: 0; margin-left: 5px;}
	.invisible.grid_12.ml_tel .grid_8, .invisible.grid_12.ml_tel .grid_6 {width: 50%;}
	.invisible.grid_12.add_rue.comp .grid_4 {width: 16%;}
	.invisible.grid_12.add_rue.comp .grid_8 {width: 40%;}
	.customer-area.info #edit_customer_info_pol_address_country {width: 100% !important;}
	.invisible.grid_12.add_rue.comp .grid_8, .invisible.grid_12.add_rue.comp .grid_6 {width: 42%;}
	.customer-area section.edit_occ_2 .container_12 .grid_2 {width: 19%;}
	.customer-area section.edit_occ_2 .container_12 .grid_1 {width: 10%;}
	input.occ_ca_dates {text-align: center;}
	.customer-area .edit_occ_2 .inputFields.grid_1.deleteBlock  {width: 4% !important;}
	.invisible.grid_12.e_mail_cr .inputFields.grid_4 {width: 100%; padding-right: 0;}
	.invisible.grid_12.adress .inputFields.grid_4, .invisible.grid_12.adress .inputFields.grid_6, .invisible.grid_12.pwd .inputFields.grid_4, .invisible.grid_12.pwd .inputFields.grid_8.confirmation {width: 50%;}
	.invisible.grid_12.pwd .inputFields.grid_8.confirmation{padding-right: 0;}
	.customer-area-paiement.customer-area span.totalPriceInitial .price {float: left;}
	.customer-area-paiement.customer-area .reservationSummary .productListSumm span.totalPriceInitial {width: auto;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_1 {width: 12%;}
	.customer-area.ca.vch .invisible.grid_12.add_rue .grid_6 {width: 33% !important;}
	.customer-area.ca.vch .invisible.grid_12.add_rue.comp .grid_6 {width: 42% !important;}
	.customer-area.ca.vch .inputFields select {width: 100% !important;}
	.customer-area.ca.vch .invisible.grid_12.ml_tel .inputFields.grid_12, .customer-area.ca.vch .invisible.grid_12.ml_tel .inputFields.grid_5 {width: 50% !important;}
}
@media (max-width: 55rem){
	.customer-area.ca.vch .invisible.grid_12.ident .inputFields.grid_8, .customer-area.ca.vch .invisible.grid_12.ident .inputFields.grid_6 {width: 40% !important;}
	.customer-area.ca.vch .invisible.grid_12.ident .grid_6.dates {width: 100% !important; display: inline-block !important; float: none; padding-top: 7px;}
	.customer-area.ca.vch .invisible.grid_12.ident .inputFields.grid_6, .customer-area.info .invisible.grid_12.ident .inputFields.grid_6 {padding-right:0;}
	.customer-area.ca.vch .inputFields.grid_6.dates .grid_4, .customer-area.info .inputFields.grid_6.dates .grid_4 {width: 15% !important;}
	.customer-area.info .invisible.grid_12.ident .inputFields.grid_8, .customer-area.info .invisible.grid_12.ident .inputFields.grid_6 {width: 40% !important;}
	.customer-area.info .invisible.grid_12.ident .grid_6.dates {width: 100% !important; display: inline-block !important; float: none; padding-top: 7px;}
}	

@media (min-width: 640px){
	.customer-area-paiement.customer-area .reservationSummary .ProductBlock {padding: 15px 0 0;}
}
@media (max-width : 879px){
	.customer-area .cadre_tab, .cadre_tab_bl, .cadre_tab_doc {width: auto;}
	.customer-area .action_buttons.hme {width: 100%; display: inherit;}
	.customer-area .action_buttons.hme.ori {display: none;}
	.customer-area .cadre_tab, .customer-area .cadre_tab_bl, .customer-area .cadre_tab_doc {float: none; max-width: unset; overflow-x: unset;}
	.customer-area .creation_cpte .connect_blk_2 {margin: 40px 50px 0;}
	.customer-area .creation_cpte {padding: 10px 20px 40px; display: inline-block;}
	.option_resa.confirmation.tunnel.sd div.logo a {line-height: 5em; background-size: 18em;}
	.option_resa.confirmation.tunnel.sd #main-contener{max-width: 720px;}
}
@media (max-width : 719px){
	.option_resa.template_tunnel.cart #paymentdueType select {padding: 17px 30px 17px 10px; font-size: 0.55em;}
}
@media (max-width: 45rem){
	.customer-area.ca section.edit_occ_2 .container_12 .grid_2 {width: 30%; float: none; display: inline-block; margin-right: 3px;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_3  {width: 30%; float: none; display: inline-block; margin-left: -2px;}
	.customer-area.ca section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_3 {margin-left: 0;}
	.customer-area.ca section.edit_occ_2 p.inputFields.grid_2 select {width: 100% !important;}
	.customer-area.casection.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_1 {margin-left: 0;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_1 {width: 30%; margin-left: 0; margin-right: 5px;}
	.customer-area.ca span.actionDelete {font-size: 1.2em;line-height: 2em;}
	.dispo_fci .invisible.grid_12.ident .grid_4 {width: 30%;}
	.customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_8, .customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_6 {width: 35% !important;}
	.customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_6.dates {width: 100% !important;}	
	.customer-area.ca.fci section.edit_occ_2 .container_12 .grid_4 {width: 99%; padding-right: 0; margin-bottom: 5px !important}
	.customer-area.ca.fci .inputFields.grid_2.paricipant_civilite {width: 28% !important; margin-right: 5px;}
	.customer-area.ca.fci input[type="text"]{padding: 16px 10px;}
	.customer-area.ca.fci  #TunnelMain .participantsfield .inputFields select {padding: .3em; width: 100% !important;}
	.customer-area.ca.fci #TunnelMain .participantsfield .container_12 .grid_2 + .grid_3 {margin-left: 0; width: 23%;}
	.customer-area.ca.fci  #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {width: 22%;}
	.customer-area.ca.fci .inputFields.grid_3.participant_date_naissance {width: 21% !important;}
}
@media (max-width:575px){
	.customer-area.home.vch .bandeau_bas_resp {margin-top: -10px;}
	.customer-area.ca.fci .paymentcheck label a {line-height: 1em;}
}	
@media (max-width: 640px){
	.customer-area.connect section.edit_part .acces_cpte fieldset legend {display: block;}
	.customer-area .cadre_tab, .customer-area .cadre_tab_bl {float: none; max-width: unset; overflow-x: unset;}
	.customer-area.connect section.edit_part .creation_cpte .privacyPolicy {margin-top: 0;}
	p.otherLinks {padding: 15px 0 0 0;}
	.customerAreaMenu li {font-size: 12px; margin-bottom: 10px;}
	.customer-area .hello_name.tst {margin: 15px 20px 0;}
	 .hello_bienvenue_id {margin: 0 20px;}
	.customer-area .allResaBlock.page_resa {width: 100%; margin: 0; padding: 35px 20px}
	.customer-area .cardre_hme {margin: 35px 10px 0; width: calc(100% - 20px);}
	.customer-area.home .cardre_hme {margin: 35px 20px 0; width: calc(100% - 40px);}
	.customer-area .bloc_esp_cl {margin: 35px 5px 5px;}
	.customer-area.home .bloc_esp_cl {margin: 35px 20px 5px;}
	.action_buttons.hme.fst, .action_buttons.hme {text-align: center; margin-bottom: 15px;}
	#accordion .but_paiement {text-align: center; display: block; margin-bottom: 30px;}
	#accordion .but_paiement.at {display: none;}
	.customer-area .cadre_tab_doc {padding-bottom: 20px;}
	.rens_parti, .customer-area.home.vch .rens_p a {min-width: unset; padding: 15px 85px 15px 15px;}
	.rens_p {text-align: left;}
	.doc_resa a {line-height: 1.4em;}
	.customer-area.home h4.page_resa {margin: 0 0 0 15px;}
	.action_buttons.hme.fst{margin-bottom: 25px;}	
	.customer-area.home .action_buttons_content {padding-bottom: 25px; text-align: center;}
	.customer-area-paiement.customer-area .reservationSummary .TotalBlockBottom {width: 100%; padding: 5px; float: none; margin: 25px 0; max-width: unset;}
	.customer-area-paiement.customer-area .reservationSummary span.price{padding-top: 15px;text-align: right;}
	.customer-area-paiement.customer-area .reservationSummary .Maintotal span.price{padding-top: 0;}
	body.customer-area-paiement.customer-area .productListSumm span.price {width:100%;}
	body.customer-area-paiement.customer-area .reservationSummary .Alttotal{padding: 0;}
	.inputFields.grid_4.lg.sd .checkmark, .testi, .field.grid_12 .checkmark {left: 92%;}
	.option_resa.template_tunnel.opti ul#list_occ li label {font-size: 0.9em;}
	.option_resa.template_tunnel.opti  .blc-occ {padding: 0;}
	.option_resa.template_tunnel.opti  .OccupantList input[type="radio"] + label {padding-left: 1.9rem;}
	.option_resa.template_tunnel.opti  .ajout_part {padding: 12px 0 12px 15px}
	.option_resa.template_tunnel.auth .creation_cpte .checkmark {left: 0;}
	#accountcreation .inputFields.grid_14.pwd {margin-bottom: 0;}
	.customer-area.connect .invisible.grid_12.pwd .inputFields.grid_4 {margin-bottom: -15px;}
	.customer-area.connect .creation_cpte .checkmark {left: 0;}
	.option_resa.confirmation.tunnel.sd p.logo{padding-top: 7px;}
	.option_resa.confirmation.tunnel.sd div.logos_text {margin-top: -50px;}
	.option_resa.confirmation.tunnel.sd .cadre_bbr {margin-bottom: 0; padding: 0 0 10px;}
	.option_resa.confirmation.tunnel.sd .bandeau_bas_resp {display: inline-block; margin: 0 0 0; width: 100%;}
	.option_resa.confirmation.tunnel.sd section.card_savr {min-height: 250px;}
	.customer-area.home.vch .but_paiement {text-align: center; display: block;  margin-bottom: 35px;}
	.customer-area.home.vch .bandeau_titre {display: inline-block; text-align: center; width: 100%;}
	.doc_resa {margin-bottom: 12px; height: 35px}
	.customer-area .bandeau_bas_resp{margin: 0;}
	.customer-area section.allResaBlock.page_resa fieldset {padding: 0;}
	.customer-area.home.vch .bandeau_bas_resp {margin: 0 10px 10px;}
	.customer-area.home.vch article.fullwidth  {padding-bottom: 20px;}
	.customer-area .cardre_hme h4.page_resa {margin: 0 !important;}
	.cardre_hme h4.page_resa {padding: 5px 0 15px;}
	.customer-area.home .bloc_esp_cl {margin-bottom: 70px !important;}
	.customer-area.info .invisible.grid_12.ident .grid_6.dates {width: 100%; padding-top: 10px;}
	.customer-area.connect .connect_blk_1, .customer-area.connect .connect_blk_2 {padding: 30px 20px;}
	.customer-area.connect .connect_blk_1 {margin: 20px 10px 25px;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 {padding: 30px 20px; margin: 10px 0 15px;}
	.customer-area.connect section#authentication.edit_part {margin: 0;}
	.customer-area.ca section.edit_occ_2 .participantsfield .container_12 .grid_1 + .grid_1 {padding-right: 0;}
	.customer-area.ca section.edit_occ_2 .participantsfield .container_12 .grid_3 + .grid_1 {padding-right: 0;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_3 {width: 100%;}
	.customer-area.ca section.edit_occ_2 .inputFields.grid_1.deleteBlock {padding-top: 14px; width: 5%;}
	.customer-area.ca span.actionDelete {font-size: 1.2em;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_2 {width: 100%;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_1 { width: 29%;}
	.customer-area.ca .occ_ca_dates {text-align: center;}
	.customer-area-paiement.customer-area .bandeau_bas_resp {display: inline-block; width: 100%;}
	.customer-area-paiement.customer-area .fullwidth.main {padding-bottom: 0;}
	.occ_ca_bt {padding: 30px 0 35px;}
	.customer-area-paiement.customer-area .reservationSummary .productListSumm span.label {display: initial; line-height: 1.5em;}
	.customer-area-paiement.customer-area p.actions {margin-top: 35px;}
	.customer-area.ca.vch section.edit_occ .container_12 .grid_6, .customer-area.ca.vch section.edit_part .container_12 .grid_6, .customer-area.ca.vch section.edit_occ_2 .container_12 .grid_6 {width: 100% !important;}
	.customer-area.ca.vch .occ_ca_bt {padding: 10px 0 50px;}
	.customer-area.ca.vch .invisible.grid_12.ident .inputFields.grid_8, .customer-area.ca.vch .invisible.grid_12.ident .inputFields.grid_6, .customer-area.ca.vch .invisible.grid_12.ident .grid_6.dates {width: 100% !important;}
	.customer-area.ca.vch .inputFields.grid_6.dates .grid_4, .customer-area.info .inputFields.grid_6.dates .grid_4 {width: 32.6% !important;}
	.customer-area.info .invisible.grid_12.ident .inputFields.grid_8, .customer-area.info .invisible.grid_12.ident .inputFields.grid_6 {width: 100% !important;}
	.customerAreaMenu.fci .on a.fci_menu_1, .customerAreaMenu.fci a.fci_menu_1, .customerAreaMenu.fci .on a.fci_menu_2, .customerAreaMenu.fci a.fci_menu_2, .customerAreaMenu.fci .on a.fci_menu_3, .customerAreaMenu.fci a.fci_menu_3 {background-image: none !important; background-color: transparent !important;}
	.customer-area.ca.vch .dispo_fci .occ_ca_bt {padding: 10px 0 0;}
	.dispo_fci .invisible.grid_12.ident .grid_4, .customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_8, .customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_6 {width: 100% !important;}
	.customer-area.ca.vch .dispo_fci .invisible.grid_12.ident .inputFields.grid_6.dates {width: 100% !important; padding-top: 10px;}
	.customer-area.ca.fci section#TunnelMain {margin: 20px 10px 10px; padding-bottom: 0;}
	.customer-area.ca.fci section.edit_occ_2 {padding: 35px 10px 0 !important; margin: 0 20px 50px; width: calc(100% - 40px);}
	.customer-area.ca .dispo_fci fieldset.participantsfield {padding: 0 10px 15px;}
	.customer-area.ca.fci #TunnelMain header nav ul li {width: unset;}
	.customer-area.ca.fci #TunnelMain select {background-size: 1em auto; background-position: right 10px bottom 50%;}
	.customer-area.ca.fci #TunnelMain .participantsfield .inputFields.grid_1.deleteBlock {width: 100%; padding-top: 0; text-align: center; margin-top: 0 !important;}
	.customer-area.ca.fci #TunnelMain .participantsfield .container_12 .grid_2 {width: 100% !important;}
	.customer-area.ca.fci .fullWidth.main {margin: 20px 10px 30px;}
	.customer-area.ca.fci .bandeau_bas_resp {margin: 0; display: inline-block; width: 100%;}
	.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom {float: none; margin: 0 auto 10px;}
	.customer-area.ca.fci aside.reservationSummary h4 {padding: 5px 0 0 !important;}
	.customer-area.ca.fci .reservationSummary .Alttotal {padding: 0;}
	.customer-area.ca.fci .occ_ca_bt {padding: 15px 0 !important;}
	.customer-area.ca.fci .prod_bl_list {margin: 0;  padding: 10px 0 0;}
	.customer-area.ca.fci .supp_bl_list .ProductBlock {padding: 20px 0 0;}
	.option_resa.template_tunnel.cart #paymentdueType select {width: calc(100% - 18px); font-size: .6em;}
}

@media (max-width : 450px){
	.customer-area .button.fullWidth.default{min-width: 200px;}
	.customer-area.home.vch .cardre_hme {margin-bottom: 20px;}
}
@media (max-width : 430px){
	.customer-area.ca.fci .occ_ca_bt .button{margin-bottom: 10px;}
	.customer-area.ca.fci .occ_ca_bt .button.default {margin-bottom: 25px !important;}
	.option_resa.template_tunnel.cart #paymentdueType select {font-size: 0.55em;}
}

@media (max-width : 400px){
	.customer-area .cadre_tab, .cadre_tab_bl, .cadre_tab_doc {width: auto;}
	section.edit_part .creation_cpte p.actions {padding: 0; display: inline-block; margin-top: 20px; margin-bottom: 20px;}
	section.edit_part .connect_2 .acc_sold .default{margin: 0 auto !important;}
	.connect_2 .ss-ttre-coord.pt {padding-top: 25px;}
	.customer-area .allResaBlock.page_resa {margin:0; padding: 35px 20px; width: 100%;}
	.customer-area .cardre_hme {margin: 35px 20px 0; width: calc(100% - 40px);}
	 .customer-area.ca.fci .cardre_hme {margin:20px 20px 0; width: calc(100% - 40px);}
	.customer-area .bloc_esp_cl {margin: 35px 20px 5px;}
	body.customer-area-paiement.customer-area .actions .button, body.customer-area-paiement .actions .default {display: inline-block; margin-top: 20px !important;}
	body.customer-area-paiement.customer-area .actions.bas .button {margin-top: 0 !important;}
	.inputFields.grid_4.lg.sd .checkmark, .testi, .field.grid_12 .checkmark {left: 85%;}
	.customer-area.info .footerContener .default {margin: 20px 0 15px 0 !important;}
	.customer-area.connect .connect_blk_1 {margin: 0 20px 25px;}
	.customer-area.connect .connect_blk_2 {margin: 20px 20px 0;}
	.customer-area.connect section.edit_part .creation_cpte .container_12 {margin: 0 10px 15px;}
	.customer-area.connect .creation_cpte {padding: 0 10px 20px;}
	.customer-area p.otherLinks {width: 110px;}
	.customer-area.ca.vch .dispo_fci .occ_ca_bt {padding: 10px 0 30px;}
	header nav .navTitleFCI {font-size: 16px; padding-bottom: 10px;}
	.customer-area.ca.fci #TunnelMain .button {margin: 5px auto !important;}
	.customerAreaMenu.fci li, .customer-area.ca.fci #TunnelMain header nav ul li {width: 32%;  margin: 0; padding: 4px 15px;}
	.customer-area nav ul.customerAreaMenu.fci, .customer-area.fci #TunnelMain header nav ul {width: calc(100% - 30px) !important; margin: 0 15px;}
	.customer-area.ca.fci section.edit_occ_2 {margin: 20px 20px 50px;}
	.dispo_fci {padding-top: 20px;}
	.customer-area.ca.vch section.edit_occ_2 {padding: 30px 0 0 !important;}
	.customer-area.ca.fci .reservationSummary.fci .TotalBlockBottom {width: 100%;}
	.customer-area.ca.fci .occ_ca_bt {padding: 0 0 20px !important;}
	.option_resa.template_tunnel.cart #paymentdueType select {font-size: .53em;}
	.option_resa.template_tunnel.cart #paymentdue_type{background-size: 12px 12px !important; padding: 17px 0 17px 10px !important; background-position: right 8px bottom 50% !important;}
}

@media (max-width : 375px){
	.customer-area.connect .warning {background-position: left 20% center !important;}
	.tx_res {width: 52%; line-height: 1.2em;}
}
@media (max-width : 360px){
	.option_resa.template_tunnel.cart #paymentdueType select {font-size: .5em;}
}

@media (max-width : 340px){
	.customer-area .cadre_tab, .cadre_tab_bl, .cadre_tab_doc {width: auto;}
	.customer-area p.logo a {background-size: 10em;}
	.customer-area .ui-accordion-content-active {padding: 0 15px;}
	#accordion div.cadre_tab {padding: 25px 15px;}
	section.allResaBlock.page_resa fieldset {margin-left: 0}
	a.button.default.fci_available{min-width: 210px; padding: 20px 45px 20px 20px !important; text-align: left; background-position: 93% 50%;}
	.customer-area.connect .creation_cpte {width: 100%;}
	.customer-area.ca section.edit_occ_2 .container_12 .grid_1 {width: 30%;}
	.customer-area.ca section.edit_occ_2 .inputFields.grid_1.deleteBlock {width: 2%;}
	.customer-area.ca .occ_ca_dates {font-size: 0.85em;}
	.customer-area.ca span.actionDelete {font-size: 1em;}
	.customer-area p.otherLinks {width: 100px;}
	.customerAreaMenu.fci li a {padding: 12px 20px;}
	.retour-fci a {font-size: 14px;}
	header nav .navTitleFCI {text-align: left; width: 75%;}
	.option_resa.template_tunnel.cart #paymentdueType select {font-size: .45em;}
	.option_resa.template_tunnel.cart #paymentdue_type{background-size: 12px 12px !important; padding: 17px 0 17px 4px !important; background-position: right 4px bottom 50% !important;}
}	



/* pour page authentification */

.option_resa.tst_tst #existingCustomerLayer, .option_resa.tst_tst #newCustomerLayer {
  margin-top: 30px;
  padding: 20px 0 0;
}
.option_resa.tst_tst #stat_RPC_combo {
  display: block;
}
.option_resa.tst_tst .auth_part input[type="text"]{
  width: 77%;
}
.option_resa.tst_tst .invisible.grid_12.add_rue.comp {
  float: right;
}
.option_resa.tst_tst .invisible.grid_12.add_rue.comp .inputFields.grid_4 {
  width: 24%;
  margin-right: 5px;
}
.option_resa.tst_tst .invisible.grid_12.add_rue.comp .grid_8 {
  width: 33%;
}
.option_resa.tst_tst .invisible.grid_12.add_rue .inputFields.grid_6 {
  width: 100%;
}
.option_resa.tst_tst .invisible.grid_12.ml_tel {
  display: block;
}
.option_resa.tst_tst #option {
  display: block;
  clear: both;
}
.option_resa.tst_tst .invisible.grid_12 p.inputFields.grid_12 {
  width: 190%;
}
.option_resa.tst_tst .cstm_ex{
	display:none;
}
/* .option_resa.tst_tst #option div.aField:first-child{
   display:none;
} */

/* evols aout 23 */

.option_resa.template_tunnel.opti #etape3 a {
  cursor: default;
  pointer-events: none;
}


.retour_site {
	font-size:14px;
	font-weight: 100 !important;
	text-align: center;
}
.retour_site.resp {display: none;}
.retour_site a {
	padding:10px;
	border:1px solid #fff;
	color:#fff;
}
.customer-area.connect div.logo, .customer-area.home.vch div.logo, .customer-area-paiement.customer-area div.logo, .customer-area.home div.logo, .customer-area.info div.logo, .customer-area.ca.vch div.logo, .customer-area.ca.fci div.logo, .customer-area.ca div.logo, .customer-area.res_list div.logo{
	width: 100%;
	display: inline-block;
	padding-bottom: 25px;
}
.option_resa.template_tunnel.auth .authActions.bt {display: block;}

.option_resa.template_tunnel.auth .edit_part .error{
	padding: 15px 30px !important;
	margin: 50px 100px 20px !important;
}
.option_resa.template_tunnel.auth .privacyPolicy .wrapperBlockNews input:checked + label::before {
	background-image: url("/customer_html/hermes/images/rectangle_option-checked.png");
}
.option_resa.template_tunnel.auth .privacyPolicy .wrapperBlockNews label::before {
	background-image: url("/customer_html/hermes/images/rectangle_option.png");
	margin-top: -3px;
}
.option_resa.template_tunnel.auth .privacyPolicy .wrapperBlockNews label {
	padding-left: 1.75rem;
}
.option_resa.template_tunnel.auth .error{background-image: none;}
.privacyPolicy .privacyPolicy.ns {font-size: 1em;}
.privacyPolicy {text-align: left;}
.privacyPolicy.ns .newscheck .wrapperInput .inputYes, .customer-area.info .newscheck .wrapperInput .inputYes, .customer-area.connect .newscheck .wrapperInput .inputYes {margin-right: 0;}
.customer-area.info .button.fullWidth.default {margin-top: 30px;}
.customer-area.info .newscheck .wrapperInput label, .customer-area.connect .newscheck .wrapperInput label{
	padding-left: 1.75rem;
	float: left;
	margin-right: 1.2rem;
	position: relative;
	cursor: pointer;
	height: 23px;
	padding-top: 2px;
	background-image: url("/customer_html/hermes/images/rectangle_option.png");
	background-repeat: no-repeat;
	background-position: top left;
}
.customer-area.info .wrapperInput input, .customer-area.connect .wrapperInput input {display: none;}
.customer-area.info .newscheck .wrapperInput label::before, .customer-area.connect .newscheck .wrapperInput label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	font-size: .8em;
	padding: .3em;
	border-radius: 0rem;
	background-image: url("/customer_html/hermes/images/rectangle_option.png");
	background-repeat: no-repeat;
	margin-right: 0;
	background-position: top left;
	border: none;
}
.customer-area.info .newscheck .wrapperInput input:checked + label::before, .customer-area.connect .newscheck .wrapperInput input:checked + label::before {
	background-image: url("/customer_html/hermes/images/rectangle_option-checked.png");
}
.customer-area.ca fieldset.participantsfield .inputFields.grid_0 {display: none;}


@media (max-width : 75rem){
	.option_resa.template_tunnel.auth .edit_part .error{
	margin: 25px 20px 5px !important;
	}	
}
  @media (max-width: 55rem){
  .customer-area.info .ss-ttre-coord.news{margin-left: 0;padding-bottom: 20px;}
}


@media (max-width: 45rem){
  .option_resa.template_tunnel.auth #TunnelMain section.edit_part .creation_cpte .privacyPolicy {margin-top: 1em;}
}

@media (max-width : 640px){
	.retour_site {display:none;}
	.retour_site.resp {
	display: block;
	margin: 0;
	background: #0000AE;
	padding-bottom: 20px;
	font-size: 12px;
	}
	.customer-area.connect p.logo a, customer-area.home.vch  p.logo a, .customer-area.home p.logo a, .customer-area.info p.logo a, .customer-area.ca.vch  p.logo a, .customer-area.ca.fci p.logo a, .customer-area.ca p.logo a, .customer-area.res_list p.logo a {
	min-height: 120px;
	}
	.option_resa.template_tunnel.auth .edit_part .error{
	margin: 25px 10px 5px !important;
	}
	.option_resa.template_tunnel.auth #TunnelMain .crea_compte_policy .authActions {display:none}
	.privacyPolicy.ns .newscheck .wrapperInput .inputYes {margin-right: 1rem;}
	.option_resa.template_tunnel.auth .privacyPolicy .wrapperBlockNews label::before {margin-top: -2px;}
	.option_resa.template_tunnel.auth .crea_compte_policy .authActions.bt {display: inline-block !important;}	
}
@media (max-width: 400px){
	.customer-area.info .button.fullWidth.default {margin-top: 30px !important;}
}

@media (max-width: 350px){
  	.option_resa.template_tunnel.auth .privacyPolicy.ns label {
  	font-size: inherit;}
}
@media (max-width: 320px){
  	.option_resa.template_tunnel.auth .privacyPolicy.ns label {
  	font-size: inherit;}
}

/*****

CSS add Paiement

*****/

.option_resa.template_tunnel.cart.pmt .boutons_paiement {
	  display: block;
}
.option_resa.template_tunnel.cart.pmt .boutons_paiement .button.default:first-child, .option_resa.template_tunnel.cart.pmt .boutons_paiement .button.default:last-child, .option_resa.template_tunnel.cart.pmt .boutons_paiement p.actions {
	  display: none;
}
.option_resa.template_tunnel.cart.pmt .gift_code_block.kdo {
  display: block;
}
.blc_paiement_pl_fois {
  color: #212121;
  font-size: 15px !important;
  font-family: 'Lexend Mega', sans-serif !important;
  line-height: 1.3em !important;
  margin: 10px 20px;
  display: flex;
}
.option_resa.template_tunnel.cart.pmt fieldset.gift_code_block {
  border-bottom: none;
}
.option_resa.template_tunnel.cart.pmt #PaymentBlock .gift_code_block.fst {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #C4C4C4;
}
.option_resa.template_tunnel.cart.pmt #PaymentBlock .CB_Block {
  padding-bottom: 30px;
  border-bottom: none;
}
.option_resa.template_tunnel.cart.pmt #PaymentBlock .gift_code_block {
  margin-bottom: 0 !important ;
}
.option_resa.template_tunnel.cart.pmt fieldset.bouton_paiement.cb {
  border-top: none;
}
.bouton_paiement.cb .legend_options {
  margin-top: 10px;
}
.option_resa.template_tunnel.cart.pmt section.boutons_paiement {
  padding-bottom: 30px !important;
}
.option_resa.template_tunnel.cart.pmt .paymentcheck {
  width: 100%;
  padding-left: 41px
}
.option_resa.template_tunnel.cart.pmt .button.default {
  text-transform: none !important;
  }
  
body#confirmation.template_tunnel.confirm article.fullwidth {
  padding: 1.2em 85px 50px !important;
  margin: 0 !important;
  max-width: unset !important;
}

#confirmation #TunnelMain header nav ul li {
text-transform: capitalize;
}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {width: 21%;}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {width: 9%;}
body#confirmation.template_tunnel.confirm.paiem .num_doss {
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 25px;
}
body#confirmation.template_tunnel.confirm.paiem .confirm_ori {
  display: block;
}
.confirm_evol {
  display: none;
}
body#confirmation.template_tunnel.confirm.paiem .confirm_evol {
  display: block;
  border: 1px solid #c3c3c3;
  padding: 25px 35px;
}
.txt_confirm_evol{
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.3em;
	text-transform: initial;
	text-align: justify;
}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .coordonneesfield input[type="text"], body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield input[type="text"] {
  border: 1px solid #EEE;
  padding: 16px 20px;
  font-size: 1em;
}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield p.inputFields.grid_2 select {
  border: 1px solid #EEE;
  background-color: #fff !important;
  padding: 0.45em 1em;
  font-size: 1em;
}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .adress_confirm {padding: .2em 0 0;}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.participantsfield .legend_confirmation {margin-top: 30px;}

body#confirmation.template_tunnel.confirm.paiem .button {
  background: none;
  color: #0E6BF5;
  border-bottom: 1px solid #0E6BF5;
  padding: 5px 2px;
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.85em;
  max-width: unset;
  font-weight: lighter;
  min-width: unset;
  margin-right: 30px;
}
body#confirmation.template_tunnel.confirm.paiem .button.default {
	background-color: #FF9422;
	text-transform: capitalize !important;
	font-family: 'Lexend Mega', sans-serif;
	width: 190px;
	border-radius: 50px;
	font-weight: lighter;
	padding: 15px !important;
	box-shadow: none !important;
	border: none !important;
	margin-right: 0;
}
body#confirmation.template_tunnel.confirm.paiem a.button:hover {color: #0E6BF5;}
body#confirmation.template_tunnel.confirm.paiem a.button.default {color: #fff;}
body#confirmation.template_tunnel.confirm.paiem a.button.default:hover {color: #fff;}
body#confirmation.template_tunnel.confirm.paiem p.actions {padding: 15px 0.6em 40px;}
.customer-area.ca section h3  {color: #212121; font-family: 'Lexend Mega', sans-serif;} 
body#confirmation.template_tunnel.confirm.paiem section h3{color: #212121; font-family: 'Lexend Mega', sans-serif; margin: 1.2em 0 0;}
body#confirmation.template_tunnel.confirm.paiem #TunnelMain .coordonneesfield .container_12  {width: 100%;}
.option_resa.template_tunnel.cart.pmt div.label a {background: none; border-bottom: 1px solid #0000AE; box-shadow: none; margin-bottom: 5px; padding-bottom: 2px;}
.txt_paiem_plus {padding-top: 5px;}
.logo_paiem_plus {padding-right: 20px;}
body#confirmation.template_tunnel.confirm.paiem .ttr_conf_evol {padding-bottom: 10px; font-size: 1.15em;}
body#confirmation.template_tunnel.confirm.paiem .txt_conf_evol {padding-top: 10px;}
body#confirmation.template_tunnel.confirm.paiem .confirm_evol ul {padding: 0; margin: 10px 0 0; list-style-type: none; text-align: left; list-style-position: inside;}
body#confirmation.template_tunnel.confirm.paiem .confirm_evol li {padding-left: 12px; background-image: url("/customer_html/hermes/images/puce.png") !important; background-repeat: no-repeat; background-position: left top; margin-left: 10px; padding-bottom: 2px;}

.option_resa.template_tunnel.cart.pmt .button.default.plf:nth-child(n+3) {display: none;}

@media (max-width : 75rem){
	.option_resa.template_tunnel.cart.pmt section.boutons_paiement {padding-bottom: 10px !important; margin-top: 0; padding-top: 0 !important;}
	.option_resa.template_tunnel.cart.pmt .paymentcheck {padding: 0 0 30px 40px; margin-left: 2px;}
	body#confirmation.template_tunnel.confirm.paiem article.fullwidth {padding: 1.2em 0.5em 10px !important;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.participantsfield, body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.coordonneesfield {max-width: unset;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .coordonneesfield input[type="text"], body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield input[type="text"], body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield p.inputFields.grid_2 select {font-size: 0.85em;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield p.inputFields.grid_2 select {padding: 0.45em 10px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield input[type="text"] {padding: 16px 15px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.participantsfield .legend_confirmation {margin-top: 5px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.coordonneesfield .legend_confirmation {margin-top: 20px;}
	.txt_paiem_plus {padding-top: 0;}
 }
@media (max-width: 879px){
	  .option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: 20px !important;}
	  .bouton_paiement.cb .legend_options {margin-top: 0;}
}
@media (max-width: 55rem){
	.option_resa.template_tunnel.cart.pmt section.boutons_paiement {display: block !important;}
	body#confirmation.template_tunnel.confirm.paiem p.logo a {min-height: 120px;}
	body#confirmation.template_tunnel.confirm.paiem #main-contener {margin: 0 auto !important;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .occupants {width: 100%;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section {padding: .6em 0 10px;}
	body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_1.deleteBlock {width: 4%;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .inputFields.grid_2 {width: 17%;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .container_12 .grid_2 + .grid_3 {width: 24%;}
	body#confirmation.template_tunnel.confirm.paiem article.fullwidth {width:100%;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {width: 10%;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.participantsfield{margin-bottom: 5px;}
}
@media (max-width: 45rem){
	body#confirmation.template_tunnel.confirm.paiem article.fullwidth {padding: 1.2em 0.5em 10px !important;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {width: 11%;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .inputFields.grid_2 {width: 18%;}
	body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_1.deleteBlock {width: 4%;  margin-top: 15px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {width: 20%;}
}

@media (max-width: 719px){
	  .option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-top: 30px !important;}
}
@media (max-width: 640px){
	.option_resa.template_tunnel.cart.pmt fieldset.bouton_paiement {margin-top: -20px !important;}
	.option_resa.template_tunnel.cart.pmt .intit_payment {padding-bottom: 0 !important;}
	.option_resa.template_tunnel.cart.pmt section.boutons_paiement {padding: .6em 5px 10px !important; margin-top: 15px !important;}
	.option_resa.template_tunnel.cart.pmt .paymentcheck {margin-left: 0; padding-left: 10px;}
	.blc_paiement_pl_fois {margin: 20px 10px;}
	.option_resa.template_tunnel.cart.pmt .TotalBlockBottom_card {position: absolute; top: 305px;}
	body#confirmation.template_tunnel.confirm.paiem .cadre_bbr {padding: 0 0 10px; margin-bottom: 0;}
	body#confirmation.template_tunnel.confirm.paiem #main-contener {padding: 0 10px;}
	body#confirmation.template_tunnel.confirm.paiem .bandeau_bas_resp {display: block; margin: 0;}
	body#confirmation.template_tunnel.confirm.paiem article.fullwidth {padding: 1.2em 0 10px !important;}
	body#confirmation.template_tunnel.confirm.paiem section.decript_confirm {margin: 0;}
	body#confirmation.template_tunnel.confirm.paiem .confirm_evol {padding: 20px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section {padding: 0;}
	body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_9, body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_3, body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_10, body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_2 {width: 100%;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .inputFields.grid_2, body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_3 + .grid_3 {width: 100%;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield .container_12 .grid_1 + .grid_1 {width: 30%;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .container_12 .grid_1.deleteBlock {margin-top: 14px;}
	body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_1.deleteBlock {width: 6%;}
	body#confirmation.template_tunnel.confirm.paiem select {background-size: 1em auto !important;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield #occ_1_1, body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield #occ_1_2, body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield #occ_1_3, body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield #occ_1_4, body#confirmation.template_tunnel.confirm.paiem #TunnelMain .participantsfield #occ_1_5 {padding-top: 0;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain .coordonneesfield .container_12 {margin: 0;}
	body#confirmation.template_tunnel.confirm.paiem section#TunnelMain {padding: 0.4em 20px 0;}
	body#confirmation.template_tunnel.confirm.paiem p.inputFields {margin-top: 0; margin-bottom: 0;}
	body#confirmation.template_tunnel.confirm.paiem .participantsfield .container_12 .grid_2 + .grid_3 {width: 100%;}
	body#confirmation.template_tunnel.confirm.paiem#TunnelMain .coordonneesfield .container_12 .grid_10 + .grid_2 {float: none; display: inherit;  margin-top: 4px !important;  margin-left: 0;}
	body#confirmation.template_tunnel.confirm.paiem .container_12 .grid_9 {margin-top: 4px;}
	body#confirmation.template_tunnel.confirm.paiem .coordonneesfield .container_12 .grid_9 + .grid_3, body#confirmation.template_tunnel.confirm.paiem .coordonneesfield .container_12 .grid_10 + .grid_2 {margin-left: 0; margin-top: 4px !important;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.participantsfield .legend_confirmation {margin-top: 10px;}
	body#confirmation.template_tunnel.confirm.paiem #TunnelMain section fieldset.coordonneesfield .legend_confirmation {margin-top: 35px;}
	.option_resa.template_tunnel.cart.pmt .ui-dialog.ui-widget.ui-widget-content-dialog.ui-corner-all.ui-draggable.ui-resizable{top: 142px !important;}
}
@media (max-width: 580px){
	.option_resa.template_tunnel.cart.pmt .TotalBlockBottom_card {top: 355px;}
	body#confirmation.template_tunnel.confirm.paiem .button.default {margin-top: 10px !important;}
	body#confirmation.template_tunnel.confirm.paiem p.actions {padding: 0 0.6em 40px;}
	body#confirmation.template_tunnel.confirm.paiem .button {margin: 0 30px;}
	body#confirmation.template_tunnel.confirm.paiem .button.default {margin-left: 0;}
	body#confirmation.template_tunnel.confirm.paiem .confirm_evol {padding: 15px;}
	body#confirmation.template_tunnel.confirm.paiem .ttr_conf_evol {padding-bottom: 0;}
}
@media (max-width: 30rem){
	.option_resa.template_tunnel.cart.pmt .blc_paiement_pl_fois {display: flex; flex-flow: column; margin: 10px;}
	.option_resa.template_tunnel.cart.pmt .txt_paiem_plus {order: -1;}
	.logo_paiem_plus{padding-right: 0; margin: 10px auto 0;}
}
@media (max-width: 350px){
	.option_resa.template_tunnel.cart.pmt .TotalBlockBottom_card {top: 410px;}
	.option_resa.template_tunnel.cart.pmt .paymentcheck div.label:not(.productWithMoreQuantity) label{padding-left: 30px;}
}
@media (max-width: 340px){
.option_resa.template_tunnel.cart.pmt .paymentcheck.accept a {font-size: 0.85em;}
}

/* correctif ano fci fev 24 */

#fck-occ {display: block !important;}
body.customer-area.ca.vch.fc {display: block !important;}
.customer-area.ca.vch.fc #main-contener {display: block !important;}
.customer-area.ca.vch.fc form {display: inline !important;}
.customer-area.ca.vch.fc .dispo_fci {display: block !important;}
.customer-area.ca.vch.fc section.fullWidth.main, .customer-area.ca.vch.fc section.edit_occ, .customer-area.ca.vch.fc section.edit_occ_2 {display: block !important;}
.customer-area.ca.vch.fc .CustomerAreaCoordonneesfield.participantsfield {display: block !important;}
.customer-area.ca.vch.fc .CustomerAreaCoordonneesfield.participantsfield .container_12 {display: initial !important;}
.customer-area.ca.vch.fc .invisible.grid_12.ident {display: inline-block !important;}
.customer-area.ca.vch.fc .inputFields.grid_6.dates {display: block !important;}
.container_12.rf {font-size: 15px; line-height: 1.15;}
.container_12.rf .description {text-align: left;}
.container_12.rf [class^="icon-"]{color: #000; font-size: 1.5em; top: 3px;}
.option_resa #paymentdueType.rf {padding-bottom: 10px;}
.paymentcheck.accept.rf {padding-bottom: 30px !important;}
.option_resa.template_tunnel.cart.pmt .error {margin: 0 auto; position: absolute; z-index: 10; background-color: #f8eced;}

@media (min-width: 55rem){
	.customer-area.ca.vch.fc section.fullWidth.main, .customer-area.ca.vch.fc section.edit_occ, .customer-area.ca.vch.fc section.edit_occ_2 {display: inline-block !important;}
}
@media (max-width: 45rem){
	.customer-area.ca.vch.fc .participantsfield .container_12 {display: inline-block !important;}
}
@media (max-width: 640px){
	.customer-area.ca.vch.fc section.edit_occ_2 .participantsfield .container_12 {display: inline-block !important;}
}

/* correctif cheques cadeaux juillet 24 */

.gift_code_block.kdo.rf {
	padding: 30px 20px 30px 40px;
	display: flex !important;
}
.legend_options.rf {
	width: 50%;
}
#PaymentBlock .gift_code_block.kdo.rf .container_12{
	padding-top: 0 !important;
}
.option_resa.template_tunnel #paymentdueType.rf #paymentdue_type {
	margin-bottom: 0;
}
.paymentcheck.accept.rf .label {
	padding-top: 20px;
}

.productListSumm.rf .DiscountListBlock span.label {
  display: none;
}
.productListSumm.rf .DiscountListBlock {
  padding: 0 0 25px;
}

@media (max-width: 75rem){
	.legend_options.rf {width: 100%; margin-bottom: 15px !important;}
	.gift_code_block.kdo.rf {padding: 30px 20px 30px 40px;	display: block !important;}
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-left: 330px !important;}
	.inlineContent input#kdo_code {width: 235px;}
	.gift_code_block.kdo.rf a.valid_cheque {margin-top: 15px;}
	.container_12.rf {line-height: 1.15;}
	.option_resa.template_tunnel.cart.pmt .paymentcheck.rf {padding-bottom: 30px !important;}
}
@media (max-width: 55rem){
	.gift_code_block.kdo.rf {padding: 30px 0; width: 100%;}
	input#kdo_code {width: 220px !important;}
	.gift_code_block.kdo.rf a.valid_cheque {margin-left: 0 !important;}
}
@media (max-width: 45rem){
input#kdo_code {width: 50% !important;}
}
@media (max-width: 640px){
	fieldset.gift_code_block.rf {display: block !important; padding: 0 10px;}
	.gift_code_block.kdo.rf {padding-right: 0 !important;}
	.gift_code_block.kdo.rf .container_12 {padding-right: 0 !important;}
	.option_resa.template_tunnel fieldset.gift_code_block.kdo .legend_options.rf {padding-top: 5px !important;}
	.option_resa.template_tunnel.cart fieldset.gift_code_block.kdo .legend_options.rf{padding-right: 0 !important;}
	.option_resa.template_tunnel.cart .TotalBlockBottom_card {margin-left: 10px !important;}
	.inlineContent input#kdo_code {width: 100%;}
	.gift_code_block.kdo.rf a.valid_cheque {display: inline !important;}
}
@media (max-width: 30rem){
	.inlineContent input#kdo_code {margin-right: 10px !important;}
	.gift_code_block.kdo.rf a.valid_cheque {margin-right: 0 !important;}
	.inlineContent input#kdo_code {width: 48% !important;}
}
@media (max-width : 340px){
	fieldset.gift_code_block.rf {padding: 0;}
	.option_resa.template_tunnel.cart.pmt .blc_paiement_pl_fois {margin: 10px 5px;}
	.gift_code_block.kdo.rf a.valid_cheque {font-size: 12px;}
	.inlineContent input#kdo_code {margin-right: 5px !important;}
}


/* correctif confirmation Alma juillet 24 */

.confirm_ori .confirmBlockResaImg, .confirm_evol_rt {display: none;}


/* page fidelite */

.customer-area.info.fid .cardre_hme {
	font-family: 'Lexend Mega', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25em;
	text-transform: initial;
}
.customer-area.info.fid .cardre_hme ul {
	padding: 0;
	margin: 10px 0 0 0;
}
.customer-area.info.fid .cardre_hme li {
	display: flex;
	margin-bottom: 0;
}
.customer-area.info.fid .cardre_hme ul > li::before {
	content: '\02022';
	margin-right: 8px;
	font-size: 1em;
	color: #000;
}

.fid_ld {display: none;}
.fid_1, .fid_2, .text-content{text-align: center;}
.fid_4 {padding-top: 20px;}

.circle_1 {
	width: 33%;
	float: left;
	margin-top: -55px;
}
.container_st {
	display: flex;
	justify-content: space-between;
	width: 66%;
	margin: 0;
}
.text-content {
	text-align: center;
}
.circle_2 {
	display: block;
	width: 43%;
	padding-left: 5px;
}
.circle_2 img {
	width: 200px;
}
 .inner_circle {
	 width: fit-content;
	 float: right;
}
.circle_resp{display: none;}

.status-box {
	border: 2px solid #0073e6;
	padding: 15px 30px;
	font-weight: normal;
	font-size: 25px;
	width: 375px;
	height: 155px;
	display: inline-grid;
	margin: 20px 0;
}
.status-box .status {
	color: #00B8B8;
	font-weight: bolder;
}
.points-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 18px;
	margin: 0;
}
.fid_1 {font-size: 24px}
.fid_2 {font-size: 24px; font-weight: bolder;}
.level {
	color: #88bcff;
	font-size: 18px;
	margin-top: 5px;
	font-weight: bolder;
}
.customer-area.info.fid fieldset legend {margin-top: 30px;}
.customer-area.info.fid fieldset {padding-bottom: 0;}
.points-section span {font-weight: bold;}
.sb_1 {align-self: end;}
.fid_5.cardre_hme {margin-bottom: 35px;}
.customer-area.info.fid legend {padding-bottom: 10px;}
.fid_5.cardre_hme legend {margin-top: 15px;}
.fid_5.cardre_hme legend:first-child {margin-top: 0;}
.fid_5_sst {font-weight: bold; padding-bottom: 5px;}
.fid_button {text-align: center;}
.customer-area.info.fid .button.fullWidth.default{min-width: 270px;}
.fid_blk_1_inner {margin-left: 35px;}
.clr_fid{display: none;}
.tab_fid_tt, .tab_fid{width: 100%;display: flex; padding: 14px 20px; margin: 10px 0;}
.tab_fid_tt{padding-bottom: 3px; padding-top: 0;}
.tab_fid {align-items: center;}
.tab_inner{width:33%; text-align:center}
.tab_inner.ss-ttre-coord {font-size: 15px;font-weight: 600; text-transform: uppercase;}
.tab_inner.ss-ttre-coord.st, .description.tab_inner {text-align: left;}
.customer-area.info.fid .button.fullWidth.default:first-child {margin-bottom: 25px;}
.container_st.roi .status-box .status {color: #0000ae;}
.container_st.ciel .status-box .status {color: #88bcff;}
.container_st.ciel .level {color: #125fff;}
.container_st.azur .status-box .status {color: #125fff;}
.container_st.azur .level {color: #0000ae;}
.fid_num_ori {display: none;}

.customer-area.info.fid .accordion,  .customer-area.info.fid .accordion1{
	width: 100%;
	text-align: left;
	color: #0000AE;
	font-size: 16px;
	cursor: pointer;
	padding: 20px;
	outline: none;
	transition: 0.4s; 
	background: url("/customer_html/hermes/images/accord_desc.png") no-repeat;
	background-position: 98%;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	margin-top: 15px;
}
.customer-area.info.fid .panel {
	width: 100%;
	padding: 0 !important;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border: 1px solid #c3c3c3;
	border-top: none;
	margin-bottom: 5px;
  }
.customer-area.info.fid .accordion.active {
	background: url("/customer_html/hermes/images/accord_asc.png") no-repeat;
	background-position: 98%;
}
.fid_5_sst.nd {padding-top: 20px;}

@media (min-width: 55rem){
	.customer-area.info.fid .fullwidth.main {padding: 10px 100px 50px; margin: 0 0 40px;}
	.customer-area.info.fid .wrapperInfoFidPoints {margin-top: 5px;}
}
@media (max-width: 75rem) {
	.inner_circle {text-align: right;}
	.inner_circle img {width: 90%; height: auto;}
	.fid_1, .fid_2 {font-size: 22px;}
	.status-box {font-size: 23px; width: 350px;height: 125px;}
	.points-section {font-size: 17px;}
	.circle_2 {margin-top: -15px;}
	.fid_blk_1_inner {margin-left: 52px;}
}
@media (max-width: 65rem) {
	.inner_circle img {width: 95%;}
	.fid_blk_1_inner {margin-left: 55px;}
}

@media (max-width: 60rem) {
	.status-box {width: 300px;}
	.inner_circle img {width: 100%;}
	.circle_1 {margin-top: -45px;}
	.fid_blk_1_inner {margin-left: 50px;}
}
@media (max-width: 55rem) {
	.customer-area.info.fid .fullwidth.main {margin: 20px 10px 10px; width: auto; padding-bottom: 0;}
	 .status-box {width: 275px; height: 110px;}
	 .circle_2 img {width: 175px;}
	 .inner_circle img {width: 210px;}
	 .circle_1 {margin-top: -30px; width: 31%;}
	 .fid_blk_1_inner {margin-left: 40px;}
	 .customer-area.info.fid .wrapperInfoFidPoints {margin-top: 0;}
}
@media (max-width: 879px) {
	.status-box {width: 375px;}	
	.circle_1 {width: 28%;}
	.fid_blk_1_inner {margin-left: 0;}
}
@media (max-width: 50rem) {
	.status-box {width: unset;}
	.text-content {width: 50%;}
	.circle_2 {width: 50%;}
	.circle_1 {width: 33%; margin-top: -15px;}
	.inner_circle img {width: 175px;}
	
}
@media (max-width: 45rem) {
	.circle_resp {display: block; width: 50%; text-align: right;}
	.inner_circle, .circle_2{display: none;}	
	.pts_cicrle_rep {display: flex; width: 80%; margin: 0 auto;}
	.fid_blk_1 {align-self: center;}
	.customer-area.info.fid .wrapperInfoFidPoints {margin-top: 0;}
	.circle_resp img {width: 70%; max-width: 140px;}
	.container_st {width: 100%;}
	.text-content {width: 100%;}
	.status-box {padding: 30px; width: 60%; border: 1px solid #0073e6; margin: 1px auto 20px;}
	.customer-area.info.fid .customerAreaMenu {padding: 30px 0 20px 0;}
	.customer-area.info.fid .cardre_hme {margin-top: 25px;}
	.customer-area.info.fid .fid_5.cardre_hme {margin-top: 35px !important;}
}
@media (max-width: 640px){
	.circle_resp {display: block; width: 50%; text-align: right;}
	.inner_circle, .circle_2{display: none;}	
	.pts_cicrle_rep {display: flex; width: 80%; margin: 0 auto; padding-bottom: 5px;}
	.fid_blk_1 {align-self: center;}
	.customer-area.info.fid .wrapperInfoFidPoints {margin-top: 0;}
	.circle_resp img {width: 70%; max-width: 120px;}
	.container_st {width: 100%;}
	.text-content {width: 100%;}
	.status-box {padding: 30px; width: 60%; border: 1px solid #0073e6; font-size: 21px;}
	.fid_1, .fid_2 {font-size: 20px;}
	.tab_inner.ss-ttre-coord {font-size: 14px;}
	.tab_inner.ss-ttre-coord {margin: 0 10px;}
	.tab_inner.ss-ttre-coord.st {margin: 0 10px 0 0; align-items: center; display: flex;}
}
@media (max-width: 35rem) {
	.status-box {padding: 25px 30px; width: 70%;}
	.customer-area.info.fid .accordion {font-size: 15px;}
}
@media (max-width: 30rem) {
	.tab_inner.ss-ttre-coord.st {margin: 0;}
	.tab_inner.ss-ttre-coord {font-size: 12px; margin: 0; font-weight: normal;}
	.tab_fid_tt, .tab_fid {padding: 10px 7px; margin: 10px 0;}
	.customer-area.info.fid .cardre_hme {font-size: 14px;}
}

@media (max-width: 350px) {
	  .fid_1, .fid_2 {font-size: 18px;}
	  .status-box {font-size: 19px;}
	  .points-section {font-size: 16px;}
	  .tab_fid {font-size: 14px;}
	  .tab_inner.ss-ttre-coord {margin-right: 7px;}
	  .tab_fid_tt {padding: 10px 0;}
	  .tab_inner.ss-ttre-coord {font-size: 11px; margin-left: 2px !important;}
	  .customer-area.info.fid .button.fullWidth.default {min-width: 210px;}
}

/******

Correctif Paiement Alma fev 25

******/

.option_resa.template_tunnel.cart.pmt .boutons_paiement.corr_fev {display: none !important;}	
.option_resa.template_tunnel.cart.pmt #PaymentBlock {margin-bottom: 20px;}
.picto_bas.corr_n {display: none;}
.option_resa.confirmation.tunnel.sd .warning {margin: 0 0 40px;}

@media (min-width: 641px) {
	.template_tunnel .picto_bas {padding-right: 20px;}
}
@media (min-width: 55rem) {
	.template_tunnel .picto_bas {padding-right: 30px;}
	.option_resa.template_tunnel.cart.pmt section#PaymentBlock {padding: 0 !important; margin-bottom: 10px;}
}
@media (max-width: 55rem) {
  .option_resa.template_tunnel #TunnelMain section#PaymentBlock {padding: 0;}
}
@media (min-width: 75rem) {
	.template_tunnel .picto_bas {padding-right: 85px;}
}

@media (max-width: 640px) {
	.option_resa.template_tunnel.cart.pmt #PaymentBlock {margin-bottom: 0;}
}

/******

Page fidélité etape 2

******/

.hello_bienvenue.fid.st {padding-top: 0;}
.hello_fid_turquoise .hello_bienvenue.fid .status {color: #00B8B8; font-weight: bolder;}
.hello_fid_ciel .hello_bienvenue.fid .status {color: #88bcff; font-weight: bolder;}
.hello_fid_azur .hello_bienvenue.fid .status {color: #125fff; font-weight: bolder;}
.hello_fid_roi .hello_bienvenue.fid .status {color: #0000ae; font-weight: bolder;}
.hello_bienvenue.fid.st #fid_num {font-weight: bold;}
.fid_5_inner_s {padding-top: 7px;}
.wrapperTableGiftCode .tab_inner {width: 20%;}
.customer-area.info.fid .wrapperTableGiftCode {white-space: normal;}
.customer-area.info.fid .reservationList.giftCodeList {width: 100%; margin: 7px 0;}
.customer-area.info.fid .reservationList.giftCodeList th {text-transform: uppercase;}
.customer-area.info.fid .reservationList.giftCodeList th {text-align: center;}
.customer-area.info.fid .reservationList.giftCodeList th.fst, .customer-area.info.fid .reservationList.giftCodeList .description.fst {text-align: left;}
.customer-area.info.fid .wrapperTableGiftCode {text-align: center;}
.cardre_hme.sp {padding-top: 0; margin-top: 0;}
.customer-area.info.fid fieldset legend {margin-top: 0;}
.customer-area.info.fid fieldset .cardre_hme legend {margin-top: 0;}
.customer-area.info.fid fieldset .cardre_hme.sp legend {margin-top: 30px;}
.customer-area.info.fid .inputFields.sp {padding-top: 10px;}
.customer-area.info.fid textarea#sponsorship_message {width: 100%; padding: 12px 10px;}
.customer-area.info.fid .messg {font-weight: bold; padding-top: 20px;}
.customer-area.info.fid .footerContener .fid_button {padding-bottom: 20px;}
.customer-area.info.fid .reservationList.giftCodeList th {padding: 0 20px 14px;}
.customer-area.info.fid .reservationList.giftCodeList td {padding: 14px 0 14px 20px;;}
.customer-area.info.fid .info_resp {display:none; text-align: left; padding: 10px 21px 0; font-style: italic; font-size: 0.9em;}
.customer-area.home .cardre_hme {margin-top: 30px;}
.customer-area.info.fid .inputFields.sp.parr, .customer-area.info.fid .messg.parr {display: none;}
section.fid.parr {padding: 0.6em 0;}
section.fid.parr fieldset {margin-left: 0;}
.customer-area.info.fid.sp table.list th {text-transform: uppercase; font-weight: 400; color: #0000AE;}
.customer-area.info.fid.sp table.list td {background: none; border: none;}
.customer-area.info.fid.sp table.list .label {color: #0000AE;}
.customer-area.info.fid.sp input[type="text"] {border: 1px solid #dedede; padding: 10px;}
.parr_leg{display: flex;}
.parr_cdre {width: 100%; margin-left: 10px;}
.parr_cdre.st {margin-left: 0;}
.parr_blc .label {font-weight: bold; padding-bottom: 5px;}
.parr_cdre .leg_parr {margin: 5px 0;}
.parr_blc {margin-top: 20px;}
.parr_blc.frt {margin-top: 10px;}
.spons_par {padding-top: 10px;}

@media (max-width: 75rem) {
	.customer-area.info.fid .reservationList.giftCodeList {font-size: 0.9em;}
}
@media (max-width: 55rem) {
	.fid_5.cardre_hme {margin-bottom: 0;}
	.fid_5.cardre_hme.lst {margin-bottom: 35px;}
}
@media (max-width: 45rem) {
	.customer-area.info.fid .reservationList.giftCodeList td {padding: 10px 0 14px 3px;}
	.customer-area.info.fid .reservationList.giftCodeList th {padding: 0 3px 10px;}
	.customer-area.info.fid .cardre_hme.sp.parr {margin-top: 0;}
	.parr_cdre {margin-left: 5px;}
}
@media (max-width: 640px) {
	.customer-area.info.fid .reservationList.giftCodeList th {font-weight: normal;}
	.customer-area.info.fid .wrapperTableGiftCode .panel{overflow: scroll;}
	.customer-area.info.fid .info_resp{ display: block; margin: 0 auto 10px;}
	.customer-area.info.fid .reservationList.giftCodeList td {padding: 5px 0 10px 3px;}
	.customer-area.info.fid .reservationList.giftCodeList {width: 100%; margin: 0 0 7px;}
	.customer-area.info.fid .reservationList.giftCodeList th {padding: 0 3px;}
	.parr_leg {display: block;}
	.parr_cdre {margin-left: 0;}
	.parr_cdre .leg_parr {margin: 10px 0 5px;}
	.customer-area.info.fid.sp .footerContener .fid_button {padding-bottom: 15px;}
}
@media (max-width: 400px) {
	.customer-area.info.fid.sp .button.fullWidth.default {margin-top: 20px !important;}
}

/******

Page fidélité modifs prov

******/

.fid_5.cardre_hme.lst.prov {display: none;}

/******

Page fidélité auth

******/

.customer-area.connect.option_resa.tst_tst.authenticationPage p.logo, .customer-area.connect.option_resa.tst_tst.authenticationPage .retour_site, .button.fid_auth, .customer-area.connect.option_resa.tst_tst.authenticationPage .infos_auth_fid h3  {display: none;}
.customer-area.connect.option_resa.tst_tst.authenticationPage div.logo  {padding-bottom: 5px;}
.customer-area.connect.option_resa.tst_tst.authenticationPage section {padding: 35px 0 0 !important;}
.customer-area.connect.option_resa.tst_tst.authenticationPage section fieldset {border: 0; width: 100%;}
.customer-area.connect.option_resa.tst_tst.authenticationPage legend{
	color: #0000AE; 
	font-size: 15px;
	font-weight: 600; 
	margin: 0; 
	padding: 0 0 0 60px;
	background: url("/customer_html/hermes/images/bkg-titre.png") no-repeat;
    background-position: 0 6px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.infos_auth_fid{margin: 70px 100px 65px; border: 1px solid #C4C4C4; padding: 55px 40px; width: auto;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part{padding: 0;margin:0;}
.customer-area.connect.option_resa.tst_tst.authenticationPage #newAccount span.label {display: none;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part #newAccount .field {padding-left: 0;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part input[type="password"] {font-size: 1em; margin: 0 0 10px; width: 100%;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part input[type="text"] {width: 100%;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_8.confirmation {padding-left: 1%;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.pwd input[type="text"], .customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part .invisible.grid_12.pwd input[type="password"] {margin: 0;}
.customer-area.connect.option_resa.tst_tst.authenticationPage #newCustomerLayer {margin-top: 0; padding: 10px 0 0;}
.customer-area.connect .grid_12.nw {float: left; clear: both; margin-top: 20px; margin-bottom: 10px;}
fieldset.coord_auth {margin-top: 40px !important;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .privacyPolicy {padding: 0; margin-top: 0; padding-right: 1% !important;}   
.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_6.dates {display: none !important;}
.ss-ttre-coord.add {padding-top: 20px;}
.customer-area.connect.option_resa.tst_tst.authenticationPage .esp_cl_cpte .button {
		background-color: #FF9422;
		border: none !important;
		color: #fff;
		font-family: 'Lexend Mega', sans-serif;
		width: 190px;
		border-radius: 50px;
		font-weight: lighter;
		padding: 15px !important;
		box-shadow: none !important;
		margin-top: 30px;
		margin-bottom: 0;
		text-align: center;
}
.auth_part .label.cnt {padding-left: 0;}
.auth_part .field.cnt {padding-left: 5px; color: #0000AE;}
.aField_cnt_1 {font-weight: bold; padding: 20px 0 7px;}
.aField_cnt_2 {padding-bottom: 10px;}
.esp_cl_cpte {text-align: center;}
	

@media (min-width: 55rem){
	.customer-area.connect.option_resa.tst_tst.authenticationPage section fieldset {padding: 0; margin: 0;}
}
@media (min-width: 641px) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_6.dates {float: none; width: 100% !important; display: inline-block;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_4 {width: 20%; padding-right: 10px; padding-top: 10px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_8 {width: 40%; padding-right: 10px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_6 {width: 40% !important; padding-right: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_6.dates .grid_4 {padding-top: 0; padding-bottom: 20px; width: 33%; padding-right: 1%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_6.dates .grid_4:first-child {padding-right: 1% !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_6.dates .grid_4:last-child {padding-right: 0 !important; margin-left: 0; width: 34% !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue, .invisible.grid_12.ml_tel {width: 100%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue .inputFields.grid_6 {width: 40%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue .inputFields.grid_7 {width: 60%; padding-right: 1%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp .inputFields.grid_4 {width: 20%; margin-right: 0; padding-right: 1%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp .grid_8 {width: 40%; padding-right: 1%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp .inputFields select {width: 100% !important; margin-top: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp input[type="text"] {margin-top: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp {padding-bottom: 20px;}
	
}
@media (max-width: 75rem) {
	.infos_auth_fid {margin: 30px 50px 55px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage div.logo a{background-size: 16em;}
}
@media (max-width: 55rem) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part{background: #0000AE ;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage article.fullwidth{float: none;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage section { padding: 35px 30px 20px !important;}
	.infos_auth_fid {margin: 30px 10px 35px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage div.logo a {background-size: 15em;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .checkmark{left: -15px;}
}
@media (max-width: 45rem) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage section {padding: 10px 30px 20px !important;}
	.infos_auth_fid {padding: 40px 20px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_6, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_8 {width: 35% !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_4 {width: 30%;}
	fieldset.coord_auth {margin-top: 20px !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .ss-ttre-coord.news {padding-top: 0;}
}
@media (max-width: 640px) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage section {padding: 10px 20px 20px !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage p.logo {display: block; background: #0000AE;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage p.logo a {background-image: url(logo_VB_Vertical_blc.png);}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .ss-ttre-coord.pt_2 {width: 100%; display: inline-block;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_4, .customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_8.confirmation, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.pwd .inputFields.grid_4 {width: 100%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_6, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident .grid_8 {width: 100% !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ident, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.ml_tel, .customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_6 {width: 100%;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue .inputFields.grid_6, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp .grid_8, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue.comp .inputFields.grid_4, .customer-area.connect.option_resa.tst_tst.authenticationPage .invisible.grid_12.add_rue .inputFields.grid_6, .customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_7{width: 100%;}
	.infos_auth_fid {padding: 30px 20px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .checkmark {left: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage legend {margin-bottom: 15px; height: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage fieldset.coord_auth {margin-top: 30px !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .ss-ttre-coord.pt_2 {padding: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .ss-ttre-coord {padding-top: 10px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage #newCustomerLayer {padding: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part input[type="text"], .customer-area.connect.option_resa.tst_tst.authenticationPage .auth_part input[type="password"] {margin: 5px 0 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields.grid_8.confirmation {padding-left: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage input.control_text.medium_text_field[type="text"], .customer-area.connect.option_resa.tst_tst.authenticationPage input#auth_form_pol_address_city[type="text"] {margin-bottom: 5px !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage  .ss-ttre-coord.add {padding-top: 20px;}
	
}
@media (max-width: 575px) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage section {padding: 10px 0 0 !important;}
}
@media (max-width: 35rem) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage article.fullwidth {padding-top: 0 !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage section fieldset.coord_auth {display: inherit;}
}
@media (max-width: 400px) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage section {padding: 5px 0 0 !important;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage legend {font-size: .9em;}
	.infos_auth_fid {padding: 30px 20px; line-height: 19px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage input[type="text"], .customer-area.connect.option_resa.tst_tst.authenticationPage input[type="password"] {padding: 16px 10px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage .inputFields select {padding: 0.5em 10px;}
	.customer-area.connect .grid_12.nw {margin-bottom: 17px;}
}

/******

Pages payment link

******/

.ec_old {display: none;}
.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .container {
	padding: 0;
	margin: 0;
	cursor: unset;
	position: unset;
	font-size: inherit;
}
.customer-area.lp .infos_auth_fid {margin: 30px 0 65px;}
.customer-area.lp .hello_bienvenue{padding-top: 5px;}
.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .auth_part {margin-top: -5px;}
  
@media (min-width: 55rem){
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .fullWidth.main {padding: 70px 100px 0 !important; margin: 0;}
}
@media (max-width: 75rem) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .bandeau_bas {margin: 0 100px 55px; width: calc(100% - 200px);}
}
@media (max-width: 55rem) {
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .fullWidth.main {margin: 10px;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .bandeau_bas {margin: 0 40px 45px; width: calc(100% - 80px);}
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp .hello_name.tst, .customer-area.connect.option_resa.tst_tst.authenticationPage.lp .hello_bienvenue, .customer-area.connect.option_resa.tst_tst.authenticationPage.lp h4.page_resa  {margin: 0;}
	.customer-area.connect.option_resa.tst_tst.authenticationPage.lp.infos_auth_fid {margin: 30px 0 15px;}
}

@media (max-width: 879px) {
  .customer-area.connect.option_resa.tst_tst.authenticationPage.lp h4.page_resa {padding-top: 0;}
}

/******

Pages payment link v2

******/

.customer-area-paiement.customer-area.tt.pl .container {padding-left: 0; cursor: auto; font-size: inherit;}
.customer-area-paiement.customer-area.tt.pl .infos_auth_fid {margin: 35px 0 50px; padding: 25px 35px 40px;}
.customer-area-paiement.customer-area.tt.pl .infos_auth_fid.exp {margin-top: 0; padding: 40px 35px;}
.customer-area-paiement.customer-area.tt.pl .infos_auth_fid h4.page_resa {margin-top: 0;}
.customer-area-paiement.customer-area.tt.pl .infos_auth_fid .num_res.acc {margin-bottom: 3px;}
.old-lk {display: none;}
.ech_lk {font-size: 1.1em; font-weight: bold;}
.ech_lk_details_tab {display: grid; grid-template-columns: repeat(4, 1fr); margin: 20px 0 30px;}
.ech_lk_details_tab .table-header {font-size: 1.05em; color: #0000AE; padding-bottom: 7px;}
.ech_lk_details_tab .table-item {padding-bottom: 7px;}
.customer-area-paiement.customer-area .infos_auth_fid .button{background-color: #FF9422 !important; width: auto; padding: 15px 30px !important; color: #fff !important; max-width: unset; text-transform: unset !important;}
.customer-area-paiement.customer-area .infos_auth_fid .button-wrapper{display: block; margin: 0 auto; text-align: center; }
.ech_lk_details_tab .table-item, .ech_lk_details_tab .table-header {text-align: center;}
.table-header.lk_fst, .table-item.lk_fst{text-align: left;}
.customer-area-paiement.customer-area.tt.pl legend {padding-bottom: 10px;}
.customer-area-paiement.customer-area.tt.pl  .txt_home ul {margin: 0 0 10px;}
.customer-area-paiement.customer-area.tt.pl .txt_home ul li {margin-bottom: 3px;}
.customer-area-paiement.customer-area.tt.pl .txt_home ul li strong, .customer-area-paiement.customer-area.tt.pl .txt_home ul li a {display: contents;}

@media (min-width: 55rem) {
	.customer-area-paiement.customer-area.tt.pl .fullwidth.main.exp {padding: 55px 100px 50px;}
}
@media (max-width: 55rem) {
	.customer-area-paiement.customer-area.tt.pl .infos_auth_fid {margin: 35px 20px 50px; padding: 20px;}
	.customer-area-paiement.customer-area.tt.pl .infos_auth_fid.exp {margin-top: 5px;}
	#payment-link-expired .bandeau_bas {margin: 0 20px 20px;}
	.customer-area-paiement.customer-area.tt.pl h4.page_resa {margin-left: 0;}
	.customer-area-paiement.customer-area.tt.pl .ttre_blf.acc {padding: 15px 0 10px;}
}
@media (max-width: 640px) {
	.customer-area-paiement.customer-area.tt.pl .ttre_blf.acc{font-size: 15px;}
}
@media (max-width: 400px) {
	.infos_auth_fid.exp {padding: 30px 20px; line-height: 19px;}
	.ech_lk_details_tab .table-header, .ech_lk_details_tab .table-item {font-size: 0.8em;}
	.customer-area-paiement.customer-area.tt.pl .txt_home ul {padding: 0 5px;}
}

@media (max-width: 350px) {
	.ech_lk_details_tab {width: 115%; margin-left: -15px;}
}