/***** top_page *****/
.top_page { background: var(--dark-color); margin-top: 130px; margin-bottom: 80px; padding: 80px 0; color: #fff; }
.top_page .section_titre { margin-top: 40px; }
.top_page .titre_main { color: #fff; margin-bottom: 10px; }
.top_page .chapo { color: #fff;}
.top_page .mini_titre   { color: #fff ; }
@media (max-width: 1200px) {
.top_page { margin-top: 80px; margin-bottom: 80px; padding: 80px 0; }
.top_page .section_titre { margin-top: 0px; }
}

@media (max-width: 1000px) {
.top_page {  margin-bottom: 60px; padding: 60px 0; }
}

@media (max-width: 600px) {
.top_page {  margin-top: 60px; margin-bottom: 40px; padding: 30px 0; }
}

/***** breadcrumb *****/
.breadcrumb							          { line-height: 0; }
.breadcrumb a                     { color: #fff;}
.breadcrumb a.active              { color: var(--light-color);}
.breadcrumb li 						        { display: inline-block; font-size: 12px; line-height: 30px; letter-spacing: 1.2px; margin-right: 30px; position: relative;}
.breadcrumb li:after				      { width: 1px; height: 9px; position: absolute; right: -16px; top: 10px; background: var(--light-color); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (max-width: 1500px) {
.breadcrumb                       { top: 40px; }
}
@media (min-width:1201px) {
.breadcrumb li a:hover				    { color: var(--main-color);}
}
@media (max-width:1200px) { 
.breadcrumb							          { display: none;}
}

/***** page content *****/
.page_content 								     { position: relative;}
.page_content .ul_list a, 
.page_content p a:not(.cta p a)		 { border-bottom: 1px solid transparent; padding-bottom: 2px; color: var(--main-color);}

.page_content .cta { margin-bottom: 0;}
.page_content .cta .bloc_grid { margin-bottom: 0; }

.list_tarif li                     { display: grid; grid-template-columns: 1fr auto; padding: 10px 0; gap: 30px;}
.list_tarif li:not(:last-child)    { border-bottom: 1px solid #d9c9bf;}

@media (min-width:1201px) {
.page_content .ul_list a:hover:not(.cta a),
.page_content p a:hover:not(.cta p a)						{ border-color: var(--main-color);}
}
@media (max-width:1000px) {
.page_content 								                  { padding-bottom: 0;}
}
@media (max-width:700px) {
.page_content p:not(.cta)								        { margin-bottom: 10px;}
.page_content .ul_list						              { margin-bottom: 10px;}
}

.anchor        { position: absolute; left: 0; top: -140px;}

/* Page intro */
.page_intro                 { display: grid; grid-template-columns: auto 1fr; grid-gap: 0px; align-items: center; }
.page_intro .esperluette    { font-size: 0; line-height: 0;}
.page_intro img             { display: block; width: 100%; height: auto; object-fit: cover; opacity: 0.2;}
.page_intro p               { margin-left: -60px;}
@media (max-width:700px) {
.page_intro                 { grid-template-columns: 1fr; position: relative;}
.page_intro .esperluette    { opacity: 0.5; position: absolute; left: 50%; transform: translateX(-50%)}
.page_intro p               { margin-left: 0;}
}


/** team **/
.team .slick-slider                 { width: 100vw; margin: 30px 0 0 0; max-height: 500px;}
.team .item      				    { position: relative; margin: 0 40px 0 0;}
.team .item img    				    { position: relative; object-fit: cover; max-width: 320px; height: auto; display: block; width: 100%; filter: brightness(1) saturate(0); transition: all 400ms ease-in-out;}
.team .item .sous_titre     		{ margin: 30px 0 0 0; font-size: 18px; line-height: 26px; font-family: var(--main-font);}
.team .item .sous_titre span		{ display: block; color: #000; font-size: 12px; font-weight: 600; text-transform: uppercase;}
.team .item .sous_titre:after 	    { display: block; width: 30px; height: 14px; background: url("../images/arrow_blue.svg") 50% no-repeat; position: absolute; top: 6px; right: 30px; opacity: 0; content: "";}
.team .item a 						{ display: block;}
.team .nav_slider                   { /*position: absolute; top: -80px; right: 0; z-index: 900;*/ margin: 30px 0 -30px 0; text-align: right;}

@media (min-width:1201px) {
.team .item:hover a .sous_titre:after { right: 0; opacity: 1;}
.team .item:hover a img 				{ filter: saturate(1); transform: scale(0.98) ;}
}
@media (max-width:1400px) {
.team 								{ margin-bottom: 100px;}
}
@media (max-width:1200px) {
.team 								{ margin-bottom: 80px;}
}
@media (max-width:1000px) {
.team 								{ margin-bottom: 60px;}
.team .nav_slider                   { top: 22%; left: 0;}
}
@media (max-width:600px) {
.team 								{ padding-bottom: 50px;}
/*.team .item      				    { width: 85vw;}*/
.team .nav_slider                   { top: inherit; bottom: 0; left: 0;}
}



/** team **/
.team_page .slick-slider 			{ margin: 30px 0 0 0;}

@media (max-width:1400px) {

}
@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:600px) {

}




/** team_details detail **/
.team_details 									{ width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 999; display: none;}
.team_details ::-webkit-scrollbar  				{ display: none;}
.team_details .close_bg							{ width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.65; cursor: url(../images/close.svg), auto;}


.team_details .infos							{ width: 1000px; height: 100%; background: #fff; position: absolute; top: 0; z-index: 20;}
.team_details .infos .grid_custom 	            { display: grid; grid-template-columns: auto 1fr; grid-gap: 50px; align-items: center; margin-bottom: 50px;}
.team_details .infos .grid_custom img	        { display: block; width: 100%; max-width: 320px; height: auto; filter: saturate(0);}



.team_details .infos .close 					{ position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; border-radius: 50%; background: #008096; cursor: pointer; z-index: 50; transition: all 400ms ease-in-out;}
.team_details .infos .close:before				{ width: 16px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.team_details .infos .close:after				{ width: 2px; height: 16px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}


.team_details .infos .row						{ width: auto; height: 100%; display: grid; /*align-items: center;*/ overflow-y: auto; margin: 0 5vw;}
.team_details .infos .row .wrap					{ padding: 80px 0; position: relative;}

.team_details .infos .grid_custom .sous_titre   { margin-bottom: 5px;}
.team_details .infos .texte 					{ background: #fff; }
.team_details .infos .texte.body_font 					{ color: #000; }
.team_details .infos .texte p					{ margin-bottom: 15px;}
.team_details .infos .texte .line				{ width: 100%; height: 1px; background: #ccc; margin: 40px 0;}

/* open close animation */
.team_details .infos							{ right: -1000px; transition: right 400ms ease-in-out 200ms;}
.team_details .infos.active						{ right: 0; transition-delay: 200ms;}
.team_details .infos .row						{ opacity: 0; transition: opacity 200ms ease-in-out 0ms;}
.team_details .infos.active .row				{ opacity: 1; transition-delay: 600ms;}

@media (min-width:1201px) {
.team_details .infos .close:hover 				{ background: #000;}
}
@media (max-width:1600px) { 
.team_details .infos							{ width: 85vw; right: -90vw;}
.team_details .infos .row						{ width: 80vw;}
.team_details .photos  							{ width: 80vw;}
}
@media (max-width:1200px) { 
.team_details .infos							{ width: 100vw; right: -100vw;}
.team_details .infos .close 					{ left: auto; top: 25px; right: 25px; width: 50px; height: 50px; background: #000; opacity: 0; transition: opacity 400ms ease-in-out 0ms;}
.team_details .infos .close:before				{ background: #fff;}
.team_details .infos .close:after				{ background: #fff;}
.team_details .infos .row						{ width: 95vw;}
.team_details .infos .row .wrap					{ padding: 50px 0;}
.team_details .infos .texte 				    { margin-bottom: 30px;}
.team_details .photos  							{ width: 95vw;}
.team_details .slider .slick-slide img			{ height: 40vw;}
.team_details .infos.active .close				{ opacity: 1; transition-delay: 1000ms;}
}
@media (max-width:1000px) { 
.team_details .slider .slick-slide img			{ height: 60vw;}
}
@media (max-width:600px) { 
.team_details .infos .close 					{ top: 0; right: 0; width: 46px; height: 46px;}
.team_details .infos .row .wrap					{ padding: 5vw 0;}
.team_details .infos .texte 					{ width: 80vw; margin: 10px 0 10px 5vw;}
.team_details .infos .sous_titre				{ font-size: 14px; line-height: 24px; margin: -5px 0 10px 0;}
.team_details .slider .item img					{ width: 90vw; height: auto; display: block; margin-top: 15px;}
}