body{
    background-color:#F7F7F7;
}



/*-----------------------TOPNAV---------------------------*/
.topnav
{
    background: white;
    border-color: rgb(232, 235, 233);
    border-width: 1px;
    border-bottom: 2px;
    border-bottom:  rgb(232, 235, 233);
    border-style: solid;
    overflow: hidden;
    width: 100%;
}

#logo_navbar
{
    width: 5%;
    height: 5%;
    margin-left: 3%;
}


.para_accueil
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2%;
    font-family: 'Merriweather', 'serif';
    font-weight: 300;
    font-size: 20px;
    color: #08b5c6; 
    border-style: none;
}

.para_accueil:hover
{
    color: #23666c;
}

/*-------------------------------TITRE & PRIX ANNONCE--------------------------*/

#titre_prix
{
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    display: flex;
    margin: 0;
    
}
@media (min-width: 1024px){
#titre_prix {
    flex-direction: row;
}}

/*-------------------------------TITRE ANNONCE--------------------------*/
.box_titre
{
    text-align: left;
    width:fit-content;
}
.titre_annonce
{
    float: left;
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    flex: 1 1 auto;
    font-family: 'Merriweather', serif;
    text-align: left;
}

/*-------------------------------PRIX EN HAUT ANNONCE--------------------------*/

.prix_enhaut
{
    /*display: inline-block;*/
    float: right;
    text-align: left;
    padding: 0 0 0 2rem;
    margin-top: 2%;
}

.price
{
    color:#07a7b6;
    font-size: 1.5rem;
    font-weight: bold;
}

.prefix,.suffix
{
    font-size: inherit;
    font-weight: 400;
    line-height: 1.2;
}

/*-----------------------------GALLERIE PHOTO------------------------------------*/

.open-btn {
    display: flex;
    justify-content: flex-start;
    
  }

  .open-button {
    background-color:#07A7B6;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.8;
    float: right;
  }

  .login-popup {
    position: relative;
    text-align: center;
    width: 100%;
  }

  .form-popup {
    display: none;
    position: fixed;
    left: 45%;
    top: 5%;
    transform: translate(-45%, 5%);
    border: 2px solid #666;
    z-index: 9;
  }

  .form-container {
    max-width: 300px;
    padding: 20px;
    background-color: #fff;
  }

  .form-container input[type="text"],
.form-container input[type="password"] {
  width: 100%;
  padding: 10px;
  margin: 5px 0 22px 0;
  border: none;
  background: #eee;
}

.form-container input[type="text"]:focus,
.form-container input[type="password"]:focus {
  background-color: #ddd;
  outline: none;
}
/* Stylez le bouton de connexion*/
.form-container .btn {
  background-color: #8ebf42;
  color: #fff;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
}
/* Stylez le bouton pour annuler */
.form-container .cancel {
  background-color: #cc0000;
}
/* Planez les effets pour les boutons */
.form-container .btn:hover,
.open-button:hover {
  opacity: 1;
}




.pres_photo
{
    display: flex;
    
}

#defil
{
    margin-left: 80px;
    width: 88%;
    height: 100%;
    overflow: hidden;
}


#but_1 {
    font-family:Verdana,'Bitstream Vera Sans',Times,serif;
    font-size:10px;
    font-weight:bold;
    padding:1px 2px;
    background-image: url("../Images/slide_left.png");
    background-repeat:no-repeat;
    background-color: transparent;
    width: 60px;
    height: 60px;
    border-style: none;
    border-radius: 3px;
    display: flex;
    left:5%;
    float: left;
    margin: -25% 0 0 0;
    position: absolute;
    z-index: 1;
    filter: invert(51%) sepia(83%) saturate(3279%) hue-rotate(152deg) brightness(95%) contrast(94%);
    }

#but_2
{
    font-family:Verdana,'Bitstream Vera Sans',Times,serif;
    font-size:10px;
    font-weight:bold;
    padding:1px 2px;
    background-image: url("../Images/slide_right.png");
    background-repeat:no-repeat;
    background-color: transparent;
    width: 60px;
    height: 60px;
    border-style: none;
    border-radius: 3px;
    margin: -25% 0 0 0;
    display: flex;
    right: 5%;
    position: absolute;
    z-index: 1;
    filter: invert(51%) sepia(83%) saturate(3279%) hue-rotate(152deg) brightness(95%) contrast(94%);
}

@media (min-width: 200px){
    #but_2,#but_1 {
        margin:-60% 0 0 0;
    }}
@media (min-width: 300px){
    #but_2,#but_1 {
        margin:-45% 0 0 0;
    }}

@media (min-width: 400px){
    #but_2,#but_1 {
        margin:-35% 0 0 0;
    }}
@media (min-width: 500px){
#but_2,#but_1 {
    margin:-30% 0 0 0;
}}
@media (min-width: 700px){
    #but_2,#but_1 {
        margin:-30% 0 0 0;
    }}
@media (min-width: 800px){
    #but_2,#but_1 {
        margin:-35% 0 0 0;
    }}
@media (min-width: 1000px){
    #but_2,#but_1 {
        margin:-25% 0 0 0;
    }}


.fleches
{
    position: relative;
}

#galerie_pic
{
    text-align: center;
    margin:0;
}

#img_modif
{
    object-fit: cover;
}

@media (min-width: 120px){
    #img_modif {
        height: 220px;
        width:80%;
    }}

@media (min-width: 480px){
    #img_modif {
        width:80%;
        height: 220px;
    }}
@media (min-width: 400px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 420px;
    }}
