html {
  --scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; /* Désactive le zoom automatique sur Safari/iOS */
    text-size-adjust: 100%; /* Désactive le zoom automatique sur Android */
}

body{
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  font-size: 0.8em;
  font-family: 'Open Sans';
  color:#222222;
}

.overlay {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
}
.overlay.active {
    display: block;
}

/*--comment choisir--------------------------------*/

.hom_div_cont {
    display: flex;

    max-width:1024px;
    flex-wrap: wrap;
      border:1px solid #00ff00;

}
.hom_div_cont2{
  display:block;

  border:1px solid #FF0000;
}

.hom_txt{
  color:#FFFFFF;
    flex: 1 1 calc(33.33% - 20px); 
    margin: 10px; 
    box-sizing: border-box;
    padding: 20px;
    line-height: 22px;
}

.hom_title {
  color:#FFFFFF;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}

.hom_offre_title,.cat_offre_title{
  display: flex;
  justify-content: center;
  font-family: 'Open Sans';
  margin-left: auto;
  margin-right: auto;
  font-size: 2.8em;
  text-transform: uppercase;
  color:#111111;
  font-weight: 500;
  width: 1024px;
}
.cat_offre_title{
  margin-top:20px;
}

.hom_offre_title2_cont{
  display: flex;
  justify-content: center;
  align-items: center;

}
.hom_offre_title2{
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 1.8em;
  text-transform: uppercase;

}
.hom_offre_title2 a{
  display: inline;
  margin: 0;
  padding: 0;
  text-decoration: none;
  }


@media (max-width: 1000px) {
    .hom_txt {
        flex: 1 1 100%;
        padding:50px;
        font-size: 3em;
        line-height: 50px;
    }
    .hom_offre_title{
      font-size: 4em;
      justify-content: center;
    }
    .hom_offre_title2{
      font-size: 3em;
    }
    .hom_offre_title,.cat_offre_title{
      width:100%;
    }
}


 /*--Avis-------------------------------------------*/
.avis_cont {
  display:flex;
  width:200px;
  gap:10px;
}


.avis_1,.avis_2,.avis_3,
.avis_1_over,.avis_2_over,.avis_3_over,
.avis_1_novote,.avis_2_novote,.avis_3_novote,
.avis_1_over_novote,.avis_2_over_novote,.avis_3_over_novote
{
  background-repeat: no-repeat;
  background-position:center;
  background-size: 80%;
  width:50px;
  height:50px;
  cursor: pointer;
}

.avis_1,.avis_1_off,.avis_1_novote{background-image:url('new/smi_1_off.png')}
.avis_2,.avis_2_off,.avis_2_novote{background-image:url('new/smi_2_off.png')}
.avis_3,.avis_3_off,.avis_3_novote{background-image:url('new/smi_3_off.png')}

.avis_1_over_novote{background-image:url('new/smi_1_off_gris.png')}
.avis_2_over_novote{background-image:url('new/smi_2_off_gris.png')}
.avis_3_over_novote{background-image:url('new/smi_3_off_gris.png')}

.avis_1:hover,.avis_1_over{background-image:url('new/smi_1_on.png')}
.avis_2:hover,.avis_2_over{background-image:url('new/smi_2_on.png')}
.avis_3:hover,.avis_3_over{background-image:url('new/smi_3_on.png')}

.avis_1_novote,.avis_2_novote,.avis_3_novote,
.avis_1_over_novote,.avis_2_over_novote,.avis_3_over_novote
{
  cursor: initial;
}

.avis_cont_result,.avis_thanks{
  display:flex;
  width:200px;
  gap:10px;
}
.avis_thanks{
  display:flex;
  --border:1px solid #FF0000;
  text-align: center;
  font-weight: 600;
  height:25px;
  justify-content: center;
  align-items: center;
  background-image:url('new/like.png');
  background-size:20px;
  background-position: 120px 0px;
  background-repeat: no-repeat;
  margin-left:-20px;
  box-sizing: border-box;

  opacity: 0; 
    visibility: hidden; 
    transition: opacity 1s ease-in-out; 

    
}
.avis_thanks.show {
  opacity: 1;
  visibility: visible;

}
.avis_note_cont{
    display: flex;
    flex-direction: column; 
    gap: 5px; 
    justify-content: center;
    align-items: center;
}
.avis_txt{
  font-size: 1em;

}

h1  {
  font-size:2em;
  font-weight: 600
  }
  
h2{
  font-size:1.5em;
  font-weight: 500;
  text-transform:uppercase;
  }
h3{
  font-size:1.2em;
  font-weight: 500
}

@media (max-width: 1000px) {
  h2{
    font-size: 30px;
  }
  h3{
    font-size: 25px;
  }
  p,ul,li{

    font-size: 25px;

  }
}

@media (max-width: 1000px) {
  .avis_1,.avis_2,.avis_3{
    width:80px;
    height: 80px;
    background-size: 100%
    margin:50px;
  }
  
}
/*---Styles utilisateur--------------------------*/


@media (max-width: 1000px) {
  div{
    outline: none;
    -webkit-tap-highlight-color: transparent;
  }
}

.BODY_popup {background :white url(vide.gif); background-repeat: repeat;  }



/*------------------------------------------------*/


.panier_slog{
  display:none;
  text-align:center;
  width:100%;
  font-weight: 600;
  font-size: 28px;
  font-style: italic;
  color: var(--DS_color);
  height:70px;
}

.input_button,.input_button_black{
  display:flex;
  justify-content: center;
  align-items: center;
  border:3px solid var(--DS_color2);
  height:1.5em;
  width:206px;

  color :#FFFFFF;
  background-color: var(--DS_color2);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.input_button:hover{
  background-color: #FFFFFF;
  color :var(--DS_color2);
  cursor: pointer;
}

.input_button_black{
  border:3px solid #000000;
  color :#FFFFFF;
  background-color: #000000;  
}
.input_button_black:hover{
  border:3px solid var(--DS_color)2;
  background-color:var(--DS_color2);
  color :#FFFFFF;
  cursor: pointer;
}

.title_banner_green{
  display:block;
  font-weight: 600;
  font-size: 3em;
  background-color: var(--DS_color);
  color: #FFFFFF;
  margin:0px;
  margin-bottom:20px;
  padding:0px;
  padding:10px;
  text-align:center;
  height:50px;
}

.title_baner1{
  display:block;
  font-size: 4.5em;
  font-weight: 600;
  width:1024px;
  color:#000000;
}
.title_baner2{
  display:block;
  font-size: 4.5em;
  font-weight: 600;
  width:1024px;
  color:#FFFFFF;
  
}
.hide{
  display:none;
}
/*--ORDERS FOR ADM-------------*/
#orders_adm_cont {
  display: flex;

}

#orders_adm_cont2 {
  width:100%;
    display: flex;
    flex-direction: column; /* Stack divs vertically */
}

#orders_adm_menu_cont{
  margin-right:20px;
}

#orders_adm_list_cont{
}

#order_adm_invoice_cont{
}

/*--ORDERS FOR USER-------------*/
#orders_cont {
  width: 1024px;
  --border:1px solid #00ff00;

}

#orders_list_cont{
}

#order_invoice_cont{
}

@media (max-width: 1000px) {
  #orders_cont{
    display:block;
    width: 100%;
    padding:20px;
  }

  #orders_list_cont{  
  }
  
  #order_invoice_cont{
  }
}

a.top_link,a.top_link:hover{
  font-size:8pt;
  COLOR: #FFFFFF;
  }

/*--question reponses */
.open_bloc_puce_on,.open_bloc_puce_off{
  background :url(open_bloc_puce_on.jpg) no-repeat;
  padding-left:25px;
  display:bloc;
  height:30px;
  cursor:pointer;
  }
.open_bloc_puce_off{
  background :url(open_bloc_puce_off.jpg) no-repeat;
  }

