/***** top page *****/
.top_page 						  { position: relative; padding-top: 68px; margin-bottom: 100px;}
.top_page .wrapper                { display: grid; grid-template-columns: 1fr 340px; column-gap: 80px; align-items: flex-end;}
.top_page .titre_main             { margin-bottom: 4px;}
.page .top_page .sous_titre       { margin-top: 0; margin-bottom: 4px;}
.top_page_right                   { background-color: var(--main-color); color: #FFF; border-radius: var(--border-radius); padding: 51px 50px; text-align: center; font-size: 20px; line-height: 1.5;}
.top_page_right strong            { color: var(--second-color); text-transform: uppercase;}
.top_page_right a                 { font-size: 13px; margin-top: 18px; display: flex; width: fit-content; margin-inline: auto;}
.top_page .background-initials    { top: 0;}


@media (min-width:1201px) { 

}
@media (max-width:1200px) { 
.top_page_right                   { font-size: 18px;}
.top_page .wrapper                { column-gap: 40px;}
}
@media (max-width:1000px) { 
.top_page 						  { padding-top: 40px; }
.top_page                         { margin-bottom: 40px;}
.top_page .wrapper                { grid-template-columns: 1fr;}
.top_page_right                   { font-size: 16px; padding: 40px; margin-top: 30px; max-width: 20rem;}
}




/***** breadcrumb *****/
.breadcrumb							          { line-height: 0; position: relative; padding-bottom: 40px;}
.breadcrumb li 						        { display: inline-block; font-size: 11px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;}
.breadcrumb li:after				      { width: 1px; height: 8px; position: absolute; right: -16px; top: 6px; background: var(--text-color); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1001px) {
.breadcrumb							          { grid-column: 1 / 3;}
}
@media (min-width:1201px) {
.breadcrumb a:hover                 { text-decoration: underline;}
}

@media (max-width:700px) { 
.breadcrumb							{ display: none;}
}



/***** page content *****/
.page 								                        { position: relative; padding-bottom: 95px;}
.page .sous_titre                             { margin-bottom: 20px;}
.page .sous_titre:where(:not(:first-child))   { margin-top: 50px;}
.page .chapo:last-child                       { margin-bottom: 0;}
.page p:where(:not(:last-child))	          { margin-bottom: 25px;}
.page .ul_list a, 
.page p a, .page .card_review a               { border-bottom: 1px solid var(--second-color);}

.page .ul_list						          { margin-block: 30px;}
.page .ul_list:first-child			          { margin-top: 0;}
.page .ul_list:last-child			          { margin-bottom: 0;}
.page .ul_list li					          { padding: 5px 0 5px 24px; position: relative;}
.page .ul_list li:before			                { position: absolute; left: 0; top: 13px; width: 8px; height: 15px; background-color: var(--second-color); border-radius: 100px; content: "";}
.page .ul_list li:not(:last-child)	          { margin-bottom: 5px;}

.page ~ .footer                               { margin-top: 0;}

@media (min-width:1201px) {
.page p a:hover    					          { color: var(--second-color);}
}
@media (max-width:1200px) {
.page 								                        { padding-bottom: 80px;}
.page .sous_titre                             { font-size: 20px; margin-bottom: 10px;}
.page .sous_titre:where(:not(:first-child))   { margin-top: 30px;}
}
@media (max-width:700px) {
.page p:where(:not(:last-child))	            { margin-bottom: 10px;}
.page .ul_list						                    { margin-bottom: 10px;}
.page .ul_list li					                    { padding-left: 18px;}
.page .ul_list li:before			                { top: 14px; width: 5px; height: 5px;}
}


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




.services-item .row                        { padding: 60px 40px 70px; }
@media (max-width:1200px) { 
.services-item .row                        { padding: 50px; }
}
@media (max-width:1000px) { 
.services-item .row                        { padding: 40px; }
}
@media (max-width:700px) { 
.services-item .row                        { padding: 10px 20px 10px 20px; }
}

@media (min-width: 1201px) and (max-width: 1600px) {
.services .item:nth-child(odd)           { grid-column: auto;}
.services .item:nth-child(even)          { grid-column: auto;}
}




/***** atouts *****/
.atouts                           	{ position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; padding-bottom: 20px;}
.atouts .item                     	{ position: relative;}
.atouts .row 						{ position: relative; padding: 45px; border-radius: 15px; background: #fff; border: 3px solid var(--main-color); transition: all 400ms ease-in-out;}
.atouts .row .sous_titre 			{ font-size: 20px; line-height: 30px;}
.atouts .row .sous_titre span		{ font-size: 30px; line-height: 30px; font-weight: 300; display: block; margin-bottom: 5px; color: var(--main-color);}
.atouts .row p              		{ margin: 10px 0 0 0;}


@media (min-width:1201px) {
.atouts .item .row:hover 				  { border-color: var(--main-color); background: #fff;}
}
@media (max-width:1600px) {

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

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

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

}







/***** show hide *****/
.faq .sous_titre 						{ display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; align-items: center;}
.faq .show_hide             { background: #fff;}
.faq .show_hide .titre      { font-size: 16px; padding-left: 40px; background: #fff;}

@media (min-width: 1201px){

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

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

}



/***** Avocats *****/
.avocats                  { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 70px 60px; text-align: center;}
.avocats img              { display: block; width: 100%; height: auto; border-radius: 80px;}
.avocats_item__img        { border-radius: 80px; max-width: 100%; display: block;}
.avocats .sous_titre      { margin-top: 18px; margin-bottom: 0;}
.avocats p a              { text-decoration: none;}

@media (max-width:1200px){
.avocats img              { border-radius: 60px;}
}
@media (max-width:1000px){
.avocats                  { gap: 50px 30px;}
.avocats_item__img        { border-radius: 30px;}
.avocats img              { border-radius: 50px;}
}
@media (max-width:700px){
.avocats                  { grid-template-columns: 1fr 1fr;}
.avocats img              { border-radius: 20px;}
}






/** equipe_details detail **/
.equipe_details 						{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 250; display: none;}
.equipe_details ::-webkit-scrollbar  	{ display: none;}
.equipe_details .close_bg				{ width: 100%; height: 100%; background: var(--main-color); position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.8; cursor: url(../images/close.svg), auto;}
.equipe_details .infos					{ width: 60vw; height: 100%; background: #fff; position: absolute; top: 0; z-index: 20;}
.equipe_details .infos .grid_custom 	{ display: grid; grid-template-columns: 350px 1fr; grid-gap: 50px; align-items: center; margin-bottom: 50px}
.equipe_details .infos .grid_custom img	{ display: block; width: 100%; max-width: 350px; height: auto; border-radius: 10px; }
.equipe_details .infos .close 			{ position: absolute; top: 0; left: -50px; width: 50px; height: 50px; background: var(--second-color); cursor: pointer; z-index: 50; border-radius: 0 0 0 8px ;}
.equipe_details .infos .close:before	{ width: 18px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.equipe_details .infos .close:after		{ width: 2px; height: 18px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";}
.equipe_details .infos .row				{ width: auto; height: 100%; display: grid; align-items: center; overflow-y: auto; margin: 0 5vw;}
.equipe_details .infos .titre           { margin-bottom: 5px; font-size: 20px; line-height: 32px;}
.equipe_details .infos .sous_titre      { color: #000; font-size: 15px;}
.equipe_details .infos .row .wrap		{ padding: 60px 0 80px 0; position: relative;}
.equipe_details .infos .texte 			{ background: #fff; margin-bottom: 40px;}
.equipe_details .infos .texte .sous_titre { margin-top: 15px; }


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

@media (min-width:1201px) {
.equipe_details .infos .close:hover:before	{ background: #000;}
.equipe_details .infos .close:hover:after	{ background: #000;}
}
@media (max-width:1800px) { 
.equipe_details .infos				    { width: 70vw; right: -90vw;}
.equipe_details .infos .row				{ width: 55vw;}
.equipe_details .photos  				{ width: 55vw;}
}
@media (max-width:1200px) { 
.equipe_details .infos					{ width: 100vw; right: -100vw;}
.equipe_details .infos .close 			{ left: auto; top: 25px; right: 25px; width: 50px; height: 50px; background: #5793A6; opacity: 0; transition: opacity 400ms ease-in-out 0ms;}
.equipe_details .infos .close:before		{ background: #fff;}
.equipe_details .infos .close:after		{ background: #fff;}
.equipe_details .infos .row				{ width: 95vw;}
.equipe_details .infos .row .wrap		{ padding: 50px 0;}
.equipe_details .infos .texte 			{ margin-bottom: 30px;}
.equipe_details .infos .grid_custom img	{ border-radius: 8px; }
.equipe_details .photos  				{ width: 95vw;}
.equipe_details .infos.active .close	{ opacity: 1; transition-delay: 1000ms;}
}
@media (max-width:1000px) { 
.equipe_details .slider .slick-slide img	{ height: 60vw;}
}
@media (max-width:800px) { 
.equipe_details .infos .grid_custom 	{ display: block; width: 100%; margin-bottom: 10px;}
.equipe_details .infos .grid_custom .texte	{ margin: 20px 0 0 0;}
.equipe_details .infos .grid_custom img	{ border-radius: 5px; max-width: 320px}
}
@media (max-width:600px) { 
.equipe_details .infos .close 			{ top: 0; right: 0; border-radius: 0; width: 46px; height: 46px;}
.equipe_details .infos .row .wrap		{ padding: 5vw 0;}
.equipe_details .infos .texte 			{ width: 80vw; margin: 10px 0 10px 5vw;}
.equipe_details .infos .sous_titre		{ font-size: 14px; line-height: 24px; margin: -5px 0 10px 0;}
.equipe_details .infos .grid_custom img	{ border-radius: 5px; }
}