#page__container{ width: 100%; max-width: 1296px; margin: 0 auto; }
#page__container section{margin:25px auto;}
#page__container h1{font-family: "interstate";font-size:30px;color:#000000;text-transform: uppercase; text-align: center; line-height: 45px;letter-spacing: 0.1em; margin: 0 0 50px 0;}
#page__container p.paragraphe{font-family: "interstate";font-size:15px;color:#6f6f6f;line-height: 20px; letter-spacing: 0.02em}
#page__container p.paragraphe span{color:#000}
#page__container .center{text-align: center;}
#page__container hr{border:0;height:0;border-top:1px solid #b6b6b6}
#page__container .img-responsive{max-width: 100%;height: auto;display:block;margin:0 auto}
#page__container .label-sel-tt{line-height: 40px;color: #6f6f6f}
#page__container .label-gen-tt{line-height: 40px;color: #6f6f6f}
#page__container .circonferenza-tt .circonferenza-two-sel{margin: 20px 0 0 0;}
#page__container .circonferenza-tt select{-webkit-appearance:none !important;-moz-appearance:none;appearance:none;padding:0 0 0 10px;cursor:pointer; color:#000;font-size:15px;border:1px solid #000;background-color:#FFF;background-image: url(../hd-images/trova_taglia/select-arrow.png?$staticlink$);background-size: 1.2em;background-repeat: no-repeat;background-position: calc(100% - 30px) center;width:100%;display: block;height: 50px;font-family: "interstate";}
#page__container  .customSelectArea{width:100% !important}
#page__container  .customSelectInner{line-height: 48px}
#page__container  .customSelect{-webkit-appearance:none !important;-moz-appearance:none;appearance:none;padding:0 0 0 20px;cursor:pointer; color:#000;font-size:15px;border:1px solid #000;background-color:#FFF;background-image: url(../hd-images/trova_taglia/select-arrow.png?$staticlink$);background-size: 1.2em;background-repeat: no-repeat;background-position: calc(100% - 30px) center;width:100% !important;display: block;height: 50px;font-family: "interstate";}
#page__container  .customSelectArrow {right: 15px !important;}
#page__container .bg-saumon{background: rgb(241, 210, 206);}
#page__container .bg-rouge{background: rgb(204, 164, 173);}
#page__container .bg-violet{background: rgb(156, 145, 163);}
#page__container .bg-beige{background: rgb(228, 218, 208);}
#page__container .bg-marron{background: rgb(177, 140, 132);}
#page__container .bg-gris{background: rgb(196, 196, 196);}
#page__container .bg-gris-fonce{background: rgb(137, 140, 139);}
#page__container .bg-vert{background: rgb(192, 201, 169);}
#page__container .bg-mauve{background: rgb(198, 178, 206);}
#page__container .bg-rose{background: rgb(235, 206, 228);}

#page__container #sizes_ctn .grid-container.bg{ display: block; height: auto; min-height:724px; position: relative;background-image: url("../hd-images/trova_taglia/lovable-trova-taglia-ah20.jpg?$staticlink$");}
#page__container #sizes_ctn{position: relative;}
#page__container #sizes_ctn div.absolute{ position: absolute; top: 0; left: 0; height: 100%; }
#page__container #sizes_ctn div.absolute span.arrow{ position: absolute; top: 0; left: 0; width: 258px; height: 54px; }
#page__container #sizes_ctn div.absolute span.arrow.poitrine{ width:182px; height:33px; top: 350px; left: 120px;  background:url("../hd-images/trova_taglia/coppa-ah20.png?$staticlink$") 0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.buste{width:158px; height:27px; top: 385px; left: 132px; background:url("../hd-images/trova_taglia/sottoseno-ah20.png?$staticlink$") 0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.taille{ width:152px; height:34px; top: 450px; left: 150px; background:url("../hd-images/trova_taglia/vita-ah20.png?$staticlink$") 0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.bassin{ width:181px; height:30px; top: 512px; left: 142px; background:url("../hd-images/trova_taglia/fianchi-ah20.png?$staticlink$") 0 0 no-repeat; }

#page__container #sizes_ctn div.absolute span.arrow.poitrine.on{ width:182px; height:33px; top: 350px; left: 120px; background:url("../hd-images/trova_taglia/hover-coppa-ah20.png?$staticlink$") 0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.buste.on{width:158px; height:27px; top: 385px; left: 132px; background:url("../hd-images/trova_taglia/hover-sottoseno-ah20.png?$staticlink$") 0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.taille.on{width:152px; height:34px; top: 450px; left: 150px; background:url("../hd-images/trova_taglia/hover-vita-ah20.png?$staticlink$")  0 0 no-repeat; }
#page__container #sizes_ctn div.absolute span.arrow.bassin.on{width:181px; height:30px; top: 512px; left: 142px; background:url("../hd-images/trova_taglia/hover-fianchi-ah20.png?$staticlink$") 0 0 no-repeat; }


#page__container .red-box-tt{width: 200px;height: 69px;background-color: #da0f3c; margin: 0 auto}
#page__container .red-box-txt{height: 69px;line-height: 69px;color: #ffffff;font-size: 20px;font-family: 'interstate'; margin: 0}