/*--------Accueil--------------*/

.acc_interline{
  display:block;
  margin-bottom:30px;
}
.acc_interline2{
  display:block;
  margin-bottom:70px;
}
.acc_liq_cont a,.acc_liq_cont a:hover{
  color :#000000;
  text-decoration: none;
  font-weight: 400;
  font-size: 2.2em;
}
.acc_liq_cont a:hover{
  font-weight: 700;
}

.acc_mat_cont a,.acc_mat_cont a:hover{
  color :#FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-size: 2.2em;
}

.acc_mat_cont a:hover{
  font-weight: 700;
}

.acc_diy_cont a,.acc_diy_cont a:hover{
  color :#FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-size: 2.2em;
}
.acc_diy_cont a:hover{
  font-weight: 700;
}

.center_1024{
  margin-left: auto;
  margin-right: auto;
  width:1024px;
  text-align:center;
}
.acc_sep{
  display:none; 
  }
@media (max-width: 1000px) {
  .acc_sep{
    display:block;
    background-color: #FFFFFF;
    height:15px;
  }
  .acc_mat_cont a,.acc_mat_cont a:hover,
  .acc_liq_cont a,.acc_liq_cont a:hover,
  .acc_diy_cont a,.acc_diy_cont a:hover{
    font-size: 3.1em;
  }
  .acc_diy_cont a,.acc_diy_cont a:hover{
    color: #FFFFFF;
  }

  .center_1024{
    --border:1px solid #FF0000;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    text-align:center;
  }
  .acc_interline{
    margin-bottom:20px;
    line-height: 40px;
  }
}

/*--------------------------------*/

@media (max-width: 1000px) {
  .title_baner1,.title_baner2{
    justify-content: center;
    font-size: 6em;
    font-weight: 600;
    width:100%;
    padding-bottom:30px;
  }
}
.enduserstyles{}

/*---constantes-------*/
:root{
  --DS_color: #5f5f5f;
  --DS_color2: #d83204;;
}
/*--FOOTER--------*/

/*--------PRODUITS-----------------*/
.prod_cat_maccarons{
  z-index:10;
  position:absolute;
  display: flex;
  width:100%;
  height:40px;
  --border : 1px solid #FF0000;
}
.prod_itm_maccarons{
  z-index:10;
  position:absolute;
  display: flex;
  width:250px;
  height:60px;
}
.macc_cat_newproduct,.macc_itm_newproduct,.macc_pan_newproduct{
  background :url(new/ico_new.png) ;
}

.macc_cat_spotlight,.macc_itm_spotlight,.macc_pan_spotlight{
  background :url(new/ico_spot.png) ;
}

.macc_cat_remise,.macc_itm_remise,.macc_pan_remise{
  background :url(new/ico_remise.png) ;
}

.macc_cat_bseller,.macc_itm_bseller,.macc_pan_bseller{
  background :url(new/ico_bseller.png) ;
}

.macc_cat_newproduct,.macc_itm_newproduct,.macc_pan_newproduct,
.macc_cat_spotlight,.macc_itm_spotlight,.macc_pan_spotlight,
.macc_cat_remise,.macc_itm_remise,.macc_pan_remise,
.macc_cat_bseller,.macc_itm_bseller,.macc_pan_bseller{
  position:relative;
  background-size:100%;
  background-repeat: no-repeat;
  width:12%;
  margin:5px;
}

.macc_pan_newproduct,.macc_pan_spotlight,.macc_pan_remise,.macc_pan_bseller{
  background-size:100%;
  width:15px;
  margin:2px;
}


@media (max-width: 1000px) {
  .macc_itm_newproduct,.macc_itm_spotlight,.macc_itm_remise,.macc_itm_bseller{
    width:30%;
  }
  .prod_cat_maccarons{
    height:70px;
  }
  .prod_itm_maccarons{
    height:90px;
  }
  .macc_pan_newproduct,.macc_pan_spotlight,.macc_pan_remise,.macc_pan_bseller{
    background-size:100%;
    width:30px;
    margin:5px;
  }
}




/*---PROD STOCK RUPTURE-----*/
.prod_itm_stock_cont{
  display: flex;
  justify-content: center;
  align-items: center;
}
.prod_cat_stock_cont{

}
.prod_stock_cat_on,.prod_stock_cat_off{
    font-size: 1.2em;
    font-weight:500;
    color:#9bc136;
}
.prod_stock_cat_off{
    color:#FF0000;
}

.prod_stock_itm_on,.prod_stock_itm_off{
    font-size: 1.2em;
    font-weight:500;
    color:#9bc136;
}

.prod_stock_itm_off{
    color:#dd0000;
}
@media (max-width: 1000px) {
  .prod_stock_cat_on,.prod_stock_cat_off{
    font-size: 1.5em;
  }
  .prod_stock_itm_on,.prod_stock_itm_off{
    font-size: 3em;
  }
}
/*---------------------------*/


.stocks_cnt_itm_all{
  width:110px;
  position:relative;
  top:-10px;
  left:60px;
}
.stocks_cnt_cat_all{
  width:100px;
  position:relative;
  top:-1px;

}
.stocks_cnt{
  cursor:pointer;
  width:100px;
  position:relative;
  left:5px;
  font-size:10px;
  color:#2b3241;
}
.stocks_low,.stocks_med,.stocks_max{
  width:11px;
  height:11px;
  float:left;
  background:url(shop/stocks_low.jpg);
}
.stocks_med{
  background:url(shop/stocks_med.jpg);
}
.stocks_max{
  background:url(shop/stocks_max.jpg);
}

/*--LOADER CSS-----------*/

.prod_cat_loader,.prod_itm_loader {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 15px; 
    height:50px;
    width:100%;
    --border:1px solid #00ff00;
}
.prod_itm_loader{
  display: none;
  height:100px;
}


.prod_cat_loader span,.prod_itm_loader span {
    width: 20px;
    height: 20px;
    background-color: #FFFFFF; 
    border-radius: 50%; 
    display: inline-block;
    animation: bounce_loader 1.4s infinite ease-in-out both;
}
.prod_itm_loader span {
  background-color: #000000; 
}

.prod_cat_loader span:nth-child(1), .prod_itm_loader span:nth-child(1) {
    animation-delay: -0.32s;
}