@media (min-width: 600px){
    #img_modif {
        width:80%;
        height: 320px;
    }}
@media (min-width: 800px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 450px;
    }}
@media (min-width: 800px){
    #img_modif {
        width:80%;
        height: 400px;
    }}
@media (min-width: 1000px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 480px;
    }}
@media (min-width: 1200px){
    #img_modif {
        width:80%;
        height: 460px;
    }}
@media (min-width: 1200px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 520px;
    }}
@media (min-width: 1300px){
    #img_modif {
        width:80%;
        height: 480px;
    }}
@media (min-width: 1300px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 520px;
    }}
@media (min-width: 1400px){
    #img_modif {
        width:80%;
        height: 520px;
    }}
@media (min-width: 1400px) and (min-height:600px){
    #img_modif {
        width:80%;
        height: 550px;
    }}
@media (min-width: 1500px){
    #img_modif {
        width:80%;
        height: 620px;
    }}
@media (min-width: 1600px){
    #img_modif {
        width:80%;
        height: 720px;
    }}
    




*{box-sizing:border-box}

img{
    max-width: 100%;
}

/*pour le saut de page, on cree une class que l'on met en display:none*/
.target{
    display: none;
}


/* englobe le slider */
.cadre_diapo{
    max-width: 900px;
    margin: 2rem auto;
    overflow: hidden;
}

.interieur_diapo{
    display: flex;
    width: 250%;
    transition: transform .6s ease-in-out	
}

.description{
    position: relative;
}

.description span{
    position: absolute;
    left: 0;
    top: 2%;
    font-size: 75%;
    display: flex;
    padding: .5rem;
    justify-content: center;
    color: white;
    background: hsla(0,0%,0%,.35)
}
	
	
#jardin:target ~ .cadre_diapo .interieur_diapo{
    transform:translatex(0%)
}/*image 1*/

#vue_haut:target ~ .cadre_diapo .interieur_diapo{
    transform:translatex(-25%)
}/*image 2*/

#piscine_1:target ~ .cadre_diapo .interieur_diapo{
    transform:translatex(-50%)
}/*image 3*/

#piscine_2:target ~ .cadre_diapo .interieur_diapo{
    transform:translatex(-75%)
}/*image 4*/





