/********************** REGLAGE BUG POUR SLIDER HOMEPAGE */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	body #wrapper {
		overflow: hidden;
	}
}
@media only screen and (min-width: 768px) {
body #wrapper {
		overflow: hidden;
	}
}


/********************** HEADER & NAVIGATION */
.header_style_wrapper #logo_normal .logo_wrapper,
.header_style_wrapper #logo_transparent .logo_wrapper {
    margin-top: 13px;
}
@media only screen and (min-width: 1050px) and (max-width: 1199px) {
	.header_client_wrapper {display: none;}
}
@media only screen and (min-width: 1200px) {
	#main_menu .item-reservation {display: none!important;}
}




/********************** ACCUEIL */
/*body.page-home .elementor-662 .elementor-element.elementor-element-d047502:not(.elementor-motion-effects-element-type-background) {background-image: url('../medias/variables/55-fr-fish-2105233_1920_20220601_140413.jpg') !important;}
*/
body.page-home .elementor-662 .elementor-element.elementor-element-2273b02 .slider_parallax_wrapper .slide .image-container::before {background: none;}



/********************** CHAMBRES */
.elementor-204 .elementor-element.elementor-element-cd6e922 {line-height: 1.5em;}
.elementor-204 .elementor-element.elementor-element-7db3786b .elementor-button {padding: 13px 25px 13px 25px !important;}
body.page-chambres .item-chambre h3 {font-size: 19px !important; margin-top: 10px!important; font-weight: normal!important; font-style: italic!important;}
body.page-chambres .elementor-204 .elementor-element.elementor-element-19254ca:not(.elementor-motion-effects-element-type-background) {background-image: none;}
body.page-chambres .photo-intro-chambres {display: none;}
@media (min-width: 768px) {
	body.page-chambres .elementor-column.elementor-col-66, .elementor-column[data-col="66"] {width: 100%!important;}
	body.page-chambres .photo-intro-chambres {display: block;}
}

.page-fiche-chambre .singleroom_other_wrapper .room_grid_content_wrapper {text-align: center; padding-top: 8px;}



