/***** top page *****/
.top_page 							{ position: relative; background: #2b7172; color: #fff; padding-top: 180px; overflow: hidden;}
.top_page:after						{ width: 335px; height: 360px; background: url("../images/shape_c.svg") 50% no-repeat; position: absolute; right: -150px; bottom: -150px; opacity: 0.25; content: "";}
.top_page .texte 					{ padding: 0 0 90px 0; text-align: center;}
.top_page .texte .titre_main 		{ font-size: 40px; line-height: 45px; color: #fff;}
.top_page .texte .titre_main:after	{ margin: 25px auto;}
.top_page .texte .sous_titre 		{ font-size: 22px; color: #fff; margin-bottom: 20px;}
.top_page .texte .chapo				{ margin: 20px auto 0 auto; max-width: 1000px;}

@media (max-width:1600px) {
.top_page 							{ padding-top: 170px;}
}
@media (max-width:1200px) {
.top_page 							{ padding-top: 130px;}
.top_page .texte 					{ padding: 0 0 70px 0;}
.top_page .texte .titre_main 		{ font-size: 35px; line-height: 40px;}
.top_page .texte .titre_main:after	{ margin: 20px auto;}
.top_page .texte .sous_titre 		{ font-size: 20px;}
.top_page .texte .chapo				{ margin: 50px auto 0 auto; max-width: none; text-align: left;}
}
@media (max-width:600px) { 
.top_page 							{ padding-top: 90px;}
.top_page:after						{ display: none;}
.top_page .texte 					{ padding: 0 0 40px 0; text-align: left;}
.top_page .texte .titre_main 		{ font-size: 25px; line-height: 30px;}
.top_page .texte .sous_titre 		{ font-size: 16px; color: #90cfd3;}
.top_page .texte .chapo				{ margin: 20px auto 0 auto;}
}



/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding-bottom: 40px;}
.breadcrumb li 						{ display: inline-block; font-size: 13px; line-height: 20px; letter-spacing: 0.8px; margin-right: 35px; position: relative;}
.breadcrumb li:after				{ width: 6px; height: 6px; border-radius: 50%; position: absolute; right: -22px; top: 8px; background: #90cfd3; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a 					{ color: #fff;}

@media (max-width:1200px) {
.breadcrumb							{ padding-bottom: 30px;}
}
@media (max-width:600px) {
.breadcrumb							{ padding-bottom: 25px;}
.breadcrumb li 						{ font-size: 11px; margin-right: 28px;}
.breadcrumb li:after				{ width: 5px; height: 5px; right: -18px;}
}



/***** photo up *****/
.top_page.photo_up .texte 			{ padding: 0 0 140px 0;}
.bloc_grid.photo_up  				{ margin-top: -60px;}
.bloc_grid.photo_up .texte			{ padding-top: 90px;}

@media (max-width:1600px) {
.top_page.photo_up .texte 			{ padding: 0 0 120px 0;}
}
@media (max-width:1200px) {
.top_page.photo_up .texte 			{ padding: 0 0 110px 0;}
.bloc_grid.photo_up  				{ margin-top: -50px;}
.bloc_grid.photo_up .texte			{ padding-top: 70px;}
}
@media (max-width:1000px) {
.top_page.photo_up .texte 			{ padding: 0 0 90px 0;}
.bloc_grid.photo_up .photo			{ padding-top: 0;}
.bloc_grid.photo_up .texte			{ padding-top: 0;}
}
@media (max-width:600px) {
.top_page.photo_up .texte 			{ padding: 0 0 40px 0;}
.bloc_grid.photo_up  				{ margin-top: 40px;}
.bloc_grid.photo_up .texte			{ padding-top: 0;}
}



/***** page content *****/
.page 								{ position: relative;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #bbb; padding-bottom: 2px;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #2b7172; color: #2b7172;}
}
@media (max-width:600px) {
.page p								{ margin-bottom: 10px;}
}


/***** 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:1200px) { 
.bloc_texte							{ margin: 70px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 30px 0;}
}



/***** bloc short *****/
.bloc_short 						{ max-width: 900px;}



/***** bloc shadow *****/
.bloc_shadow 									{ background: #fff; box-shadow: 0 15px 40px 0 rgb(144 207 211 / 30%); border-radius: 20px; padding: 50px 60px; position: relative; margin: 40px 0;}
.bloc_shadow img								{ display: block; margin-bottom: 15px;}
.bloc_shadow :last-child						{ margin-bottom: 0;}

@media (max-width:1200px) { 
.bloc_shadow 									{ box-shadow: 0 15px 40px 0 rgb(144 207 211 / 30%); padding: 35px 50px; margin: 30px 0;}
.bloc_shadow img								{ width: auto; height: 80px;}
}
@media (max-width:600px) { 
.bloc_shadow 									{ box-shadow: none; padding: 25px; margin: 0; border-radius: 10px;}
.bloc_shadow img								{ height: 50px;}
.wrap_shadow									{ margin: 0 -7vw; padding: 45px 7vw; background: #d7ecee; display: grid; grid-gap: 15px;}
}



/***** shape rounded *****/
.shape_rounded  								{ position: relative;}
.shape_rounded:before 							{ width: 1200px; height: 1200px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); background: #d7ecee; z-index: -1; content: "";}
.shape_rounded.shape_left:before 				{ left: -1050px;}
.shape_rounded.shape_right:before 				{ right: -1050px;}

@media (max-width:1200px) { 
.shape_rounded:before 							{ width: 900px; height: 900px;}
.shape_rounded.shape_left:before 				{ left: -800px;}
.shape_rounded.shape_right:before 				{ right: -800px;}
}
@media (max-width:1000px) { 
.shape_rounded:before 							{ display: none;}
}



/***** page about *****/
#about .presentation 							{ grid-template-columns: 1fr 52.5%;}
#about .shape_rounded.shape_left:before 		{ left: -850px;}
#about .shape_rounded.shape_right:before 		{ right: -1000px;}

@media (max-width:1200px) { 
#about .presentation 							{ grid-template-columns: 1fr 57.5%; grid-gap: 40px; align-items: start; margin-bottom: -20px;}
#about .shape_rounded.shape_left:before 		{ left: -650px;}
#about .shape_rounded.shape_right:before 		{ right: -750px;}
}
@media (max-width:1000px) { 
#about .presentation 							{ grid-template-columns: 1fr; grid-gap: 60px; margin-bottom: 0;}
#about .presentation .photo						{ margin: 0; padding: 0;}
}
@media (max-width:600px) { 
#about .presentation 							{ grid-gap: 25px;}
#about .presentation .photo						{ padding: 0 40px 0 0;}
#about .presentation .photo .rounded 			{ width: 200px; padding: 10px; border-radius: 50%; margin: 0 auto;}
#about .presentation .photo .rounded img 		{ height: auto; border-radius: 50%; border: 5px solid #fff;}
#about .presentation .macaron					{ width: 120px; height: 120px; font-size: 13px; line-height: 20px; margin-left: 20px; bottom: -25px;}
}



/***** page temoignages *****/
#temoignages .listing 							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px 40px;}

@media (max-width:1200px) { 
#temoignages .listing 							{ grid-gap: 60px 40px;}
}
@media (max-width:1000px) { 
#temoignages .listing 							{ grid-template-columns: 1fr;}
}
@media (max-width:1000px) { 
#temoignages .listing 							{ grid-gap: 30px; padding: 15px 0 45px 0;}
#temoignages .listing:before 					{ width: 200vw; position: absolute; top: -30px; bottom: 0; left: -50vw; background: #d7ecee; z-index: -1; content: "";}
}