@font-face {
  font-family: 'fira_sansbook';
  src: url("/Common/Fonts/firasans-book-webfont.woff2") format("woff2"), url("/Common/Fonts/firasans-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fira_sansultralight_italic';
  src: url("/Common/Fonts/firasans-ultralightitalic-webfont.woff2") format("woff2"), url("/Common/Fonts/firasans-ultralightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.styled-select {
    width: 100%;
/*    height: 34px;
    border: 1px solid #ccc;
    overflow : hidden;
    background : url("/Common/Images/Prive/chevron_down_select.png") no-repeat right #FFF;*/
}

.styled-select select::-ms-expand {
    display: none; }

.styled-select select {
    width:100%;
    height:50px;
    padding: 1% 20% 1% 2%;
    background: transparent;
    padding: 5px;
    border: solid 2px #a1a6b2;
    border-radius: 0;
    font-size: 16px;
    line-height: 1;
    -moz-appearance: none !important;
    -moz-user-select: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: white;
    background : url("/Common/Images/Prive/chevron_down_select.png") no-repeat right #FFF;
    background-position: 99% center;
    background-repeat: no-repeat;
    text-indent: 1px;
    -o-text-overflow: "";
    text-overflow: "";
    border: solid 2px #a1a6b2;
}

.btn_detail {
    text-decoration: none;
    cursor:pointer;
}    

.btn_detail:hover {
      text-decoration: underline;
}    

.btn_close {
    text-decoration: none;
    cursor:pointer;
    txt-color: #474a51;
}    

.btn_close:hover {
    text-decoration: underline;
    
}    



.my_decalage {
    width: 60px;
    background: #FFFFFF;
    border-top:  1px solid #FFF;
}

.qtySelector_button {
    display: inline-block;

}

body {
  font-family: "fira_sansbook", sans-serif;
  font-size: 15px;
  padding-bottom: 300px; }

ul {
  list-style: none; }

.responsive_img {
  width: 100%; }

.row-no-padding > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }


@media screen and (min-width: 1200px) {
  .visible-mobile {
      display: none; }
}


@media screen and (max-width: 1200px) {
  .visible-desktop {
      display: none !important; }
}

input[type="text"] {
  border: solid 2px #a1a6b2; }

.dropdown_btn {
  position: relative;
  width: 65px;
  height: 65px;
  text-align: center; }
  .dropdown_btn:hover {
    background: #a1a6b2; }
  .dropdown_btn img {
    margin-top: 10px; }
  .dropdown_btn:hover .dropdown_content {
    display: block; }
      
  
.icon_dropdown {
  padding: 0 !important; }

.icon_enseigne {
  padding-right: 40px;
  text-align: center;
}
.icon_enseigne_localite {
  margin-top: -16px;
}

.boutique_send {
    padding-left: 15px;
    padding-right: 65px;
}


.dropdown_content {
  padding: 20px 20px 20px 20px;
  background: #a1a6b2;
  top: 50px;
  display: none;
  text-align: left;
  position: absolute;
  z-index: 99999;
  width: 400px;
  color: #ffffff;
  text-transform: uppercase;
}
  .dropdown_content ul {
    margin: 0;
    padding: 0; }
    .dropdown_content ul li {
      margin: 0;
      line-height: 32px;
      padding: 0; }
      .dropdown_content ul li a {
        color: #ffffff; }
  .dropdown_content .input_desc {
    margin: 15px 0;
    color: #474a51; }
  .dropdown_content .share {
    margin: 10px 0; }
  .dropdown_content .dropdown_content_actions {
    background: #d0d2d8;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding: 5% 7%;
    text-transform: uppercase; }
    .dropdown_content .dropdown_content_actions .save,
    .dropdown_content .dropdown_content_actions .delete {
      display: inline-block;
      width: 49%;
      text-align: center;
      color: #474a51;
    }
    .save:hover{
	text-decoration: underline;
/*	color : #888;
	background-color: #FFF;*/
    }
    .delete:hover{
	text-decoration: underline;
    }
    .dropdown_content .dropdown_content_actions a {
      color: #474a51; }

a:hover .img_normal {
  display: none; }

a:hover .img_hover {
  display: initial; }

.img_hover {
  display: none; }

.panel {
  margin-bottom: 25px; }

#header {
  border-bottom: solid 15px #a7a9b1;
  padding-top: 5px; }
  #header #customer_name {
    padding-top: 12%;
    font-size: 24px;
    text-align: center;
    color: #f96475; }
  #header #customer_account_links {
    padding-top: 12%;
    float: right; }
    #header #customer_account_links #dropdown_account {
      display: inline-block;
      position: relative; }
      #header #customer_account_links #dropdown_account a {
        color: #474a51; }
        #header #customer_account_links #dropdown_account a img {
          vertical-align: bottom;
          margin-bottom: 5px; }
        #header #customer_account_links #dropdown_account a .label_dropdown {
          margin-left: 12px;
          vertical-align: bottom;
          display: inline-block;
          margin-bottom: 5px; }
        #header #customer_account_links #dropdown_account a .arrow_dropdown {
          display: inline-block;
          height: 42px;
          margin-left: 10px;
          width: 42px; }
          #header #customer_account_links #dropdown_account a .arrow_dropdown::before {
            border-style: solid;
            border-width: 1px 1px 0 0;
            content: "";
            display: inline-block;
            height: 15px;
            position: relative;
            right: -14px;
            top: 17px;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            vertical-align: top;
            width: 15px;
            color: #474a51; }
        #header #customer_account_links #dropdown_account a:hover {
          text-decoration: none; }
      #header #customer_account_links #dropdown_account:hover .arrow_dropdown::before {
        top: 23px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: #ffffff; }
      #header #customer_account_links #dropdown_account:hover .arrow_dropdown {
        background-color: #a1a6b2; }
      #header #customer_account_links #dropdown_account #dropdown_account_content {
        display: none;
        background-color: #a1a6b2;
        color: #ffffff;
        position: absolute;
        top: 100%;
        z-index: 999;
        width: 100%;
        padding: 24px 27px; }
        #header #customer_account_links #dropdown_account #dropdown_account_content ul {
          padding: 0; }
          #header #customer_account_links #dropdown_account #dropdown_account_content ul li {
            line-height: 36px; }
            #header #customer_account_links #dropdown_account #dropdown_account_content ul li a {
              color: #ffffff; }
      #header #customer_account_links #dropdown_account:hover #dropdown_account_content {
        display: block; }