/********************** SERVICES */
body.page-services .slider_parallax_wrapper .pagination .item::before {
    background: #ffffff;
}
/* cf perso-services.php : on ne le met pas ici sinon ça pose pb dans la page fiche chambre (pas le meme template) */
body.page-services h3.elementor-heading-title {font-size: 1.2rem!important; color: #646464; font-family: inherit; }
@media only screen and (min-width: 768px) {
	body.page-services h3.elementor-heading-title {font-size: 1.7rem!important;}
}
.popup-service {padding-left: 15px; padding-right: 15px; font-size: 15px;}


/********************** RESTAURANT */
body.page-restaurant .intro-texte {line-height: 1.5em !important;}
body.page-restaurant .intro-texte2 {font-size: 1.05rem!important; line-height: 1.6em !important; margin-right: 20px;}
body.page-restaurant .conclusion-texte {font-size: 1.05rem!important; line-height: 1.6em !important; margin-right: 20px;}
body.page-restaurant .btn-reserver {font-size: 28px; display: block; width: 220px; /*margin-left: calc(50% - 20px); */margin: 0 auto; margin-top: 40px; margin-bottom: 20px;}
@media only screen and (min-width: 768px) {
	body.page-restaurant .btn-reserver {margin: 0;margin-top: 40px; margin-bottom: 20px; margin-left: calc(50% - 20px); }
}


/********************** ILE */
.room_grid_wrapper.one_threeth {
    box-sizing: border-box;
    width: calc(33.3% - 29px);
    margin-right: 25px;
    margin-bottom: 50px;
}
.room_grid_wrapper .room_grid_attr_wrapper .child_one_second {
    box-sizing: border-box;
    width: 50%;
    padding: 0 5% 0 5%;
}
.room_grid_wrapper .room_grid_attr_wrapper .child_one_second:nth-child(2n) {
    border: 0; margin-right: 0;
}
.elementor-423 .elementor-element.elementor-element-8e1d38a > .elementor-widget-container {
    padding: 0em 0em 0em 0em;
}



/********************** ACTUALITES */
body.page-actualites .intro-texte {line-height: 1.5em !important;}



/********************** CONTACT */
body.page-contact .intro-texte {line-height: 1.5em !important;}
body.page-contact #formContact input[type="text"], body.page-contact #formContact input[type="email"] {padding: 10px;}
body.page-contact #formContact textarea {padding: 10px;}




/********************** RESERVATION */
body.page-reservation .deux-blocs {margin-top: 140px; margin-bottom: 140px;}
body.page-reservation .deux-blocs .bloc {padding: 30px; color: #ffffff; text-align: center; display: block;}
body.page-reservation .deux-blocs .bloc1 {background: #52A5B8;}
body.page-reservation .deux-blocs .bloc2 {background: #af884a;}
body.page-reservation .deux-blocs .bloc .titre {font-size: 2.15em; }
body.page-reservation .deux-blocs .bloc .infos {font-size: 1.33em; }
body.page-reservation .deux-blocs .bloc .lien {margin-top: 20px;}
body.page-reservation .deux-blocs .bloc .lien a {font-size: 1.22em; font-weight: bold; }
body.page-reservation .deux-blocs .bloc1 .lien a {background: #fff; color:#52A5B8;}
body.page-reservation .deux-blocs .bloc2 .lien a {background: #fff; color:#af884a;}


/********************** FOOTER */
#footer_wrapper a:hover {text-decoration: underline!important;}



/**** POPUP COOKIES ***/
.popupCookies {padding: 5px; color: #696969; font-size: 14px; }
.popupCookies p {padding:0; padding-bottom: 5px;}
.popupCookies .headerPopup {width: 100%; overflow: auto;}
.popupCookies .headerPopup .titre { font-weight: bold; font-size: 16px;}
.popupCookies .headerPopup .droite {}
.popupCookies .headerPopup .droite a {text-decoration: underline;}
.popupCookies .textePopup {margin-top: 20px; margin-bottom: 20px; line-height: 20px;}
.popupCookies .boutons {width: 100%; overflow: auto;padding-top: 10px; padding-bottom: 10px;}
.popupCookies .boutons .gauche { }
.popupCookies .boutons .gauche a {display: block; width: 130px; text-align: center; background: #ffffff; padding: 10px; text-decoration: none; color: #f5333e; border: solid 1px #f5333e; font-weight: bold;}
.popupCookies .boutons .gauche a:hover {background: #f5333e; color: #ffffff; border: solid 1px #f5333e;}
.popupCookies .boutons .droite {margin-top: 10px;}
.popupCookies .boutons .droite a {display: block; width: 130px; text-align: center; background: #ffffff; padding: 10px; text-decoration: none; background: #f5333e; color: #ffffff; border: solid 1px #f5333e; font-weight: bold; ;}
.popupCookies .boutons .droite a:hover {color: #f5333e; background: #ffffff; border: solid 1px #f5333e;}
.popupCookies #etape2 {display: none;}
@media only screen and (min-width: 768px) {
	.popupCookies {padding: 10px;}
	.popupCookies .headerPopup .titre {float: left; width: calc(100% - 200px); }
	.popupCookies .headerPopup .droite {float: right; width: 200px;text-align: center;}
	.popupCookies .boutons .gauche {float: left; width: 50%; }
	.popupCookies .boutons .gauche a {width: 120px;}
	.popupCookies .boutons .droite {float: left; width: 50%; margin-top: 0;}
	.popupCookies .boutons .droite a {float: right;width: 200px;}
}


.popupCookies #etape2 .headerPopup .titre {float: none; width: 100%; margin-bottom: 0;}
/* The switch - the box around the slider */
.popupCookies .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.popupCookies .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.popupCookies .item {width: 100%; overflow: hidden; padding-bottom: 20px;}
.popupCookies .item .quoi {margin-bottom: 10px; float: left; width: calc(100% - 60px);}
.popupCookies .item .bouton {float: left; width:60px; padding:0; border: none;}
.popupCookies .item .bouton:hover {background: none;}
.popupCookies .item .quoi .t1 {font-size: 17px; line-height: 20px; color: #f5333e; font-weight: bold;}
.popupCookies .item .quoi .t2 {font-size: 13px; line-height: 18px;}
.popupCookies .item .toujours {font-size: 15px;font-weight: 600; color: #696969;}
.popupCookies .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.popupCookies .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.popupCookies input:checked + .slider {
  background-color: #f5333e;
}
.popupCookies input.readonly + .slider {
  background-color: #f5333e;
}
.popupCookies input:focus + .slider {
  box-shadow: 0 0 1px #f5333e;
}
.popupCookies input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.popupCookies input.readonly + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.popupCookies .slider.round {
  border-radius: 34px;
}
.popupCookies .slider.round:before {
  border-radius: 50%;
}