@media(min-width: 768px) {
	.w-md-25 {width: 25%!important;}
	.w-md-75 {width: 75%!important;}
}
@media(min-width: 992px) {
	.border-lg-right {border-right: 1px solid #dee2e6;}
	.w-lg-40 {width: 40%!important;}
}
body {font-family: 'Open Sans', sans-serif;}
header {height: 58px;}
.bg-light {background-color: #FFF!important;}
.navbar-brand p {margin-bottom: 0;}
.navbar-brand h1 {font-size: 1.0rem;}
.navbar-brand h2 {font-size: 0.7rem;}
.navbar-brand h1, .navbar-brand h2 {color: #00a2ed;}

.navbar-light .navbar-nav .nav-link {color: #030303; position: relative; top: 50%; transform: translateY(-50%);}
.navbar-light .navbar-nav .nav-link:hover {color: #66C9F7;}

@media (min-width: 768px)
{
	.navbar-light .navbar-nav .nav-link {position: relative; top: 50%; transform: translateY(-50%);}

}

#menu_loc_voiture a.nav-link{color: #0BA9F7;}


label.h5 {color: #7f7f7f; font-size: 1.0rem;}

#top_photo {position: relative;}
#top_photo .baseline {position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); width: auto; padding: 0px 20px 8px 20px; display: inline-block; text-align: center; color: #FFF; font-size: 26px; line-height: 65px; font-weight: 600; /*text-shadow: 4px 4px 6px #555;*/ background-color: rgba(80, 80, 80, 0.6); white-space: nowrap; border-radius: 5px;}

#top_photo .baseline {font-size: 2.5vw; line-height: 3vw;}

@media (max-width: 992px) {
	#top_photo .baseline {font-size: 22px;}
}
@media (max-width: 768px) {
	#top_photo img {height: 60vh; object-fit:cover;}
	#top_photo .baseline {font-size: 20px; top: 50%; line-height: 30px; width: 90vw; text-align: center; white-space: normal; transform: translate(-50%, -50%);}
}

.animated-img {transition: transform .2s ease; cursor: pointer;}
.animated-img:hover{
transform: scale(1.02);
transition: .2s ease;
}
.gallery_photo {cursor: pointer;}
.cadre_photo {position: relative;}
.ico-expand {position: absolute; right: 5px; top: 5px; background-color: rgba(255, 255, 255, 0.5); color: #444; padding: 0 3px; border-radius: 3px; cursor: pointer;}
.rotate-45 {transform: rotate(45deg);}
#description {color: #7f7f7f;}
h4, #description h4 { font-size: 1.5rem; color: #7f7f7f; font-weight: bold;}

.desc_annonce {font-size: 16px!important; color: #000; padding-left: 5px; margin-bottom: 60px;}
@media (min-width: 1200px) {
	.desc_annonce {min-height: calc(100vh - 150px);}
}
.desc_annonce img {display: none;}
.desc_annonce_avecimg  img {display: inline;}
.desc_annonce b br {display: none;}
.desc_annonce br {content: ""; margin: 2em; display: block; font-size: 24%;}
.calendar-cell {font-size: 12px;}
.calendar-cell th {background-color: #3A3A3A; text-align: center; font-weight: normal; color: #FFF; padding: 2px 0;}
.calendar-cell tr td {background-color: #FFF; color: #555;}
.calendar-cell tr:nth-child(2) td {background-color: #C3C3C3; color: #FFF;}
.calendar-cell table td {width: 14.29%; text-align: center; border-spacing: 1px; /*border-collapse: separate;*/ border: 1px solid #3A3A3A; font-size: 12px;}
.calendar-cell tr td.half-left {
    background: #F5F5F5 url(img/half-left.png);
    background-size: 100% 100%;

}

.calendar-cell tr td.half-right {
    background: #F5F5F5 url(img/half-right.png);
    background-size: 100% 100%;

}

@media (max-width: 768px) {
	.table-responsive td, .table-responsive th {font-size: 0.7em;}
/*	.calendar-table {overflow-x: hidden; width: 100%;}

	.calendar-row.row {display: inline-block; float: left;}

	.calendar-cell {width: 100vw; position: relative; float: left;}*/
}

.calendar-cell tr td.full {background-color: red;}

.titre_infos {text-align: center; position: relative; color: #5e5e5e; margin-top: 20px;}
.titre_infos label {background-color: #FFF; line-height: 30px; padding: 0 20px; font-size: 25px;}
.titre_infos hr {border: none; border-top: 1px solid #cccccc; margin: 15px 0; position: absolute; top: 3px; width: 100%; z-index: -1;}
.infos {color: #000; text-align: center; position: relative;}
.infos ul {display: inline-block; margin: 0 auto; margin-top: 15px;}
.infos ul li {text-align: left;}
@media (min-width: 992px) {
/*#block_infos {position: absolute; width: 100%; top: 0px;}*/
.infos_fixed {position: sticky; top: 100px;}
}

#bt_aff_num, #num_contact {color: #0BA9F7;}

#tab_saisons th {font-weight: normal;}
#tab_saisons th:first-child {width: 25%;}
@media (max-width: 992px) {
	#tab_saisons th:first-child {width: 40%;}
}


.datepicker {padding: 0!important; font-family:'Open Sans', sans-serif; }
.datepicker-switch {text-transform: capitalize;}
td.day, td.dow {font-size: 12px;}

footer {background-color: #272727; color: #FFF; font-size: 0.8rem;}
footer .navbar-dark .navbar-nav .nav-link {color: #FFF;}

#mentions label {font-weight: bold; margin-bottom: 0;}

.jauge_avis {position: relative; width: 83px; height: 22px; margin: 0 auto; top: 5px;}
.progress_avis {position: absolute; z-index:0; top: 0px; left: 0px; height: 100%; width: 0%; background-color: gold;}
.etoiles_avis {position: absolute; z-index:0; top: 0px; left: 0px}
.note_avis {font-weight: bold; line-height: 12px; padding-left: 15px;}

.modal-body label {font-weight: bold; margin-bottom: 0; margin-right: 10px;}