#choix_boutique_header {
  background: #eeeeee;
  text-align: center;
  margin-bottom: 20px;
  padding: 50px 0;
}

#choix_boutique_header #dropdown_boutique_wrapper  {
    background: #f96475;
    padding: 10px 42px;
    display: inline-block; }

@media screen and (max-width: 768px) {
    #choix_boutique_header #dropdown_boutique_wrapper {
        padding: 1%;
    }
}
#choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique {
    position: relative;
    width: 100%; }
#choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique .help_icon {
    position: absolute;
    right: 60px;
    top: 6px; }
#choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique select {
    height: 50px;
    padding: 1% 20% 1% 2%;
    -moz-appearance: none;
    -moz-user-select: none;
    background-color: white;
    background-image: url("/Common/Images/Prive/chevron_down_select.png");
    background-position: 99% center;
    background-repeat: no-repeat;
    text-indent: 1px;
    -o-text-overflow: "";
    text-overflow: "";
    border: solid 2px #a1a6b2;
    width: 100%;
    -moz-appearance: none !important;
    -moz-user-select: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

@media screen and (min-width: 768px) {
    #choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique select {
        min-width: 300px; } }
@media screen and (max-width: 768px) {
    #choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique select {
        width: 100%; } }
#choix_boutique_header #choix_boutique_help {
    color: #f96475;
    margin-top: 30px;
}

#choix_boutique_header #dropdown_boutique_wrapper #dropdown_boutique select::-ms-expand {
    display: none;
}
  

