/***** breadcrumb *****/
.breadcrumb									{ line-height: 0; position: relative; padding:40px 0; margin: 0;}
.breadcrumb li 								{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;}
.breadcrumb li:after						{ width: 1px; height: 10px; content: ""; position: absolute; right: -18px; top: 4px; background: var(--mainColor1);}
.breadcrumb li:last-child 					{ margin: 0;}
.breadcrumb li:last-child:after 			{ display: none;}
.breadcrumb a                 		        { color: var(--mainColor1);}




@media (min-width:1600px) { 

}
@media (min-width:1201px) {
.breadcrumb a:hover                 		{ color: var(--mainColor2);}
}
@media (max-width:1200px) { 
.breadcrumb									{ padding: 20px 0 40px 0;}
}
@media (max-width:1000px) { 
.breadcrumb									{ padding: 20px 0 5vw 0;}
}
@media (max-width:700px) { 
.breadcrumb									{ padding-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90vw;}
.breadcrumb li 								{ font-size: 11px; line-height: 18px; margin-right: 20px;}
.breadcrumb li:after						{ right: -15px; background-size: 6px auto;}
}





/***** top page *****/
.top_page 											{ position: relative; padding-top: 180px; margin-bottom: calc(2vw + 20px);}
.top_page.no_image                                  { padding-top: 240px;}   
.top_page .content .chapo							{ margin-top: 25px;}
.top_page .bloc_txt_img .txt .wrap					{ max-width: 650px;}
.top_page .bloc_txt_img .sous_titre					{ margin: 20px 0;}
.top_page .bloc_txt_img .link						{ margin-top: 30px;}

@media (max-width:1200px) {
.top_page                                           { padding-top: 140px;} 
.top_page.no_image                                  { padding-top: 140px;}      
}

@media (max-width:1000px) {
.top_page { margin-bottom: 0;}
.top_page  .bloc_txt_img picture { display: none;}
}

@media (max-width:700px) {
.top_page.no_image                                  { padding-top: 100px;}      
}

@media (max-width:400px) {
.top_page .bloc_txt_img .link { margin-top: 10px;}
}


/***** link content page *****/
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}
.top_page .bloc_txt_img .txt .wrap .page 							{ margin:0}


@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ color: #ae312e; border-color: #ae312e;}
}







.bloc_contact                                   { position: relative;}
.bloc_contact .container                        { display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(20px, 5vw, 80px); align-items: center; position: relative;}
.bloc_contact .container .item:nth-child(1)     { border-radius: var(--imgRadius); overflow: hidden; background: #fff;}
.bloc_contact .container .item img              { max-width: 100%; height: auto;}
.bloc_contact .container .item .content         { padding: 40px;}
.bloc_contact .container .item .sous_titre      { margin-top: 30px;}


@media (max-width:1000px) {
.bloc_txt_img .col_3                       { grid-gap: 10px;}     

.bloc_contact .container                    { grid-template-columns: 1fr; }
.bloc_contact .container .item:nth-child(1) { order: 2; }
.bloc_contact .container .item:nth-child(1) img { display: none;}
.bloc_contact .container .item:nth-child(1) { width: 360px; margin: 0 auto;}
.bloc_contact .container .item:nth-child(2) { order: 1; text-align: center; }
}  

@media (max-width:800px) {
.bloc_txt_img .col_3                       { grid-template-columns: 1fr 1fr;} 
.bloc_txt_img .col_3 img:nth-child(3)      { display: none;}
}


/***** blog *****/
.blog_listing .container 							{ grid-gap: 40px;}


/***** card blog v1 *****/
.card_blog_v1 										{ position: relative;}
.card_blog_v1 a 									{ display: block; text-align: center; overflow: hidden; border-radius: var(--imgRadius); letter-spacing: 0.4px;}
.card_blog_v1 .photo 								{ position: relative; overflow: hidden;}
.card_blog_v1 .photo img 							{ width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 3/2; border-radius: 0;}
.card_blog_v1 .date 								{ width: 95px; height: 29px; text-align: center; font-size: 13px; line-height: 29px; border-radius: 5px; background: #ffffff45; backdrop-filter: blur(15px); position: absolute; right: 15px; top: 15px; z-index: 10;}
.card_blog_v1 .titre 								{ padding: 15px 30px; font-size: 16px; font-weight: 500; line-height: 150%;  background: #fff; display: grid; color: var(--bgColorDark); align-items: center; min-height: 80px;}

@media (min-width:1201px) {
.card_blog_v1 .titre 								{ transition: color 300ms ease-in-out;}
.card_blog_v1 a:hover  								{ transform: scale(0.95);}
.card_blog_v1 a:hover .titre						{ color: var(--orange);}
}
@media (max-width:600px) {
.card_blog_v1 .photo .date 							{ width: 90px; height: 30px; font-size: 13px; line-height: 30px; right: 10px; top: 10px;}
.card_blog_v1 .titre 								{ padding: 10px 25px 15px 25px; line-height: 22px; min-height: 80px;}
}





/***** page mod *****/
#mod .top_page 										{ padding-bottom: 0;}
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font: 500 clamp(16px, 1.8vw, 25px)/140% "ClashGrotesk-Variable"; letter-spacing: 0; position: relative; margin-bottom: clamp(10px, 2vw, 15px); margin-top: clamp(30px, 8vw, 60px);}
#mod .bloc_txt h2 									{ font-size: clamp(18px, 2.1vw, 28px); line-height: 120%;}	

#mod .bloc_txt ul									{ margin: clamp(10px, 2vw, 15px);}
#mod .bloc_txt ul li								{ position: relative; padding-left: 20px; margin-bottom: 12px; line-height: 170%;}
#mod .bloc_txt ul li:before							{ width: 6px; height: 6px; position: absolute; left: 0; top: 10px; background: #000; 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, 2.6vw, 25px);}
#mod .bloc_txt h2									{ font-size: clamp(18px, 3vw, 28px);}
}
@media (max-width:700px) {
#mod .bloc_txt ul li								{ padding-left: 18px; margin-bottom: 10px;}
#mod .bloc_txt ul li:before							{ top: 8px;}
}