.prod_cat_loader span:nth-child(2),.prod_itm_loader span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes bounce_loader {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

@media (max-width: 1000px){
  .prod_cat_loader,.prod_itm_loader {
    margin-top:20px;
    width:100%;
    gap: 20px;
  }
  .prod_itm_loader{
    height:180px;
  }
  .prod_cat_loader span,.prod_itm_loader span {
      width: 40px;
      height: 40px;
  }
}

/*---ICO add basket / ICO no basket no stok-------*/
.prod_cat_ico,.prod_cat_ico:hover,.prod_cat_ico_off,.prod_cat_ico_off:hover{
  display:flex;
  width:100%;
  height:100%;
  background:url('new/bg_add_cart_white.png') no-repeat ;
  background-size:50px;
  background-position: center;
  cursor:pointer;
  --border:1px solid #FF00FF;
}

.prod_cat_ico_off,.prod_cat_ico_off:hover{
  background:url('new/bg_add_cart_off.png') no-repeat ;
  background-size:50px; /* can't heritate ????? */
  background-position: center; /* can't heritate ????? */
  cursor:default;

}

.prod_itm_ico,.prod_itm_ico:hover,.prod_itm_ico_off,.prod_itm_ico_off:hover{
  display:block;
  width:100%;
  height:100%;
  background:url('new/bg_add_cart_black.png') no-repeat ;
  background-size:75px;
  background-position: 50% 50%; /* centré initialement */
    transform: translateX(-10px); /* décalage horizontal de 10px à partir du centre */
  cursor:pointer;
  --border:1px solid #FF0000;
}

.prod_itm_ico_off,.prod_itm_ico_off:hover{
  background:url('new/bg_add_cart_off.png') no-repeat ;
  background-size:80px;
  background-position: 20px 20px;
  cursor:default;
}


@media (max-width: 1000px){
  .prod_itm_ico,.prod_itm_ico:hover,.prod_itm_ico_off,.prod_itm_ico_off:hover{
    background-size : 100px;
    background-position: center;
  }
  .prod_cat_ico,.prod_cat_ico:hover,.prod_cat_ico_off,.prod_cat_ico_off:hover{
    background-size : 100px;
  }
}

/*--divers utils pour ce site---*/
.popup_avert  {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
  height:260px; 
  width:450px; 
}

.avert_div1 {
  -moz-border-radius: 10px;
  border-radius: 10px;
  width:500px;
  background-color:#FFFFFF;
  border:3px solid #cccccc;
  padding:10px;
}

.avert_div2 {
  width:100%;
  height:100px;
  background-color:#f5f5f5;
  height:60px;
}

.avert_ok,.avert_nok{
  -moz-border-radius: 3px;
  border-radius:3px;
  width:120px;
  height:20px;
  background-color:#e85e1d;
  color:#FFFFFF;
  font-weight:bold;
  padding-top:8px;
  cursor:pointer;
}

.avert_nok{
  background-color:#666666;
  color:#FFFFFF;
}

.avert_title{
  font-weight:bold;
  color:#666666;
  font-size:18px;
}

/*---Shop change mag----------------*/
.change_mag_title{
  display:flex;
  align-items: center;
  justify-content: center; 
  font-weight:600;
  font-size: 2em;
  width:100%;
  height:2em;
  background: var(--DS_color2);
  color:#FFFFFF;
  }

.change_mag_cont2{
  display:flex;
    align-items: center;
  height:30px;
  margin-bottom:10px;
}

.change_mag_select {
  height:20px;
  width:20px;
}

.change_mag_txt{
  font-size: 1.5em;
  margin-left:1em;
}

.change_mag_txt2{
  font-size: 1.5em;
}

.change_mag_ok,.change_mag_nok{
  -moz-border-radius: 3px;
  border-radius:3px;
  width:30%;
  padding:0.5em;
  background-color:var(--DS_color2);
  color:#FFFFFF;
  font-size:2em;
  cursor:pointer;
}

.change_mag_nok{
  background-color:#666666;
  color:#FFFFFF;
  }

.change_mag_title_nostock{
  margin-left:auto;
  margin-right:auto;
  -moz-border-radius: 2px;
  border-radius:2px;
  width:80%;
  background-color:#FF0000;
  color:#FFFFFF;
  font-weight:600;
  font-size: 1.5em;
  padding:6px;
  cursor:pointer;
}

.change_mag_tr{
  font-weight:600;
  font-size:1.5em;
}

.change_mag_tr2{
  background:#f6f6f6;
  height:2em;
  font-size: 1.3em;
}

.change_mag_tr_sep  {
  background:#eeeeee;height:1px;
}

@media (max-width: 1000px){

  .change_mag_title_nostock{
    font-size: 2.2em;
  }
  .change_mag_tr{
    font-weight:600;
    font-size:2.2em;
  }
  .change_mag_tr2{
    background:#f6f6f6;

    font-size: 2.5em;
  }

  .change_mag_title{
    font-size: 4em;
    height:3em;
  }

  .change_mag_cont2{
    height:70px;
  }

  .change_mag_select {
    height:50px;
    width:50px;
  }

  .change_mag_txt{
    font-size: 2.7em;
    margin-left:1em;
  }

  .change_mag_txt2{
    font-size: 2.5em;
  }

  .change_mag_ok,.change_mag_nok{
    width:50%;
    font-size:3.5em;
  }

  .change_mag_nok{
    background-color:#666666;
    color:#FFFFFF;
  }

}

/*---Shop advert PDV----------------*/

.shop_pdv_avert_div1 {
  background-color:#FFFFFF;
  border-radius: 1px;
  border:1px solid #999999;
  padding:10px;
  }


.shop_pdv_avert_ok,.shop_pdv_avert_nok{
  -moz-border-radius: 3px;
  border-radius:3px;
  width:120px;
  height:20px;
  background-color:var(--DS_color2);
  color:#FFFFFF;
  font-weight:bold;
  padding-top:8px;
  cursor:pointer;
  }

.shop_pdv_avert_nok{
  background-color:#666666;
  color:#FFFFFF;
  }

.shop_pdv_avert_title{
  text-align: center;
  font-weight:600;
  font-size:18px;
  }

.shop_pdv_img {margin:-7px;margin-left:5px;width:40px;}

.shop_pdv_img2  {margin:-7px;margin-left:5px;}
/*-------------------------*/
.asso_img{
  border:1px solid #dbdbdb;
  }

.asso_bottom{
  position:absolute;
  bottom:0;
  }
  
.asso_para{
  height:130px;
  }
.asso_see_prod{
  margin-top:-30px;
  margin-left:160px;
  margin-bottom:10px;
  }
/*------------------------------------*/

.opt_00 {font-weight: bold;background-color: #e5e9f5;}
.opt_1  {background-color: #EDF1FA;font-size: 11px;}
.opt_2  {background-color: #F9FAFD;font-size: 11px;}
.opt_1:hover,.opt_2:hover{
  background-color: #D1DFF1;
  cursor:pointer;
}

.opt_21 {background-color: #D1DFF1;font-size: 11px;}
.opt_3  {background-color: #88A9DB;font-size: 11px;cursor:pointer;color:#FFFFFF;}
.opt_4  {background-color: #FFFFFF;font-size: 11px;}
.opt_0  {
  font-size: 12px;font-weight: bold;
  background-color:#B6CCF2;
  text-align:left;
  padding: 4px;
  color:#163A7A;
  }

.opt_inter{
  height: 2px;background: url(separateur2.gif) repeat-x scroll center;
}

.adm_table {
  border-collapse:separate;
  box-sizing:content-box;
  border-spacing:0;
  width:100%;
}
.adm_table td{
  height:30px;
  margin:3px;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
}
.adm_opt_0 {
  background-color:#3b444f;
  text-transform:uppercase;
  color:#FFFFFF;
  position:sticky;
  top:0px;
}
.adm_opt_1 {
  background-color:#FEFEFE;
  color:#000000;
}
.adm_opt_2 {
  background-color:#F5F5F5;
  color:#000000;
}
.adm_opt_2:hover,.adm_opt_1:hover {
  background-color:#E5E5E5;
  cursor:pointer;
}

/*-Emage Slider-*/
.sl_top_left    {display:none;clear:both;background :url(thg2.png) top left ; width:7px; height: 34px;float:left}
.sl_top_middle    {display:none;background :url(thm2.png) top LEFT ;width:1100px; height: 34px;float:left}
.sl_top_title   {display:none;FONT-WEIGHT: bold; font-size:14px; COLOR: #6f6262;padding:9px 0px 0px 6px; }
.sl_top_right   {display:none;background :url(thd2.png) top right ;height: 34px;width:7px;float:left}

.sl_bottom_left   {display:none;background :url(bg2.png) left ;height:7px;width:7px;float:left}
.sl_bottom_middle {display:none;background :url(bm2.png) right;height:7px;width:1100px;float:left}
.sl_bottom_right  {display:none;background :url(bd2.png) top;height:7px;width:7px;float:left;}
.sl_scroll      {position:relative;left:0px;}
.sl_bg_off      {width:292px;padding:0px;}
.sl_bg_on     {width:292px;padding:0px;background : #e3e1e2;float:left;}
.sl_contener    {position:relative;overflow:hidden;width:1167px;height:height:263px; background :#FFFFFF;font-size:14px;}
.sl_arr_left    {
          display:none;
          cursor:pointer;width:27px;height:124px;float:left;
          background: url('/repupload/upload-w/template/slider_left.png') left}
.sl_arr_right   {
          display:none;
          cursor:pointer;float:right;width:27px;height:124px;
          background: url('/repupload/upload-w/template/slider_right.png')}
.sl_top_middle    {}
.sl_scroll_pos    {float:right;margin-top:-13px;}
.sl_scroll_pos_on {margin-right:5px;cursor:pointer;width:13px;height:13px;float:left;
          background: url('/repupload/upload-w/template/slider_btn_on.png') }
.sl_scroll_pos_off  {margin-right:5px;cursor:pointer;width:13px;height:13px;float:left;
          background: url('/repupload/upload-w/template/slider_btn_off.png') }
.img_slider     {border:1px solid #1b2736; display:-moz-inline-box; display:inline-block; 
          margin-right:6px;
          margin-left:9px;
          }
.img_slider img   {margin:4px; border:none; display:block}

/*-Slider inside user-------------*/
.sl_title {
  font-size:20px;
  font-weight:bold;
  color:#d73818;
  margin:0px;padding:0px;
  margin-top:15px;
  display:block;
  text-align:center;
  font-family: 'open_sanslight';
  overflow:hidden;
  width:250px;
  height:29px;
  }

.sl_text    {
  COLOR: #2d374c;
  FONT-WEIGHT: normal;
  font-size: 12px;
  width:118px;
  height:140px;
  overflow:hidden;
  }

.sl_prix    {COLOR: #e74f22;FONT-WEIGHT: bold;font-size: 12px;}

.sl_button{
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  width:190px;
  height:26px;
  text-align:center;
  COLOR: #FFFFFF;FONT-WEIGHT: normal;font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#d73818;
  padding-top:8px;
}

.slider_bloc{
  border:1px solid #cbcbcb;
  width:262px;
  height:260px;
}

/*-Emage swaper ---*/
.slider_swap_img{
  position: absolute;
  left:0px;
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  /*border: solid 1px #acacac;*/
  height:350px;
  width:750px;
}

.slider_swap_div{
  position:relative;
  left:0px;
}
.slider_swap_contener{
  height:212px;
}

/*---news calatalogue-----------------*/
.news_cat_left_td {
  text-align:center;
  width:100px;
  background-color:#f2f2f2;
  padding-top:10px;
  padding-left:10px;
}
.news_mini_thumb  {
  border:1px solid #dbdbdb;
  display:-moz-inline-box;
  display:inline-block;
  padding: 10px;
  background:#FFFFFF;
  margin-right:15px;
  margin-top:8px;
}

/*---HTML Standard------------*/


.vide { }

.website{
    width:100%;
    --border: solid 1px #FF0000;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

BLOCKQUOTE    {margin: 0px 0px 0px 10px; }
UL        {margin-top:0px; }

/*---Forms--------------*/
INPUT,SELECT,TEXTAREA    {
  font-size:11px;
  --cOLOR: #5B5D75;
  }
TEXTAREA {background: url(form_a.jpg) no-repeat left bottom;}

/*---Links---------------------*/

a       {color: var(--DS_color2);text-decoration: underline;}
a:Hover   {text-decoration: underline;}
a.ftri   {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; TEXT-DECORATION: none;}
a:hover.ftri  {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FF0000;  TEXT-DECORATION: none;}
a.admin {
  display:block;
  width: 100%;
  padding:1px;
  FONT-SIZE: 11px;
  text-decoration: none;
  color:#003F62;
}
  
A.admin:Hover {
  width: 100%;
  padding:1px;
  background-color:#7393b6;
  FONT-SIZE: 11px;
  text-decoration: none;
  color:#FFFFFF;
}

/*---templates-----------------------------*/
#allsite  {
  margin-left: auto;
  margin-right: auto;
 
}
.tpl_editor{
  width:100%;
  height:100%;
}
/*--Template 0--*/
.tpl_0  { 
    width:100%;
  }
.tpl_0_0  {
  height:110px;
  width:861px;
  }
.tpl_0_1  {
  text-align:top; 
  width:861px;
  }
.tpl_0_10 {
  width:100%;
  background: url(bas.gif) no-repeat;
  height:110px;
  }

/*--Template 1--*/
#all_my_cmd{
  width:1200px;
  margin-left:auto;
  margin-right:auto;
}
#tmp_cmd_admin  {
  margin:0px;
  padding:0px;
  float:left;
  width:270px;
  margin-right:20px;
  }

.my_cmd_list_cont_adm,.my_cmd_list_cont_user  {
  float:left;
  margin:0px;
  padding:0px;
  width:1180px; 
  }
.my_cmd_list_cont_adm {
  width:900px;  
  }
.commande_detail_cont_adm,.commande_detail_cont_user  {
  float:left;
  margin:0px;
  padding:0px;
  width:1180px
  }
.commande_detail_cont_adm{
  width:900px
  }
  
.tpl_1  { 
  width:100%;
  }
.tpl_1_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:70px;
  --border:1px solid #0000FF;
  }
  @media (max-width: 1000px){
    .tpl_1_0{
      height:100px;
    }
  }

.tpl_1_1  {
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  }

.tpl_1_2  {
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  }
  
.tpl_1_3  {
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  min-width:1180px;
   background: url(profil_onglet_bg.png) top repeat-x ;
  }
  
.tpl_1_9{
  display:flex;
  background-color:var(--DS_color);
  width: 100%;
  justify-content: center;
  align-items: center;
}

.tpl_1_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/*--Template 2--*/
.tpl_2  { 
  }

.tpl_2_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
  }
  @media (max-width: 1000px){
    .tpl_2_0{
      height:100px;
    }
  }

.tpl_2_1  {
  padding-top:200px;
  }
  
.tpl_2_2  {
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  
  width:1280px;

}

.tpl_2_11{
  margin-top:50px;
  height:340px;
  background-color:#000000;
  width:100%;
}

#liveshop_cont {
    margin:20px;
    
}
#live_account_cont{
  margin-top:20px;
}
#live_account_cont, #live_cash_cont {
    
    margin-right:20px;
    margin-bottom: 10px;

}

/* Conteneur principal pour la mise en page */
.live_caisse_cont {
    display: flex;
    justify-content: space-between;
    width:100%;
    max-width: 1500px;
   
}

/* Conteneur pour d2 et d3 */
.right {
    display: flex;
    flex-direction: column;

}

/* d1 prend toute la largeur restante */
#liveshop_cont {
    flex-grow: 1;
    --border:1px solid #FF0000;
    
}

.tpl_4  { 
  }

.tpl_4_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
}

.tpl_4_1  {
  position:fixed;
  top:150px;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  z-index:400;
  background-color: #f5f5f5;
  --border:1px solid #00ff00;
}

.tpl_4_2  {
  display:block;
  margin:0px;
  padding:0px;
  margin-top:230px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;

  --border:1px solid #FF0000;
  --height:100px;

}
.tpl_4_3  {
  
  display:block;
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-top:20px;
  max-width: 1024px;
  --border:1px solid #0000ff;
}
.tpl_4_9{
  display:flex;
  background-color:#666666;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url('new/bg_social_media2.png') center;
}

.tpl_4_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px){
  .tpl_4_0{
    height:100px;
  }

  .tpl_4_1{
    top:100px;
  }
  .tpl_4_2{
    padding-top:0px;
    justify-content: center;
    height:50px;
    margin-top:200px;
  }
  .tpl_4_3{
    max-width: 90%;
  }
}

/*--Template NEW--*/
.tpl_5  { 
  }

.tpl_5_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
}

