/*******************************************************************/
/* CSS SITE : LA MARE Ô CANARDS 
/* MODIF STYLE CSS GENERALE 
/* Auteur : ABIOTIK
/* THEME ENFANT >> THEME DE BASE : ONEPRESS
/*******************************************************************/

body{ font-family: "Poppins", sans-serif; font-size: 16px; color:#282828;}


@media (min-width: 1200px) {
    .container { width: 100%;  max-width: 1200px; }
}






/*HEADER*/
/*******************************************************************/

#masthead{ background: rgba(0,0,0,.5);}
#header-section .followWrap{ height: 0 !important }

@media screen and (min-width: 1140px){
	#masthead{ position: absolute; top:0 !important;}
}	

@media screen and (max-width: 1140px){
	#masthead{ display: flex; background: rgba(0,0,0,.7);}
}




/* LOGO */
/* ----------------------------------- */
@media screen and (min-width: 1140px){
	.site-branding { float: none; text-align: center; height:100px;}
	.custom-logo{ margin-top: 1.2em }
}

@media screen and (max-width: 1140px){
	.custom-logo{ max-width: 250px }
}


/*NAV*/
/* ----------------------------------- */
.header-right-wrapper{ line-height: 50px; }
#masthead .line-nav{ background: rgba(0,0,0,.5); position: relative; transition :all .3s;}
#masthead .line-nav-active{ background: rgba(0,0,0,.8); position: fixed; top:0; width:100%; transition :all .3s; font-size: .8em}

@media screen and (max-width: 1140px){
	#masthead .line-nav-active, 
	#masthead .line-nav{background: none; position: static; transition :all .3s; max-width: 30%;}
}

.onepress-menu {float:none; display: flex; justify-content: space-between; position: relative;}
.onepress-menu li { float:none; } 
.onepress-menu li a{ color: #fff; font-weight: 400; font-size: 1em; padding: 0; text-transform: none;}




/*MENU RESPONSIVE*/
/* ----------------------------------- */
#nav-toggle span::before, #nav-toggle span::after, #nav-toggle span{ background: #fff }
#nav-toggle.nav-is-visible span:before, 
#nav-toggle.nav-is-visible span:after { background: #fff}


#masthead .line-nav-active li:nth-of-type(1), 
#masthead .line-nav-active  li:last-child{ position: static; }



/*GESTION DES LIENS HAUT : 1er lien et dernier lien du menu*/
/*UNIQUEMENT SUR DESKTOP*/
/* ----------------------------------- */
@media screen and (min-width: 1140px){
	.onepress-menu li:nth-of-type(1) { position: absolute; top: -5em; left:0;}
	.onepress-menu li:last-child { position: absolute; top: -5em; right:0;}
}

@media screen and (max-width: 1200px){
	/*#masthead .container {width: 50%; padding: 0 2em}*/
	#masthead .container { position: static; }
	#masthead .menuABK	{ width: 100%; padding-left: 30px; padding-right: 30px}
}

@media screen and (max-width: 770px){
	#masthead .container.menuABK { margin: 0; padding: 0; padding-right: 15px;}
	#masthead .container.logoABK{ flex: 1 1 100%; margin: 0;     padding: 0;
    padding-left: 15px;}
}










/* MAIN */
/* ****************************************************************** */
/* couleur R : #f968ce; */
/* couleur RC: #fbafe5; */
/* couleur G : #282828; */
/* couleur GC : #666; */





/* ACCUEIL COMMUN */
/* ----------------------------------- */

/*main section:nth-of-type(2n+1){ background: #fff7fd; }*/

.home .section-title-area h2.section-subtitle,  
.home .section-title-area .section-subtitle{ position: relative; color:#666; font-size: 1.5em; text-transform: none; letter-spacing: .5px; font-weight: 600 }

.home .section-title-area h3.section-title{ font-family: "Dancing Script", cursive; color: #f968ce; font-size: 4.5em; text-transform: none; font-weight: 400; letter-spacing: -.3px}

main .section-desc { margin-top: 1em; }

main p em{ color: #f968ce; }

/*modif taille font gén main*/
main *{ font-size: 15px }



a:hover,
.onepress-menu li a:hover { color: #f968ce; }
.home .section-features a:hover,
.home .section-gallery .listeBout a:hover,
.home .section-services .service-item .service-content a:hover,
#contact .wpforms-validate .wpforms-submit-container .wpforms-submit:hover,
.support_calendars .bout a:hover,
.hebergement .bout a:hover
{ text-decoration: none; background: rgba(51,51,51,1) !important; box-shadow: none !important; opacity:1; color:#fff;}

a{ color: #f968ce; }

@media screen and (max-width: 990px){
	.section-title-area{ font-size: .9em; line-height: normal; }
}

@media screen and (max-width: 770px){
	.section-title-area{ font-size: .7em; line-height: normal; }
}

@media screen and (max-width: 582px){
.home .section-title-area h3.section-title { font-size: 3.5em; /*line-height: normal;*/ }
}

/* ----------------------------------- */
/* ACCUEIL SECTIONS - COMMUN*/
/* ----------------------------------- */

/* ACCUEIL - LES BOUTONS */
/* ----------------------------------- */
.home .section-features a,
.home .section-gallery .listeBout a,
.home .section-services .service-item .service-content a,
#contact .wpforms-validate .wpforms-submit-container .wpforms-submit,
.support_calendars .bout a,
.address-contact .bout,
.hebergement .bout a{ 
	display: inline-block; 
	max-width:100%;
	background: rgba(51,51,51,.8); 
	padding: .7em .5em; 
	border-radius: 10px; 
	margin: .5em 2em .5em 2em; 
	font-size: 1.2em; 
	color:#fff; 
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.3); 
	font-weight: 400;
	transition: all .3s;
}

.home .section-features a .fa-solid,
.home .section-gallery .listeBout a .fa-solid,
.home .section-services .service-item .service-content a .fa-solid
{
	position: relative;
    width: 32px;
    height: 16px;
    font-size: 1.5em; 
    color: #f968ce; 
    margin-right: 10px; 
    text-shadow: 0 3px 3px rgba(0,0,0,.3);    
}

.home .section-features a .fa-solid::before,
.home .section-gallery .listeBout a .fa-solid::before,
.home .section-services .service-item .service-content  a .fa-solid::before
{ 
	position: absolute; top: -5px; right : 5px; left: auto;
}



/*Forcage bout css*/
.support_calendars .bout a{ margin: 0; width: 100%; text-align: center }
/*.support_calendars .bout a:hover{ text-decoration: none; }*/







/* ACCUEIL - ORDRE DES SECTIONS >> flex */
/* ------------------------------------------ */
.home #main{ display: flex; flex-direction: column; flex-wrap: nowrap;}
/* .home #main section{ width: 100%} */
/* .home #main{ display: flex; flex-direction: column; } */
.home .section-features{ order:1; background: #fff7fd;}
.home .section-gallery{ order:2; background: #fff;}
.home .section-about{ order:3; background: #fff7fd;}
.home .section-services{ order:4; background: #fff;}
.home .section-contact{ order:10; background: #fff;}







/* ACCUEIL SECTION HERO >> slider */
/* ---------------------------------------------- */
/*HOME SLIDER*/
/* ----------------------------------- */
.hero-slideshow-normal .container {  padding-top: 15% !important;}

/*position image slider*/
/*#hero .backstretch img{ top: initial !important; bottom: 0 !important; }*/
#hero .backstretch img{ top: initial !important;}

#hero .hero__content{ background: rgba(0,0,0,.5); padding: .5em 0}
.hero-content-style1 *{ padding-top: 10px; text-shadow: 0 3px 3px rgba(0,0,0,.5) !important; line-height: normal; }

.hero-content-style1 h1.hero-large-text{
	font-family: "Dancing Script", cursive; 
	text-transform: none; font-weight: 400; font-size: 4.3em;
	padding: 0; margin:0;
}
#hero h1 span{ padding-top: 0;}
h1 span{ font-weight: inherit; }
.hero-small-text p{ padding: 0; margin:0; }

@media screen and (max-width: 990px){
	#parallax-hero .parallax-bg { position: absolute !important; top: -20px !important;}
	.hero-slideshow-normal .container {  padding-top: 20% !important;}
	.hero-content-style1 h1.hero-large-text{ font-size: 3.5em}
}

@media screen and (max-width: 770px){
	.hero-slideshow-normal .container {  padding-top: 25% !important;}
	.hero-content-style1 h1.hero-large-text{ font-size: 3em}
	#parallax-hero .parallax-bg { position: absolute !important; top: -30px !important;}	
}

@media screen and (max-width: 660px){
	/*.hero-slideshow-normal .container {  padding-top: 20% !important;}*/
	#parallax-hero .parallax-bg { position: absolute !important; top: -30px !important;}
	.hero-slideshow-normal .container {  padding-top: 30vh !important;}
	.hero-content-style1 h1.hero-large-text{ font-size: 2em}
	
}








/* ACCUEIL SECTION FEATURES >> bienvenue à uchaux */
/* ---------------------------------------------- */
/*.section-features{ box-shadow: inset 0 3px 1px 0 rgba(0, 0, 0, .3); }*/
.section-features .section-title-area{ margin-bottom: 1em }
.section-features .section-content .row{ display: flex; flex-direction: column; }
.section-features .section-content .row div{ max-width: 100%; flex: 0 0 100%; }
.section-features .section-content blockquote{ margin-top: 0 }
.section-features .section-content blockquote p{ font-family: "Dancing Script", cursive; font-size: 1.4em !important; font-style: normal; text-align: right;}

/* MODIF BOUT SUIVANT SECTION */
.home .section-features .support-bout{ display: flex; justify-content: center;}
.home .section-features a{ width: 33%; max-width: 380px; margin: 0 .2em; align-content: center;}

@media screen and (max-width: 990px){ 
	.home .section-features .support-bout{ flex-direction: column;}
	.home .section-features a { max-width: 100%; width: 100%; margin:.5em 0;}
}







/* ACCUEIL SECTION GALERY >> piscine & propriété */
/* ---------------------------------------------- */
.gallery-grid .g-item, .gallery-masonry .g-item .inner { padding: 1px;}
.section-gallery .section-title-area{     margin-bottom: 2em; }

.gallery-content{ position: relative; z-index:1;}
.canard-galery{ position: absolute;/* width:10%; */max-width: 80px; top:-60px; z-index:0; height: 60px; overflow: hidden; right: 10%}
.canard-galery img{ width:100%; }

/* MODIF BOUT SUIVANT SECTION */
.home .section-gallery .listeBout { display: flex; }
.home .section-gallery .listeBout a{ width: 33%; margin: 3em .2em 2em; text-align: center; align-content: center;}



@media screen and (max-width: 990px){ 

	.canard-galery{max-width: 50px; top:-40px; height: 40px; right: 5%}
	.home .section-gallery .listeBout { flex-direction: column; padding-top: 2em; }	
	.home .section-gallery .listeBout a{ width: 100%; margin:.5em 0;}

}

@media screen and (max-width: 770px){ 
	.gallery-grid-wrap .gallery-grid{ display: flex; flex-wrap: wrap; }
	.gallery-grid-wrap .gallery-grid div{ float: none; flex: 1 1 33%; }
	.gallery-grid-wrap .gallery-grid div:nth-of-type(10){ display: none; }
}








/* ACCUEIL SECTION ABOUT >> table d'hôtes */
/* ---------------------------------------------- */
.section-about .row{ align-items: stretch;}
.section-about .row .wow{ display: flex; flex-direction: column; justify-content: space-between;}
.section-about .about-image img{ width: 100% }
.section-about .text h5{  font-family: "Dancing Script", cursive; color: #f968ce; font-size: 2.5em; text-transform: none; font-weight: 400}
.section-about .text h6{ text-transform: none; font-size: 1.2em;  letter-spacing: normal;     margin-bottom: .3em;}
.section-about .text h6 *{ font-size: inherit; }



@media screen and (max-width: 770px){ 
	.section-about .row{ flex-direction: column; }
	.section-about .row .wow{ max-width: 100%; border-top: 1px dotted #666; margin-top: 0; padding-top: 1em;}
}

@media screen and (max-width: 582px){ 
	.section-about .text h5 { font-size: 2em}
}




/* ACCUEIL SECTION SERVICES >> services et tarifs */
/* ---------------------------------------------- */
.section-services{ padding-bottom: 0 }
.section-services .wow{ position: relative;}
.section-services .wow::before{     
	position: absolute;
    top: 21px;
    right: 35px;
    content: '';
    width: 90%;
    height: 5px;
    box-shadow: 14px -13px 15px rgba(0, 0, 0, .5);
    transform: rotate(-2deg);
}
.section-services .service-item { height: 95%; box-shadow: none; background: #fff7fd; overflow: hidden; }
.section-services .service-item:hover{ box-shadow: none; }

.section-services .service-item .service-image{ 
	    position: absolute;
	    right: -70px;
	    top: -50px;
	    padding: 70px 70px 5px;
	    float: none;
	    margin: 0;
	    font-size: 2em;
	    color: #fff;
	    background: #f968ce;
	    transform: rotate(45deg);
	}

.section-services .service-item .service-image i { color: #fff;}


.section-services .service-content .service-title{ font-family: "Dancing Script", cursive; font-size: 2em; margin-bottom: 0 }
.section-services .service-item  .service-content p{ margin-bottom: 1em; }
.section-services .service-item  .service-content strong{ font-size: 1.3em; }
.section-services .service-item  .service-content em{ display: inline-block; font-size: 1.4em; background: #333; padding: .3em 1.3em; color:#fff;}
.section-services .service-item  .service-content em strong{ font-size: .8em; font-weight: 400; color: #f968ce;}
.section-services .service-item  .service-content hr{ width: 90%; color: #f968ce; height: 1px; margin: 1em 0; }
.section-services .service-item  .service-content .text{ min-height: 130px }



/* MODIF BOUT SUIVANT SECTION */
.home .section-services .service-item .service-content a { width:100%; margin:0; text-align: center}





/*taxe séjour*/
.section-services .clearleft{ flex: 0 0 100%; max-width: 100%; padding: 0; }
.section-services .clearleft::before{ display: none }
.section-services .clearleft .service-item { height: auto; padding: 1em 2em; background: #f968ce; text-align: center}
.section-services .clearleft .service-item p{ margin-bottom: 0 }
.section-services .clearleft h4{ display: none }
.section-services .clearleft .service-item *{ color: #fff !important; font-size: 1.1em !important; font-weight: 600; color: #f968ce; }




@media screen and (max-width: 990px){ 
	.section-services .service-item .service-image { right: -100px; top: -75px; padding: 90px 79px 0px 60px;}
	.section-services .service-item .service-image i{ font-size: .8em}
}

@media screen and (max-width: 770px){ 
	#services .container .row{ display: flex; flex-direction: column; }
	#services .container .row .wow{ max-width: 100% }
}



/* SERVICES >> BLOC "DESC" MODIFIER */
/* ---------------------------------------------- */
/* color: #fbafe5; */
/* bloc DESC >> transformer pour accueillir les services */
.section-services .support_services{ background: #282828; color:#fff; padding: 0.1em 0 4em;}
.section-services .support_services .section-desc{display: flex; flex-wrap: wrap;}
.section-services .section-desc .titre{ flex: 0 0 100%; font-size: 1.8em; padding: .8em 2em 0em; color: #fbafe5;}
.section-services .section-desc .support_bloc{ flex: 0 0 50%; padding: 2em 0 0; position:relative; }
.section-services .support_services .bloc{ padding: 0 1.5em; }
.section-services .support_services .bloc > li{ 
	list-style: none; padding: 0;  
	display: flex;
	padding-bottom: .5em;
}
.section-services .support_services .fa-solid{ font-size: 1.8em; padding: .3em .5em 0 0; text-shadow: 0 3px 3px rgba(0,0,0,0.8);}
.section-services .support_services .bloc li span{ font-size: .85em; line-height: normal;}
.section-services .support_services .bloc li span b{ color: #fbafe5; font-size: 1.5em;  font-weight: 400; }


.support_services{ position: relative; }
.support_services .canard_services{ position: absolute; bottom: -20px; right: 10% }

@media screen and (max-width: 770px){ 

	.section-desc { flex-direction: column; }
	.section-services .section-desc .support_bloc{ flex: 1 1 100%; padding: 0}	
	.support_services .canard_services{ bottom: -20px; right: 5%; max-width: 110px }

}





/* SECTION CONTACT >> contact */
/* ---------------------------------------------- */

#contact .row{ margin: 0 20px; }
#contact .contact-form{ padding: 0 25px 0 0; }

#contact .address-box .titre{ font-size: 1.2em; font-weight: 600;  color: #f968ce; }
#contact .col-sm-6 strong{ font-size: 1.2em; color: #f968ce; }

#contact .address-contact{ display:flex; }
#contact .address-content{ padding-left: 1em; line-height: normal; margin-bottom: 1.5em; border-left: solid 2px #f968ce;}
#contact .address-content strong{ font-weight: 600; color:#444;}
#contact .fa-solid{ font-size: 1.8em; padding: .25em 0 0 .1em; color: #f968ce; }
#contact .textPhone{ font-size: .85em; line-height: 1em; padding-top:.5em;}



#contact .wpforms-container-full{ margin: 0}
#contact .wpforms-field-label{ text-transform: none; font-size: 1em; font-weight: 400; letter-spacing: normal;}
#contact .wpforms-form .wpforms-field input,
#contact .wpforms-form .wpforms-field textarea{ background-color: #fff7fd !important}


/* MODIF BOUT FORM CONTACT */
#contact .wpforms-validate .wpforms-submit-container .wpforms-submit{ margin:0; padding: .8em 1em .8em .5em; height: auto;}
#contact .wpforms-validate .wpforms-submit-container .wpforms-submit::before{ 
	font: var(--fa-font-solid); 
	content: "\f1d8";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #f968ce;
    padding-right: 1em;
    font-size: 1.3em;
    text-shadow: 0 3px 3px rgba(0,0,0,.3);
}


/*bout open pop up*/
.address-contact .bout{ margin:.5em 0; padding: 0 1em; font-size: .9em; display: block; cursor: pointer;}
#contact .address-contact .bout .fa-solid{ font-size: 1em; padding:.5em .5em .5em 0;}
.address-contact .bout:hover{ background: #444; box-shadow: none; }


@media screen and (max-width: 770px){ 
	#contact .row{ flex-direction: column; }	
	
	#contact .row .wow{ flex: 1 1 100%; max-width: 100%; order:1; }	
	#contact .row .contact-form{ flex: 1 1 100%; max-width: 100%; order:2; border-top: 1px dotted #666; padding-top: 1em}
	#contact .row .address-box{ border-top: 1px dotted #666; padding-top:1em; margin-top: -1em;}
}



/*FOOTER*/
/*******************************************************************/

.site-footer {background: transparent ; }
.site-footer .site-info {color:#fff; padding: 70px 0 20px; background: transparent url('../../assets/images/vagues.svg') no-repeat center bottom; background-size: cover}


.site-footer .btt a {transform: rotate(0deg);  border-radius: 35px 35px 0 0; color:#fff; width: 70px; height: calc(100% + 25px);}
.site-footer .btt a i{transform: rotate(0deg); margin:.5em 0; font-size: 1.5em}



footer{ position: relative; }
footer .canard-footer{ max-width: 60px; position: absolute; z-index: 0; left:15%; bottom:85%;}


@media screen and (max-width: 990px){ 
	.site-footer .btt a {left:auto;}
	footer .canard-footer{bottom:75%;}
}

@media screen and (max-width: 770px){ 
	footer .container{ text-align: left }
	footer .container .btt{ text-align: center }	
}

@media screen and (max-width: 582px){ 
	footer .container{ font-size: .85em}
	.address-contact .bout { padding: .3em 1em; font-size: .7em; }
}

/*animation canard
footer .canard-footer{
	animation-duration: 5s;
  	animation-name: flotte;
  	animation-iteration-count: infinite;
}

@keyframes flotte {
  0% {
    transform: rotate(-5deg);  
	max-width: 60px; 
  }
  50% {
    transform: rotate(5deg);
	max-width: 65px; 
  } 
  100% {
    transform: rotate(-5deg);
	max-width: 60px; 
  }
}
*/









/*******************************************************************/
/*PAGES*/
/*******************************************************************/
/*color: #f968ce;  rgb(249, 104, 206) */

/*COMMUN*/
/*-------------------------------------------------------------------*/

/* limitation largeur max page >> ecrans très larges */
#page{ max-width: 2000px; margin: auto;}



.pageAnnexe .page-header,
.gite .page-header,
.chambre .page-header,
.reservation .page-header{ overflow: visible; padding-top: 30vh;}

.pageAnnexe .page-header .container,
.gite .page-header .container,
.chambre .page-header .container,
.reservation .page-header .container { position: absolute; z-index: 10; bottom:2.8em; left:0; padding: 0; margin: 0; }

@media screen and (max-width: 580px){ 
	.pageAnnexe .page-header .container, 
	.gite .page-header .container, 
	.chambre .page-header .container, 
	.reservation .page-header .container { width: 100%}
}


.pageAnnexe .page-header .container h1,
.gite .page-header .container h1,
.chambre .page-header .container h1,
.reservation .page-header .container h1{ position: absolute; background: #f968ce; color:#fff; padding: .6em 30px; font-size: 2.2em; text-transform: none; font-weight: 400;}


#page .breadcrumbs{ display: none; }







/*.pageAnnexe h2,*/
.reservation h2,
.chambre h2,
.gite h2{ 
	font-size: .85em; 
	font-weight: 400; 
	position: absolute; 
	top: 3.5em; left: 0; 
	padding: 0 30px; 
	font-style: italic; 
	color: #222;
}




/* DECALAGE + IMAGE FOND SUIVANT PAGE
/*-------------------------------------------------------------------*/
/*commun*/
.page-header{ 
	background: transparent url('../../assets/images/slider_resa.jpg') ; 
	background-size: cover; 
	/*background-attachment: fixed; */
	background-position: center;
/*	max-width: 1500px;
	margin: auto;*/
    max-height: 650px;
    height: 70vh;
    padding: 0

}

/* pages */
.gite .page-header{ 
	background: transparent url('../../assets/images/slider_gite.jpg') ; 
	background-size: cover; 
	background-position: center;
}

.chambre .page-header{ 
	background: transparent url('../../assets/images/slider_chambre.jpg') ; 
	background-position: center bottom;
}

.reservation .page-header{ 
	background: transparent url('../../assets/images/slider_resa.jpg') ; 
	background-position: center center;
	/*max-height: 400px;*/
}

.moc .page-header{ 
	background: transparent url('../../assets/images/slider_moc.jpg') ; 
}

.tourisme .page-header{ 
	background: transparent url('../../assets/images/slider_alentours.jpg') ; 
	background-size: cover; 
}




@media screen and (max-width: 1140px){ 
	#page .page-header{ 
		height: 60vh;
		background-size: cover; 
		background-attachment: initial; 
		background-position: top center;
	}
}


@media screen and (max-width: 770px){ 
	#page .page-header{ 
		height: 50vh;
	}
}


@media screen and (max-width: 500px){ 
	#page .page-header{ 
		height: 40vh;
	}
}




/* PAGE SERVICES */
/*-------------------------------------------------------------------*/
#page.services .wp-block-image{ background: none; }
#page.services .entry-content > div figure::before {left: 20px;}
#page.services .entry-content > div figure::after {right: 20px;}



/* GITE & CHAMBRE */
/*-------------------------------------------------------------------*/

.hebergement .site-content{ position: relative;}
.hebergement .site-content .container{ position: static; padding-top:3em; }
/*.hebergement .blocRose{  position: absolute; left:0; top:0;  background: #f968ce; color:#fff; padding: .5em 1em; margin-top:.5em; font-size: 1.5em;}*/

.hebergement .descriptif strong,
.hebergement .titre-images,
.hebergement .bloc_tarifs .titre_tarifs strong{ font-family: "Dancing Script", cursive; font-size: 3em; color: #f968ce; line-height: normal; font-weight: 400}

.hebergement .bloc_tarifs_image{ position: relative; z-index: 1; margin-top: 3em; gap:0; }
.hebergement .bloc_tarifs{ position:relative; background: #fff7fd; padding: .5em 1.5em; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);}

.hebergement .bloc_tarifs .tarifs{ font-size: .9em; }
.hebergement .bloc_tarifs .tarifs strong{ font-size: 1.5em;  color: #f968ce;}
.hebergement .bloc_tarifs .tarifs em{ background: #333; padding: .3em 1em; color:#fff; font-style: normal; font-size: 1.3em}
.hebergement .bloc_tarifs .petitDej { font-size: .9em; line-height: normal; border-top: 1px dotted #666; padding-top: 1em; margin-top: 2em}
.hebergement .bloc_tarifs .petitDej strong{ color:#f968ce; font-size: 1.3em; font-weight: 400}
.hebergement .bloc_tarifs .lien a{  }



.hebergement .bloc_tarifs_image::before, .hebergement .bloc_tarifs_image::after{     
	position: absolute;
    content: '';
    width: 90%;
    height: 5px;
    box-shadow: 14px -13px 15px rgba(0, 0, 0, .7);
}

.hebergement .bloc_tarifs_image::before{ 
    top: 20px;
    left: 0px;	
    transform: rotate(1.5deg);
}	


.hebergement .bloc_tarifs_image::after{ 
    bottom: 20px;
    left: 25px;
    transform: rotate(-181.5deg);
    z-index: -1;		
}	

.hebergement .bloc_tarifs_image .bout a{ 
	display: flex; 
	/*text-align: center; */
	padding: 2em .5em; text-decoration: none; 
	align-items: flex-end; justify-content: center;
}
.hebergement .bloc_tarifs_image .bout a::before{ 
    font: var(--fa-font-solid);
    /*content: "\f073";*/
    content: "\f562";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #f968ce;
    padding-right: 1em;
    font-size: 2em;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .3);
}





/*spécifiques*/
.chambre .image_fond{ 
	position:relative; z-index: 1;
	background: transparent url('../../assets/images/ville-orange-chambre-hotes_a.jpg') bottom left; 
	background-size: cover; 
	flex: 0 0 40% !important;
	/*box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, .3); border: 30px solid #fff; transform: rotate(3deg);*/
}

.gite .image_fond{ 
	position:relative; z-index: 1;
	background: transparent url('../../assets/images/ville-orange-gite-terrasse.jpg') ; 
	background-size: cover; 
	flex: 0 0 40% !important;
	/*box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, .3); border: 30px solid #fff; transform: rotate(3deg);*/
}


@media screen and (max-width: 990px){ 
	.bloc_tarifs{ flex: 0 0 70% !important; }
	.hebergement .bloc_tarifs_image .bout a::before {    padding-right: .2em;}
}

@media screen and (max-width: 770px){ 
	.bloc_tarifs .bout{ font-size: .8em }	
	.hebergement .descriptif strong, 
	.hebergement .titre-images, 
	.hebergement .bloc_tarifs .titre_tarifs strong {
	    font-size: 2.2em;
	}
}

@media screen and (max-width: 590px){ 
	.hebergement .wp-block-gallery  .wp-block-image:nth-of-type(5){ display: none }
}




/* RESERVATION & DISPO & commun page reservation */
/*-------------------------------------------------------------------*/
.reservation .site-content{ position: relative;}
.reservation .site-content .container{ position: static; padding-top:3em; }

.reservation .titre_tarifs,
.reservation .titre_infos_resa{  
	font-size: 1.6em;  color: #f968ce; /*font-weight: 600;*/ margin-bottom: 0; margin-top:1em;
}


.support_calendars{}
.support_calendars .wp-block-image{ height: 200px; overflow: hidden;}
.support_calendars img{ width: 100%; position: relative; top: -7em;}
.support_calendars .wp-block-column{ background: #fff7fd; padding: .5em 1.5em  }
.support_calendars .titre_infos_resa{ margin-bottom: 0; margin-top:0; font-family: "Dancing Script", cursive; font-size: 3em; padding: 0 .5em}





/* PAGES RESERVATION */
/*-------------------------------------------------------------------*/
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit]{ 
	display: inline-block; 
	width:100% !important;
	max-width:100% !important;
	background: rgba(51,51,51,.8) !important; 
	padding: .7em .5em !important;
	border-radius: 10px !important; 
	font-size: 1.2em !important;
	color:#fff !important;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.3) !important;
	font-weight: 400 !important;
	transition: all .3s !important;
}

.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-radio .wpbs-form-field-input label { display: block !important; }
.wpbs-main-wrapper{  justify-content: center; }
.wpbs-main-wrapper form { flex: 1 1 50%;}


/*css prog msg et button*/
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit]:disabled{ 
	background: #ddd !important; cursor: no-drop !important; 
	box-shadow: none !important;
}
.txt_verif_nuitees{ padding: 1em 2em; background: #f9f2f6;}
.txt_verif_nuitees.erreur{ background:#ffc0bd; color:#333;}
.txt_verif_nuitees.msg{ background:#f968ce; color:#fff;}
.txt_verif_nuitees .fa-solid{ padding-right: .5em }


@media screen and (min-width: 990px){ 
	.wpbs-main-wrapper{ display: flex; }
	.wpbs-main-wrapper .wpbs-form-container{ padding: 0 0 0 2em !important; }	
}

@media screen and (max-width: 990px){ 
	.support_calendars{ flex-direction: column; }
}



.reservation .wpbs-container { width: auto;}




/* PAGE ANNEXES : MOC - TOURISME */
/*-------------------------------------------------------------------*/
.pageAnnexe h2{margin-top: 2.5em; color :#f968ce; font-style: italic; font-weight: 600; font-size: 1.5em;}
.pageAnnexe .intro{ margin-top: 1.5em; color:#999; font-style: italic}
.pageAnnexe .intro strong{ }
.pageAnnexe .titre,
.pageAnnexe h3{ font-size: 3em;  color: #f968ce;  font-family: "Dancing Script", cursive; font-weight: 400}



@media screen and (min-width: 780px){ 
.pageAnnexe .entry-content > div { padding:0; }
.pageAnnexe .entry-content > div > div{  padding: 0 2em; align-content: center;}
.pageAnnexe .entry-content > div img{  width: 100%;}

.pageAnnexe .entry-content > div:nth-of-type(2n) > div:nth-of-type(1n){ order:2;}
.pageAnnexe .entry-content > div:nth-of-type(2n) > div:nth-of-type(2n){ order:1;}
}

.pageAnnexe .entry-content > div { padding:1em 2em; }
.pageAnnexe .entry-content > div:nth-of-type(2n+1){ background: #fff7fd;}
.pageAnnexe .entry-content > div figure img{  width: 100%; z-index: 10;position: relative;}
.pageAnnexe .entry-content > div figure{ position: relative;}
.pageAnnexe .entry-content > div figure::before{ 
    position: absolute;
    left: 10px;
    width: 10px;
    height: calc(100% - 15px);
    content: '';
    box-shadow: -5px 0px 15px 0 rgba(0, 0, 0, .8);
    transform: rotate(-3deg);
    z-index: 0;
    top: 10px;
}

.pageAnnexe .entry-content > div figure::after{ 
    position: absolute;
    right: 10px;
    width: 10px;
    height: calc(100% - 15px);
    content: '';
    box-shadow: 5px 0px 15px 0 rgba(0, 0, 0, .8);
    transform: rotate(-3deg);
    z-index: 0;
    top: 10px;
}


/* PAGE MOC */
/*-------------------------------------------------------------------*/


/* PAGE ALENTOUR & TOURISME */
/*-------------------------------------------------------------------*/


/* POP UP */
/*-------------------------------------------------------------------*/
.pop-up{ position: fixed; z-index: 1000;top: 0; left: ; width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none;}
.pop-up .support{box-shadow: 0 0px 5px 0 rgba(0,0,0,.3);  background: rgba(0,0,0,.5); padding:.5em; display:flex;  margin:5% auto ; width: 80%; height: 80vh; max-width: 850px; max-height: 800px; }
.pop-up .close_popUp{ font-size: 3em; color:#fff; cursor: pointer; transition: all .3s; margin-left: .3em; margin-top: -.3em}
.pop-up .close_popUp:hover{ opacity: .5; }

@media screen and (max-width: 990px){ 
	.pop-up .support{ margin:75px auto ;}
}


/* DIVERS */
/*-------------------------------------------------------------------*/
.grecaptcha-badge{ z-index: 1100 !important; }


div.wpforms-container-full .wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    background: #f5f5f5;
	border: 1px solid #F968CF;
}