.panel_title {
      padding: 20px 12px;
  vertical-align: middle;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7bcc4+0,dcdee2+100 */
  background: #b7bcc4;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #b7bcc4 0%, #dcdee2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #b7bcc4 0%, #dcdee2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(45deg, #b7bcc4 0%, #dcdee2 100%);
  background: linear-gradient(45deg, #b7bcc4 0%, #dcdee2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7bcc4', endColorstr='#dcdee2',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  font-size: 21px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ffffff; }
  .panel_title table {
    margin-bottom: 0; }
    .panel_title table tbody .panel_title_arrow {
      text-align: right; }
      .panel_title table tbody .panel_title_arrow a::before {
        border-style: solid;
        border-width: 3px 3px 0 0;
        content: '';
        display: inline-block;
        height: 20px;
        right: 10px;
        position: relative;
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        vertical-align: top;
        width: 20px;
        color: #ffffff; }
      .panel_title table tbody .panel_title_arrow a.collapsed::before {
        top: 0px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); }
    .panel_title table tbody td {
      border: none; }

    
.configure_btn {
  background: url("/Common/Images/Prive/hamburger_gris.png") no-repeat center center/50%;
}

.configure_btn > a{
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/hamburger_gris.png") no-repeat center center/50%;
}
.configure_btn:hover  {
    background-image: url("/Common/Images/Prive/hamburger_blanc.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 15px;
}


.configure_btn_inv {
  background: url("/Common/Images/Prive/hamburger_blanc.png") no-repeat center center/50%;
}
.configure_btn_inv > a{
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/hamburger_blanc.png") no-repeat center center/50%;
}
.configure_btn_inv:hover  {
    background-image: url("/Common/Images/Prive/hamburger_gris.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 15px;
}





.trois_points_btn  {
  background: url("/Common/Images/Prive/3points_gris.png") no-repeat center center/50%; }

.trois_points_btn > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/3points_gris.png") no-repeat center center/50%; }

.trois_points_btn:hover  {
    background-image: url("/Common/Images/Prive/3points_blanc.png") ;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 15px;
}




.barcode_menu {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/code_barre.png") no-repeat center center/50%; }

.barcode_menu:hover  {
  background-image: url("/Common/Images/Prive/code_barre_blanc.png"); }

.micro_menu  {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/micro.png") no-repeat center center/50%; }

.micro_menu:hover {
  background-image: url("/Common/Images/Prive/micro_blanc.png"); }

.tablet_pen_menu {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Common/Images/Prive/tablet_pen.png") no-repeat center center/50%; }

.nb_articles {
    width : 100%;
    text-align: center;
}

.tablet_pen_menu:hover  {
  background-image: url("/Common/Images/Prive/tablet_pen_blanc.png"); }

.panel_table {
  margin-bottom: 20px; }
  .panel_table table tbody .icon,
  .panel_table table tbody .send,
  .panel_table table tbody .delete {
/*    width: 50px; */
    text-align: right; }
  .panel_table table tbody .send_all {
    background: #f1f2f4; }
    .panel_table table tbody .send_all .desc {
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #80828d;
      font-size: 19px; }
  .panel_table table tbody td {
      /*    padding: 20px 12px; */
          padding: 10px 4px;
    vertical-align: middle; }
  .panel_table table tbody .add_new_line {
    background: #f1f2f4; }
    .panel_table table tbody .add_new_line input {
      width: 97%;
      height: 42px;
      color: #80828d;
      padding: 12px 29px; }
  .panel_table table tbody .nb_articles {
    text-decoration: underline;
    color: #80828d;
    font-size: 16px; }
    .panel_table table tbody .nb_articles img {
      vertical-align: bottom; }
    .panel_table table tbody .nb_articles a {
      color: #80828d; }
  .panel_table .table_boutique {
    margin-bottom: 0; }
  .panel_table .current_boutique {
    position: relative; }
    @media screen and (max-width: 768px) {
      .panel_table .current_boutique {
        background: #f68886; } }
    .panel_table .current_boutique::before {
      content: "";
      width: 90px;
      height: 100%;
      left: -90px;
      background: #fce5f2 url("/Common/Images/Prive/magi_destination.png") no-repeat center center/50%;
      position: absolute; }
      @media screen and (max-width: 768px) {
        .panel_table .current_boutique::before {
          display: none; } }
    .panel_table .current_boutique::after {
      content: "";
      width: 45px;
      height: 100%;
      right: -45px;
      top: 0;
      background: #fce5f2;
      position: absolute; }
      @media screen and (max-width: 768px) {
        .panel_table .current_boutique::after {
            display: none; } }


   .panel_table .current_boutique_config .icon {
    background: #a1a6b2; }

  .panel_table .current_boutique_config .icon_enseigne {
      background: #a1a6b2; }

  

   .panel_table .current_boutique_config .configure_btn > a {
       background: url("/Common/Images/Prive/hamburger_blanc.png") no-repeat center center/50%;
   }

  


  
 
  
  .panel_table .current_boutique_displayed .nb_articles {
    background: #d9dbe0; }
  .panel_table .table_boutique_details {
    background: #f5f5f5;
    margin-bottom: 0; }
    .panel_table .table_boutique_details .transform_panier .close_panel {
      font-size: 15px; }
    .panel_table .table_boutique_details .delete,
    .panel_table .table_boutique_details .retour_memo {
      width: 30px; }
    .panel_table .table_boutique_details .product_arrow a:hover {
      opacity: .5; }
    .panel_table .table_boutique_details .product_infos {
      background: #ffffff; }
      .panel_table .table_boutique_details .product_infos .product_details {
        color: #6e717d; }
        .panel_table .table_boutique_details .product_infos .product_details a {
          color: #6e717d; }
        .panel_table .table_boutique_details .product_infos .product_details .product_qty {
          font-size: 20px;
          color: #474a51;
	  vertical-align: middle;
          margin: 0 5px; }
          .panel_table .table_boutique_details .product_infos .product_details .product_qty img {
            vertical-align: bottom; }
  .panel_table .table_memoliste .memoliste_expedition {
    width: 30px; }
  .panel_table .table_memoliste .nb_articles {
    text-align: right; }
  .panel_table .current_memoliste_displayed {
    margin-bottom: 0; }
    .panel_table .current_memoliste_displayed .nb_articles {
      background: #d9dbe0; }
  .panel_table .table_memoliste_details {
    margin-bottom: 0; }
    .panel_table .table_memoliste_details .retour_memo,
    .panel_table .table_memoliste_details .retour_memo,
    .panel_table .table_memoliste_details .delete {
      width: 30px; }

#col_droite_wrapper {
  padding: 0 45px 0 90px; }
  @media screen and (max-width: 768px) {
    #col_droite_wrapper {
      padding: 0; } }


.header_footer_config {
  background: #a1a6b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
}

  
.header_footer_table {
  background: #d9dbe0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px; }
  .header_footer_table a {
    color: #474a51; }


@media screen and (max-width: 1200px) {
  #header #customer_name {
    padding-top: 0;
     }
  #header #customer_account_links {
    padding-top: 0;
  }

}