/***** top page *****/
.top_page 										{ position: relative; padding-top: 210px;}
.top_page .content 								{ padding: 0 0 clamp(20px, 6vw, 60px) 0; text-align: center;}
.top_page .bloc_txt_img .txt .wrap 				{ max-width: 600px; margin: 0 auto;}

@media (max-width:1200px) {
.top_page 										{ padding-top: 120px;}
}
@media (max-width:1000px) { 
.top_page .bloc_txt_img .txt .wrap 				{ max-width: inherit;}	
}
@media (max-width:700px) { 
.top_page 										{ padding-top: 10vw;}
}




/***** breadcrumb *****/
.breadcrumb										{ margin: 0 0 40px 0; line-height: 0; position: relative;}
.breadcrumb li 									{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 20px; letter-spacing: 0.4px; position: relative;}
.breadcrumb li:after							{ width: 1px; height: 9px; position: absolute; right: -12px; top: 5px; background: #000; content: "";}
.breadcrumb li:last-child:after 				{ display: none;}
.breadcrumb li:last-child a						{ color: var(--mainColor1);}

@media (min-width:1201px) {
.breadcrumb a:hover                 			{ color: var(--mainColor1);}
}
@media (max-width:700px) { 
.breadcrumb										{ display: none;}
}


/***** maillage *****/
#page p a,
#page li a              						{ border-bottom: 1px solid var(--mainColor2); padding-bottom: 1px;}

@media (min-width:1201px) { 
#page p a:hover,         				
#page li a:hover         						{ border-color: var(--mainColor1); color: var(--mainColor1);}
}





.atouts .container .bloc_check 					{ background: var(--bgColorLight); padding: clamp(20px, 3vw, 30px) clamp(20px, 3vw, 40px); border-radius: var(--imgRadius); text-align: center;}
.atouts .container .bloc_check :last-child		{ margin-bottom: 0;}
.atouts .container .bloc_check img				{ width: 20px; height: auto; display: block; margin: 0 auto 12px auto; border-radius: 0;}
.atouts .container .bloc_check p				{ line-height: 140%;}






/***** bloc txt *****/
.bloc_txt 										{ position: relative; text-align: center;}
.bloc_txt.align_left							{ text-align: left;}
.bloc_txt:before								{ position: absolute; width: 94vw; max-width: calc(47vw + 720px); left: auto; right: 3vw; top: 0; bottom: 0; background: #eee; border-radius: 50px; visibility: hidden; transition: none; content: "";}
.bloc_txt svg									{ width: 60px; height: auto; display: block; margin: 0 auto 15px auto;}
.bloc_txt :last-child               			{ margin-bottom: 0;}
.bloc_txt .link									{ margin-top: 10px;}
.bloc_txt .multi_links							{ display: grid; grid-template-columns: 1fr 1fr; max-width: 300px; grid-gap: 10px; margin: 25px 0 0 0;}
.bloc_txt .multi_links .link					{ margin: 0; text-align: center; padding: 0;}



.bloc_quality .sous_titre 						{ margin-top: 30px;}


.bloc_annif  									{ display: grid; grid-template-columns: 100px 1fr; grid-gap: 50px; align-items: center; background: var(--bgColorLight); padding: clamp(20px, 5vw, 45px) clamp(20px, 5vw, 50px); border-radius: var(--imgRadius);}
.bloc_annif img									{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) { 
.bloc_annif  									{ grid-template-columns: 140px 1fr;}
}
@media (max-width:700px) { 
.bloc_annif  									{ display: block; text-align: center;}
.bloc_annif img									{ width: 60px; margin: 0 auto 3vw auto;}
}




.bloc_spaces  									{ margin-top: clamp(20px, 5vw, 50px);}



.bloc_carte .container							{ display: grid; grid-gap: clamp(20px, 3vw, 40px);}
.bloc_carte .item 								{ background: var(--bgColorLight); padding: clamp(20px, 5vw, 45px) clamp(20px, 5vw, 50px); border-radius: var(--imgRadius);}
.bloc_carte .item :last-child 					{ margin-bottom: 0;}




.grid_bloc .container img						{ width: 100%; height: auto; object-fit: cover; display: block; border-radius: var(--imgRadius); margin: 0 0 25px 0;}
.grid_bloc .container .sous_titre				{ margin-bottom: 10px;}


@media (max-width:1000px) { 
.grid_bloc .container  							{ grid-gap: 40px 20px;}
}
@media (max-width:700px) { 
.grid_bloc .container img						{ margin: 0 0 20px 0;}
.grid_bloc .container  							{ grid-gap: 30px;}
}









#booking .bloc_txt 									{ padding-top: 240px; min-height: 50vh;}
#booking .bloc_txt .titre_main						{ padding-bottom: 10px;}

@media (max-width:1200px) { 
#booking .bloc_txt                             { padding-top: 140px;}    
}
@media (max-width:700px) { 
#booking .bloc_txt                             { padding-top: 40px;}
}




/***** blog *****/
.card_blog_v1 .titre 								{ background: var(--bgColorLight);}




/***** page mod *****/
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font: 400 clamp(20px, 3vw, 35px)/120% var(--fontScript); color: var(--mainColor1); position: relative; margin-bottom: clamp(10px, 2vw, 15px);}

#mod .bloc_txt ul									{ margin: clamp(10px, 2vw, 15px) 0;}
#mod .bloc_txt ul li								{ position: relative; padding-left: 18px; margin-bottom: clamp(5px, 1.8vw, 10px); line-height: 170%;}
#mod .bloc_txt ul li:before							{ width: 6px; height: 6px; position: absolute; left: 0; top: 10px; background: var(--mainColor1); border-radius: 50%; content: "";}
#mod .bloc_txt ul li:last-child						{ margin-bottom: 0;}

@media (max-width:1000px) {
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font-size: clamp(18px, 5.4vw, 28px);}
}







.path {
	width: 400px; 
	height: auto; 
	margin: 100px auto; 
	filter: drop-shadow(0 30px 30px rgba(0,0,0,25%));
	display: grid;
	grid-template-rows: 1fr auto;
}
.path_1 {
	width: 100%;
	height: 100%;
	background: white; 
	border-radius: 40px 40px 20px 0;
	padding: 40px 40px 0 40px;
}
.path_2 {
	width: calc(100% - 72px);
	height: 72px;
	background: white;
	border-radius: 0 0 20px 40px;
	position: relative;
}
.path_2:before {
	position: absolute;
    top: 0;
    right: -40px;
    background: transparent;
    width: 40px;
    height: 40px;
    border-top-left-radius: 40px;
    box-shadow: -10px -10px 0 10px white;
    transition: none;
    content: "";
}

.path .link_arrow 	{ width: 60px; height: 60px; border-radius: 50%; background: url(../images/arrow_link.svg) 50% no-repeat var(--mainColor1); display: block; font-size: 0; position: absolute; right: 0; bottom: 0;}
.path :last-child 	{ margin-bottom: 0;}