/* MASQUE header banner B2B */
.group-b2b .header-banner {
      display: none !important;
}


.builder-nav-title h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    font-family: var(--skin-header-font), sans-serif;
}   

.builder-nav-title h3 {
    font-size: 18px !important;
    font-weight: 400 !important;
    font-family: var(--skin-header-font), sans-serif;
} 

.builderProductList__container {
    min-width: 700px !important;
}   

.line-product {
    padding: 10px 0px !important;
}

.line-product__index {
    background-color: transparent !important;
    color: #000 !important;
    width: 55px !important;
    text-align: center !important;
}

.line-product__id {
    padding: 10px !important;
    min-width: 130px !important;
}

.line-product__msg {
    margin: 0 10px !important;
}

.line-product__couple {
    position: unset !important;
    display: flex !important;
    justify-content: flex-end !important;
    flex: 1 !important;
}

.fancybox__container {
    --fancybox-bg: #fff !important;
}

/* colonne 2/3 1/3 */

#builder-colonne-tiers .content2Column1 {
      width: 40% !important;
}     

#builder-colonne-tiers .content2Column2 {
      width: 60% !important;
}     

@media screen and (max-width: 992px) {

    #builder-colonne-tiers .content2Column1 {
        width: 100% !important;
    }     

    #builder-colonne-tiers .content2Column2 {
        width: 100% !important;
    } 
}

/* tableaux specs tech */

.l-product--commencalSpec ul, .l-product--commencalTech ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none !important;
  padding: 0px;
  justify-content: space-between;
}

.l-product--commencalSpec ul li, .l-product--commencalTech ul li {
    flex: 0 0 31%;
    padding: 10px;
}

.l-product--commencalSpec ul li h6, .l-product--commencalTech ul li h6 {
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
    font-weight: 400 !important;
}

.l-product--commencalSpec ul li p, .l-product--commencalTech ul li p {
    margin-bottom: 0;
}

.l-product--commencalSpec ul li strong, .l-product--commencalTech ul li strong {
    font-weight: 500 !important;
}

.l-product--commencalSpec ul::after {
  content:"";
  width:31%;
}

.l-product--commencalTech ul::after {
  content:"";
  width:31%;
}


@media screen and (max-width: 980px) {

    .l-product--commencalSpec ul li, .l-product--commencalTech ul li {
        flex: 0 0 50%;
        padding: 10px;
    }
}

@media screen and (max-width: 560px) {

    .l-product--commencalSpec ul li, .l-product--commencalTech ul li {
        flex: 0 0 100%;
        padding: 10px;
    }
}


/* tableaux geometries page tech  */

.l-geometry__container-2column {
        width: 100%;
        max-width: fit-content;
        margin: 0 auto;
        padding: 0 0 0 0;
        column-gap: 24px;
        row-gap: 24px;
 }

.l-geometry__note {
            margin-top: 18px;
            color: white;
            font-size: 10px;
            font-weight: 300;
            text-align: center;
 }
       
.l-geometry__img  {
        width: 100%;
        padding: 0 0 0 0;
 }

@media screen and (max-width: 980px) {
    .l-geometry__img, .l-geometry__container  {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
     }

 }

@media screen and (max-width: 600px) {
    .l-geometry__img, .l-geometry__container  {
            width: 100%;
     }
 }
 

.l-geometry{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	color: white;
	text-transform: uppercase;
}

.l-geometry__container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

.l-geometry__container-bmx{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

.l-geometry__title-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.l-geometry__value-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	line-height: 2em;
}

.l-geometry__title-container {
	border-bottom: 1px solid #5d5d5d;
}

.l-geometry__value-container{
	border-bottom: 1px solid #5d5d5d;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.l-geometry__title{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
	font-family: var(--skin-header-font), sans-serif !important;
}

.l-geometry__flipchip{
	font-size: 9px;
	font-weight: 300;
	letter-spacing: 0.05rem;
	display:block;
	line-height: 1.5em;
}

.l-geometry__value--title{
	font-size: 14px;
	font-weight: 300;
	font-family: var(--skin-header-font), sans-serif !important;
}


.l-geometry__value{
	font-size: 12px;
	font-weight: 300;
	font-family: var(--skin-body-font);
}


.l-geometry__title--model,
.l-geometry__value--title{
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}

.l-geometry__value, 
.l-geometry__title{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 10px 5px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.l-geometry__value, 
.l-geometry__title{
	text-align: center;
}

.l-geometry__title--model,
.l-geometry__value--title{
	text-align: right;
	padding-right: 20px;
}

.l-geometry__value-container:hover{

}

.l-geometry .hovered{

}

.l-geometry__value:hover{

}

.l-geometry__value--title,
.l-geometry__title.l-geometry__title--model {
	-webkit-box-flex: 2 !important;
	    -ms-flex: 2 !important;
	        flex: 2 !important;
}


@media (max-width: 980px) {

  .l-geometry {
        overflow-x: scroll; 
  }

  .l-geometry__container {
        min-width: 580px; 
  } 
  
    .l-geometry__container-bmx {
        min-width: 100%; 
  } 

}