@media screen and (min-width: 940px) {
  /*************************************************** HEADER ***********************************************************/
  .scroll .header-site .bloc {
    font-size: 0.7rem;
  }

  /*************************************************** recherche ********************************************************/
  #block_recherche .recherche {
    border: 0.1rem solid #f7b783;
  }

  #block_recherche input[type=search] {
    background-color: #ffffff;
    border: 0 none;
    outline: 0 none;
  }

  #block_recherche button[type=submit] {
    background-color: #ffffff;
    color: #d3632f;
    border: 0 none;
  }

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

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

  a.navSiteActive,
  span.navSiteActive {
    background-color: #f18731;
    color: #fafafa;
  }

  a.navSiteActive:hover,
  span.navSiteActive:hover {
    background-color: #f18731;
    color: #ffffff;
  }

  /***************************************************** Menu catalogue *************************************************/
  #show_catalogMenu {
    cursor: pointer;
  }

  #catalogMenu .menuProduit_categories .menu {
    font-weight: 400;
    font-size: 1.4rem;
    cursor: pointer;
  }

  #catalogMenu .menuProduit_categories .menuHover {
  }

  #catalogMenu .menuProduit_categories .menu:hover,
  #catalogMenu .menuProduit_categories .menuHover,
  #catalogMenu .menuProduit_categories .menuActive {
    background-color: #F3F3F3;
    color: #D3632F;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2 {
    font-size: 1.6rem;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv3,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv4,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv5,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv6 {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  #catalogMenu.catalogMenuVT {
    border-top: 0.1rem solid #F18731;
    border-bottom: 0.1rem solid #F18731;
    background-color: #EEEEEE;
  }
  .static #catalogMenu.catalogMenuVT {
    border: 0.1rem solid #F18731;
  }
  #catalogMenu.catalogMenuVT .menuProduit_categories {
    background-color: #FFFFFF;
  }


  #catalogMenu.catalogMenuVT .menuProduit_categories .menu {
    line-height: 1.4;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menuHover {
    background-color: #EDEDED;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu::before {
    font-size: 0.9rem;
    font-weight: 400;
  }

