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

@media (min-width:1201px) {
.breadcrumb a:hover                 		{ color: var(--mainColor1);}
}

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


/***** top page *****/
.top_page 											{ position: relative; padding-top: 160px; margin-bottom: calc(2vw + 20px);}
.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: 120px; }
}




/***** bloc grid *****/
.bloc-grid                              { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 40px 80px; position: relative; }
.bloc-grid.full                         { width: 90vw; max-width: var(--maxWidthWrapperLarge); }
.bloc-grid.full .texte                  { padding-right: 100px; padding-left: 0;}
.bloc-grid.full .photo img              { width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--imgRadius);}
.bloc-grid.reverse .texte               { order: 1; padding-left: 100px; padding-right: 0;}
.bloc-grid.reverse .photo               { order: 2;}
.bloc-grid .texte :last-child           {margin-bottom: 0;}


.bloc-grid .photo:before               { position: absolute; left: -60px; right: 60%; top: -60px; bottom: 25%; background: #00000085; backdrop-filter: blur(20px); border-radius: 20px; transition: none; content: "";}
.bloc-grid.reverse .photo:before       { left: 60%; right: -60px; top: 25%; bottom: -60px; background: #00000085; backdrop-filter: blur(20px); border-radius: 20px; visibility: visible; content: "";}

.bloc-info { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: block;  background: #ffffff10; backdrop-filter: blur(10px); margin: 0 auto; border-radius: var(--imgRadius); border: 1px solid #ffffff20; color: #fff; padding: 60px;}

.bloc-texte { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: block; } 


@media (max-width:1200px) {
.bloc-grid                              { grid-gap: 40px 40px; align-items: start;}
.bloc-grid.full .texte,
.bloc-grid.reverse .texte               { padding-right: 0; padding-left: 0;}
.bloc-info                              { padding: 60px;}
.bloc-grid .photo:before, .bloc-grid.reverse .photo:before { content: none;}
}
@media (max-width:1000px) {
.bloc-grid                              { grid-template-columns:1fr; }   
.bloc-grid.reverse .texte               { order: 2;}
.bloc-grid.reverse .photo               { order: 1;} 
.bloc-grid.first .texte                 { order: 1;}
.bloc-grid.first .photo                 { order: 2;} 
.bloc-grid.full .photo img              { height: 50vw; object-fit: cover;}
.bloc-info                              { padding: 40px;}
}
@media (max-width:700px) {
.bloc-info                              { padding: 30px;}
}