/*navigation avec images miniatures*/
.navigation_diapo{
    display: flex; /*permet d'aligner les photos les unes à la suite des autres, on peut aussi utiliser le positionnement absolu*/
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.navigation_diapo #photo_prev
{
    display: flex;
    float: left;
    margin-left: 490px;
}

.navigation_diapo #photo_next
{
    display: flex;
    float: right;
}


.navigation_diapo li {
	padding: .5rem;
   
}

.navigation_diapo img{
    border: 3px solid white;
    box-shadow:0 0 5px hsla(0,0%,0%,.4);
}
	
	
	@media (min-width:31.25rem){
		
		.description span{
			
			font-size: initial
		
		}
	
	}
	
/*-------------------------CONTENT BAS-----------------------------*/


/*-------------------------TITRE + EXCLUSIVITE-----------------------------*/

@media (min-width: 480px){
.global {
    padding: 0 3rem;
    background-color:#F7F7F7;
}}

.Page_entiere
{
    background-color:#F7F7F7;
}

.full_content
{
    max-width: 80%;
    margin: 2rem auto;
    overflow: hidden;
}

.titre_barre {
    display: flex;
    float:right;
}



.full_content .options_droite__row {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

@media (min-width: 480px){
    .full_content .options_droite__row {
        margin-bottom: 1rem;
        flex-direction: row;
    }}

.full_content .options_droite__meta {
    align-items: center;
    justify-content: space-between;
}
    
.full_content .options_droite--borderBottom {
    padding: 0 0 1rem 0;
    border-bottom: 1.5px dashed rgba(128,128,128,.2);
}


@media (min-width: 480px){
.full_content .options_droite--borderBottom {
    padding: 0 0 0.2rem 0;
}}




.full_content .titre_barre .title {
    font-size: 30px;
    font-weight: 400;
    font-family: 'Merriweather, sans-serif';
}

.titre_barre .title {
    color: #1a1a1a;
    padding: 1rem;
}


/*-------------------------OPTIONS DROITE-----------------------------*/

a {
    text-decoration: none;
}

a {
    background-color: transparent;
}

.rh_tooltip {
    text-align: center;
    position: absolute;
}

.rh_tooltip .label {
    display: inline-block;
    position: relative;
    background: #000;
    color: #fff;
    padding: 1rem 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s all linear;
}

dl, ol, ul, table, pre, figure, legend, input, textarea, button, label, select {
    font-size: 1.5rem;
    font-weight: inherit;
    line-height: 1.2;
}

span {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.2;
}



ol, ul {
    box-sizing: border-box;
}


.compare-placeholder, .rh_trigger_compare {
    display: inline-block;
    margin-left: 1rem;
}

svg:not(:root) {
    overflow: hidden;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

/*-----------------------------ATOUTS-----------------------*/


.full_content
{
    display: flex;
    flex-direction: column;
}



.full_content .rh__row {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

@media (min-width: 480px){
.full_content .rh__row {
    margin-bottom: 3rem;
    flex-direction: row;
}}

.full_content .rh_property__meta_wrap {
    padding : 2rem 0.2rem 2rem 2rem;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.rh_property__meta_wrap {
    justify-content: flex-start;
}

@media (min-width: 480px){
.rh_property__meta_wrap .rh_property__meta {
    margin-bottom: 3rem;
}}

@media (min-width: 320px){
    .rh_property__meta_wrap .rh_property__meta {
        margin-bottom: 2rem;
    }}

.rh_property__meta_wrap .rh_property__meta {
    margin-right: 2rem;
    margin-bottom: 1.5rem;
    text-align: left;
}
.full_content .rh_property__meta {
    align-items: center;
    justify-content: space-between;
}

.rh_property__meta_wrap .rh_property__meta .rh_meta_titles {
    margin: 0;
    margin-bottom: 1.5rem;
    font-weight: 40;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #1a1a1a;
    display: block;
}

.rh_property__meta_wrap .rh_property__meta div {
    display: flex;
    align-items: center;
}

.rh_slide__prop_meta .rh_svg, .rh_svg, .rh_banner .rh_view_type .active path, .rh_banner .rh_view_type a:hover path, .rh_view_type a.active svg path, .rh_view_type a:hover svg path, div.rh_modal_login_loader svg path {
    fill: #07a7b6;
}

.rh_property__meta_wrap .rh_property__meta .figure {
    margin-left: 1.2rem;
    color: black;
    font-size: 1.1rem;
    font-weight: 100;
}

.rh_property__meta_wrap .rh_property__meta .label {
    margin-left: 0.5rem;
    color: gray;
    font-size: 0.9rem;
}



.full_content .rh_content {
    font-weight: 350;
    line-height: 1.8;
    text-align: justify;
}

.rh_content, .commentlist article .comment-detail-wrap .comment-body {
    font-size: 1.1rem;
    font-weight: inherit;
    line-height: 2;
    text-align: left;
    margin-bottom: 1rem;
}

.rh_content .content.hideContent {
    max-height: 215px;
    overflow: hidden;
}

.rh_content p, .commentlist article .comment-detail-wrap .comment-body p, .rh_content .rh_agent_form .rh_agent_form__row, .commentlist article .comment-detail-wrap .comment-body .rh_agent_form .rh_agent_form__row, .rh_agent_form .rh_content .rh_agent_form__row, .rh_agent_form .commentlist article .comment-detail-wrap .comment-body .rh_agent_form__row, .commentlist article .comment-detail-wrap .rh_agent_form .comment-body .rh_agent_form__row {
    margin-bottom: 1rem;
}

.show-more
{
    background: #07a7b6;
    box-shadow: none;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    outline: 0;
    margin-top: 10px;
}

.rh_content .show-more {
    padding: 7px 12px 5px;
    cursor: pointer;
    border-radius: 5px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif;
}

.rh_property__features_wrap {
    display: block;
    margin-bottom: 0rem;
}
.rh_property__content_wrap, .rh_rvr_services_conciergerie, .rh_rvr_essentiel, .rh_rvr_inventaire, .rh_property__ava_calendar_wrap, .rh_property__features_wrap {
    background: #f6f2f2;
    padding: 30px 30px 40px 30px;
}

.rh_rvr_essentiel, .rh_rvh_inventaire, .rh_property__ava_calendar_wrap {
    background: #fff;
}




.rh_property__features_wrap .rh_property__features {
    display: flex;
    flex-wrap:wrap;
    list-style-type: none;
}

@media (min-width: 320px){
    .rh_property__features_wrap .rh_property__features {
        flex-direction: column;
    }}
    
@media (min-width: 480px){
.rh_property__features_wrap .rh_property__features {
    flex-direction: row;
}}


.rh_property__features_wrap .no-link-list .rh_property__feature {
    padding-left: 0.2rem;
    padding-bottom: 2.5rem;
    color: #808080;
}


.rh_property__features_wrap .rh_property__feature {
    display: flex;
    align-items: center;
    flex-basis: 50%;
    position:relative;  
    padding: 0 2rem 2rem;
}

.rh_rvr_essentiel .rh_property__feature {
    font-size: 1.2rem;
    font-weight: 350;
    flex-basis: 50%;
    color: rgb(26, 26, 26) !important;
    padding: 1.3rem;
}



.rh_rvr_essentiel .rh_property__feature svg {
    width: 32px;
    fill: #07a7b6;
    margin-right: 10px;
}

.rh_property__heading
{
    padding-bottom: 2.1rem;
    color: #414141;
    font-size: 2rem;
    font-weight: 530;
    font-family: 'Merriweather', serif;
}
.elementor {
    hyphens: manual;
}
.elementor-element {
    --widgets-spacing: 20px;
}
.elementor-section {
    position: relative;
}
.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    -webkit-box-flex: var(--flex-grow);
    -webkit-box-ordinal-group: var(--order);
}




.elementor-section .elementor-container {
    display: -webkit-box;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (min-width: 768px){
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
    width: 100%;}
}

.elementor-column, .elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: flex;
}

.elementor-column {
    min-height: 1px;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}

.elementor-align-right {
    text-align: right;
}

.elementor-7821 .elementor-element.elementor-element-068730e .elementor-button {
    background-color: #08b5c6;
}
.elementor-align-right .elementor-button {
    width: auto;
}

.elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.elementor a:hover{
    text-decoration: none;
}

.elementor-button:hover {
    background-color: #07A7B6;
}
.elementor-button {
    display: inline-block;
    line-height: 1;
    font-family: 'Merriweather', serif;
    background-color: #08b5c6;
    font-weight: 530;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
   
}


.elementor-button span {
    text-decoration: inherit;
}

a:hover, a:focus, a:active {
    outline: 0;
}
.elementor-button-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.full_content .rh_property__heading {
    font-weight: 400;
    font-size: 1.5rem;
    color: #4a4a4a !important;
}

#ft_1, #ft_2
{
    font-size: 1.1rem;
    font-weight: 350;
    flex-basis: 50%;
    color: rgb(92, 88, 88) !important;
    padding: 1.1rem;
}
#svg_1,#svg_2
{
    fill: #07A7B6;
}

.rh_property__ava_calendar_wrap {
    background: #fafafa;
}

.rvr_phone_icon, .rvr_cta_or, .calendrier .paging {
    background: #7a7a7a;
}

.calendrier .paging .month-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
}

.calendrier .paging {
    text-align: center;
    font-size: 12px;
    position: relative;
    padding: 10px;
    background: #07a7b6;
    color: #fff;
}

.calendrier table {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    border-collapse: collapse;
    width: 100%;
    border: none;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

table, th, td {
    border: 1px solid rgba(196, 189, 189, 0.2);
    border-collapse: collapse;
}

table {
    width: 100%;
    margin-bottom: 2rem;
    table-layout: fixed;
}
.calendrier table thead {
    font-weight: 600;
}

.calendrier .j1, .calendrier .j2, .calendrier .j3, .calendrier .j4, .calendrier .j5, .calendrier .j6, .calendrier .j12, .calendrier .j13, .calendrier .j14, .calendrier .j15, .calendrier .j16, .calendrier .j17, .calendrier .j20, .calendrier .j21, .calendrier .j22, .calendrier .j23, .calendrier .j24, .calendrier .j25, .calendrier .j26
{
    text-decoration: line-through;
    color: #808080;
    background: rgba(128, 128, 128, 0.2) !important;
}

.calendrier .j7
{
    background: rgb(7 167 182) !important;
    color: #fff;
}

.calendrier .j8, .calendrier .j9, .calendrier .j10, .calendrier .j11, .calendrier .j18, .calendrier .j19, .calendrier .j27, .calendrier .j28, .calendrier .j29, .calendrier .j30, .calendrier .j31
{
    background-color: rgb(7 167 182 / 6%);
    
}

.rh_property__map_wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block;
    background: #fafafa;
}

#tt_emplacement, #titre_tarif {
    font-weight: 510;
    margin-left: 2rem;
    font-size: 1.5rem;
    color: #4a4a4a !important;
}

.rvr_price_details_wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #f6f2f2;
}

