@charset "UTF-8";
/***!  /templates/centre-affaires-brest/css/pages/reservations.css?a76535  !***/

#reservation{position:relative;margin-bottom:calc(var(--gutter-v) *2);padding-top:var(--gutter-v);padding-left:var(--gutter-left);padding-right:var(--gutter-right);margin-top:-1px}.reservationImage{position:absolute;top:0;left:0;width:100%}.reservationImage img{width:100%}.bookingForm{position:relative;background:#fff;padding:3rem 2rem}.reservationTitle{margin:0 0 .5em;font-weight:400}@media screen and (max-width:1540px){#reservation{padding-left:0;padding-right:0}.bookingForm{padding-left:var(--gutter-left);padding-right:var(--gutter-right)}}.bureaux{display:flex;gap:1rem;margin-bottom:2rem}.bureau label{height:100%;display:flex;flex-direction:column;cursor:pointer;padding:1rem;background:#eee;border-radius:15px;border:3px solid #eee;transition:border-color .15s,background-color .18s,color .18s}.bureau label:hover{border-color:var(--violet)}.bureau label.is-active{border-color:var(--violet);background-color:var(--violet);color:#fff}.bureauImg{margin:-.5rem -.5rem 0 -.5rem;border-radius:12px 12px 0 0;overflow:hidden}.bureauTitle{font-size:var(--font-size-L);margin:1em 0 .5em}.bureauInfoTitle{text-transform:uppercase;font-weight:bold;font-size:var(--font-size-XS);opacity:.5}.bureauNbPers{margin:.5rem 0}.bureauTarifs{margin:.5rem 0}.bureauTarifs ul{display:flex;gap:1.5rem}.bureauTarifs .bureauInfoTitle{display:block;line-height:1.5rem}.bureauBtn{margin-top:auto;padding:.8em 1em;min-width:2em}@media screen and (max-width:800px){.bureaux{flex-wrap:wrap}.bureau{max-width:calc((100% - 1rem) / 2)}}.bookingForm .cf-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;padding:2rem 1.5rem;background:#eee;border-radius:15px}.bookingForm .cf-control-group.choix_bureaux{display:none}.cf-control-group{grid-column:1 / span 2}.cf-control-group.col_1{grid-column:1 / span 1}.cf-control-group.col_2{grid-column:2 / span 1}.choix_date .cf-input{display:none}.choix_date .flatpickr-day.selected{background:var(--violet);border-color:var(--violet)}.choix_matin_aprem legend{display:none}.choix_matin_aprem .cf-radio-group{display:flex;margin:1rem 0}.choix_matin_aprem .cf-radio-group .cf-input{display:none}.choix_matin_aprem .cf-radio-group .cf-label{cursor:pointer;padding:.8rem 1rem;border:1px solid #fff;background-color:#fff;transition:background-color .15s,border-color .15s,color .15s}.choix_matin_aprem .cf-radio-group .cf-label:hover{border-color:var(--violet)}.choix_matin_aprem .cf-radio-group .cf-input:checked+.cf-label{border-color:var(--violet);background-color:var(--violet);color:#fff}.formTerms legend{display:none}.formTerms .cf-checkbox-group{display:flex;align-items:baseline}.cf-control-group.formTerms:not(.choix_date) .cf-control-input input{width:auto;margin-right:1rem}.cf-turnstile{display:flex;justify-content:flex-end}.cf-control-group:not(.choix_date) .cf-control-input .cf-turnstile>div{width:auto}.bookingForm .submitBtn{margin-left:0}@media screen and (max-width:750px){.cf-control-group.col_1,.cf-control-group.col_2,.cf-control-group{grid-column:1 / span 2}.cf-control-group.col_2{width:auto;margin-left:calc(var(--label-width) + 1rem)}}@media screen and (max-width:550px){.bookingForm .cf-fields{--label-width:auto}.bookingForm .cf-control-group{display:block}.cf-turnstile{justify-content:flex-start}}