.tpl_5_1  {
  position:fixed;
  top:150px;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  z-index:400;
  background-color: #f5f5f5;
  --border:1px solid #00ff00;
}

.tpl_5_2  {
  display:flex;
  margin:0px;
  padding:0px;
  margin-top:230px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  align-items:flex-end;
  width:100%;
  --border:1px solid #FF0000;
  --height:100px;

}
.tpl_5_3  {
  display:block;
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width:100%;
  --border:1px solid #0000ff;
}
.tpl_5_9{
  display:flex;
  background-color:#666666;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url('new/bg_social_media2.png') center;

}
.tpl_5_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px){
  .tpl_5_0{
    height:100px;
  }

  .tpl_5_1{
    top:100px;
  }
  .tpl_5_2{
    padding-top:0px;
    justify-content: center;
    --height:50px;
  }
  .tpl_5_3{
    --margin-top:-60px;
  }
}


/*--Template NEW--*/
.tpl_6  { 
  }

.tpl_6_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
}

.tpl_6_1  {
  position:fixed;
  top:150px;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  z-index:400;
  background-color: #f5f5f5;
  --border:1px solid #00ff00;
}

.tpl_6_2  {
  display:flex;
  margin:0px;
  padding:0px;
  margin-top:230px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  align-items:flex-end;
  width:100%;
  --border:1px solid #FF0000;
  --height:100px;

}
.tpl_6_3  {
  display:block;
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width:100%;
  --border:1px solid #0000ff;
}
.tpl_6_9{
  display:flex;
  background-color:var(--DS_color);
  width: 100%;
  justify-content: center;
  align-items: center;

}
.tpl_6_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px){
  .tpl_6_0{
    height:100px;
  }

  .tpl_6_1{
    top:100px;
  }
  .tpl_6_2{
    padding-top:0px;
    justify-content: center;
    height:50px;
  }

}