table.ga-prices-table {
    border-collapse: collapse;
    background: white;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

table.ga-prices-table thead tr {
    height: 44px;
    background-color: rgb(7 167 182);
    
}


table.ga-prices-table tbody tr {
    height: 48px;
    font-size: 13px;
    text-align: center;
    color: #808080;
    line-height: 1.2;
    font-weight: unset;
}

table.ga-prices-table thead th {
    font-size: 13px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
    text-transform: uppercase;
    text-align: center;
    border: none;
}


small {
    font-size: 75%;
}

.elementor-popup-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    background-color: transparent;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

@media (max-width: 1024px){
.elementor-section .elementor-container {
    flex-wrap: wrap;
}
}
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1140px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1300px;
}

@media (max-width: 1024px){
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1024px;
}}

@media (max-width: 767px){
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 767px;
}}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

.rh_property--padding {
    padding: 2rem 0 0 0;
}

.presentation_loc {
    width: 100%;
    background: #fff;
    
}

@media (min-width: 1024px){
    .presentation_loc {
    width: 70%;
    height: 100%;
    margin-right: 3rem;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 5%);
}}



@media (min-width: 480px){
    .rh_property--padding {
        padding-top: 3rem;
    }}

.full_content .rh_property__wrap {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px){
    .rh_property--padding {
        padding-top: 1rem;
}}


@media (min-width: 1024px){
    .full_content .rh_property__wrap {
        flex-direction: row;
    }}
    
    #elementor-popup-modal-7817 .dialog-message {
        width: 100%;  
        height: auto;
    }
    .dialog-type-lightbox .dialog-message {
        padding: 0 30px 30px;
        min-height: 50px;
    }
    .elementor-popup-modal .dialog-message {
        width: 640px;
        max-width: 100%;
        max-height: 100%;
        padding: 0;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .dialog-message {
        font-size: 12px;
        line-height: 1.5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #elementor-popup-modal-7817 .dialog-widget-content {
        animation-duration: 1.2s;
        box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%);
    }

    #liste_eqip
    {
        width: auto;
        overflow: visible;
        max-width: 100%;
        max-height: 100%;
        pointer-events: all;
        z-index: 1;
    }
    @media(min-width:320px)
    {
        #liste_eqip
    {
        display: none;  
        width: 100%;
        height: 100%;
       
    }
    }
