/***** top_page *****/
.top_page                          	{ position: relative; background: var(--bgColorLight);; padding-top: 120px; padding-bottom: 100px;}
.top_page .content                 	{ width: 90vw; max-width: var(--maxWidthWrapper); margin: 0 auto; position: relative;}
.titre_main	 						{ font: 400 clamp(22px, 3vw, 35px)/130% "Open Sans"; }
.chapo                              { margin-bottom: 0;}

@media (max-width:1000px) { 
.top_page                           { padding-top: 120px; padding-bottom: 80px;}    
}
@media (max-width:700px) { 
.top_page                           { padding-top: 100px; padding-bottom: 40px;}    
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 40px; margin-top: 20px;}
.breadcrumb a                       { color: #06001B;}
.breadcrumb a.active                { color: #004e93;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; letter-spacing: 0.4px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -15px; top: 5px; background: #06001B; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li:last-child a       	{ color: #004e93;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:#004e93;}
}
@media (max-width:1200px) {
.breadcrumb                         { padding-bottom: 30px;}
.breadcrumb li                      { margin-right: 30px;}
.breadcrumb li::after               { right: -15px;}
}
@media (max-width:1000px) { 
.breadcrumb							{ display: none;}
}



/***** bloc grid *****/
.bloc-grid                              { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; grid-gap: 40px 80px; }
.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; border-radius: var(--allImgBR);}
.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-info { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: block;  background: var(--bgColorLight); color: #06001B; font: 400 22px / 34px "Open Sans"; padding: clamp(25px, 4vw, 60px); text-align: center;}
.bloc-info.align_left { text-align: left;}
.bloc-info .ul_list li   { font-size: clamp(14px, 4vw, 16px); }

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

.bloc-grid-3 { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px 40px; }
.bloc-grid-3 .item :last-child          { margin-bottom: 0;}
.bloc-grid-3.color .item                { color: #fff;  border-radius: var(--allImgBR); background: var(--bgColorDark); padding: 40px;}
.bloc-grid-3.color .sous_titre          { color: #fff; }

@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                              { font: 400 18px / 26px "Open Sans";}
}
@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: auto; object-fit: cover;}
.bloc-grid-3                            { grid-template-columns: repeat(2, 1fr); }    
.bloc-grid-3 .item:nth-child(3)         { grid-column: span 2;}
}
@media (max-width:700px) {
.bloc-grid-3                            { grid-template-columns:1fr; }    
.bloc-grid-3 .item:nth-child(3)         { grid-column: span 1;}    
}