:root {

  --thm-base: #ffffff;
  --thm-base-rgb: 255, 255, 255;
  --thm-primary: #fc3c3c;
  --thm-primary-rgb: 252, 60, 60;
  --thm-black: #161c26;
  --thm-black-rgb: 22, 28, 38;
  --thm-gray: #828892;
}
.block-title {
  margin-bottom: 55px;
  margin-top: 10px;
}
.block-title h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--thm-primary);
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0.2em;
}
.block-title h2 {
  font-size: 50px;
  font-weight: 600;
  text-transform: capitalize;

}
.block-title p {
  margin: 0;
}

.thm-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  background-color: var(--thm-black);
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom:20px
}

.thm-btn:hover {
  background-color: var(--thm-primary);
  color: #ffffff;
}

/*--------------------------------------------------------------
# Why Choose
--------------------------------------------------------------*/
.why_choose {
  position: relative;
  display: block;
  background: #f0f3f6;
  padding: 30px 10px 30px 0px;
}
.why_choose_shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: top right;
  width: 579px;
  height: 650px;
}
.why_choose_left {
  position: relative;
  display: block;
}
.why_choose_left_one-img {
  position: relative;
  display: block;
}
.why_choose_left_one-img:before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: -20px;
  width: 20px;
  background: var(--thm-primary);
  content: "";
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.why_choose_left_one img {
  width: 100%;
  border-radius: 4px;
}
.why_choose_left-two-img {
  width: 320px;
  position: absolute;
  top: 50%;
  left: -115px;
  right: 0;
  transform: translateY(-50%);
}
.why_choose_left-two-img img {
  width: 100%;
  border-radius: 4px;
}
.why_choose_search {
  height: 125px;
  width: 125px;
  background: var(--thm-primary);
  border-radius: 50%;
  color: var(--thm-base);
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 125px;
  top: 136px;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.why_choose_search:hover {
  background: var(--thm-black);
}
.why_choose_search i {
  position: relative;
  transform: rotate(90deg);
}
.why_choose_right_content {
}
.why_choose_right_content .block-title {
  margin-bottom: 35px;
}
.why_choose_right_content .block-title h3{
text-transform: uppercase
}

.why_choose_right_text p {
  color: #003366;
  font-weight: 600;
  margin: 0; padding-right:10px; font-size:1rem
}
.why_choose_right_bottom_text {
}
.why_choose_right_bottom_text_single {
}
.why_choose_right_bottom_text_single + .why_choose_right_bottom_text_single {
  margin-top: 42px;
}
.why_choose_right_bottom_text_single .title {
}
.why_choose_right_bottom_text_single .title h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 5px;
}
.why_choose_right_bottom_text_single .title h4 i {
  font-size: 15px;
  color: var(--thm-primary);
  padding-right: 10px;
}
.why_choose_right_bottom_text_single .title p {
  margin: 0;
}

.why_choose_btn .thm-btn {
  background: var(--thm-primary);
}
.why_choose_btn .thm-btn:hover {
  background: var(--thm-black);
}

.section_one_btn .thm-btn {
  background: var(--thm-primary);
}
.section_one_btn .thm-btn:hover {
  background: var(--thm-base);
  color: var(--thm-black);
}

.section_two_btn .thm-btn {
  background: var(--thm-black);
}
.section_two_btn .thm-btn:hover {
  background: var(--thm-base);
  color: var(--thm-black);
}



