.header .logo img             { filter: none;}
.header .small_menu>li>a      { color: #000;}
.header .menu_small>li>a      { color: #000;}
.header .menu>li>a            { color: #000;}

.titre  { margin-bottom: 0;}
.sous_titre	                  { font-size: clamp(20px, 3vw, 30px); line-height: 150%; }

@media (max-width:1200px) {
    .header .menu>li>a            { color: #ffffff;}
}

/***** top page *****/
.top_page 										{ position: relative; padding-top: 120px;}
.top_page .content 								{ padding-top: clamp(20px, 7vw, 40px);}
.top_page .titre_main							{ margin-bottom: 10px;}
.top_page .titre_main,	.top_page .sous_titre	{ font-size: clamp(24px, 3vw, 38px); line-height: 160%; }
.top_page .texte_img 					        { padding-right: 420px; position: relative;}
.top_page .texte_img .img				        { position: absolute; right: -20px; top: 70px;}

@media (max-width:1000px) { 
.top_page .texte_img 					        { padding-right: 360px;}
.top_page .texte_img .img				        { max-width: 320px;}
}
@media (max-width:700px) { 
.top_page .texte_img 					        { padding-right: 0;}
.top_page .content 								{ padding-top: 0;}
.top_page .texte_img .img				        { position: relative; right: 0; top: 0;}
}



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

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

@media (max-width:1200px) { 
.breadcrumb							            { margin:0 0 40px 0;}						
}

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


/** Catalogue **/
.catalogue                          { background-color: var(--mainColor2); padding: clamp(20px, 5vw, 80px) 0; margin-bottom: 0;}
.catalogue .sous_titre              { color: #fff; }

.onglets .nav_onglets               { grid-gap: 20px;  width: 90vw; max-width: var(--wrapperL); display: flex; margin-top: 100px; align-items: center; justify-content: center; flex-wrap: wrap;}
.onglets .nav_onglets a.active      { background-position: 0 0; color: #000;}

.onglets .item                      { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;  width: 90vw; max-width: var(--wrapperL); margin: 100px auto; position: relative;}
.onglets .item a 				    { position: relative; display: block; color: var(--mainColor2); background: #ffffff;}
.onglets .item a img 				{ width:100%; height:auto; display:block;}
.onglets .item a .label 			{ background-color: var(--mainColor1); color: #fff; padding: 0 10px; line-height: 32px; text-transform: uppercase; display: block; width: 100%; border: none; text-align: center; margin-bottom: 25px; }
.onglets .item a .title 			{ padding: 0 20px 10px; font-size: 16px; }
.onglets .item a .price 			{ padding: 0 20px 25px; font-size: 20px; font-weight: 700; color: var(--mainColor1); }
.onglets .item a .link 				{ margin-right:5px;}

@media (max-width:1366px) {
.onglets .item                      { grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:960px) {
.onglets .item                      { grid-template-columns: repeat(2, 1fr);}
}



@media (max-width:600px) {
.onglets .item                      { grid-template-columns: 1fr;}
}

/***** bloc grid *****/
.bloc-grid                              { width: 90vw; max-width: var(--wrapperM); margin: var(--marginTB); display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; grid-gap: 40px 80px; position: relative;}
.bloc-grid.full                         { width: 90vw; max-width: var(--wrapperL); }
.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(--wrapperM); margin: var(--marginTB); display: block;  background: #a10007; color: #ffffff; font: 400 22px / 30px "Noto Sans"; padding: 60px; text-align: center; letter-spacing: 1.8px;}
.bloc-info .sous_titre                  { margin-bottom: 20px; display: block;}
.bloc-info :last-child                  { margin-bottom: 0;}

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


@media (max-width:1366px) {
.bloc-grid                              { align-items: start;}
.bloc-grid:before                       { content: none;}
}

@media (max-width:1200px) {
.bloc-grid                              { grid-gap: 40px 40px;}
.bloc-grid.full .texte,
.bloc-grid.reverse .texte               { padding-right: 0; padding-left: 0;}
.bloc-info                              { font: 400 18px / 26px "Noto 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: 50vw; object-fit: cover;}
}