body {font-family: 'Exo 2';font-weight: 500;}
h1,.h1 {font-weight:800;font-size:40px;}
h2,.h2 {font-weight:800;font-size:35px;}
h3,.h3 {font-weight:700;font-size:30px;}
h4,.h4 {font-weight:600;font-size:25px;}
h5,.h5 {font-weight:600;}
h6,.h6 {font-weight:600;}
b,.b {font-weight: 800;}
.btn-number {height:100%;}
.input-number {text-align: center;width: 3em;}
.title-etape {width:100%;padding-bottom: 15px;}
.modifiedChoice{float:right;margin-top: 12px;margin-right: 25px;}
li.parent-list {margin-bottom:0 !important; padding-bottom:0 !important; border-bottom: 0px !important;}
li.children-list {margin-top:0 !important; padding-top:0 !important; border-top: 0px !important; padding-bottom:0 !important; border-bottom: 0px !important;}
li.end-children-list {margin-top:0 !important; padding-top:0 !important; border-top: 0px !important;}
form.etape {width:100%;}
label:hover img{cursor:pointer;}
.form-control.has-error {
    color: #495057;
    background-color: #fff;
    border-color: red;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25);
}

#sessions .has-error { color: #e91e63; }

.fs-1 {font-size:1em;}
.fs-2 {font-size:2em;}
.fs-3 {font-size:3em;}
.fs-4 {font-size:4em;}
.fs-5 {font-size:5em;}

/* div#activities{ */
	/* -webkit-column-count: 2; */
    /* -moz-column-count: 2; */
    /* column-count: 2; */
	/* -webkit-column-width: 200px; */
    /* -moz-column-width: 200px; */
    /* column-width: 200px; */
	/* -webkit-column-gap: 2em; */
    /* -moz-column-gap: 2em; */
    /* column-gap: 2em; */
/* } */

.reservation-sous-titre-ville { text-align: center; }
.reservation-sous-titre-ville span {
    display: inline-block;
    background: #f29400;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 35px;
}

div#personnesSupp {display:none;}
/* div#infosPass {display:none;} */
div#infosAnniversaire {display:none;}
div#infosCartecadeau {display:none;}
div#creneauxAnniversaire {display:none;}
#creneauxAnniversaire #sessions div.jour{min-height: 50px !important;}

#forfaits-carte .btn-primary.disabled,
#forfaits-carte .btn-primary:disabled,
#forfaits-pass .wrapper-forfait .btn-primary.disabled,
#forfaits-pass .wrapper-forfait .btn-primary:disabled { display: none; }

.forfait header.forfait-title .price { white-space: nowrap; }

.wrapper-forfait > small { 
    margin-top: 1rem;
    display: inline-block;
    margin-bottom: 0.5rem; 
}

li.hideList {display:none;}

.parsley-type,
.parsley-required {color:red;}

#nbreParticipants.spinner {text-align:center; width: 70%; }

.square-color {min-width:3em;width:3em;height:3em;}

#pass-journee > div.active {
	box-shadow: 0px 0px 1px 2px #007bff;
	background-color: #d7ebff;
}

#pass-journee > div.activity:hover {
	cursor:pointer;	
}

input.optionAnniv {width:1.2em;height:1.2em;}

.moreinfo {font-size:13px;}

.w-30 {width: 30%!important;}

/******************/
/* CSS CONNEXION **/
/******************/

div#password, div#inscription, 
div#message-ok, div#message-nok,
div#secret-nok, div#repeatPassword {
	display:none;
}

input#acceptdonnees {
	width: 20px;
    height: 20px;
}

input#confirmation_resa {
	width: 20px;
    height: 20px;
}


/*****************/
/* CSS TARIFS    */
/*****************/
#tarifs h5 {
	display:inline-block;
	margin-top: 6px;
}

#tarifs h5:hover {
	cursor:pointer;
}

div.tarif {
	border:1px solid #CCC;
	border-radius: 10px;
	background-color:#FFF;
}

input.big {
	width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

input.medium {
    height: 17px;
    margin-right: 10px;
    margin-top: 5px;
}

#tarifs .price {
	color:red;
}

#content_tarif.unactive {
	color: #7d7d7d;
}

/*****************/
/* CSS FORFAITS */
/*****************/
.forfaits h5 {
	display:inline-block;
}

.forfaits h5:hover {
	cursor:pointer;
}

.forfaits .forfait-title:hover {
	cursor:pointer;
}

div.forfait {
	border:1px solid #CCC;
	border-radius: 10px;
	background-color:#FFF;
}

input.forfait {
	width: 20px;
    height: 20px;
}

input.chkbxactivity {
	width: 18px;
    height: 18px;
}

div.wrapper-forfait {
	/* display:none; */
}

button.add_activity {
	/* margin:10px auto; */
}

a.modifiedActivity {
    /* margin-top: 6px; */
	/* display:none; */
}

.tarifs .price {font-size:18px;}
.promo  {font-weight: bold;color:red;}

/****************/
/* CSS CRENEAUX */
/****************/
.creneaux {width:90%}

.creneaux .creneau {
    min-width: 92px;
    width: 6em;
    height: 7em;
    margin-right:0.75em;
    margin-bottom: 14px;
}

.creneaux .data-session.available.promo,
#resa_date .data-session.available.promo {
    background-color: cadetblue !important;
}

.creneaux .data-session.available,
#resa_date .data-session.available {
    background-color: #b1d701;
}

#resa_date .data-session,
.creneaux .data-session {
    color: #FFF;
    overflow: hidden;
	height:100%;
}

.creneaux .data-session {margin-bottom: 15px;}
.data-session {position: relative;}
.creneaux a {cursor:pointer;}

.creneaux a.active > .data-session {
    outline: 2px solid #07608a;
    outline-offset: -2px;
	background-color: #c1e614;
}

