/*********** page réservation ***********/
#reservation_form {margin-bottom: 30px;}
.row.title {margin-left: 0; margin-right: 0; margin-top: -35px; background-color: var(--main_color); padding: 15px 0; color: #FFFFFF;}
#breadcrumb {color: var(--main_color); font-size: 1rem;}
.title.btn {color: white; margin-bottom: 10px; width: 100%; background-color: #096579; font-size: 1.3rem;}
#dates .title.btn {background-color: var(--main_color);}
input[type="radio"]:checked+label, input[type="checkbox"]:checked+label {color: var(--primary_color);}
#reservation_form label, #legende {font-size: 0.9rem;}
.btn .fas {color: #FFFFFF;}
.fa-question-circle {padding-left: 5px;}
.img_info {padding-left: 10px;}

/* sejours */
small {display: block; padding-left: 20px;}

/* dates */
#dates label {padding-left: 2px; padding-right: 2px;}
/*.basse_saison {background-color: #E2FF8A;}*/
#dates .modal-page {position: absolute;}

/* participants */
#participants div:not(:first-child) {padding-bottom: 5px;}
#participants .custom-select {width: 5rem;}

/* hebergement */
#hebergement {padding-bottom: 30px;}

/* restauration */
#restauration {padding-bottom: 30px;}
#cocooking_disabled {color: var(--main_color); display: none;}

/* logements */
#logements > .col > .row:nth-of-type(1) .col, #logements .titre {font-weight: bold; font-size: 1.3rem;}
#logements .logement_image {width: 100%;}
.no-result {color: var(--main_color); font-weight: bold;}
.orderby .fas {color: var(--primary_outline_color);}
.orderby .active .fas, .orderby label:hover .fas {color: #FFFFFF;}
.logement_description, .logement_description div, .logement_description p, .logement_description p * {font-size: 0.9rem; line-height: 1.4rem;}
.logement_description .titre_logement {height: 78px;}
.order-2 .img_info {padding-top: 6px;}
.order-5 .infos {position: absolute; bottom: 3px; right: 0;}
.logement_prix {height: 31px;}
.logement_disponiblite {height: 52px; font-size: 0.9rem; line-height: 1.4rem;}
.prix button {padding: 0 .75rem;}
.infos {margin-top: -2px;}
.prix {font-weight: bold; font-size: 1.3rem; line-height: 1.4rem}
.prix_barre {text-decoration: line-through; font-weight: normal;}
.disponible {color: var(--green);}
.occupe {color: var(--main_color);}
.actions .btn-primary {padding-left: 1rem; padding-right: 1rem;}

@media(min-width:768px) {
	.logement {cursor: pointer;}
	.selected {background-color: #FFFAF9; border: solid 1px var(--primary_color);}
	/*.not-selected {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}*/
}

@media(max-width:991.98px) {
	h1 {font-size: 2rem;}
	.bloc_title {font-size: 1.6rem;}
	#breadcrumb {color: var(--main_color); font-size: 1rem;}
	.info_prix {font-size: 0.72rem;}
	.actions button:not(:first-child) {margin-top: 10px;}
	#popup_logement img {width: 100%;}
}

@media(max-width:767.98px) {
	h1 {font-size: 1.8rem;}
	#footer {display: none !important;}
	.step {display: none;}

	#hebergement, #restauration, #forfait {padding-bottom: 0; padding-top: 20px;}
	#forfait{padding-bottom: 20px;}

	#logements > .col > .row:nth-of-type(1) .col, #logements .titre, .prix {font-size: 0.9rem;}
	.logement .col-auto, .logement .col {padding-left: 5px; padding-right: 5px; line-height: 1.4rem;}
	.logement_description .titre_logement, .logement_prix, .logement_disponiblite {height: unset;}

	#mobile_buttons {position: fixed; bottom: 0px; width: 100%; padding-top: 10px; padding-bottom: 0px; z-index: 2;}
	#mobile_buttons .col {padding: 5px;}
	#mobile_buttons .btn {width: 100%;}
	.fa-caret-right {padding-left: 5px; color: #FFFFFF;}
	.fa-caret-left {padding-right: 5px; color: #000000;}
	#mobile_buttons #retour {display: none;}
	#mobile_buttons .button_popup_devis {display: none;}

	.selected {border: dashed 1px var(--main_color); padding-left: 15px !important; padding-right: 15px !important; margin-left: 15px !important; margin-right: 15px !important;}
}

@media(max-width:575.8px) {
	h1 {font-size: 1.1rem;}
	#reservation_form .row:first-child {margin-top: 0;}
	#reservation_form .fa-question-circle {margin-left: 2px;}
}