@media screen and (max-width: 939px) {
  .icoLink {
    font-size: 1rem;
  }

  .buttonIcon {
    font-size: 1.4rem;
  }

  .buttonIcon::before {
    font-size: 1.6rem;
  }

  /*************************************************** recherche ********************************************************/
  #block_recherche .recherche.selected {
    border: 0.1rem solid #3b3b3b;
  }

  #block_recherche input[type=search] {
    font-size: 2rem;
    background-color: #ffffff;
    color: #3b3b3b;
  }

  #block_recherche input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield;
  }

  #block_recherche input[type=search]::placeholder { /* Chrome/Opera/Safari */
    line-height: normal;
    vertical-align: middle;
  }

  #block_recherche input[type=search]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    line-height: normal;
    vertical-align: middle;
  }

  #block_recherche input[type=search]::-moz-placeholder { /* Firefox 19+ */
    line-height: 2.6;
  }

  #block_recherche button[type=submit]::before {
    font-size: 3rem;
  }

  #block_recherche .modal_recherche__container .recherche {
    border: 0.1rem solid #3b3b3b;
  }

  #block_recherche .modal_recherche__container .recherche button {
    border: 0 none;
  }

  #block_recherche .modal_recherche__form_results .productsList .blocStock {
    background-color: transparent;
  }

  #block_recherche .modal_recherche__form_results .productsList .catalogArticle .ligneArticle_tarif {
    border: 0 none;
  }

  /*********************************************** Menu navigation principal  *******************************************/
  #navigation {
    background-color: #3b3b3b;
  }

  #menuIcon {
    background-color: #3b3b3b;
    color: #f18731;
  }

  #menu {
    background-color: #ffffff;
  }

  a.navSite,
  span.navSite {
    font-size: 1.4rem;
    font-weight: 200;
    border: 0.1rem solid #535353;
    border-bottom: 0 none;
    color: #ffffff;
    text-align: center;
    background-color: #3b3b3b;
  }

  .navSite:last-child {
    border-bottom: 0.1rem solid #535353;
  }

  .mainMenu .subMenu a,
  .mainMenu .subMenu span {
    font-weight: 200;
  }

  .mainMenu .subMenu a.navSite,
  .mainMenu .subMenu span.navSite {
    border-bottom: 0.1rem solid #535353;
  }

  .mainMenu > .subMenu > div > a,
  .mainMenu > .subMenu > div > span {
    border: 0.1rem solid #3b3b3b;
    border-top: 0 none;
  }

  .mainMenu > .subMenu > div > :last-child {
    border-bottom: 0 none;
  }

  .mainMenu > .subMenu:last-child > div > :last-child {
    border-bottom: 0.1rem solid;
  }

  /***************************************************** Menu catalogue *************************************************/
  #catalogMenu.catalogMenuVT,
  #catalogMenu.catalogMenuHZ {
    background-color: #eeeeee;
    border-color: #f18731;
  }

  #catalogMenu .menuProduit_categories {
    border-bottom: 0.1rem solid #e6e6e6;
  }

  #catalogMenu .menuProduit_categories .menu {
    font-size: 1.1rem;
    border: 0.1rem solid #e6e6e6;
    border-bottom: 0 none;
  }

  #catalogMenu .menuProduit_categories .menu::before {
    font-size: 1.5rem;
  }

  #catalogMenu .menuProduit_categories .menu span {
    font-size: 1.3rem;
    line-height: 1.2;
  }

  /***************************************************** ACCUEIL  *******************************************************/
  .slick__slide .views-field h1,
  .slick__slide .views-field h2 {
    font-size: 2rem;
  }

  .slick__slide .views-field p,
  .slick__slide .views-field p a {
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .slick__slide .views-field h1,
  .slick__slide .views-field h2,
  .slick__slide .views-field-title p,
  .slick__slide .views-field-title p a {
    font-size: 2rem;
  }

  #asideColumn .bx-wrapper .bx-controls-direction a .icon-arrow-left::before {
    content: "\e93e";
  }

  #asideColumn .bx-wrapper .bx-controls-direction a .icon-arrow-right::before {
    content: "\e93f";
  }


  .cadreListeProduits h2 {
    text-align: center;
    font-size: 2rem;
    line-height: 1.1;
  }

  .cadreListeProduits .produit .cadreTarif .prixBarre {
    font-size: 1.8rem;
  }

  .cadreListeProduits .produit .cadreTarif .prix {
    font-size: 2.3rem
  }

  .cadreListeProduits .produit .cadreTarif .prix:first-of-type {
    font-size: 3rem
  }

  /*********************************************  Bloc aside de bas de page *********************************************/
  .reassuranceContent.cols-4 .blocTitre {
    font-size: 1.5rem;
  }

  .reassuranceContent.cols-5 .blocTitre {
    font-size: 1.3rem;
  }

  /************************************************* Blocs communs ******************************************************/
  #navigation {
    background-color: #4e4e4e;
  }

  #parentLink span,
  #parentLink a {
    font-weight: 200;
    font-size: 1.5rem;
    color: #ffffff;
  }

  .blockTotal p .label {
    font-size: 1.2rem;
  }

  .blockTotal p .value {
    font-size: 1.6rem;
  }

  .blockTotal .buttonIcon::before {
    font-size: 1.5rem;
  }

  .blocSaisie .nonDispo {
    font-size: 1.2rem;
  }

  .blocSaisie .nonDispo {
    font-size: 1.2rem;
  }

  .icon-promo {
    font-size: 4.6rem;
  }

  .icon-promo span {
    font-size: 1.5rem;
  }

  .icon-promo .libellePromo {
    font-size: 1.2rem;
  }

  /********************************************** CATALOGUE *************************************************************/
  #catalogContent .pageTitle h1 {
    font-weight: 400;
    font-size: 2rem;
    color: #f18731;
  }

  .catalogFacet {
    background-color: #F5F5F5;
    border: 0.5rem solid #F5F5F5;
    -webkit-box-shadow: 0 0.3rem 0.3rem rgba(182, 182, 182, 0.5);
    -moz-box-shadow: 0 0.3rem 0.3rem rgba(182, 182, 182, 0.5);
    box-shadow: 0 0.3rem 0.3rem rgba(182, 182, 182, 0.5);
  }

  .catalogFacet fieldset {
    background-color: #ffffff;
  }

  .catalogFacet fieldset legend {
    background-color: #ffffff;
  }

  .productsFilter {
    background-color: #f5f5f5;
    border-right: 0.2rem solid #ffffff;
  }

  .productsFilter select {
    background-color: #ededed;
  }

  .productsFilter #facetIcon {
    cursor: pointer;
  }

  .productsFilter #facetIcon span {
    font-size: 2rem;
  }

  .productsList .catalogArticle .ligneArticle_detail .ligneArticle_code {
    font-size: 1.2rem;
  }

  .productsList .catalogArticle .ligneArticle_detail p.title {
    font-size: 1.5rem;
  }

  .productsList .blocTarif,
  .productsList .blocTarif .prixBarre {
    font-size: 1.1rem;
  }

  .blocTarif .prixBarre .price-currency,
  .blocTarif .prixBarre .price-unit {
    font-size: 1rem;
  }

  .productsList .blocTarif .prix {
    font-size: 1.7rem;
    line-height: 1.3;
  }

  .productsList div:first-of-type.tarifClient .prix {
    font-size: 2rem;
    line-height: 1.15;
  }

  .productsList .blocTarif .prixPrepa {
    font-size: 1.3rem;
  }

  .productsList div:first-of-type.tarifClient .prixPrepa {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .productsList .blocTarif .tarifEcotaxe p {
    line-height: 1.2;
    white-space: nowrap;
  }

  .productsList .blocTarif .tarifEcotaxe p::before {
    font-size: 1.3rem;
  }

  .productsList .blocTarif .tarifEcotaxe sup {
    font-size: 0.8rem;
  }

  .productsList .ligneArticle_tarif .nonDispo {
    font-size: 1.2rem;
  }

  #productCard .icon-promo span,
  .ligneArticle_tarif .icon-promo span {
    font-size: 1.5rem;
  }

  #productCard .icon-promo .libellePromo,
  .ligneArticle_tarif .icon-promo .libellePromo {
    font-size: 1.3rem;
  }

  #modal #saisie .produitDetailDimensions .produitDimensionConteneur .produitDimensionLibelle,
  #modal #saisie .blocSaisie label,
  #modal #saisie .ficheArticle_infoSup table th {
    font-size: 1.2rem;
    font-weight: 600;
  }

  /**************************************************** PRODUIT *********************************************************/
  #productCard .pageTitle h1 {
    font-weight: 400;
    font-size: 2.5rem;
    color: #f18731;
  }

  #productCard .blocTarif {
    font-size: 1.3rem;
  }

  #productCard .blocTarif .prixBarre {
    font-size: 1.3rem;
  }

  #productCard .blocTarif .prix {
    font-size: 2.2rem;
  }

  #productCard .blocTarif .prixPrepa {
    font-size: 1.8rem;
  }

  #productCard .blocTarif .tarifClient:first-child .prix .price-whole,
  #productCard .blocTarif .tarifClient:first-child .prix .price-separator,
  #productCard .blocTarif .tarifClient:first-child .prix .price-decimal {
    font-size: 3rem;
  }

  #productCard .blocTarif .tarifClient:first-child .prixPrepa .price-whole,
  #productCard .blocTarif .tarifClient:first-child .prixPrepa .price-separator,
  #productCard .blocTarif .tarifClient:first-child .prixPrepa .price-decimal {
    font-size: 2.2rem;
  }