/*
    @media(min-width:1024px)
    {
        #liste_eqip
    {
        display: none;  
        width: 100%;
        margin-left: 28.33%;
    }
    }
    
    @media(min-width:1200px)
    {
        #liste_eqip
    {
        display: none;  
        width: 100%;
        margin-left: 28.33%;
    }
    }
*/
    #elementor-popup-modal-7817 {
        justify-content: center;
        align-items: center;
        pointer-events: all;
        background-color: rgba(0,0,0,.8);
    }
    


    .rh_rvr_inventaire_popup .list-parent {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
    }

    .rh_rvr_inventaire_popup .inv-parent {
        flex-basis: 33.33%;
        position: relative;
        padding: 25px;
        border: 1px solid #eaeaea;
        background-image: linear-gradient( 45deg, white, rgba(255,255,255,0));
        background-color: #f7f7f7;
        transition: 0.3s;
        font-size: 16px;
        font-weight: 600;
        margin-left: -1px;
        margin-top: -1px;
    }

    .rh_rvr_inventaire_popup .list-children {
        list-style-type: none;
        padding: 10px 0 0;
        text-transform: none;
    }

    @media(min-width:320px)
    {
        .rh_rvr_inventaire_popup .inv-children {
            font-weight: 300;
            font-size: 15px;
            height: 80px;
            font-family: 'Merriweather', serif;
            margin-bottom: 0px;
        }
    }
    @media(min-width:480px)
    {
        .rh_rvr_inventaire_popup .inv-children {
            font-weight: 300;
            font-size: 15px;
            height: 70px;
            font-family: 'Merriweather', serif;
            margin-bottom: 0px;
        }
    }
    @media(min-width:620px)
    {
        .rh_rvr_inventaire_popup .inv-children {
            font-weight: 300;
            font-size: 16px;
            height: 60px;
            font-family: 'Merriweather', serif;
            margin-bottom: 0px;
        }
    }
    @media(min-width:900px)
    {
        .rh_rvr_inventaire_popup .inv-children {
            font-weight: 300;
            font-size: 18px;
            height: 30px;
            font-family: 'Merriweather', serif;
            margin-bottom: 0px;
        }
    }
    

    .rh_rvr_inventaire_popup .inv-children span {
        padding-right: 2px;
    }

    .elementor-element .elementor-widget-container {
        -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
        transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
        -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
        transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
        transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
    }

    .elementor-7817 .elementor-element.elementor-element-05b8edf .elementor-heading-title {
        font-size: 30px;
    }
    .elementor-heading-title {
        padding: 0;
        margin: 0;
        line-height: 1;
    }
    .elementor-widget-wrap>.elementor-element {
        width: 100%;
    }
    .elementor-element {
        --widgets-spacing: 20px;
    }
    .elementor-widget {
        position: relative;
    }
    .elementor-element {
        --flex-direction: initial;
        --flex-wrap: initial;
        --justify-content: initial;
        --align-items: initial;
        --align-content: initial;
        --gap: initial;
        --flex-basis: initial;
        --flex-grow: initial;
        --flex-shrink: initial;
        --order: initial;
        --align-self: initial;
        -ms-flex-preferred-size: var(--flex-basis);
        flex-basis: var(--flex-basis);
        -webkit-box-flex: var(--flex-grow);
        -ms-flex-positive: var(--flex-grow);
        flex-grow: var(--flex-grow);
        -ms-flex-negative: var(--flex-shrink);
        flex-shrink: var(--flex-shrink);
        -webkit-box-ordinal-group: var(--order);
        -ms-flex-order: var(--order);
        order: var(--order);
        -ms-flex-item-align: var(--align-self);
        align-self: var(--align-self);
    }

    .elementor-widget:not(:last-child) {
        margin-bottom: 20px;
    }
    .elementor-widget:not(:last-child) {
        margin-bottom: 20px;
    }
    .elementor-widget-wrap>.elementor-element {
        width: 100%;
    }
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 10px;
    }
    .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .elementor-widget-wrap {
        position: relative;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    @media (min-width: 768px){
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
    width: 100%;
}}
.elementor-column, .elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor-column {
    min-height: 1px;
}
@media (max-width: 767px){
.elementor-column {
    width: 100%;
}}

.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.elementor-7817 .elementor-element.elementor-element-cd09bff {
    padding: 60px 0px 60px 0px;
}
.elementor-popup-modal .elementor {
    width: 100%;
}

.elementor-popup-modal .dialog-widget-content {
    width: auto;
    overflow: visible;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: all;
    
}
.dialog-type-lightbox .dialog-widget-content {
    margin: auto;
    width: 375px;
}
.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}
.dialog-widget-content {
    background-color: #fff;
    position: absolute;
    right: 0%;
    border-radius: 3px;
    -webkit-box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%);
    box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%);
    overflow: hidden;
}
.elementor-popup-modal .dialog-buttons-wrapper, .elementor-popup-modal .dialog-header {
    display: none;
}
.dialog-type-lightbox .dialog-header {
    font-size: 15px;
    color: #495157;
    padding: 30px 0 10px;
    font-weight: 500;
}

[data-elementor-type=popup] .elementor-section-wrap:not(:empty)+#elementor-add-new-section, [data-elementor-type=popup]:not(.elementor-edit-area) {
    display: none;
}
.elementor {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.elementor-element:where(.e-con-full,.elementor-widget) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--flex-direction);
    flex-direction: var(--flex-direction);
    -ms-flex-wrap: var(--flex-wrap);
    flex-wrap: var(--flex-wrap);
    -webkit-box-pack: var(--justify-content);
    -ms-flex-pack: var(--justify-content);
    justify-content: var(--justify-content);
    -webkit-box-align: var(--align-items);
    -ms-flex-align: var(--align-items);
    align-items: var(--align-items);
    -ms-flex-line-pack: var(--align-content);
    align-content: var(--align-content);
    gap: var(--gap);
}

#elementor-popup-modal-7817 .dialog-close-button {
    display: flex;
}

.elementor-popup-modal .dialog-close-button {
    display: none;
    top: 20px;
    margin-top: 0;
    right: 20px;
    opacity: 1;
    z-index: 9999;
    pointer-events: all;
}

.dialog-close-button:not(:hover) {
    opacity: .4;
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    margin-top: 15px;
    right: 15px;
    font-size: 15px;
    line-height: 1;
}


.rh_property__ava_calendar_wrap .calendar-guide {
    padding-top: 2rem;
}

