.bloc_texte p a                     { color: #402120; border-bottom: 1px solid #402120;}
.bloc_grid p a                      { color: #402120; border-bottom: 1px solid #402120;}
.titre_main                  		{ font-size: 34px; line-height: 40px;}
.link_arrow:hover:after             { filter: brightness(0);}
.ul_list.grid                       { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 30px;}
.page_content .ul_list a.link       { border-bottom: none; }

@media (min-width:1201px) {
.bloc_texte p a:hover               { color: #76b729; border-bottom: 1px solid #76b729;}
.bloc_grid p a:hover                { color: #76b729; border-bottom: 1px solid #76b729;}
}
@media (max-width:1200px) {
.titre_main                  		{ font-size: 28px; line-height: 34px;}
}
@media (max-width:1000px) {
.titre_main                  		{ font-size: 24px; line-height: 32px;}
}
@media (max-width:700px) { 
.titre_main                  		{ font-size: 20px; line-height: 30px;}
.ul_list.grid                       { grid-template-columns: 1fr; grid-gap: 0;}
}



/***** top page *****/
.top_page 							{ display: grid; grid-template-columns: 1fr 1fr; position: relative; padding-top: 81px; margin: 0 auto; background: #efeae5;}
.top_page.no_img					{ grid-template-columns: 1fr;}
.top_page:before 					{ width: 200vw; height: 75%; position: absolute; left: -50vw; top: 0; background: #2b2521; z-index: -1; content: "";}
.top_page .titre_main.bigger 		{ margin: -5px 0 5px 0; font-size: 50px;}
.top_page .titre_main         		{ font-size: 28px; line-height: 42px;}
.top_page .chapo 					{ margin: 0;}
.top_page .links 					{ margin-bottom: 0; margin-top: 20px;}
.top_page .content 					{ display: grid; align-self: center; position: relative; padding: 80px; background: #efeae5;}
.top_page .content .wrap 			{ max-width: 600px; margin: 0 auto;}
.top_page .content img 				{ margin: 25px auto; display: block;}
.top_page .img 						{ position: relative;}
.top_page .img picture				{ height: 100%; position: relative; display: block;}
.top_page .img img					{ width: 100%; height: 100%; position: relative; object-fit: cover; display: block;}

.top_page.no_banner 				{ display: block;}
.top_page.no_banner:before 			{ display: none;}
.top_page.no_banner .content 		{ display: block; padding: 80px 0 0 0;}
.top_page .content .wrap 			{ max-width: none; margin: 0;}

@media (max-width:1600px) {
.top_page .content 					{ padding: 80px 60px 40px 60px;}
.top_page .titre_main.bigger 		{ font-size: 40px;}
}
@media (max-width:1200px) {
.top_page 							{ grid-template-columns: 1fr; max-width: 1000px; margin: 75px auto 0 auto; padding: 0;}
.top_page:before 					{ display: none;}
.top_page .content 					{ padding: 60px 5vw 70px 5vw;}
.top_page .titre_main.bigger 		{ display: none;}
.top_page .titre_main         		{ font-size: 26px; line-height: 34px;}
.top_page .img img					{ height: auto;}
}
@media (max-width:1000px) {
.top_page .titre_main.bigger 		{ font-size: 22px;}
.top_page .titre_main         		{ font-size: 22px; line-height: 32px;}
}
@media (max-width:700px) { 
.top_page 							{ margin: 0 -7.5vw;}
.top_page .content 					{ padding: 35px 7.5vw 50px 7.5vw;}
.top_page .titre_main.bigger 		{ font-size: 20px;}
.top_page .titre_main         		{ font-size: 20px; line-height: 26px;}
}



/***** short bloc *****/
.short_bloc 						{ margin: 0 5vw; max-width: none;}

@media (max-width:700px) { 
.short_bloc 						{ margin: 0;}
}


/***** page content *****/
.page_content						{ position: relative; padding-bottom: 40px;}
.page_content p						{ margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content .ul_check a, 
.page_content p a					{ color: #76b729; border-bottom: 1px solid #ccc; padding-bottom: 3px; cursor: pointer;}
.ul_list 							{ margin-bottom: 15px;}
.ul_list li 						{ padding: 5px 0 5px 20px; position: relative;}
.ul_list li:before 					{ content: ""; position: absolute; left: 0; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: #76b729;}
.ul_check							{ margin-bottom: 15px;}
.ul_check li						{ padding: 5px 0 5px 35px; background: url("../images/list_check.svg") 0 11px no-repeat;}

@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content .ul_check a:hover,
.page_content p a:hover				{ border-color: #76b729; color: #402120;}
}
@media (max-width:1200px) {
.page_content						{ padding-bottom: 20px;}
}
@media (max-width:700px) {
.page_content						{ padding-bottom: 0;}
.ul_list li							{ line-height: 24px;}
.ul_list li:before					{ top: 15px;}
.ul_check li						{ padding: 5px 0 5px 30px; background-size: 16px auto; background-position: 0 8px; line-height: 24px;}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 100px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}

@media (max-width:1400px) { 
.bloc_texte							{ margin: 100px auto;}
}
@media (max-width:1200px) { 
.bloc_texte							{ margin: 80px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:700px) { 
.bloc_texte							{ margin: 40px 0;}
}


.bloc_photo img                     { display: block; width: 100%; height: auto;  }


/***** bloc quote *****/
.bloc_quote 						{ position: relative; background: #efeae5; text-align: center; padding: 40px;}
.bloc_quote img						{ width: 50px; height: auto; display: block; position: absolute; left: 50%; top: -15px; transform: translateX(-50%);}
.bloc_quote div						{ font: 400 20px/30px "Frank Ruhl Libre"; letter-spacing: 0.2px; max-width: 850px; margin: 0 auto;}
 
@media (max-width:1000px) { 
.bloc_quote div						{ font-size: 18px; line-height: 28px;}
}
@media (max-width:700px) { 
.bloc_quote 						{ padding: 28px 25px 20px 25px;}
.bloc_quote img						{ width: 34px; top: -10px;}
.bloc_quote div						{ font-size: 16px; line-height: 24px;}
}


/***** bloc beige *****/
.bloc_beige 							{ background: #efeae5; padding: 35px 50px; margin: 30px auto;}
.bloc_beige.short_bloc					{ max-width: 900px;}

@media (max-width:1200px) { 
.bloc_beige 							{ padding: 30px 40px; margin: 25px auto;}
}
@media (max-width:700px) { 
.bloc_beige 							{ padding: 20px 25px; margin: 20px auto;}
}



/***** equipe *****/
.team 							   		{ position: relative; z-index: 5; padding-bottom: 20px;}
.team .wrap_slider 						{ position: relative;}
.team .slider 					   	 	{ margin-right: -30px;}
.team .slider .item 					{ margin-right: 30px; text-align: center;}
.team .slider .item p 					{ margin: -5px 0 0 0;}
.team .slider .item p.titre_main		{ margin: 25px 0 0 0;}
.team .slider .item .titre_main		    { font-size: 25px;}
.team .nav_slider 				    	{ position: absolute; right: -15px; top: -70px; z-index: 10;}

@media (max-width:1200px) {
.team .slider  							{ margin-right: -20px;}
.team .slider .item 					{ margin-right: 20px;}
.team .slider .item p.titre_main		{ margin: 20px 0 0 0;}
}
@media (max-width:700px) {
.team 							   		{ padding-bottom: 0;}
.team .slider  							{ margin-right: -10px;}
.team .slider .item 					{ margin-right: 10px;}
.team .slider .item p.titre_main		{ margin: 15px 0 0 0; font-size: 16px;}
.team .nav_slider 				    	{ position: static; text-align: center; margin: -5px 0;}
}



.type_sejours                           { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
.type_sejours .bloc_beige               { margin: 0; width: 100%; display: block; padding: 50px 60px;}
@media (max-width:1000px) {
.type_sejours                           { grid-template-columns: 1fr; grid-gap: 20px;}
.type_sejours .bloc_beige               { padding: 40px 5vw;}
}
@media (max-width:700px) {
.type_sejours                           { grid-gap: 10px;}
.type_sejours .bloc_beige               { padding: 30px 7.5vw;}
}




/***** cta links *****/
.cta_links .link 							{ display: block; height: auto; padding: 0 40px; text-align: center; font: 500 11px / 30px "Poppins"; text-transform: uppercase; letter-spacing: 3px; color: #fff; background: linear-gradient(to top, #402120 0% 50%, #76b729 50% 100%); background-size: 100% 200%; background-position: 0 100%;}
.cta_links .link_arrow						{ padding: 0 40px;}
.cta_links .link_arrow:after				{ display: none;}
.cta_links .link span						{ display: inline-block; padding: 40px 0 40px 40px; position: relative;}
.cta_links .link span i 					{ color: #76b729; font-style: normal; transition: 300ms ease-in-out;}
.cta_links .link.sejours span				{ padding: 40px 40px 40px 0;}
.cta_links .link.booking span:after			{ width: 22px; height: 100%; background: url("../images/calendar.svg") 0 48% no-repeat; position: absolute; left: 0; top: 0; transition: filter 0ms ease-in-out 200ms; content: "";}
.cta_links .link.sejours span:after			{ width: 22px; height: 100%; background: url("../images/arrow_green.svg") 100% 48% no-repeat; position: absolute; right: 0; top: 0; transition: filter 0ms ease-in-out 200ms; content: "";}
.cta_links .link.carte span:after			{ width: 22px; height: 100%; background: url("../images/bell.svg") 0 48% no-repeat; position: absolute; left: 0; top: 0; transition: filter 0ms ease-in-out 200ms; content: "";}

@media (min-width:1201px) {
.cta_links .link:hover 						{ background-position: 0 0;}
.cta_links .link:hover span i				{ color: #fff;}
.cta_links .link:hover span:after			{ filter: brightness(200);}
}
@media (max-width:1200px) {
.cta_links .link 							{ padding: 0 35px;}
.cta_links .link span						{ padding: 30px 0 30px 40px;}
.cta_links .link_arrow:after				{ right: 30px;}
}
@media (max-width:600px) {
.cta_links .link 							{ padding: 0 25px; text-align: left;}
.cta_links .link span						{ padding: 18px 0 18px 0; display: block;}
.cta_links .link_arrow:after				{ right: 25px;}
}