#page__container .flexTab{display: flex;justify-content: space-between;}
#page__container .flexTab div:nth-child(1){width:50.69444444444444%;}
#page__container .flexTab div:nth-child(2){width:26.62037037037037%;margin:0 2.700617283950617%;}
#page__container .flexTab div:nth-child(3){width:26.08024691358025%;}

#page__container  p.recommandations{font-family: "interstate";font-size:13px;color:#000;margin-top: 10px;}

#page__container .table-row{height: 62px;display: flex;align-items: center;justify-content: center;}

#page__container .table-wrap{font-family: "interstate";font-size: 16px;text-align: center;height: 62px;margin-top: 50px;}
#page__container .table-wrap .bgGris{background: #f0f0f0}
#page__container .table-wrap .bgRose{background: #ffd7d6}
#page__container .table-wrap .tab{font-size: 20px !important}
#page__container .table-wrap .table-heading{width:168px;float: left}
#page__container .table-wrap .table-content{width: calc(100% - 168px);width: -moz-calc(100% - 168px);width: -webkit-calc(100% - 168px);width: -o-calc(100% - 168px);float: left;}
#page__container .table-wrap .table-row{border-bottom:2px solid #d9d9d9;}
#page__container .table-wrap .table-content-scroll .table-row {font-size: 0;line-height: 0;min-width: 100%}
#page__container .table-wrap .cell{width:calc(100% / 8);display: inline-flex;height: 62px;font-size: 16px;justify-content: center;align-items: center;}
#page__container .table-wrap .auto{width: auto !important}
#page__container .table-wrap .btGris{border-top:2px solid #d9d9d9}

#page__container #reggiseni .table-heading{width:330px;}
#page__container #reggiseni .table-heading .cell{height: 60px;}
#page__container #reggiseni .table-heading .cell-big{width: 60%;}
#page__container #reggiseni .table-heading .cell-med{width: 40%;}
#page__container #reggiseni .table-heading .cell-small{width: 20%;}
#page__container #reggiseni .table-content{width: calc(100% - 330px);width: -moz-calc(100% - 330px);width: -webkit-calc(100% - 330px);width: -o-calc(100% - 330px);}
#page__container #reggiseni .table-content .cell{width:calc(100% / 6);}

#page__container #slip .table-heading{width:330px;}
#page__container #slip .table-content{width: calc(100% - 330px);width: -moz-calc(100% - 330px);width: -webkit-calc(100% - 330px);width: -o-calc(100% - 330px);}
#page__container #slip .cell{width:calc(100% / 6.1);}

#page__container #uomo .table-heading{width:330px;}
#page__container #uomo .table-content{width: calc(100% - 330px);width: -moz-calc(100% - 330px);width: -webkit-calc(100% - 330px);width: -o-calc(100% - 330px);}
#page__container #uomo .cell{width:calc(100% / 7.1);}

::-webkit-scrollbar {
width: 12px !important;
}

/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #41617D !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;

}
::-webkit-scrollbar-thumb:window-inactive {
background: #41617D !important;
}

@media screen and (max-width: 1100px){
#page__container .label-sel-tt{line-height: 40px; font-size: 13px;color: #6f6f6f}
#page__container .label-gen-tt{line-height: 40px; font-size: 13px;color: #6f6f6f}
}

@media screen and (max-width: 991px){
  #page__container section{margin:30px auto;}
  #page__container h1{font-size:25px; line-height: 35px; letter-spacing: 0.1em}
  #page__container p.paragraphe{font-size:13px;}
  #page__container .label-sel-tt{line-height: 40px; font-size: 13px;width: 65%}
  #page__container .label-gen-tt{line-height: 40px; font-size: 13px;}
  #page__container div.mt15{text-align: center;}

  #page__container #sizes_ctn .grid-container.bg{background: none}

  #page__container .flexTab{flex-direction: column}
  #page__container .flexTab div{width:100% !important;margin:30px 0 !important;}
}


/* CSS GUIDES DES TAILLES */

@media (max-width: 991px) {
  #page__container .table-wrap .table-content-scroll{width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}

  #page__container #reggiseni .table-content-scroll .table-row{width: 870px}
  #page__container #reggiseni .cell{width:145px;}

  #page__container #slip .table-content-scroll .table-row, #page__container #uomo .table-content-scroll .table-row{width: 870px}
  #page__container #slip .cell, #page__container #uomo .cell{width:145px;}
}

@media (max-width: 639px) {
  #page__container .table-wrap .tab{font-size: 18px !important}
  #page__container .table-wrap{font-size: 12px}

  #page__container #reggiseni .table-heading{width:180px;}
  #page__container #reggiseni .table-content{width: calc(100% - 180px);width: -moz-calc(100% - 180px);width: -webkit-calc(100% - 180px);width: -o-calc(100% - 180px);}

  #page__container #slip .table-heading, #page__container #uomo .table-heading{width:180px;}
  #page__container #slip .table-content, #page__container #uomo .table-content{width: calc(100% - 180px);width: -moz-calc(100% - 180px);width: -webkit-calc(100% - 180px);width: -o-calc(100% - 180px);}
}