
/***** 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: 12px; content: ""; position: absolute; right: -18px; top: 4px; background: var(--mainColor1);}
.breadcrumb li:last-child 					        { margin: 0;}
.breadcrumb li:last-child:after 			        { display: none;}

@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;}
}

/***** Txt simple *****/
.txt_simple                                         {position: relative; text-align: left; margin-top: 80px}

@media (max-width:1200px) {
.txt_simple                                         {margin-top: 60px}
}

@media (max-width:1000px) {
.txt_simple                                         {margin-top: 30px}
}

/***** galerie *****/
.galerie	 								        { position: relative; margin: var(--marginTB);}
.galerie .container						            { }
.galerie .container	.photos					        { display: grid; grid-gap: clamp(10px, 5vw, 20px); text-align: center; align-items: start; grid-template-columns: repeat(3, 1fr);}
.galerie .container	.photos.col_1					{ grid-template-columns: 1fr; text-align: left}
.galerie .container	.photos.col_2					{ grid-template-columns: repeat(2, 1fr);}
.galerie .container	.photos.col_4					{ grid-template-columns: repeat(4, 1fr);}
.galerie .container img                             { display: block; height: auto; width: 100%; border-radius: var(--imgRadius);}
.galerie .container .photos	.item                   { display: grid; grid-template-rows: 1fr auto;}
.galerie .container .photos	span                    { display: block; width: 100%; margin-top: 20px;}
.galerie .container	.txt					        { display: block; margin-bottom: 40px;}


@media (max-width:1000px) {
.galerie .container	.photos,
.galerie .container	.photos.col_4				    { grid-template-columns: repeat(2, 1fr);}


}

@media (max-width:700px) {
.galerie .container	.photos,
.galerie .container	.photos.col_4,
.galerie .container	.photos.col_2					{ grid-template-columns: 1fr;}    
}


.legende                                            { font-size: 12px; line-height: 20px; text-align: center; display: block; margin-top: 20px}