.creneaux a.active > .data-session.available .heure {
    background-color: #a3c503;
}

.creneaux .data-session.available.promo .heure,
#resa_date .data-session.available.promo .heure {
    background-color: darkcyan !important;
}

.creneaux .data-session.available .heure,
#resa_date .data-session.available .heure {
    background-color: #97b701;
}
.creneaux .data-session .heure,
#resa_date .data-session .heure {
    color: white;
    font-family: 'Exo 2';
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    padding: 8px 3px;
}

.creneaux .data-session.available div.jour,
.creneaux .data-session.available-no div.jour,
.creneaux .data-session.available-last div.jour,
#resa_date .data-session.available div.jour {
    /* border-bottom: 1px solid #a3c601; */
	font-size:32px;
	line-height: 37px;
    text-align: center;
}

.creneaux .nb-places,
#resa_date .nb-places {
    color: white;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}

.creneaux .tarif {font-size: 30px;}
.creneaux .places-dispos {font-size: 13px;font-weight:400;}
.creneaux .col-irs a {color: #FFF;}
.creneaux .col-irs a:hover {text-decoration:none;}

.ruban-resa {
    color: white;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    background-color: #fc0;
    background-image: linear-gradient(-35deg, #07608a 0%, #023f66 100%);
    box-shadow: 0.9px 0.4px 5px rgba(41, 38, 38, 0.3);
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 124%;
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    left: -12px;
}

.slicker-prev{height: 112px;position: absolute;left: -32px;top: 0px;}
.slicker-next{height: 112px;position: absolute;right: -22px;top: 0px;}


/* ############################################################################################## */
/* ################### Sidebar infos  #################################################################################### */



/* ############################################################################################## */
/* ############################################################################################## */
.sidebar-resa-info {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    padding: 15px;
    margin-bottom: 30px;
    max-width: 360px;
    border-radius: .25rem;
}
.sidebar-resa-info p {
    font-size: 0.875rem;
    line-height: 1.3;
}
.sidebar-resa-info p:last-child { margin-bottom: 0; }
.sidebar-resa-info span.num span {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #219199;
    display: inline-block;
    width: 80%;
}
.sidebar-resa-info span.num-2 span { border-bottom: 1px solid #f18824; }
.sidebar-resa-info span.num-3 span { border-bottom: 1px solid #bb1f28; }
.sidebar-resa-info span.num i {
    color: white;
    font-size: 18px;
    font-weight: 700;
    width: 27px;
    height: 27px;
    /*background: #219199;*/
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-style: normal;
    margin-right: 5px;
    position: relative; z-index: 5;
    padding-left: 1px;
}
.sidebar-resa-info span.num i:before {
    content: ''; position: absolute; z-index: -1;
    width: 100%; height: 100%;
    /*-webkit-box-shadow: 1px 1px 1px 2px #219199;*/
    /*box-shadow: 1px 1px 1px 2px #219199;*/
    border-radius: 50%;
    background-color: #43a7a5;
    top: 0%; left: 0%;
}
.sidebar-resa-info span.num i:after {
    content: ''; position: absolute; z-index: -2;
    width: 90%; height: 90%;
    -webkit-box-shadow: 1px 1px 1px 1px #1d6e7c;
    box-shadow: 1px 1px 1px 1px #1d6e7c;
    border-radius: 50%;
    background-color: #1d6e7c;
    top: 6%; left: 8%; 
}
.sidebar-resa-info span.num-2 i:before { background: #f18824; }
.sidebar-resa-info span.num-3 i:before { background: #bb1f28; }
.sidebar-resa-info span.num-2 i:after { 
    background: #f18824;
    -webkit-box-shadow: 1px 1px 1px 1px #b13817;
    box-shadow: 1px 1px 1px 1px #b13817;
}
.sidebar-resa-info span.num-3 i:after { 
    background: #bb1f28;
    -webkit-box-shadow: 1px 1px 1px 1px #680002;
    box-shadow: 1px 1px 1px 1px #680002;
}
.sidebar-resa-info h2 {
    margin: 0px 0px 10px 0px;
    color: #004e71;
    font-family: 'Exo 2';
    font-size: 25px;
    font-weight: 500;
}

#paiement .tva-info {
    font-size: 0.875rem;
    line-height: 1.2;
}


.sf-toolbar { display: none !important; }

@media screen and (max-width: 575px) {
    img[src*="logo-300x300"] {
        max-width: 80px;
        padding: 0;
        float: left;
    }
    .reservation-sous-titre-ville { padding: 2px 7px; margin-left: 80px; }
    .reservation-sous-titre-ville span { font-size: 15px; }
    .reservation-sous-titre-ville + h1 { font-size: 30px; }
    body .lead { clear: left; font-size: 0.875rem; }
    #form1 .custom-control.custom-radio.w-30 {
        width: 100% !important; margin-bottom: 21px;
        max-width: 260px; margin-left: auto; margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    body .container {
        max-width: 100%;
    }
    #cart {
        margin-top: 21px;
    }
    .sidebar-resa-info {
        display: none;
    }
    div.calendar.row.d-flex.flex-row {
        margin-left: 0; margin-right: 0;
    }
}

div.sidebar-anniv,
div#fogottenpass-mailsend,
#forgotten_password_modal.sended .modal-body input,
#forgotten_password_modal:not(.sended) .modal-body .msg-success,
#forgotten_password_modal.send:not(.sended) .modal-footer,
#forgotten_password_modal.sended .modal-footer .btn-primary,
#forgotten_password_modal:not(.sended) .modal-footer .btn-secondary { display: none; }

.fermeturesMsg p,
.fermeturesMsg > *:last-child {
    margin-bottom: 0.5rem;
}