/*
  #oecContent #productCard .produitPresentation .produitTarif {
    border-width: 0.1rem 0 0;
    box-shadow: 0 -0.3rem 0.3rem rgba(182, 182, 182, 0.5);
  }*/

  #tabs .menu ul li {
    background-color: #f3f3f3;
  }

  /*************************************************** PANIER ***************************************************/
  label.checkBox input[type="checkbox"] + span {
    font-size: 1.8rem;
    line-height: 1;
  }

  .caddieLineOptions {
    border: 0.1rem solid #ededed;
    background-color: #f5f5f5;
  }

  .caddieLineOptions .popupSelect .selectAgence select option,
  .caddieLineOptions .popupSelect .selectChantier select option {
    border-bottom: 0.1rem solid #ffffff;
  }

  .caddieLineOptions .popupSelect .selectAgence select option:last-child,
  .caddieLineOptions .popupSelect .selectChantier select option:last-child {
    border-bottom: 0 none;
  }

  .blocExpert a span {
    font-size: 1.4rem;
  }

  .caddieContent .caddieLine span.tarifUnitLine > span:first-child,
  .caddieContent .caddieLine span.tarifTotalLine > span:first-child {
    font-size: 1.6rem;
    font-style: normal;
  }

  .caddieContent .caddieLine span.tarifUnitLine,
  .caddieContent .caddieLine span.tarifTotalLine {
    font-size: 1.4rem;
    font-style: italic;
  }

  .caddieContent .caddieLine span.tarifUnitLine {
    text-align: left;
  }

  .caddieContent .caddieLine .caddieLinePrice .tarifUnitLine .icon-ecotaxe {
    font-size: 1.1rem;
  }

  .caddieContent .caddieLine .caddieLinePrice > .icon-ecotaxe {
    font-size: 1.1rem;
  }

  /********************************************** TUNNEL DE COMMANDE *********************************************/
  #tdv {
    background-color: #dfdfdf;
  }
  #tdv .content p {
    text-align: center;
  }

  #tdv a {
    font-size: 3.4rem;
    border-color: #ababab;
  }

  .tdvContent #parentLink {
    background: #4e4e4e none no-repeat 0 0;
  }

  .tdvContent #parentLink span {
    text-transform: uppercase;
  }

  #currentCaddie .pageTitle h1,
  .tdvContent .pageTitle h1 {
    font-size: 1.9rem;
    font-weight: 400;
  }

  .tdvContent .buttonIcon {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
  }

  .tdvContent #typeCommande label {
    line-height: 1;
  }

  .tdvContent #typeCommande .blocChoice p .buttonLabel {
    text-align: center;
    font-size: 1.2rem;
  }

  .tdvContent #typeCommande .blocDate p span {
    text-align: left;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p.tarifUnitRemise {
    font-size: 1rem;
  }

  .caddieLine .caddieLinePrice .quantiteLine .unit,
  .caddieLine .caddieLinePrice .quantiteLine p.quantiteLineConv {
    font-size: 1rem;
    line-height: 1.3;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p .tarifMontant,
  .caddieLine .caddieLinePrice .tarifTotalLine p .tarifMontant {
    white-space: nowrap;
  }

  #validation_panier .caddieLine .caddieLineInfo .libelleLineComplement {
    font-size: 1rem;
  }

  .tdvContent .blocChoice input:checked + .buttonLabel::after,
  .tdvContent .modeReglement input:checked + .buttonLabel::after {
    border-top-color: #f18731;
  }

  #validation_confirmation .msg {
    font-size: 1.6rem;
  }

  #coupon p .libelleRemise {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #coupon p .montantRemise {
    font-size: 1.3rem;
  }

  #validation_panier .blockTotal .buttonIcon {
    font-size: 1.2rem;
  }

  /******************************************************  MON COMPTE **************************************************/
  #contentDashboardUser .bloc p.accountNumber span {
    font-size: 4rem;
  }

  #titleUserAccount .pageTitle h1 {
    font-weight: 200;
    font-size: 1.7rem;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
  }

  #navUserAccount {
    background-color: #dfdfdf;
  }

  #navUserAccount a {
    font-size: 3.4rem;
  }

  .userAccount h2,
  #contentUserOrders h2 {
    font-size: 2rem;
  }

  #contentUserOrders .adminOptions p label {
    font-size: 1.1rem;
    line-height: 2;
  }

  #contentUserOrders .mvts-form p span {
    line-height: 2;
  }

  #contentUserOrders .fieldsetContainer .fieldsetLine .lineDate {
    font-size: 1.1rem;
    font-weight: 400;
    color: #3b3b3b;
    font-style: normal;
  }

  #contentUserOrders .fieldsetContainer .fieldsetLine .lineTotal {
    font-size: 1.3rem;
  }

  #contentUserOrders .orderContent .fieldsetLine .tarifUnitLine,
  #contentUserOrders .orderContent .fieldsetLine .tarifTotalLine {
    white-space: nowrap;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse .title {
    text-align: center;
    border: 0.1rem solid #ededed;
    background-color: #ffffff;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .selected .title {
    color: #ffffff;
    background-color: #f18731;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse p.detail {
    font-size: 1.1rem;
    line-height: 1;
    border: 0.1rem #ededed;
    background-color: #ffffff;
  }

  #contentUserOrders .orderHeader #typeCommande .buttonIcon {
    font-size: 1rem;
  }

  #contentUserOrders .orderHeader #typeCommande .buttonIcon::before {
    font-size: 1.6rem;
  }

  #contentUserOrders .orderHeader #linkOptions .icon-pdf {
    font-size: 1rem;
    line-height: 1;
    text-transform: none;
    background-color: transparent;
  }

  #contentUserOrders .orderHeader #linkOptions .icon-pdf::before {
    font-size: 2.4rem;
  }

  #contentUserOrders .orderContent .trp-bloc__ligne .trp-bloc__display a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .caddieBlockContent .icon-delete {
    font-size: 1.4rem;
  }

  .caddieHeader .toggleCaddie {
    background-color: #a3a3a3;
    color: #ffffff;
  }

  .caddieHeader .content .caddieHeaderInfo .libelle {
    font-size: 2.3rem;
  }

  .caddieContainer .caddieComment input {
    font-size: 1.2rem;
  }

  footer .content > div {
    border-right: 0 none;
    border-bottom: 0.1rem solid #000000;
  }

  /********************************************** Popup modal ***********************************************************/
  #modal #choixAgenceResults .buttonIcon {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 599px) {
  .produitCaracteristique .infoTitre {
    white-space: wrap;
  }
  .header-site #div_panier .bloc .nbArticles {
    font-size: 1.1rem;
  }
}