.tpl_7  { 
  }

.tpl_7_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
}
@media (max-width: 1000px){
  .tpl_7_0{
    height:100px;
  }
}

.tpl_7_1{
  padding-top:150px;
  margin-left: auto;
  margin-right: auto;
  --border:1px solid #FF0000;
  width:100%;
  }

.tpl_7_9{
  display:flex;
  background-color:#666666;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url('new/bg_social_media2.png') center;
}

.tpl_7_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/*--TPL accueil------------*/
.tpl_8  { 
}

.tpl_8_0  {
  z-index:900;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  
  }
  @media (max-width: 1000px){
    .tpl_8_0{
      height:100px;
    }
  }
.tpl_8_1  {
  position:fixed;
  z-index: 500;
  top:150px;
  width: 100%;
  background-color: #f5f5f5;

}
.tpl_8_2  {
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  width:100%;
  --border:1px solid #FF0000;
  padding-top:235px;
}


.tpl_8_3  {
  display:block;
  background-color: #F0F0F0;
  padding-top:50px;
  padding-bottom:50px;
  min-width:1024px; /* used for WYSIWYG */
}

@media (max-width: 1000px) {
  .tpl_8_1,.tpl_8_2,.tpl_8_3{
    
  }
  .tpl_8_1{
    top:100px;

  }
  .tpl_8_2{ 
    padding-top:180px;
  }
  .tpl_8_3{
    min-width:100%;
    width:100%;
  }
}


.tpl_8_9{
  display:flex;
  background-color:#666666;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url('new/bg_social_media2.png') center;

}
.tpl_8_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.tpl_9  { 
  }

.tpl_9_0  {
  z-index:500;
  position:fixed;
  top:0px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background:#000000;
  height:150px;
  --border:1px solid #0000FF;
}

.tpl_9_1  {

  position:fixed;
  top:150px;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  z-index:400;
  background-color: #f5f5f5;
  --border:1px solid #FF0000;
}