/*  #catalogMenu.catalogMenuHZ {
    background-color: transparent;
    border: 0 none;
  }*/

  #catalogMenu.catalogMenuHZ .menuProduit_activites {
    background-color: #EEEEEE;
    border-bottom: 0.1rem solid #EEEEEE;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
  }

  .scroll #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    line-height: 0.8;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuActive,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuHover {
    background-color: #ffffff;
    color: #d3632f;
  }

  /************************************************* Blocs communs ******************************************************/
  .breadcrumb {
    background-color: #f3f3f3;
  }

  .breadcrumb div > span,
  .breadcrumb div > a {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #3b3b3b;
  }

  .breadcrumb div > a:hover {
    color: #D3632F;
  }

  .breadcrumb a::after {
    font-family: 'openweb';
    content: "\e901";
    color: #3B3B3B;
  }

  .pageTitle {
    background-color: #f3f3f3;
  }

  /*************************************************** SLIDERS **********************************************************/
  .slick__slide .views-field p,
  .slick__slide .views-field p a {
    font-size: 2rem;
    line-height: 1.4;
  }

  .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: 3rem;
  }

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

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

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

  /************************************************* Blocs communs ******************************************************/
  .blockTotal p .label {
    font-size: 1.8rem;
  }

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

  .blockTotal p span sup {
    font-size: 1.4rem;
  }

  .blocTarif {
    font-size: 1.3rem;
  }

  .blocTarif .prixBarre,
  .blocTarif .prixPrepa {
    font-size: 1.5rem;
  }

  .blocTarif .tarifClient .prix {
    font-size: 2rem;
  }

  .blocTarif div:first-of-type.tarifClient .prix {
    font-size: 2.6rem;
  }

  .blocTarif div:first-of-type.tarifClient .prixPrepa .price-whole,
  .blocTarif div:first-of-type.tarifClient .prixPrepa .price-separator,
  .blocTarif div:first-of-type.tarifClient .prixPrepa .price-decimal {
    font-size: 2.2rem;
  }

  .blocTarif .tarifPublic .prix {
    font-size: 1.7rem;
  }

  .blocTarif div:first-of-type.tarifPublic .prix {
    font-size: 2rem;
    line-height: 1.4;
  }

  .blocTarif div.tarifPublic .prixPrepa .price-whole,
  .blocTarif div.tarifPublic .prixPrepa .price-separator,
  .blocTarif div.tarifPublic .prixPrepa .price-decimal {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .blocSaisie .quantite.obligatoire {
    border-color: red;
  }

  /********************************************** CATALOGUE *************************************************************/
  .pageTitle .content div a {
    font-size: 1.1rem;
  }


  .productsList .catalogArticle .ligneArticle_image .mainImage {
    border: 0.1rem solid #ededed;
  }

  .productsList .catalogArticle .ligneArticle_image .mainImage.showOption {
    cursor: pointer;
  }

  .productsList .catalogArticle .ligneArticle_image .mainImage span {
    font-size: 2rem;
    cursor: pointer;
    border-top: 0.1rem solid #ededed;
    border-left: 0.1rem solid #ededed;
  }

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

  /**************************************************** PRODUIT *********************************************************/
  #productCard .showOption {
    cursor: pointer;
  }

  #productCard .produitImages .mainImage span {
    font-size: 2rem;
  }

  #productCard .produitTarif {
    background-color: #f3f3f3;
    border: 0.1rem solid #f3f3f3;
  }

  #productCard .produitDetail .blocTarif p {
    white-space: nowrap;
  }

  #productCard .produitDetail .blocTarif p.title {
    font-size: 1.8rem;
    line-height: 1;
  }

  #tabs .menu {
    border-bottom: 0.1rem solid #3b3b3b;
  }

  #tabs .menu ul li {
    border-bottom: 0 none;
  }

  #tabs .menu .ui-state-active,
  #tabs .menu .ui-state-active:hover {
    border-color: #3b3b3b;
    border-bottom: 0 none;
  }

  #listeComposant .catalogArticle .ligneArticle_image .mainImage {
    border: 0.1rem solid #ededed;
  }

  /*************************************************** PANIER ***************************************************/
  .caddieBlocComplement .blocExpert a span {
    font-size: 1.6rem;
  }

  .caddieLine .caddieLineShort .caddieLineInfo .libelleLine a,
  .caddieLine .caddieLineShort .caddieLineInfo .libelleLine b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine,
  .caddieLine .caddieLinePrice .tarifTotalLine {
    font-size: 1.5rem;
  }

  .caddieLine .caddieLinePrice .tarifUnitRemise {
    font-size: 1.1rem;
  }

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

  .caddieLine .caddieLinePrice .tarifEcotaxe .icon-ecotaxe {
    font-size: 1.4rem;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine .tarifMontant {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .caddieLine .caddieLinePrice .quantiteLine .quantiteLineConv {
    font-size: 1.1rem;
  }

  .caddieLine .caddieLinePrice .tarifTotalLine .tarifMontant {
    font-size: 1.6rem;
    font-weight: 600;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine .tarifEcotaxe,
  .caddieLine .caddieLinePrice .tarifTotalLine .tarifEcotaxe {
    font-size: 1.1rem;
    font-weight: 400;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p .tarifMontant {
    color: #3b3b3b;
  }

  .caddieLine .caddieLineFull .caddieLinePrice .tarifUnitLine p:first-child .tarifMontant,
  .caddieLine .caddieLineFull .caddieLinePrice .tarifTotalLine p:first-child .tarifMontant {
    color: #d3632f;
  }

  /* odd : fond blanc  */
  .odd .caddieLineShort .caddieLinePrice .tarifUnitLine p:first-child .tarifMontant {
    border: 0.1rem solid #f5f5f5;
    background-color: #f5f5f5;
  }

  .odd .caddieLineShort .caddieLinePrice .tarifTotalLine p:first-child .tarifMontant {
    border: 0.2rem solid #f5f5f5;
  }

  /* even : fond gris  */
  .even .caddieLineShort .caddieLinePrice .tarifUnitLine p:first-child .tarifMontant {
    border: 0.1rem solid #ffffff;
    background-color: #ffffff;
  }

  .even .caddieLineShort .caddieLinePrice .tarifTotalLine p:first-child .tarifMontant {
    border: 0.2rem solid #ffffff;
  }

  .odd .caddieLineFull .caddieLinePrice .tarifUnitLine p .tarifMontant,
  .odd .caddieLineFull .caddieLinePrice .tarifTotalLine p .tarifMontant,
  .even .caddieLineFull .caddieLinePrice .tarifUnitLine p .tarifMontant,
  .even .caddieLineFull .caddieLinePrice .tarifTotalLine p .tarifMontant {
    border: 0.1rem solid #cdcdcd;
  }

  .odd .caddieLineFull .caddieLinePrice .tarifUnitLine p.tarifEcotaxe .tarifMontant,
  .odd .caddieLineFull .caddieLinePrice .tarifTotalLine p.tarifEcotaxe .tarifMontant,
  .even .caddieLineFull .caddieLinePrice .tarifUnitLine p.tarifEcotaxe .tarifMontant,
  .even .caddieLineFull .caddieLinePrice .tarifTotalLine p.tarifEcotaxe .tarifMontant {
    border-top: 0 none;
  }

  /********************************************** TUNNEL DE COMMANDE ****************************************************/
  #tdv {
    background-color: #f3f3f3;
  }

  #tdv a {
    font-size: 4.4rem;
  }

  #tdv a::before {
    line-height: 1.3;
  }

  .tdvContent .buttonIcon {
    font-size: 1.8rem;
  }

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

  .tdvContent #saisieZone a span {
    font-size: 1.8rem;
  }

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

  /******************************************************  MON COMPTE **************************************************/
  #navUserAccount {
    background-color: #f3f3f3;
  }

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

  #navUserAccount a::before {
    line-height: 1.3;
  }

  #contentDashboardUser .bloc p.linkContent {
    text-align: right;
  }

  #contentUserAccount .profilContent .fieldset .fieldsetLegend {
    border: 0.1rem solid #ededed;
    background-color: #ededed;
  }

  #contentUserAccount .profilContent {
    border: 0.1rem solid #ededed;
  }

  #contentUserAccount .profilContent .fieldset p input,
  #contentUserAccount .profilContent .fieldset p select {
    border: 0.2rem solid #ededed;
  }

  #contentUserAccount .profilContent .userChangeMdp .fieldsetContent {
    border: 0.3rem solid #ededed;
    border-top: 0 none;
  }

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

  #contentUserOrders .fieldsetContainer .fieldsetLine .lineDate,
  #contentUserOrders .fieldsetContainer .fieldsetLine .lineDate b,
  #contentUserOrders .fieldsetContainer .fieldsetLine .lineDate i {
    font-weight: 200;
    font-style: normal;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse p {
    font-size: 1.2rem;
    line-height: 1.1;
    text-transform: uppercase;
    cursor: default;
  }

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

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

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

  #modal #contentUserOrders .question {
    font-size: 1.8rem;
    font-weight: 600;
  }

  .agenceFormPopup .buttonIcon::before {
    font-size: 1.8rem;
  }
}