.bloc_listing_experiences_et_balades_edito{padding-top:100px;padding-bottom:150px}.bloc_listing_experiences_et_balades_edito_left{padding-left:50px;padding-top:100px}.bloc_listing_experiences_et_balades_edito_left.bloc_listing_experiences_et_balades_edito_left_selection{padding-top:0}.bloc_listing_experiences_et_balades_edito_selection{padding-bottom:30px}.bloc_listing_experiences_et_balades_edito_selection img{display:inline-block;vertical-align:top;max-width:236px;height:auto}.bloc_listing_experiences_et_balades_edito_sous_titre{font-weight:600;text-transform:uppercase;font-size:14px;line-height:24px;letter-spacing:4.2px;color:#000}.bloc_listing_experiences_et_balades_edito_titre{font-weight:600;text-transform:uppercase;font-size:28px;letter-spacing:1.4px;color:#000;padding-bottom:50px; }.bloc_listing_experiences_et_balades_edito_slide{padding-right:1px;overflow:hidden}.bloc_listing_experiences_et_balades_edito_global{position:relative;z-index:96}.bloc_listing_experiences_et_balades_edito_slide a{display:inline-block;vertical-align:top;width:100%;height:550px;position:relative;overflow:hidden}.bloc_listing_experiences_et_balades_edito_slide_inner{display:inline-block;vertical-align:top;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;-webkit-transition:all .4s;transition:all .4s}.bloc_listing_experiences_et_balades_edito_slide a:hover .bloc_listing_experiences_et_balades_edito_slide_inner{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}.bloc_listing_experiences_et_balades_edito_inner{position:absolute;z-index:95;bottom:0;width:100%;padding-bottom:30px;padding-top:200px;padding-left:30px;padding-right:30px;background:linear-gradient(0deg,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%)}.bloc_listing_experiences_et_balades_edito_inner_titre{font-weight:900;text-transform:uppercase;font-size:24px;letter-spacing:.6px;color:#fff;line-height:26px}.bloc_listing_experiences_et_balades_edito_inner_auteur{text-transform:uppercase;font-size:16px;line-height:30px;letter-spacing:0.2px;font-weight:300;color:#fff}.bloc_listing_experiences_et_balades_edito_inner_auteur span{text-transform:none;letter-spacing:.4px;font-style:italic;font-weight:700}.bloc_listing_experiences_et_balades_edito .slick-prev,.bloc_listing_experiences_et_balades_edito .slick-next{background-color:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.5)}.bloc_listing_experiences_et_balades_edito .slick-prev{left:50px}.bloc_listing_experiences_et_balades_edito .slick-next{right:50px}.bloc_listing_experiences_et_balades_edito .slick-prev::before,.bloc_listing_experiences_et_balades_edito .slick-next::before{color:#fff}.bloc_listing_experiences_et_balades_edito_lien{position:absolute;z-index:9500;right:-60px;top:-140px}

.listing_experiences_et_balades_diaporama{padding-top:30px;padding-bottom:60px}.listing_experiences_et_balades_diaporama_titre{font-weight:600;text-transform:uppercase;font-size:28px;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:1.4px;color:#000;padding-bottom:60px}.listing_experiences_et_balades_diaporama_global_grille{font-size:0}
.bloc_listing_experiences_et_balades_edito_grille{display:inline-block;vertical-align:top;width:33.33%}
.listing_experiences_et_balades_diaporama .bloc_listing_experiences_et_balades_edito_slide{padding-left:1px}.listing_experiences_et_balades_diaporama .bloc_listing_experiences_et_balades_edito_slide a{margin-top:1px;margin-bottom:1px}.listing_experiences_et_balades_diaporama_global_simple .slick-prev,.listing_experiences_et_balades_diaporama_global_simple .slick-next{background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.5)}.listing_experiences_et_balades_diaporama_global_simple .slick-prev::before,.listing_experiences_et_balades_diaporama_global_simple .slick-next::before{color:#fff}.listing_experiences_et_balades_diaporama_global_simple .slick-prev{left:50px}.listing_experiences_et_balades_diaporama_global_simple .slick-next{right:50px}.listing_experiences_et_balades_diaporama_global_bottom .slick-prev,.listing_experiences_et_balades_diaporama_global_bottom .slick-next{top:auto}.listing_experiences_et_balades_diaporama_global_bottom .slick-prev{left:calc(50% - 130px);bottom:-140px}.listing_experiences_et_balades_diaporama_global_bottom .slick-next{right:calc(50% - 130px);bottom:-140px}.listing_experiences_et_balades_diaporama_global_bottom .slick-prev:hover{bottom:-150px}.listing_experiences_et_balades_diaporama_global_bottom .slick-next:hover{bottom:-150px}.listing_experiences_et_balades_diaporama_nb{font-size:24px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:.6px;text-align:center;color:#000;margin-top:52px}



.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide a{height:0;overflow:hidden}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_agenda_edito_inner_ville{color:#fff;margin-top:0}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_agenda_edito_inner_titre{color:#fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_texte{padding-left:0;padding-right:0}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_ville{color:#fff;margin-top:0}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_titre{color:#fff}
.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_note{color:#fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_tarif{border-top:1px dashed #fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_tarif span.bloc_listing_hebergements_edito_inner_tarif_apartir{color:#fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_tarif span.bloc_listing_hebergements_edito_inner_tarif_prix{text-align:left;color:#fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_tarif span.bloc_listing_hebergements_edito_inner_tarif_auros{color:#fff}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_hebergements_slide .bloc_listing_hebergements_edito_inner_tarif span.bloc_listing_hebergements_edito_inner_tarif_nuit{color:#fff}



@media only screen and (max-width:1600px){.bloc_listing_experiences_et_balades_edito_left{padding-left:0;padding-top:50px}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:25%}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:25%}.bloc_listing_experiences_et_balades_edito_lien{right:-45px}.bloc_listing_experiences_et_balades_edito_lien a.lien_rond span{padding-left:32px;padding-right:32px}}
@media only screen and (max-width:1200px){.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:33.33%}.bloc_listing_experiences_et_balades_edito_lien{right:-35px;top:-130px}.bloc_listing_experiences_et_balades_edito_lien a.lien_rond span{padding-left:22px;padding-right:22px}}
@media only screen and (max-width:991px){
.bloc_listing_experiences_et_balades_edito{padding-top:100px;padding-bottom:290px}.bloc_listing_experiences_et_balades_edito_left{padding-left:0;padding-top:0;padding-bottom:35px}.bloc_listing_experiences_et_balades_edito_titre{padding-bottom:40px}.bloc_listing_experiences_et_balades_edito_slide{}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:50%}.bloc_listing_experiences_et_balades_edito .slick-prev{left:20px}.bloc_listing_experiences_et_balades_edito .slick-next{right:20px}.bloc_listing_experiences_et_balades_edito_lien{right:auto;left:30px;top:-80px}.bloc_listing_experiences_et_balades_edito_lien a.lien_rond span{padding-left:52px;padding-right:52px}
.why_choose_left {display:none}
}
@media only screen and (max-width:768px){.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:100%}.bloc_video_inner{height:400px}.bloc_video_inner_play{width:90px;height:90px;font-size:45px}}
@media only screen and (max-width:600px){.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:100%}}
@media only screen and (max-width:480px){.bloc_listing_experiences_et_balades_edito{padding-bottom:250px}.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:100%}}
@media only screen and (max-width:380px){.bloc_listing_experiences_et_balades_edito_slide.bloc_listing_experiences_et_balades_edito_grille{width:100%}}