.rh_property__ava_calendar_wrap .calendar-guide ul {
    display: flex;
    justify-content: center;
}
.rh_property__ava_calendar_wrap .calendar-guide ul li {
    list-style: none;
    margin-right: 2rem;
}

#dispo::before {
    background-color: rgb(7 167 182 / 6%);
}

#reserve::before {
    content: '-';
    line-height: 15px;
    color: #808080;
    background: rgba(128, 128, 128, 0.2);
}

#ajd::before {
    background: rgb(7 167 182) !important;
    color: #fff;
}

#id_cal
{
    width: 100%;
    height: 900px;
    padding-left: 20px;
}

.full_content .rh_property__sidebar {
    width: 100%;
    margin: 4rem auto 0;
}

@media (max-width: 1024px){
.full_content .rh_property__sidebar {
    width: 100%;
    margin: 0rem auto 0;
    padding: 4rem 0;
}}

@media (min-width: 576px){
    .full_content .rh_property__sidebar {
        width: 90%;
    }}
@media (min-width: 1024px){
.full_content .rh_property__sidebar {
    width: 30%;
    margin-top: 0;
}}





@media (min-width: 1024px){
aside.rh_sidebar {
    position: sticky;
    top: 30px;
    bottom: 0px;
}}

.rh_sidebar {
    text-align: left;
}

.widget.RVR_Booking_Widget, #footer .widget.RVR_Booking_Widget {
    background-color: #fff;
}

.widget.RVR_Booking_Widget {
    background: #ffffff;
}



.widget {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.widget.RVR_Booking_Widget h4.title {
    background: #ea723d;
    line-height: 18px;
    padding: 20px;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
}

.widget.RVR_Booking_Widget h4.title {
    background: #07a7b6;
}

.widget.RVR_Booking_Widget .title, #footer .widget.RVR_Booking_Widget .title {
    background-color: #394041;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 48px;
    padding: 0 0 0 15px;
    margin-bottom: 0;
}


.rh_sidebar .widget .title, .rh_sidebar .widget .wp-block-group__inner-container>h2, .rh_sidebar .widget .wp-block-search__label {
    font-size: 2.2rem;
    font-weight: 400;
    margin: 0 0 2rem 0;
    text-align: left;
    color: #1a1a1a;
}