.tpl_9_2  {
  padding-top:220px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.tpl_9_9{
  display:flex;
  background-color:var(--DS_color);
  width: 100%;
  justify-content: center;
  align-items: center;

}
.tpl_9_10{
  display:flex;
  background-color:#FFFFFF;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px){
  .tpl_9_0{
    height:100px;
  }

  .tpl_9_1{
    top:100px;
  }
  .tpl_9_2{
    padding-top:160px;
  }

}


/*---Pagination--------------*/
.page_table{
  width:100%;
  border:0px;
  margin:0px;
  padding:0px;
  --margin-top:20px;
  --margin-bottom:20px;
}
.page_suiv_cont{
  width:100%;
  display:flex;
  justify-content: left;
  --border:1px solid #FF0000;

}
.page_prec_cont{
  width:100%;
  display:flex;
  justify-content: right;
  --border:1px solid #FF0000;
}

.page_middle_cont{
  display:flex;
  align-items: center;
  justify-content: center;
  --background:url('page_middle.png') left repeat-x;
  --border:1px solid #FF0000;
}

a.page_prec,a.page_suiv{
  display:flex;
  align-items: center;
  justify-content: center;
  background-color:#FFFFFF;
  font-size: 1.5em;
  font-weight:600;
  text-decoration:none;
  border-radius: 50%;
  border:1px solid #aaaaaa;
  width:30px;
  height:30px;
  color: #000000;
  
}

a.page_prec:hover,a.page_suiv:hover {
  COLOR: #FFFFFF;
  background-color:var(--DS_color2);
  border-radius: 50%;
  border:1px solid var(--DS_color2);
  }



a.page,a.page_on  {
  display:flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  font-weight:600;
  text-decoration:none;
  margin-left:10px;
  margin-right:10px;
  border-radius: 50%;
  width:30px;
  height:30px;
  color: #222222;
  border:1px solid #aaaaaa;
  }

a.page:hover,a.page_on, a.page_on:hover {
  COLOR: #FFFFFF;
  background-color:var(--DS_color2);
  border:1px solid var(--DS_color2);
  }

@media (max-width: 1000px){
  a.page,a.page_on{
    font-size: 2em;
    width:60px;
    height:60px;
  }
  a.page_prec,a.page_suiv{
    font-size: 2em;
    width:60px;
    height:60px;
  }

}

/*----------------------------------*/
.rouge    {COLOR: #FF0000;}
.bad    {COLOR: #FF0000;}
.surligne {COLOR: #FFFFFF;background-color: #7191C1;}
.mini   {}
.pagination {}
.workflow {background-color: #A991AC;FONT-SIZE: 15px; COLOR: #FFFFFF;cursor: pointer;}
.date {FONT-SIZE: 15px; COLOR: #E95400; TEXT-DECORATION: none;  line-height: 12px;}
.nombre {}
.hand {cursor: pointer;}

/*--- Profil my account ------------------------------*/
.profil_onglet_bg{
  display:block;
  height:57px;
  /*background: url(profil_onglet_bg.png) top repeat-x ;*/
  margin:0px;
  padding:0px;
  width:1140px;
  margin-right: auto;
  margin-left: auto;  
}

.profil_onglet_contener{
  margin-left:320px;
  padding:0px;  
  padding-top:22px;
  
}
.profil_onglet_off,.profil_onglet_on,.profil_onglet_desactivated{
  FONT-SIZE: 12px; 
  font-WEIGHT:bold;
  color:#a2a8b7;
  float:left;
  text-align:center;
  background: url(profil_onglet_off.png);
  cursor: pointer;
  width:122px;
  height:35px;
  /*--------firefox-----------*/
  line-height:35px;
  margin-right:3px;
  }
.profil_onglet_on{
  background: url(profil_onglet_on.png);
  COLOR: #FFFFFF;
  }
.profil_onglet_off:hover{
  COLOR: #FFFFFF;
  }
.profil_onglet_desactivated{
  COLOR: #dbe0f3;
  cursor: text;
  }
.hr   {height: 2px;background: url(separateur2.gif) repeat-x scroll center;}
.hrv  {height: 100%;padding:10px;width:1px; background: url(separateurV.gif) repeat-y scroll center;}
.breaker  {CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px}

/*---BOXMODEL------------------------------*/
.hg1  {}
.hm1  {}
.hd1  {}
.mg1  {}
.m1   {}
.md1  {}
.bg1  {}
.bm1  {}
.bd1  {}

.hg2  {}
.hm2  {}
.hd2  {}
.mg2  {}
.m2   {
  display:block;border:1px solid #bbbbbb;padding:10px;margin-bottom:20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
.md2  {}
.bg2  {}
.bm2  {}
.bd2  {}

.hg3  {background :url(hg3.png) top;width:7px;height:7px;}
.hm3  {background :url(hm3.png) top left }
.hd3  {background :url(hd3.png) right;width:7px;}
.mg3  {background :url(mg3.png) bottom repeat-y}
.m3   {background :url(m3.png) bottom;padding:0px}
.md3  {background :url(md3.png) bottom }
.bg3  {background :url(bg3.png) ;height:12px;}
.bm3  {background :url(bm3.png) right}
.bd3  {background :url(bd3.png) top}

.hg4  {background :url(hg4.png) top;width:7px;height:7px;}
.hm4  {background :url(hm4.png) top left }
.hd4  {background :url(hd4.png) right;width:7px;}
.mg4  {background :url(mg4.png) bottom repeat-y}
.m4   {background :url(m4.png) bottom;padding:0px}
.md4  {background :url(md4.png) bottom }
.bg4  {background :url(bg4.png) ;height:12px;}
.bm4  {background :url(bm4.png) right}
.bd4  {background :url(bd4.png) top}

.thg0 {/*- not used in CSS but need for ASP script */}
.thg1   {width:0px;}
.thd1   {width:0px;}
.thm1 {
  display:block;
  font-family: 'open_sanslight';
  COLOR: #171d29;
  background :url('t3bg.png') repeat-x 0px;
  display:block;
  margin-bottom:10px;
  }
.thtxt1 {
  COLOR: #171d29;
  FONT-WEIGHT: normal;
  background-color:#FFFFFF;
  padding:5px;
  padding-top:0px;
  margin:0px;
  text-transform:uppercase;
  font-size:25px; }
} 

.thg2 {}
.thd2 {}
.thm2 {
  display:block;
  COLOR: #000000;
  background :url('t3bg.png') repeat-x 0px;
  display:block;
  margin-bottom:10px;
  }
.thtxt2 {
  COLOR: #000000;
  FONT-WEIGHT: bold;
  background-color:#FFFFFF;
  padding:5px;
  padding-top:0px;
  margin:0px;
  text-transform:uppercase;
  
  font-size:15px; 
  line-height:25px;
}

.thg3 {background :url(thg3.png) top left ; width:7px;}
.thd3 {background :url(thd3.png) top right ; width:7px;}
.thm3 {background :url(thm3.png) top LEFT ;FONT-WEIGHT: bold; font-size:12px; COLOR: #FFFFFF; height: 36px; }
.thtxt3 {FONT-WEIGHT: bold; font-size:12px; COLOR: #FFFFFF; }

.thg4 {background :url(thg4.png) top left ; width:7px;}
.thd4 {background :url(thd4.png) top right ; width:7px;}
.thm4 {background :url(thm4.png) top LEFT ;;padding:10px 0px 0px 6px;vertical-align: top;height: 45px;  }
.thtxt4 {
  FONT-WEIGHT: bold;  
  font-size:22px;
  COLOR: #5d7385;
  font-family:Open Sans;
  }

.thg5 {background :url(thg5.png) top left ; width:7px;}
.thd5 {background :url(thd5.png) top right ; width:7px;}
.thm5 {background :url(thm5.png) top LEFT ;padding:10px 0px 0px 6px;vertical-align: top;height: 45px;  }
.thtxt5 {
  FONT-WEIGHT: bold;  
  font-size:22px;
  COLOR: #FFFFFF;
  font-family:Open Sans;
  }

.thg6 {background :url(thg6.png) top left ; width:10px;}
.thd6 {background :url(thd6.png) top left; width:10px;}
.thm6 {background :url(thm6.png) top LEFT ;padding:10px 0px 0px 6px;vertical-align: top;height: 36px;  }
.thtxt6 {
  FONT-WEIGHT: bold;  
  font-size:15px;
  COLOR: #FFFFFF;
  font-family:Open Sans;
  }
  
.bloc_down  {
  background :url(bloc_down.gif) no-repeat;
  background-position: right center;
  width:100%;
  cursor: pointer;
  }
.bloc_up  {
  background :url(bloc_up.gif) no-repeat;
  background-position: right center;
  width:100%;
  cursor: pointer;
  }

/*---Shop-------------*/
.shop_thumb{
  width:50px;
}
.shop_mag_name_adm{
  
}
.shop_mag_name{
  font-weight: 500;
  font-size:1em;
  float:right;
  height:20px;
  margin:0px;
  padding:5px;
  margin-left:10px;
  margin-top:-5px;
  display:flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: var(--DS_color2);
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  }
  
.add_shopt_on,.add_shopt_off{
  display:block;
  margin:0px;
  padding:0px;
  width:100%; 
  height:100%; 
  cursor:pointer;
  }
.add_shopt_off{
  background:#000000;
  cursor:default;
  filter : alpha(opacity=50);
    opacity : 0.5;
  }

.shop_popup_cont{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }

.shop_popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  z-index: 1000;
  }
@media (max-width: 1000px){
  .shop_popup {
    width: 90%;
    border:1px solid #FF0000;
  }
}
.shop_tr td {
  background:#737982;
  font-weight: :bold; 
  font-size: : 16px;
  height:35px; 
  background :url('/repupload/upload-w/template/news_title_bg.png') 0px 30px   repeat-x;
  }
.shop_tr_sep    {background:#eeeeee;height:1px;}
.shop_tr2 ,.shop_td_off {background:#f6f6f6;height:20px;}
.shop_tr2:hover {background:var(--DS_color);color:#FFFFFF;}
.shop_tr2:hover a{
  color:#FFFFFF;
}
.shop_table {background:#FFFFFF;width:100%; height:100%;}
.shop_tr_fact,shop_tr_fact_barre  {height:24px; FONT-WEIGHT: bold;font-size: 14px; 
    background :url('/repupload/upload-w/template/news_title_bg.png') 0px 22px   repeat-x;}
.shop_tr_fact2  {height:24px; FONT-WEIGHT: bold;font-size: 14px; background:#f9f5f9;  }
.shop_td_off_fact {background:#f9f5f9;}
.shop_opt_0 {font-weight: bold; background-color:#404751;text-align:left;padding: 4px;color:#FFFFFF;}
.shop_opt_1 {background-color: #EDF1FA}
.shop_opt_2 {background-color: #F9FAFD}

.shop_opt_1:hover,.shop_opt_2:hover,.shop_opt_3 {
  background-color: var(--DS_color);
  cursor:pointer;
  color:#FFFFFF;
  font-weight: 600;
  } /*font-weight:bold;*/
.shop_opt_1:hover a,.shop_opt_2:hover a {color:#FFFFFF;}

.shop_opt_0,.shop_opt_1,.shop_opt_2,.shop_opt_3{
  font-size: 1em;
  height:25px;
}

.cmd_list_scroll{
  position:relative;
  height:250px;
  z-index:1;
  overflow: auto;
  resize: vertical;
}

@media (max-width: 1000px){
  .shop_opt_1,.shop_opt_0,.shop_opt_1,.shop_opt_2,.shop_opt_3 {
    font-size: 1.8em;
    height:80px;
    
  }
  .thtxt2{
    display:block;
    font-size: 3em;
    margin-top:50px;
    margin-bottom:50px;
  }

  .cmd_list_hide{
    display:none;
  }
  .cmd_list_scroll{
    height:450px;
    resize: none;
  }
}

.shop_sel_mag_cont{
  color:#FFFFFF;
  position:absolute;
  cursor:pointer;
  margin:12px;
  z-index: 1000;
  }
.shop_sel_mag_sel{
  display:inline;
  color:#2b3241;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:3px solid #FFFFFF;
  background:#FFFFFF;
  padding-left:5px;
  padding-right:5px;
  margin-left:5px;
  }
.shop_btn_cmd{
  color:#FFFFFF;
  margin:0px;
  padding:10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align:center;
  background: #de4e1c;
  background: -moz-linear-gradient(top, #de4e1c 0%, #bc1310 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de4e1c), color-stop(100%,#bc1310));
  background: -webkit-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: -o-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: -ms-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: linear-gradient(to bottom, #de4e1c 0%,#bc1310 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4e1c', endColorstr='#bc1310',GradientType=0 );
  text-decoration:none;
  width:170px;
  height:20px;
  display:block;
  font-size:15px;
  margin-bottom:30px;
}
.shop_btn_cmd:hover;{

}

/*---------------------------------------------------------*/

.rechtop  {
  z-index:4;
  position:absolute;
  vertical-align: middle;
  }
/*---SITEMAP-------------*/
a.map_page,a.map_page:hover{
  display:block;
  text-align: left;
  margin-left:10px;
  text-decoration: none;
  }
a.map_page:hover{
  text-decoration: underline;
  }
.map_menu{  
  font-family:Open Sans;
  font-size:16px;
}

/*---MENU---HORIZONTAL----------------------------------*/
.menu_new_title{
  background:url('/repupload/upload-w/template/new_menu.jpg');
  width:43px;
  height:22px;
  float:left;
  margin-right:10px;
}
#menu {
  z-index: 10;   
    margin:0px;
  padding:0px;
  
  /*-background:#2b3241;-*/ 
  display:block;
    margin-top:187px;
    margin-left:0px; 
  list-style:none; 
  height:47px;
  position:absolute;
}
#menu li {
  float:left;
}
#menu li a {
  background-color: #cccccc;
  display:block; 
  padding:0 10px 0px  10px; 
  float:left; 
  color:#FFFFFF; 
  text-decoration:none; 
  font-size:17px;
  height:47px;
  line-height:47px;
  margin-left:5px;
  color:#666666;
  }
#menu li a:hover {
  height:47px;
  line-height:47px;
  }
#menu li:hover > a {  
  color:#2b3241;
  text-align:right;
  background:#c6c6c6;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  }

#menu ul { /* conteneur ss menu */
  padding:0;
  margin:0; 
  padding-top:20px;
  list-style:none; 
  position:absolute; 
  min-height:70px; 
  width:1150px; 
  background:#c6c6c6; 
  left:-9999px; 
  top:47px;
  z-index:10; 
  border-bottom:1px solid #fff;
  }
#menu ul li {
  height:28px; 
width:250px;
  line-height:28px;
  }
  
#menu ul.right li {float:right;}
#menu_ssmenu_sep{
  float:left; 
  width:12px;
  height:25px;
  margin:0px;
  /*background: url(/repupload/upload-w/template/bg_ssmenu_sep.jpg) 0px  5px no-repeat; */
  }
#menu ul li a {
  color:#2b3241; 
  padding:0px;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  height:25px; 
  line-height:25px; 
  font-weight:bold; 
  font-size:14px;
  text-transform:uppercase;
  }

#menu ul li a:hover,#menu li.current ul li a:hover {
  height:22px; 
  line-height:22px; 
  color:#FFFFFF;  
  padding:0px;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(/repupload/upload-w/template/bg_ssmenu_over.jpg);
  }
#menu ul.right li a {
  /*
  border-left:1px solid #00FF00; border-right:0;
  */
  } 
#menu ul li a.last {border:0;}

#menu :hover ul {
  left:-600px;
  padding-left:600px;
  padding-right:600px;
  }

#menu li.current,#menu li.current:hover > a {
  background:#d73818;
  color:#FFFFFF;  
  padding:0px;
  margin:0px;
  padding-left:10px;
  padding-right:10px;
  
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  text-align:center;
  background: #de4e1c;
  background: -moz-linear-gradient(top, #de4e1c 0%, #bc1310 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de4e1c), color-stop(100%,#bc1310));
  background: -webkit-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: -o-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: -ms-linear-gradient(top, #de4e1c 0%,#bc1310 100%);
  background: linear-gradient(to bottom, #de4e1c 0%,#bc1310 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4e1c', endColorstr='#bc1310',GradientType=0 );
  }

#menu li.current ul li a {}
#menu li.current ul {z-index:1;left:0}
#menu li.current ul li.current_sub a {color:#c60;}
#menu li.current ul li a:hover {color:#c60;}

.mix_tpl_cont{
  margin-left: auto;
    margin-right: auto;
    max-width:1024px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 49px;
  --border:1px solid #FF0000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
  unicode-range: U 0460-052F, U 1C80-1C8A, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
  unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
  unicode-range: U 1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
  unicode-range: U 0370-0377, U 037A-037F, U 0384-038A, U 038C, U 038E-03A1, U 03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
  unicode-range: U 0307-0308, U 0590-05FF, U 200C-2010, U 20AA, U 25CC, U FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6F15M.woff2) format('woff2');
  unicode-range: U 0302-0303, U 0305, U 0307-0308, U 0310, U 0312, U 0315, U 031A, U 0326-0327, U 032C, U 032F-0330, U 0332-0333, U 0338, U 033A, U 0346, U 034D, U 0391-03A1, U 03A3-03A9, U 03B1-03C9, U 03D1, U 03D5-03D6, U 03F0-03F1, U 03F4-03F5, U 2016-2017, U 2034-2038, U 203C, U 2040, U 2043, U 2047, U 2050, U 2057, U 205F, U 2070-2071, U 2074-208E, U 2090-209C, U 20D0-20DC, U 20E1, U 20E5-20EF, U 2100-2112, U 2114-2115, U 2117-2121, U 2123-214F, U 2190, U 2192, U 2194-21AE, U 21B0-21E5, U 21F1-21F2, U 21F4-2211, U 2213-2214, U 2216-22FF, U 2308-230B, U 2310, U 2319, U 231C-2321, U 2336-237A, U 237C, U 2395, U 239B-23B7, U 23D0, U 23DC-23E1, U 2474-2475, U 25AF, U 25B3, U 25B7, U 25BD, U 25C1, U 25CA, U 25CC, U 25FB, U 266D-266F, U 27C0-27FF, U 2900-2AFF, U 2B0E-2B11, U 2B30-2B4C, U 2BFE, U 3030, U FF5B, U FF5D, U 1D400-1D7FF, U 1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106F15M.woff2) format('woff2');
  unicode-range: U 0001-000C, U 000E-001F, U 007F-009F, U 20DD-20E0, U 20E2-20E4, U 2150-218F, U 2190, U 2192, U 2194-2199, U 21AF, U 21E6-21F0, U 21F3, U 2218-2219, U 2299, U 22C4-22C6, U 2300-243F, U 2440-244A, U 2460-24FF, U 25A0-27BF, U 2800-28FF, U 2921-2922, U 2981, U 29BF, U 29EB, U 2B00-2BFF, U 4DC0-4DFF, U FFF9-FFFB, U 10140-1018E, U 10190-1019C, U 101A0, U 101D0-101FD, U 102E0-102FB, U 10E60-10E7E, U 1D2C0-1D2D3, U 1D2E0-1D37F, U 1F000-1F0FF, U 1F100-1F1AD, U 1F1E6-1F1FF, U 1F30D-1F30F, U 1F315, U 1F31C, U 1F31E, U 1F320-1F32C, U 1F336, U 1F378, U 1F37D, U 1F382, U 1F393-1F39F, U 1F3A7-1F3A8, U 1F3AC-1F3AF, U 1F3C2, U 1F3C4-1F3C6, U 1F3CA-1F3CE, U 1F3D4-1F3E0, U 1F3ED, U 1F3F1-1F3F3, U 1F3F5-1F3F7, U 1F408, U 1F415, U 1F41F, U 1F426, U 1F43F, U 1F441-1F442, U 1F444, U 1F446-1F449, U 1F44C-1F44E, U 1F453, U 1F46A, U 1F47D, U 1F4A3, U 1F4B0, U 1F4B3, U 1F4B9, U 1F4BB, U 1F4BF, U 1F4C8-1F4CB, U 1F4D6, U 1F4DA, U 1F4DF, U 1F4E3-1F4E6, U 1F4EA-1F4ED, U 1F4F7, U 1F4F9-1F4FB, U 1F4FD-1F4FE, U 1F503, U 1F507-1F50B, U 1F50D, U 1F512-1F513, U 1F53E-1F54A, U 1F54F-1F5FA, U 1F610, U 1F650-1F67F, U 1F687, U 1F68D, U 1F691, U 1F694, U 1F698, U 1F6AD, U 1F6B2, U 1F6B9-1F6BA, U 1F6BC, U 1F6C6-1F6CF, U 1F6D3-1F6D7, U 1F6E0-1F6EA, U 1F6F0-1F6F3, U 1F6F7-1F6FC, U 1F700-1F7FF, U 1F800-1F80B, U 1F810-1F847, U 1F850-1F859, U 1F860-1F887, U 1F890-1F8AD, U 1F8B0-1F8BB, U 1F8C0-1F8C1, U 1F900-1F90B, U 1F93B, U 1F946, U 1F984, U 1F996, U 1F9E9, U 1FA00-1FA6F, U 1FA70-1FA7C, U 1FA80-1FA89, U 1FA8F-1FAC6, U 1FACE-1FADC, U 1FADF-1FAE9, U 1FAF0-1FAF8, U 1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
  unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 0300-0301, U 0303-0304, U 0308-0309, U 0323, U 0329, U 1EA0-1EF9, U 20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
  unicode-range: U 0100-02BA, U 02BD-02C5, U 02C7-02CC, U 02CE-02D7, U 02DD-02FF, U 0304, U 0308, U 0329, U 1D00-1DBF, U 1E00-1E9F, U 1EF2-1EFF, U 2020, U 20A0-20AB, U 20AD-20C0, U 2113, U 2C60-2C7F, U A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
  unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 0304, U 0308, U 0329, U 2000-206F, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U 0460-052F, U 1C80-1C8A, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U 1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U 0370-0377, U 037A-037F, U 0384-038A, U 038C, U 038E-03A1, U 03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U 0307-0308, U 0590-05FF, U 200C-2010, U 20AA, U 25CC, U FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U 0302-0303, U 0305, U 0307-0308, U 0310, U 0312, U 0315, U 031A, U 0326-0327, U 032C, U 032F-0330, U 0332-0333, U 0338, U 033A, U 0346, U 034D, U 0391-03A1, U 03A3-03A9, U 03B1-03C9, U 03D1, U 03D5-03D6, U 03F0-03F1, U 03F4-03F5, U 2016-2017, U 2034-2038, U 203C, U 2040, U 2043, U 2047, U 2050, U 2057, U 205F, U 2070-2071, U 2074-208E, U 2090-209C, U 20D0-20DC, U 20E1, U 20E5-20EF, U 2100-2112, U 2114-2115, U 2117-2121, U 2123-214F, U 2190, U 2192, U 2194-21AE, U 21B0-21E5, U 21F1-21F2, U 21F4-2211, U 2213-2214, U 2216-22FF, U 2308-230B, U 2310, U 2319, U 231C-2321, U 2336-237A, U 237C, U 2395, U 239B-23B7, U 23D0, U 23DC-23E1, U 2474-2475, U 25AF, U 25B3, U 25B7, U 25BD, U 25C1, U 25CA, U 25CC, U 25FB, U 266D-266F, U 27C0-27FF, U 2900-2AFF, U 2B0E-2B11, U 2B30-2B4C, U 2BFE, U 3030, U FF5B, U FF5D, U 1D400-1D7FF, U 1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U 0001-000C, U 000E-001F, U 007F-009F, U 20DD-20E0, U 20E2-20E4, U 2150-218F, U 2190, U 2192, U 2194-2199, U 21AF, U 21E6-21F0, U 21F3, U 2218-2219, U 2299, U 22C4-22C6, U 2300-243F, U 2440-244A, U 2460-24FF, U 25A0-27BF, U 2800-28FF, U 2921-2922, U 2981, U 29BF, U 29EB, U 2B00-2BFF, U 4DC0-4DFF, U FFF9-FFFB, U 10140-1018E, U 10190-1019C, U 101A0, U 101D0-101FD, U 102E0-102FB, U 10E60-10E7E, U 1D2C0-1D2D3, U 1D2E0-1D37F, U 1F000-1F0FF, U 1F100-1F1AD, U 1F1E6-1F1FF, U 1F30D-1F30F, U 1F315, U 1F31C, U 1F31E, U 1F320-1F32C, U 1F336, U 1F378, U 1F37D, U 1F382, U 1F393-1F39F, U 1F3A7-1F3A8, U 1F3AC-1F3AF, U 1F3C2, U 1F3C4-1F3C6, U 1F3CA-1F3CE, U 1F3D4-1F3E0, U 1F3ED, U 1F3F1-1F3F3, U 1F3F5-1F3F7, U 1F408, U 1F415, U 1F41F, U 1F426, U 1F43F, U 1F441-1F442, U 1F444, U 1F446-1F449, U 1F44C-1F44E, U 1F453, U 1F46A, U 1F47D, U 1F4A3, U 1F4B0, U 1F4B3, U 1F4B9, U 1F4BB, U 1F4BF, U 1F4C8-1F4CB, U 1F4D6, U 1F4DA, U 1F4DF, U 1F4E3-1F4E6, U 1F4EA-1F4ED, U 1F4F7, U 1F4F9-1F4FB, U 1F4FD-1F4FE, U 1F503, U 1F507-1F50B, U 1F50D, U 1F512-1F513, U 1F53E-1F54A, U 1F54F-1F5FA, U 1F610, U 1F650-1F67F, U 1F687, U 1F68D, U 1F691, U 1F694, U 1F698, U 1F6AD, U 1F6B2, U 1F6B9-1F6BA, U 1F6BC, U 1F6C6-1F6CF, U 1F6D3-1F6D7, U 1F6E0-1F6EA, U 1F6F0-1F6F3, U 1F6F7-1F6FC, U 1F700-1F7FF, U 1F800-1F80B, U 1F810-1F847, U 1F850-1F859, U 1F860-1F887, U 1F890-1F8AD, U 1F8B0-1F8BB, U 1F8C0-1F8C1, U 1F900-1F90B, U 1F93B, U 1F946, U 1F984, U 1F996, U 1F9E9, U 1FA00-1FA6F, U 1FA70-1FA7C, U 1FA80-1FA89, U 1FA8F-1FAC6, U 1FACE-1FADC, U 1FADF-1FAE9, U 1FAF0-1FAF8, U 1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 0300-0301, U 0303-0304, U 0308-0309, U 0323, U 0329, U 1EA0-1EF9, U 20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U 0100-02BA, U 02BD-02C5, U 02C7-02CC, U 02CE-02D7, U 02DD-02FF, U 0304, U 0308, U 0329, U 1D00-1DBF, U 1E00-1E9F, U 1EF2-1EFF, U 2020, U 20A0-20AB, U 20AD-20C0, U 2113, U 2C60-2C7F, U A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 0304, U 0308, U 0329, U 2000-206F, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD;
}