/*****************ACORDEON TAB*****************/

.underline:after{height:3px;width:140px}
.toggle-list {padding-top:10px;margin-top:25px;border-top:1px solid #d6d6d6}
.features-other__arrow,.toggle-list__item{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none}

.toggle-list p {padding-bottom:10px;margin-bottom:10px}
.toggle-list>li{position:relative;padding-bottom:20px;margin-bottom:20px;font-size:1.2em; list-style:none}
.toggle-list>li:after{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid #d6d6d6}
.toggle-list__content{display:none;border-left:3px solid #0077c0;margin:10px 0;padding:5px ;color:#222;background-color:#fff; border-top:1px solid #88D2FF; border-right:1px solid #88D2FF; border-bottom:1px solid #88D2FF;}

.toggle-list__content .grid__item.desk--one-third{padding-left:75px}
.toggle-list__item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;min-height:25px;padding-left:50px;padding-top:2px;line-height:24px;font-weight:500;color:#0077c0!important;font-size:1.1em}
.toggle-list__item:hover{color:#FF0000!important}.toggle-list__item.is-open{color:#5e5e5e}.toggle-list__item.is-open+.toggle-list__content{display:block}
.toggle-list__icon{height:30px;width:30px;border:2px solid #0077c0;margin-right:10px;display:inline-block;vertical-align:middle;position:absolute;left:0;top:0;border-radius:50%; }
.toggle-list__icon:after,.toggle-list__icon:before{content:'';height:2px;width:14px;display:block;position:absolute;margin:auto;background-color:#2b3d51;top:0;left:0;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s}.toggle-list__icon:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.toggle-list__icon:hover{border:2px solid #FF0000;}
.toggle-list__item.is-open .toggle-list__icon:before{-webkit-transform:rotate(0);transform:rotate(0)}
.toggle-list__content p{font-size:14px!important; padding:0}

@media screen and (max-width:480px){
.toggle-list__content p{margin:0 15px 30px}}
a{text-decoration:none!important}
.underline {border-bottom:2px solid #006699}

.content-section {
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-right:10px;
}

.button {font-size: 14px;
    padding: 10px ;border:1px #F4F4F4 solid;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
    color: #000;
    background-color: #F5F5F5;
    width: 100%; margin-top:5px;
}
.button a {
padding-bottom:5px
}
.button a:hover {
	color: #000; background: #f9f9f9;
}
.button:hover {
background: #f9f9f9;
}

.button:focus{
	color: #555;
	background: #e9eded;

	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.button:active{

top: 1px;
color: #555;
background: #f9f9f9;
border-color: #c6c6c6;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;

}

.button.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


.button img{
	border: none;
float:left; display:inline-block; padding: 0 15px 0 0;vertical-align:middle; max-width:100%
}
.buton img{
	border: none;
float:left; display:inline-block; padding: 0 10px 0 0;margin-top:-3px;vertical-align:middle; max-width:100%
}

/* --Blog Area-- */
#blog-five-area {
margin:0 auto; padding-bottom:20px
}

.blog-five-box {
  margin-bottom: 30px;
}

.blog-five-img {
  overflow: hidden;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.blog-five-img a img {
  width: 100%;
  transition: .4s all ease-in;
  -webkit-transition: .4s all ease-in;
  -moz-transition: .4s all ease-in;
  -ms-transition: .4s all ease-in;
  -o-transition: .4s all ease-in;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

}

.blog-five-box:hover .blog-five-img a img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.blog-five-details-area {
  padding: 10px 10px;
  box-shadow: 0px 0px 0px 0.6px #D1DFE8;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition: .4s all ease-in;
  -webkit-transition: .4s all ease-in;
  -moz-transition: .4s all ease-in;
  -ms-transition: .4s all ease-in;
  -o-transition: .4s all ease-in;
}

.blog-five-box:hover .blog-five-details-area {
  box-shadow: 0px 0px 15px -7px #014073;
}

.blog-time-author-arae ul {
  display: flex;
  justify-content: space-between;
}

.blog-time-author-arae ul li {
  font-size: 15px; list-style:none
}

.blog-time-author-arae ul li a {
  color: var(--paragraph-color);
}

.blog-time-author-arae ul li a:hover {
  color: var(--main-theme-color-two);
}

.blog-five-heading h3 {
  padding-top: 0px; margin-top:0px
}

.blog-five-heading h3 a {
  font-size: 18px;
  font-weight: 500;
}

div.blog-five-heading a:hover h3 {
  color: #FF9900;
}

.blog-five-heading p {
  font-size: 16px;
  line-height: 24px;
  padding-top: 20px;
}

.blog-five-button-area {
  margin-top: 20px;
}

.blog-five-button-area a {
  font-size: 16px;
  border: 1px solid #006699;
  padding: 8px 10px ;
  color: #006699;
  border-radius: 4px;
  display: inline-flex;
  transition: .4s all ease-in;
  -webkit-transition: .4s all ease-in;
  -moz-transition: .4s all ease-in;
  -ms-transition: .4s all ease-in;
  -o-transition: .4s all ease-in;
}

.blog-five-button-area a:hover {
  border: 1px solid #FF0000;
  background-color:#FF0000;
  color: #fff;
}
@media only screen and (max-width:768px){div.blog-five-heading img {
display:none
}}


/* Pagination
--------------------------------------------- */
.pagination:before
 {
	content: " ";
	display: table;
}

.pagination:after
 {
	clear: both;
	content: " ";
	display: table;
}
.archive-pagination{
	clear: both;
	margin: 20px 0;
	margin: 2rem 0;
}

.archive-pagination li {
	display: inline; margin-right:5px;
}

.archive-pagination li a {	font-size: 16px;
	font-size: 1.6rem;
	background-color: #13b4f2;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
	padding: 5px 12px;
	padding: 0.5rem 1.2rem;
	text-decoration: none;
}
.archive-pagination li img {	
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;

	text-decoration: none;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #ff8748;
	color: #fff;
}

	/* MODAL*/
	
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 90%; max-width:1280px;
	position: relative;
	margin: 30px auto;
	padding: 10px;
	border-radius: 10px;
	background: #fff;

}.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 40px;
	position: absolute;
	right: -20px;
	text-align: center;
	top: -10px;
	width: 40px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.modalDialog h2 {font-size:20px; font-weight:600}.modalDialog h3 {font-size:16px; margin-bottom:5px}
.close:hover { background: #00d9ff; }
@media all and (max-width:767px)
{.modalDialog > div {width: 90%; max-width:640px;margin: 10px auto;}
	.modalDialog h2 {font-size:16px; font-weight:600;margin-top:0px}
	.modalDialog h3 {font-size:14px;margin-top:0px; padding-bottom:5px}}
	
	

select {
  border-right-style: solid; border-top-style: solid; border-bottom-style:solid; border-left-style:solid;border-left-color: #fff;border-bottom-color: #fff;
  border-right-color: #fff;border-top-color: #fff;
}