.widget .title, .widget .wp-block-search__label {
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap {
    padding: 18px 14px 18px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 5%);
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap {
    background: #fff;
    padding: 0;
}



.widget .rh_widget_search__form, .widget .mc-wrapper, .widget .rvr-booking-form-wrap {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 5%);
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form {
    margin-left: -15px;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form {
    margin: 0;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar.small, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar.small {
    width: 50%;
    box-sizing: border-box;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar {
    float: left;
    padding-left: 15px;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar {
    width: 100%;
    padding-left: 0;
    border-top: 1px solid rgba(128, 128, 128, 0.2);
}


.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar label {
    display: block;
    font-size: 1.1rem;
    color: #1a1a1a;
    margin: 0;
    padding: 2rem 2rem 0;
}


.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar label {
    padding: 1.5rem 1rem 0;
    font-weight: 300;
}


.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form label, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form label {
    color: #394041;
    margin-bottom: 5px;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form input[type="date"], #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form input[type="text"] {
    width: 100%;
    line-height: 30px;
    height: 34px;
    box-sizing: border-box;
    border-style: none;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar input {
    display: block;
    width: 100%;
    padding: 0 2rem 2rem;
    font-weight: 300;
    margin-top: 1rem;
    color: #1a1a1a;
    font-size: 0.9rem;
    height: initial;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .option-bar input {
    padding: 0 1rem 2rem;
}



.warning-min-days {
    clear: both;
    margin: 0 0 25px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost {
    display: none;
    clear: both;
    padding-left: 15px;
    padding-top: 20px;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost {
    padding: 2rem;
    border-top: 1px solid rgba(128, 128, 128, 0.2);
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field {
    border-bottom: 0;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 5px;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div {
    padding: 1rem 0;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-desc, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-desc {
    width: 68%;
}

.widget a {
    transition: .2s color linear;
}


.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-desc a, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-desc a {
    font-size: 12px;
    cursor: pointer;
}


.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-value, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field > div.cost-value {
    width: 30%;
    text-align: right;
}



.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .booking-cost-details {
    display: none;
    border-top: 1px solid #f7f7f7;
    padding-top: 1rem;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field:last-child, .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field.subtotal-price-field, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field:last-child, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .booking-cost .cost-field.subtotal-price-field {
    border-top: 1px solid #f7f7f7;
}

.widget.RVR_Booking_Widget .submission-area, #footer .widget.RVR_Booking_Widget .submission-area {
    padding-bottom: 30px;
}
input, textarea {
    padding: 0.5rem;
    outline: 0;
    box-shadow: none;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .submission-area .rvr-booking-button-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}

.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-booking-button-wrapper, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-booking-button-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
    padding-left: 15px;
}
.rvr-booking-button-wrapper {
    position: relative;
}



.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .submission-area input[type="button"] {
    background: #07a7b6;
    margin: 0;
    padding: 2.5rem 2rem;
    width: 100%;
    color: #fff;
    transition: 0.2s background linear;
    cursor: pointer;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .submission-area input[type="button"] {
    padding: 15px;
    background: #07a7b6;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-booking-button-wrapper .real-btn, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-booking-button-wrapper .real-btn {
    display: block;
    padding: 8px 28px;
    margin-top: 20px;
    width: 100%;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-ajax-loader, #footer .widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .rvr-ajax-loader {
    display: none;
    margin-top: 20px;
}
.rvr-ajax-loader {
    position: absolute;
    right: 40px;
    top: -4px;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-booking-form .submission-area .rvr-ajax-loader svg {
    margin: auto;
    margin-bottom: 10px;
    display: block;
}
.rvr-ajax-loader svg rect {
    fill: transparent;
}
.rvr-ajax-loader svg path {
    fill: #fff;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-message-container {
    color: #6eab51;
}
.widget.RVR_Booking_Widget .rvr-message-container, .widget.RVR_Booking_Widget .rvr-error-container, #footer .widget.RVR_Booking_Widget .rvr-message-container, #footer .widget.RVR_Booking_Widget .rvr-error-container {
    display: none;
    margin-top: 0;
    padding: 10px 40px 10px 40px;
}
.widget.RVR_Booking_Widget .rvr-booking-form-wrap .rvr-error-container {
    margin: 0;
}

.rvr_request_cta_booking {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 5%);
}
.widget.RVR_Booking_Widget .rvr-error-container, #footer .widget.RVR_Booking_Widget .rvr-error-container {
    color: red;
}
.rvr-booking-form-wrap-mobile {
    display: none;
}
.rvr_cta_or {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    background: #333333;
    color: #ffffff;
    position: absolute;
    top: -22.5px;
    margin-left: -22.5px;
    left: 50%;
}
.rvr_phone_icon {
    background: #ea723d;
    display: inline-block;
    padding: 8px;
    position: relative;
}
.rvr_phone_icon{
    background: #f3ba08;
}
.rvr_phone_icon, .rvr_cta_or, .availability-calendar .paging {
    background: #7a7a7a;
}

.rvr_request_cta_number_wrapper {
    display: flex;
    font-size: 0.9rem;
}
.rvr_phone_icon svg {
    width: 30px;
}


.rvr_phone_icon svg .a {
    fill: #ffffff;
}
.rvr_request_cta_number_wrapper .rvr-phone-number {
    margin-bottom: 0;
    margin-left: 40px;
    line-height: inherit;
}
.rvr_request_cta_number_wrapper .rvr-phone-number strong {
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #333333;
    display: block;
    margin-bottom: 5px;
}


.widget p, .widget .rh_agent_form .rh_agent_form__row, .rh_agent_form .widget .rh_agent_form__row {
    line-height: 2;
    margin-bottom: 2rem;
}
.rvr_request_cta_number_wrapper .rvr-phone-number a {
    font-size: 24px;
    font-weight: 400;
    color: #1ea69a;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.elementor-widget-image img {
    vertical-align: middle;
    display: inline-block;
}
.elementor-18560 .elementor-element.elementor-element-5b68d97 img {
    width: 72%;
    max-width: 252px;
    border-radius: 50% 50% 50% 50%;
}
.elementor-18560 .elementor-element.elementor-element-5af8a83 {
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
}
.elementor-18560 .elementor-element.elementor-element-5af8a83 p {
    line-height: 1.3em;
}
.elementor-widget-image {
    text-align: center;
}

#open-web-calendar_reserv
{
    display: block;
    background:url('https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/static/img/loaders/circular-loader.gif')center center no-repeat;
    width: 200px;
    height: 300px;
}

.cal_cache
{
    display: none;
    width: 200px;
    height: 200px;
}

.langues
{
    margin-top: -3%;
    margin-bottom: 1%;
}
.langues a
{   
    padding: 0.2rem 0.1rem 0.5rem 0.3rem;
    border-radius: 2px;
}


@media (min-width:300px)
{
.langues
{
    display: block;
    margin-left: 80%;
}}


@media (min-width:600px)
{
.langues
{
    display: block;
    margin-left: 90%;
}}

@media (min-width:900px)
{
.langues
{
    display: block;
    margin-left: 93%;
}}
@media (min-width:900px)
{
.langues a
{   
    padding: 0rem 0.15rem 0.2rem 0.3rem;
    border-radius: 2px;
}
}
@media (min-width:1200px)
{
.langues
{
    display: block;
    margin-left: 92%;
}}
@media (min-width:1200px)
{

.langues a
{   
    padding: 0.2rem 0.1rem 0.5rem 0.3rem;
    border-radius: 2px;
}
}

@media (min-width:1400px)
{

.langues a
{   
    padding: 0.8rem 0.2rem 1rem 0.6rem;
    border-radius: 2px;
}
}
@media(min-width:1400px)
{
    .langues
    {
    display: block;
    margin-left: 92%;
    }
}
.langues a img
{
    width: 35%;
}
.langues a.active
{
    background-color: #d4cfcf;
}

.langues a:hover
{
    border: 2px solid #d4cfcf;
    
}

#a_flag_en
{
    margin-right: 20px;
}
#a_flag_fr{
    margin-left: -20px;
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.class_cal
{
    display: flex;
    justify-content: center;
    background-color: #fafafa;
}
@media(min-width:1600px)
{
    .class_cal{
        justify-content: space-between;
        margin: 0 7%;
        background-color: #fff;
    }
}


.wrapper{
    width: 320px;
    background: #fff;
    border-radius: 10px;
    border-color: #07A7B6;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    text-align: center;
    
  }

  .wrapper header{
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
  }
  #wrap1
  {
      display: block;
      float: left;
  }
#wrap2
{
    display: block;
    margin: 0 0 0 2rem;
    float: right;
}
#wrap3
{
    display: none;
}
#wrap4
{
    display: none;
}


  header .icons{
    display: flex;
    width: fit-content;
  }
  header .icons span{
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.8rem;
    user-select: none;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
  }
  #prev,#prev1
  {
    left:1px;
    color: white;
  }
  #next,#next1
  {
    right:1px;
    color: white;
  }

  
.icons span{
    margin-right: -10px;
    background-color: transparent;
  }
  
  header .current-date, header .current-date2, header .current-date3, header .current-date4{
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 350;
  }
  .paging_zz{
        width: 100%;
        background: #07a7b6;
        text-align: center;
        font-size: 10px;
        position: relative;
        padding: 4px;
        color: #fff;
        border-radius: 4px;
    }
  .calendar{
    padding: 20px;
  }
  .calendar ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
  }
  .calendar .days, .calendar .days_2, .calendar .days_3, .calendar .days_4{
    margin-bottom: 20px;
    
  }

  
.calendar li{
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
    padding: 4% 3px 3px;
    height: 3rem;
  }
  .calendar .weeks li{
    font-weight: 400;
    cursor: default;
  }
  
@media(min-width:400px)
  {
    .calendar .weeks li{
    font-size: 10px;
}}
@media(min-width:600px)
  {
    .calendar .weeks li{
    font-size: 13px;
}}
@media(min-width:800px)
  {
    .calendar .weeks li{
    font-size: 15px;
}}
@media(min-width:1000px)
  {
    .calendar .weeks li{
    font-size: 16px;
}}
@media(min-width:1200px)
  {
    .calendar .weeks li{
    font-size: 18px;
}}
  
  .calendar .days li, .calendar .days_2 li, .calendar .days_3 li, .calendar .days_4 li{
    z-index: 1;
    border: 1px solid #fff;
    cursor: pointer;
    position: relative;
  }
  .days li.inactive, .days_2 li.inactive, .days_3 li.inactive, .days_4 li.inactive{
    color: #aaa;
  }
  .days li.past, .days_2 li.past, .days_3 li.past, .days_4 li.past{
    background: rgba(128, 128, 128, 0.2) !important;
    color: #808080;
    }
  .days li.booked, .days_2 li.booked, .days_3 li.booked, .days_4 li.booked{
    background: rgba(128, 128, 128, 0.2) !important;
    color: #808080;
    text-decoration: line-through;
  }
  .days li.sm1_booked, .days_2 li.sm1_booked, .days_3 li.sm1_booked, .days_4 li.sm1_booked{
    background-image : linear-gradient(50deg,rgb(7 167 182 / 6%) 51%,rgba(128, 128, 128, 0.2) 50% );
    color: rgb(69, 69, 69);  
  }

  .days li.sm2_booked, .days_2 li.sm2_booked, .days_3 li.sm2_booked, .days_4 li.sm2_booked{
    background-image : linear-gradient(50deg,rgba(128, 128, 128, 0.2) 50%,rgb(7 167 182 / 6%) 51% );
    color: rgb(69, 69, 69);  
  }
  
  .days li.dispo, .days_2 li.dispo, .days_3 li.dispo, .days_4 li.dispo{
    background-color: rgb(7 167 182 / 6%);
      color: rgb(88, 88, 88); 
  } 
  .days li.active, .days_2 li.active, .days_3 li.active, .days_4 li.active{
    color: #fff;
  }
  .days li::before, .days_2 li::before, .days_3 li::before, .days_4 li::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  
  
  .days li.active::before, .days_2 li.active::before, .days_3 li.active::before, .days_4 li.active::before{
    background: rgb(7 167 182) !important;
  }
  
  .days li.dispo:hover::before,.days_2 li.dispo:hover::before, .days_3 li.dispo:hover::before, .days_4 li.dispo:hover::before{
      background: rgb(98, 228, 98);
  }
  
#bracket1
{
    border: 1px hidden transparent;
}


.calendar-guide {
    background-color: #fff;
    padding-top: 2rem;
    width: 100%;
    height: 50px;
    padding-bottom:3rem;

}

.calendar-guide ul {
    display: flex;
    justify-content: center;
}

.calendar-guide ul li {
    list-style: none;
    margin-right: 2rem;
    font-size: 15px;
    font-weight: 250;
}

.calendar-guide ul li.available-days:before {
    background-color: rgb(7 167 182 / 6%);
}

.calendar-guide ul li.reserved-days:before {
    content: '-';
    line-height: 15px;
    color: #808080;
    background: rgba(128, 128, 128, 0.2);
}

.calendar-guide ul li.today:before {
    background: rgb(7 167 182) !important;
    color: #fff;
    border-radius: 50%;
}
.calendar-guide ul li:before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(128, 128, 128, 0.2);
    margin-right: 0.5rem;
    display: block;
    float: left;
    margin-top: 1px;
    text-align: center;
}

.para_info_supp
{
    display: flex;
    justify-content: center;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
    font-family: 'Merriweather','serif';
    border-style: none;
    width: 100%;
}



#rvr-check-in-new-rvr_booking_widget-1, #rvr-check-out-new-rvr_booking_widget-1
{
    color:#07a7b6;
    font-size: 18px;
    border-style:none;
}

@media(min-width:1024px)
{
    #rvr-check-in-new-rvr_booking_widget-1, #rvr-check-out-new-rvr_booking_widget-1
{
    font-size: 13px;
}}

@media(min-width:1200px)
{
    #rvr-check-in-new-rvr_booking_widget-1, #rvr-check-out-new-rvr_booking_widget-1
{
    font-size: 15px;
}}

@media(min-width:1320px)
{
    #rvr-check-in-new-rvr_booking_widget-1, #rvr-check-out-new-rvr_booking_widget-1
{
    font-size: 18px;
}}
