@media screen and (min-width: 940px) {
  .content,
  .maxContent {
    width: auto;
    max-width: calc(100vw - 2rem);
    margin-left: calc((100% - (100vw - 2rem)) / 2);
    margin-right: calc((100% - (100vw - 2rem)) / 2);
  }

  #tdv .content,
  .tdvContent .content,
  #currentCaddie .content,
  #navUserAccount .content,
  #titleUserAccount .content,
  .userAccount.content,
  .userAccount .content {
    max-width: calc(100vw - 2rem);
    margin-left: calc((100% - (100vw - 2rem)) / 2);
    margin-right: calc((100% - (100vw - 2rem)) / 2);
  }

  .cadreListeProduits .content {
    width: auto;
    max-width: calc(100vw - 10rem);
    margin-left: calc((100% - (100vw - 10rem)) / 2);
    margin-right: calc((100% - (100vw - 10rem)) / 2);
  }

  .content.width70,
  .maxContent.width70 {
    max-width: calc(70vw - 2rem);
    margin-left: calc((100% - (70vw - 2rem)) / 2);
    margin-right: calc((100% - (70vw - 2rem)) / 2);
  }

  .content.width80,
  .maxContent.width80 {
    max-width: calc(80vw - 2rem);
    margin-left: calc((100% - (80vw - 2rem)) / 2);
    margin-right: calc((100% - (80vw - 2rem)) / 2);
  }
}

@media screen and (min-width: 1320px) {
  .content,
  .maxContent {
    max-width: 130rem;
    margin-left: calc((100% - 130rem) / 2);
    margin-right: calc((100% - 130rem) / 2);
  }

  #tdv .content,
  .tdvContent .content,
  #currentCaddie .content,
  #navUserAccount .content,
  #titleUserAccount .content,
  .userAccount.content,
  .userAccount .content,
  .cadreListeProduits .content {
    max-width: 130rem;
    margin-left: calc((100% - 130rem) / 2);
    margin-right: calc((100% - 130rem) / 2);
  }

  .content.width70,
  .maxContent.width70 {
    max-width: 91rem;
    margin-left: calc((100% - 91rem) / 2);
    margin-right: calc((100% - 91rem) / 2);
  }

  .content.width80,
  .maxContent.width80 {
    max-width: 104rem;
    margin-left: calc((100% - 104rem) / 2);
    margin-right: calc((100% - 104rem) / 2);
  }
}

@media screen and (min-width: 1620px) {
  .content,
  .maxContent {
    max-width: 160rem;
    margin-left: calc((100% - 160rem) / 2);
    margin-right: calc((100% - 160rem) / 2);
  }

  .cadreListeProduits .content {
    max-width: 160rem;
    margin-left: calc((100% - 160rem) / 2);
    margin-right: calc((100% - 160rem) / 2);
  }
  .content.width70,
  .maxContent.width70 {
    max-width: 112rem;
    margin-left: calc((100% - 112rem) / 2);
    margin-right: calc((100% - 112rem) / 2);
  }

  .content.width80,
  .maxContent.width80 {
    max-width: 128rem;
    margin-left: calc((100% - 128rem) / 2);
    margin-right: calc((100% - 128rem) / 2);
  }

}

@media screen and (min-width: 940px) {
  .icoLink {
    width: 16rem;
  }

  .selectIcon {
    min-width: 20rem;
  }

  .icon-return_up {
    bottom: 6rem;
    right: 6rem;
  }
}
/********************************************** PARAGRAPH *************************************************************/
@media screen and (min-width: 940px) {
  .paragraph--view-mode--default,
  .paragraph--type--structure-wide,
  .paragraph--type--structure-wide .paragraph {
    max-width: 100%;
  }
  .paragraph--type--structure-narrow,
  .paragraph--type--structure-wide .paragraph--type--structure-narrow {
    max-width: calc(100vw - 2rem);
    margin-left: auto;
    margin-right: auto;
  }
  .paragraph .text_long {
    width: 100%;
  }
}

@media screen and (min-width: 1300px) {
  .paragraph--view-mode--default,
  .paragraph--type--structure-wide,
  .paragraph--type--structure-wide .paragraph {
    max-width: 100%;
  }
  .paragraph--type--structure-narrow,
  .paragraph--type--structure-wide .paragraph--type--structure-narrow {
    max-width: 130rem;
    width: auto;
  }

}
/********************************************** HEADER ****************************************************************/
@media screen and (min-width: 940px) {
  #surnav {
    display: block;
  }
  #menuMobile {
    display: none;
  }
  .header-site .header {
    height: 12.5rem;
  }

  .header-site .header > .content {
    position: relative;
    max-height: 100%;
    z-index: 12;
  }

  .header-site .logo {
    flex: 1 1 34rem;
    height: 12.3rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .header-site #block_recherche {
    flex: 1 1 35rem;
  }

  .header-site .bloc {
    width: 12rem;
    height: 12rem;
  }

  .header-site .blocHover .bloc {
    height: 12.2rem;
  }

  .header-site .blocDetail {
    top: 12rem;
    width: calc(3 * 12rem + 0.2rem);
  }

  .header-site .divBloc,
  .header-site .headerBloc {
    position: relative;
  }

  .header-site .divBloc:nth-last-of-type(3) .blocDetail {
    left: 0;
  }

  .header-site .divBloc:nth-last-of-type(2) .blocDetail {
    left: -12.1rem;
  }

  .header-site .divBloc:nth-last-of-type(1) .blocDetail {
    right: 0;
  }

  .header-site .divBloc .bloc p {
    height: 3.6rem;
    margin: 0 0.5rem;
  }

  .header-site #div_panier .bloc span.nbArticles {
    top: 2rem;
    right: 2.5rem;
  }

  .header-site #selection_panier.blocOn p {
    height: 5rem;
    margin: 0 0.5rem 1rem;
  }
}
/********************************************** Menu navigation principal *********************************************/
@media screen and (min-width: 940px) {
  #menu {
    position: relative;
    height: 6rem;
  }

  #menuIcon,
  #menuMobile {
    display: none;
  }
  #menuPLV {
    height: 6rem;
  }

  #menu #menuContent.largeWidth {
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    justify-content: flex-start;
  }

  #menu #menuContent .infos a {
    margin: 0 1rem;
  }

  a.navSite,
  span.navSite {
    position: relative;
    height: 6rem;
    margin: 0 0.1rem;
  }

  .mainMenu > .subMenu > div {
    position: absolute;
    top: 6rem;
    min-width: 100%;
    padding: 0 0.1rem;
    z-index: 1;
  }

  .mainMenu > .subMenu > a + div,
  .mainMenu > .subMenu > span + div {
    display: none;
  }

  .mainMenu > .subMenu:hover > a + div,
  .mainMenu > .subMenu:hover > span + div {
    display: block;
  }

  .mainMenu .subMenu .menuLevel a,
  .mainMenu .subMenu .menuLevel span {
    min-height: 4rem;
    padding: 0 2rem;
    width: 100%;
  }

  .mainMenu .subMenu .menuLevel :first-child {
    margin-top: 0.1rem;
  }

  .mainMenu .subMenu .menuLevel :last-child {
    margin-bottom: 0.1rem;
  }

  .mainMenu .subMenu .menuLevel a.menuLevel2,
  .mainMenu .subMenu .menuLevel span.menuLevel2 {
    padding-left: 4rem;
  }

  .mainMenu .subMenu .menuLevel a.menuLevel3,
  .mainMenu .subMenu .menuLevel span.menuLevel3 {
    padding-left: 6rem;
  }

  .mainMenu .subMenu .menuLevel a.menuLevel4,
  .mainMenu .subMenu .menuLevel span.menuLevel4 {
    padding-left: 8rem;
  }

  #menuPLV a#show_catalogMenu {
    height: 4rem;
    margin: 1rem 0;
  }

  #menuPLV a#show_catalogMenu:hover,
  #menuPLV a#show_catalogMenu.navSiteHover {
    height: 6rem;
    margin: 0;
  }

  #menuPLV a#show_catalogMenu.navSiteActive {
    height: 5.6rem;
    margin: 0.2rem 0;
  }
  #menuPLV a#show_catalogMenu.navSiteHover::after,
  #menuPLV a#show_catalogMenu:hover::after {
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    height: 0;
    width: 0;
    content: " ";
    pointer-events: none;
    margin-left: -0.5rem;
    z-index: 6;
  }

  .menu-horizontal ul.menu__submenu {
    display: none;
  }

  .menu-horizontal li.menu__item--expanded {
    position: relative;
  }

  .menu-horizontal li.menu__item--expanded:hover > a + ul.menu__submenu {
    display: block;
    position: absolute;
    z-index: 20;
  }

  .menu-vertical ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
    padding: 0 1rem;
    text-indent: 0;
    height: 3rem;
  }

  .menu-vertical ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
}
/********************************************** Page ******************************************************************/
@media screen and (min-width: 940px) {
  #leftCol aside {
    width: 25%;
  }

  #leftCol article {
    width: 75%;
  }
}
/********************************************** Menu catalogue ********************************************************/
@media screen and (min-width: 940px) {
  the-menu-categories {
    display: none;
  }

  #catalogMenu.catalogMenuVT {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 11;
  }

  #catalogMenu.catalogMenuVT > div {
    position: relative;
    display: grid;
    grid-template-columns: min(25%, 30rem) 1fr;
  }
  .clic #catalogMenu.catalogMenuVT > div {
    padding-right: 4rem;
  }

  #catalogMenu .icon-cross {
    position: absolute;
    right: 0.4rem;
    top: 1rem;
    z-index: 15;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories {
    margin: 0;
    padding: 1rem;
    overflow: auto;
    z-index: 12;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu::before {
    top: calc(50% - 0.5rem);
  }

  #menuContent .static {
    position: relative;
  }

  .static #catalogMenu.catalogMenuVT {
    width: 32rem;
    margin: 0 auto;
  }

  .static #catalogMenu.catalogMenuVT .menuProduit_categories {
    flex: 0 0 100%;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu {
    margin: 0.6rem 0;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu span {
    display: inline-block;
    width: calc(100% - 2rem);
  }

  #catalogMenu .menuProduit_activites {
    position: relative;
    margin: 3rem 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  #catalogMenu .menuProduit_activites .menuProduit_empty {
    padding: 1rem;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite {
    min-height: auto !important;
    padding: 0 0.5rem;
    z-index: 10;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre {
    margin: 0 0 0.2rem 0;
    padding: 0;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container a {
    display: inline-block;
    width: 100%;
  }
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2 {
    padding: 0.4rem 0.5rem;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille {
    margin: 0;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_ssfamille {
    padding: 0 0.5rem;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a {
    padding: 0.2rem 0.4rem;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories {
    flex: none;
    height: 6rem;
    width: 100%;
    padding: 0;
    overflow-x: visible;
    overflow-y: hidden;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    position: relative;
    height: 6rem;
    margin: 0 0.1rem 0 0;
    padding: 0 1rem;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu::before {
    display: none;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu span {
    width: 100%;
  }

  #catalogMenu .menuProduit_activites.withImage {
    grid-template-rows: 22rem 1fr;
  }

  #catalogMenu .menuProduit_activites.withImage > img {
    margin: auto;
  }

  #catalogMenu .menuProduit_activites .menuProduit_famille_titre.withPicto img {
    max-height: 4rem;
    max-width: 4rem;
    margin-right: 0.4rem;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16%, 24.2rem));
    gap: 0.8rem 0.2rem;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_activites {
    display: none;
    flex: none;
    position: absolute;
    top: 6rem;
    left: 0;
    width: 100%;
    min-height: 20rem;
    margin: 0;
    padding: 1rem 0;
    z-index: 5;
  }

  #catalogMenu.catalogMenuVT .menuProduit_activites {
    position: relative;
    max-height: calc(100vh - 28rem);
    flex: 1 0 75%;
    margin: 1rem 0;
    padding: 0;
  }

}
@media screen and (min-width: 1300px) {
  .static #catalogMenu.catalogMenuVT .menuProduit_categories {
    max-width: 100%;
  }

}

/********************************************** Scroll sur la page ****************************************************/
@media screen and (min-width: 940px) {
  .scroll #oecContent .header-site {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .scroll.toolbar-tray-open .header-site {
    width: calc(100% - 15rem);
  }

  .scroll.toolbar-fixed .header-site {
    top: 3.6rem;
  }

  .scroll .header-site .header {
    height: 4.3rem;
  }

  .scroll .header .logo {
    height: 4rem;
  }

  .scroll .header .logo img {
    max-height: calc(4rem - 0.4rem);
  }

  .scroll .header .bloc {
    height: 4rem;
  }

  .scroll .header-site .blocDetail {
    top: 4rem;
  }

  .scroll .header-site #surnav + header .blocDetail {
    top: 6rem;
  }

  .scroll .header .bloc p {
    display: none;
  }

  .scroll .header .bloc span[class*="icon-"],
  .scroll .header .bloc.blocOff span[class*="icon-"] {
    margin-top: 0.6rem;
  }

  .scroll .header .blocHover span[class*="icon-"] {
    top: 1.3rem;
  }

  .scroll header #div_panier .bloc span.nbArticles {
    top: 0.6rem;
  }

  .scroll #menu,
  .scroll #menuPLV {
    height: 4.4rem;
  }

  .scroll .mainMenu > .subMenu > div {
    top: 4.4rem;
  }

  .scroll #menuPLV a#show_catalogMenu,
  .scroll #menuPLV a#show_catalogMenu:hover,
  .scroll #menuPLV a#show_catalogMenu.navSiteHover {
    height: 4.4rem;
    margin: 0;
  }

  .scroll #menuPLV a#show_catalogMenu.navSiteHover::after,
  .scroll #menuPLV a#show_catalogMenu:hover::after {
    bottom: -1rem;
  }
  .scroll #menu .content {
    min-height: 4.4rem;
  }

  .scroll #catalogMenu.catalogMenuHZ .menuProduit_categories {
    height: 4.4rem;
  }

  .scroll #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    height: 4.4rem;
    padding: 0 0.5rem;
  }

  .scroll #catalogMenu.catalogMenuHZ .menuProduit_activites {
    top: 4.4rem;
  }

  .scroll #catalogMenu.catalogMenuVT .menuProduit_activites {
    max-height: calc(100vh - 18rem);
  }

  .scroll a.navSite,
  .scroll a.navSite.menuActive,
  .scroll span.navSite,
  .scroll span.navSite.menuActive {
    height: 4.4rem;
  }
}
/********************************************** Hover sur le header avec Scroll sur la page ***************************/
@media screen and (min-width: 940px) {
  .layout-container .header-site + a + main {
    min-height: calc(100vh - 26rem);
  }
}
/********************************************** recherche *************************************************************/
@media screen and (min-width: 940px) {
  #block_recherche .recherche {
    width: 21rem;
    height: 4.2rem;
    margin: 0 1rem;
  }

  #block_recherche input[type=search] {
    width: 100%;
    height: 4rem;
  }

  #block_recherche button[type=submit] {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
  }

  #block_recherche .modal_recherche__container .modal_recherche__form_results {
    width: 80%;
    max-width: 90rem;
    margin: 4rem auto;
  }

  #block_recherche .modal_recherche__container .modal_recherche__form_results .recherche {
    width: 100%;
    margin: 0 auto 0.2rem;
  }

  #block_recherche .modal_recherche__container .modal_recherche__results {
    min-width: 64rem;
    width: 100%;
    max-height: 80vh;
    padding: 2rem;
  }

  #block_recherche .modal_recherche__results__container .productsList .catalogArticle .ligneArticle_image {
    flex: 0 0 9.6rem;
  }

  #block_recherche .modal_recherche__results__container .productsList .catalogArticle .ligneArticle_image .mainImage {
    width: 7.6rem;
    height: 7.6rem;
  }

  #block_recherche .modal_recherche__results__container .productsList .catalogArticle .ligneArticle_image .mainImage img {
    max-height: calc(100% - 0.2rem);
    max-width: calc(100% - 0.2rem);
  }
}
/********************************************** SLIDERS ***************************************************************/
@media screen and (min-width: 940px) {

  #asideColumn.twoCols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #asideColumn.twoCols .cadreListeProduits {
    width: 50%;
    flex: 0 0 50%;
    margin: 0;
  }

  #asideColumn .cadreListeProduits .produit {
    flex: 0 0 21.5rem;
    width: 21.5rem;
    margin-right: 1rem;
    min-height: 32rem;
  }

  #asideColumn .cadreListeProduits .produit .cadreTitre {
    padding: 0
  }

  #asideColumn .cadreListeProduits .produit .cadreTarif .prix {
    margin: 0
  }

  #asideColumn .bx-wrapper .bx-controls-direction a {
    width: 2rem;
  }

  #asideColumn .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -2.5rem;
  }

  #asideColumn .bx-wrapper .bx-controls-direction a.bx-next {
    right: -2.5rem;
  }
}

/********************************************** SECTION ***************************************************************/
@media screen and (min-width: 940px) {
  .pageTitle {
    min-height: 5rem;
    margin: 0 0 1rem;
  }

  .pageTitle .returnLink {
    margin-right: 1rem;
  }

  .pageTitle h1,
  .pageTitle .title_h1 {
    flex: 1;
    margin: 0 auto;
    padding: 1.5rem 0;
  }

  .pageTitle h1.content {
    min-height: 3rem;
  }

  #catalogContent .catalogTitle .pageTitle {
    margin: 0;
  }

  #currentCaddie .pageTitle,
  .tdvContent .pageTitle {
    margin: 0;
  }

  #currentCaddie .pageTitle h1,
  .tdvContent .pageTitle h1 {
    padding: 2.5rem 0;
  }
}
/********************************************** Blocs communs *********************************************************/
@media screen and (min-width: 940px) {
  #parentLink {
    display: none;
  }

  .breadcrumb {
    min-height: 2rem;
    margin: 0.2rem 0 1rem;
  }

  .breadcrumb .content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .breadcrumb div > span,
  .breadcrumb div > a {
    display: inline-flex;
    align-items: center;
    margin: 0 0.1rem 0.2rem 0;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
  }

  .breadcrumb a::after {
    margin-left: 0.4rem;
  }

  .breadcrumb a:last-child::after {
    display: none;
  }

  .blocTarif .tarifClient:first-child {
    margin: 0 0 1rem;
  }

  .blocTarif .tarifClient,
  .blocTarif .tarifClient:last-child {
    margin: 0;
  }

  .blocTarif .tarifClient:first-child .prix sup {
    top: -0.5rem;
  }

  .blocTarif .tarifEcotaxePopup {
    right: -2rem;
  }

  .blockTotal {
    flex: 1 0 30rem;
    padding: 1rem 0;
  }

  .blockTotal p {
    height: 4rem;
    margin: 0 0 0.6rem;
  }

  .blockTotal > :last-child {
    margin: 0;
  }

  .blockTotal p a span {
    flex: 0 0 2rem;
  }

  .blockTotal p span.label {
    flex: 0 0 10rem;
    padding: 0 1rem 0 0;
  }

  .blockTotal p span.value,
  .blockTotal .buttonIcon {
    flex: 0 0 20rem;
  }

  .blockTotal p span.showOptions {
    flex: 0 0 4rem;
    padding: 0;
    margin: 0;
  }

  .blockTotal p span sup {
    margin-right: 0.6rem;
  }

  .ligneArticle_tarif .flex-col-fJend-fAstretch {
    flex-direction: column-reverse;
  }

  .autresAgences {
    min-height: 3rem;
  }

  .blocSaisie p {
    width: 100%;
  }

  .blocSaisie > p label {
    min-height: 2rem;
  }

  .blocSaisie textarea {
    width: 100%;
    min-height: 4rem;
  }

  .blocSaisie .nonDispo {
    max-width: 18rem;
  }

  .optionsMenu .showOptions {
    width: 4rem;
    padding: 1rem;
  }
}
/********************************************** CATALOGUE *************************************************************/
@media screen and (min-width: 940px) {
  .pageTitle .content div {
    width: 60%;
    margin: 0.1rem 0 0;
  }

  .pageTitle .content div a {
    margin: 0 0 0.1rem;
    width: 50%;
  }

  #catalogContent {
    min-height: 40rem;
  }

  .page--page-catalogue #catalogContent {
    min-height: unset;
    margin-bottom: 1rem;
  }

  #listeProduits {
    clear: both;
    min-height: 20rem;
    padding: 2rem 0 0;
  }

  .catalogFacet {
    width: 22rem;
    margin: 0 1rem 0 0;
    overflow: hidden;
  }


  .catalogFacet .facetForm {
    justify-content: flex-start;
  }

  .catalogFacet .blocStock {
    margin: 0;
    padding: 0.5rem 0;
  }
  .catalogFacet .blocStock .pictoStock {
    margin: 0 1rem 0 0;
  }
  .catalogFacet .blocStock .stock_enstock .libelleStock,
  .catalogFacet .blocStock .stock_quantitelimitee .libelleStock,
  .catalogFacet .blocStock .stock_surcommande .libelleStock,
  .catalogFacet .blocStock .stock_indisponible .libelleStock {
    max-width: 14.4rem;
    margin: 0;
  }

  #listeProduits .catalogDetail {
    flex: 1 0 100%;
    width: 100%;
  }

  #listeProduits form + .catalogDetail {
    flex: 1 0 calc(100% - 25rem);
    width: calc(100% - 25rem);
  }

  .productsFilter select {
    height: 3rem;
  }

  .productsFilter select[name="sort"] {
    width: 22rem;
  }

  .productsFilter select[name="preferenceNbLignes"] {
    width: 6rem;
  }

  .productsFilter #facetIcon {
    display: none;
  }

  .productsList .catalogArticle {
    margin: 1rem 0;
  }

  .productsList .catalogArticle .ligneArticle_detail .title {
    margin: 0.4rem 0;
  }

  .productsList .catalogArticle .ligneArticle_detail .produitTableauCaract {
    margin: 0;
  }
  .productsList .catalogArticle .ligneArticle_detail .produitStartingPrice {
    display: none;
  }

  .productsList .catalogArticle .ligneArticle_detail .produitStartingPrice {
    display: none;
  }

  .modal_recherche__results__container_content .catalogArticle .ligneArticle_detail .title {
    margin: 0.4rem 0.4rem 0.4rem 0;
  }

  .productsList .tarifQuantitatif .tarifQuantitatifPopup {
    display: none;
  }

  .productsList .tarifQuantitatif.openPopup .tarifQuantitatifPopup {
    display: block;
  }
}

@media screen and (min-width: 1320px) {
  .catalogFacet {
    width: 24rem;
    margin: 0 2rem 0 0;
  }
}

/********************************************** PRODUIT ***************************************************************/
@media screen and (min-width: 940px) {
  main .produit-navigation {
    top: 10rem;
    left: calc(50% - 47rem);
    width: 94rem;
  }

  main .produit-navigation a {
    top: 37%;
  }

  main .produit-navigation a.icon-arrow-left {
    left: -4.2rem;
  }

  main .produit-navigation a.icon-arrow-right {
    right: -4.2rem;
  }

  #productCard {
    min-height: 40rem;
  }

  #productCard #tabs .optionImg span.infoDetail .showZoom,
  #productCard .produitDescriptif .optionImg span.infoDetail .showZoom,
  #productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom {
    max-width: 22rem;
    max-height: 22rem;
  }

  #productCard #tabs .optionImg span.infoDetail .showZoom img,
  #productCard .produitDescriptif .optionImg span.infoDetail .showZoom img,
  #productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom img {
    max-width: 21.6rem;
    max-height: 21.6rem;
  }

  #productCard .produitImages .pictosLinks {
    width: 20rem;
  }

  #productCard .produitDescriptif .optionHTML .infoTitre {
    min-height: 2rem;
    margin: 0;
    padding: 0;
  }

  #productCard .produitDescriptif .optionHTML .infoDetail p {
    min-height: 2rem;
    margin: 0;
    padding: 0;
  }

  #productCard .produitPresentation .produitDetail .tarifQuantitatif,
  #productCard .produitPresentation .produitDetail .produitStock,
  #productCard .produitPresentation .produitDetail .produitStartingPrice {
    display: none;
  }

  #productCard .tarifQuantitatif .tarifQuantitatifPopup {
    display: none;
  }

  #productCard .tarifQuantitatif.openPopup .tarifQuantitatifPopup {
    display: block;
  }

  #productCard .produitCaracteristique:last-child {
    padding-bottom: 2rem;
  }

  #productCard .produitCaracteristique .produitTableauCaract {
    margin: 0;
  }

  #productCard .produitPresentation .produitContent .produitDetail .blocTarif {
    position: absolute;
    top: 0;
    right: 1rem;
    min-width: 13rem;
    padding: 1rem;
  }

  #productCard .produitDetail .blocTarif p.title {
    margin: 0 0 0.5rem;
  }

  #productCard .produitContent .produitDetailDimensions {
    padding: 1rem;
  }

  #productCard .produitTarif {
/*    position: relative;
    width: 28rem;
    min-height: 20rem;*/
    padding: 1rem;
  }

  #productCard .produitTarif .blocTarif {
    width: 100%;
  }

  #oecContent #productCard .produitPresentation .produitTarif > div {
    width: 100%;
  }

  #productCard .produitTarif .blocSaisie div {
    width: 100%;
  }

  #productCard .ficheArticle_panier {
    min-height: 23rem;
  }

  #listeComposant {
    max-width: 94rem;
    margin: 0 auto;
  }

  #productCard .ongletTabs p.optionImg .showOption img,
  #productCard .produitCaracteristiqueBas p.optionImg .showOption img {
    max-width: 20rem;
    max-height: 20rem;
  }

  #listeComposant .catalogArticle .ligneArticle_detail .produitDescriptif {
    margin: 0;
  }

  #listeComposant .catalogArticle .ligneArticle_detail .title {
    margin: 0.4rem 0;
    padding: 0;
  }

  #listeComposant .catalogArticle .ligneArticle_detail .produitCaracteristique:last-child {
    padding-bottom: 0;
  }

  #listeComposant .catalogArticle .ligneArticle_detail .produitStock {
    display: block;
  }

  #listeComposant .catalogArticle .ligneArticle_detail .produitStock .blocStock {
    margin: 0;
    min-width: 20rem;
  }

  #listeComposant .catalogArticle .ligneArticle_tarif {
    flex: 0 0 10rem;
    padding: 1rem;
  }

  #tabs .menu {
    height: 4.5rem;
    padding: 0.5rem 0 0;
  }

  #tabs .menu ul {
    height: 100%;
  }

  #tabs .menu ul li {
    min-width: 18rem;
  }

  #tabs .menu ul.tabs_1 li a,
  #tabs .menu ul.tabs_2 li a,
  #tabs .menu ul.tabs_3 li a,
  #tabs .menu ul.tabs_4 li a,
  #tabs .menu ul.tabs_5 li a,
  #tabs .menu ul.tabs_6 li a {
    width: 100%;
  }

  #tabs .menu ul li:last-child a {
    margin-left: 0;
  }

  #tabs .menu ul li:first-child a {
    margin-right: 0;
  }

  #tabs .menu .ui-state-default {
    min-width: 24rem;
  }

  #tabs .menu ul.tabs_5 .ui-state-default {
    min-width: 18.8rem;
    width: calc(100% / 5);
  }

  #tabs .menu ul.tabs_6 .ui-state-default {
    min-width: 15.6rem;
    width: calc(100% / 6);
  }

  #tabs .ongletTabs .content {
    padding: 0;
  }

  #tabs .ongletTabs .cadreListeProduits .bx-viewport {
    max-height: 45rem;
  }
}
/********************************************** PANIER ****************************************************************/
@media screen and (min-width: 940px) {
  .caddieHeader .content {
    position: relative;
  }

  .caddieHeader .caddieHeaderContent .caddieHeaderInfo {
    flex: 1 0 45%;
    padding: 1rem 0 2rem;
  }

  .caddieHeader .caddieHeaderContent .caddieHeaderInfo label.selectAgence {
    margin: 0 1rem 0 0;
  }

  .caddieHeader .caddieHeaderInfo .caddieComment {
    margin: 1rem 0 0.5rem 0;
  }

  .caddieHeader .caddieHeaderInfo .caddieComment input {
    width: 50rem;
  }

  .caddieHeader .caddieHeaderContent #linkOptions {
    position: relative;
  }

  .caddieHeader .caddieHeaderContent #linkOptions .icon-pdf span {
    display: inline-block;
    width: calc(100% - 3rem);
  }

  .caddieLine {
    margin: 1rem 0 0;
  }

  .caddieLine.isEmballage {
    margin-left: 3rem;
  }

  #validation_panier .caddieLine.isEmballage {
    margin-left: 0;
  }

  .caddieContainer .caddieLineContent .caddieComment {
    max-width: 43rem;
  }

  .caddieContainer .caddieLineFull.showImg .caddieComment {
    max-width: 30rem;
  }

  .caddieLine .caddieLineComplement .caddieComment input {
    width: 24rem;
  }

  .caddieLine .caddieLineContent {
    width: 100%;
    overflow: hidden;
    min-height: 4.2rem;
  }

  .caddieLine .caddieLineContent .toggleLine {
    flex: 0 0 2rem;
    width: 2rem;
  }

  .caddieLine .caddieLineContent.caddieLineShort .width100 > div,
  .caddieLine .caddieLineContent.caddieLineShort .width100 label {
    align-items: center;
  }

  .caddieLine .caddieLineInfo > div {
    max-width: 100%;
  }

  .caddieLine.isEmballage .caddieLineInfo .icon-palette {
    margin-right: 0.5rem;
  }

  .caddieLine.hasEmballage .caddieLineInfo .icon-palette {
    margin-left: 0.5rem;
  }

  .caddieLine .caddieLineContent .caddieLineInfo .libelleLine a,
  .caddieLine .caddieLineContent .caddieLineInfo .libelleLine b {
    margin: auto 0;
  }

  .caddieLine .caddieLineInfo .libelleLine {
    min-height: 4.2rem;
  }

  .caddieLine .caddieLineEmballage .caddieLineInfo .libelleLine {
    min-height: 4.2rem;
  }

  .caddieLine .caddieLineShort .caddieLineInfo .libelleLine {
    max-width: 100%;
  }

  .caddieLine.isEmballage .caddieLineShort .caddieLineInfo .libelleLine,
  .caddieLine.hasEmballage .caddieLineShort .caddieLineInfo .libelleLine {
    /*max-width: calc(100% - 4.5rem);*/
  }

  .caddieLine .caddieLineShort .caddieLineInfo .libelleLine a,
  .caddieLine .caddieLineShort .caddieLineInfo .libelleLine b {
    max-width: 100%;
  }

  .caddieLine .caddieLineInfo .libelleLine > a,
  .caddieLine .caddieLineInfo .libelleLine > b {
    display: block;
  }

  .caddieLine .caddieLineInfo .libelleLineComplement {
    margin: 0.5rem 0 auto;
  }

  .caddieLine .caddieLineImage {
    position: relative;
    padding: 0;
    flex: 0 0 12rem;
  }

  .caddieLine .caddieLineImage .lineImage {
    flex: 0 0 12rem;
    width: 12rem;
    height: 12rem;
    margin: 0 0.6rem 0 0;
  }

  .caddieLine .caddieLineImage .lineImage img {
    max-width: 11.8rem;
    max-height: 11.8rem;
  }

  .caddieLine .caddieLinePrice {
    position: relative;
    flex: 1 0 30rem;
    padding: 0.5rem 0 0.5rem 0.2rem;
  }

  .caddieLine.isEmballage .caddieLinePrice {
    margin-right: 3.3rem;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine {
    flex: 1 0 14rem;
    padding: 0.2rem 0;
  }

  .caddieLine .caddieLinePrice .tarifTotalLine {
    flex: 1 0 12rem;
    padding: 0.2rem 0;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p .tarifMontant,
  .caddieLine .caddieLinePrice .tarifTotalLine p .tarifMontant {
    flex: 1 0 14rem;
    white-space: nowrap;
    width: auto;
    height: 100%;
    padding: 0.2rem;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p.tarifEcotaxe .tarifMontant,
  .caddieLine .caddieLinePrice .tarifTotalLine p.tarifEcotaxe .tarifMontant {
    flex: 1 0 10rem;
  }

  .caddieLine .caddieLinePrice p.tarifUnitRemise {
    margin-top: 0.2rem;
    height: 1.2rem;
  }

  .caddieLine .caddieLinePrice p.tarifUnitRemise + p {
    margin-top: 0.8rem;
  }

  .caddieLine .caddieLinePrice p.tarifUnitRemise + .tarifUnitRemise {
    margin-top: 0.4rem;
  }

  .caddieLine .caddieLinePrice p.tarifUnitRemise + .tarifEcotaxe {
    margin-top: 0.3rem;
  }

  .caddieLine .caddieLinePrice p.tarifUnitRemise + .tarifEcotaxe + p {
    margin-top: 0.5rem;
  }

  .caddieLine .caddieLinePrice p + p {
    margin-top: 0.6rem;
  }

  .caddieLine .caddieLinePrice p.tarifEcotaxe {
    margin-top: 0;
  }

  .caddieLine .caddieLinePrice .product-tag-chantier {
    margin-left: auto
  }
  .caddieLine .caddieLinePrice p.panierLigne_addChantier {
    width: 3rem;
  }

  .caddieLine .caddieLinePrice p {
    height: 3rem;
    width: 100%;
  }

  .caddieLine .caddieLinePrice .tarifUnitLine p span sup,
  .caddieLine .caddieLinePrice .tarifTotalLine p span sup {
    display: inline-block;
  }

  .caddieLine .caddieLinePrice .tarifEcotaxe .tarifMontant {
    margin: 0;
  }

  .caddieLine .caddieLineShort .caddieLinePrice .tarifUnitLine p:not(.tarifEcotaxe) .icon-ecotaxe {
    position: absolute;
    left: -2rem;
  }

  .caddieLine .caddieLineFull .caddieLinePrice p:not(.tarifEcotaxe) span.icon-ecotaxe {
    display: none;
  }

  .caddieLine .caddieLinePrice .tarifEcotaxe .tarifMontant .icon-ecotaxe {
    display: inline-block;
    margin-left: 0.3rem;
  }

  .caddieLine .caddieLinePrice .quantiteLine {
    flex: 1 0 12rem;
    min-width: 12rem;
    min-height: 3rem;
    margin: 0 auto;
    padding: 0 0.5rem;
  }

  .caddieLine .caddieLinePrice .quantiteLine .quantite {
    width: 6rem;
    height: 3rem;
    margin: 0 0.3rem 0 0;
    padding: 0 0.2rem;
  }

  .caddieLine .caddieLinePrice .quantiteLine .quantiteLineConv {
    margin-top: 0;
    height: 1.2rem;
  }

  .caddieLine span.icon-delete {
    width: 2rem;
  }

  .caddieContainer:last-child {
    margin-bottom: 10rem;
  }

  .caddieLineContent {
    position: relative;
  }

  .caddieBlocComplement {
    position: relative;
    height: 0;
  }

  .caddieBlocComplement .caddieBlocComplementBloc {
    position: absolute;
    bottom: 0;
    height: auto;
  }

  .emptyCaddieContent .caddieBlocComplement {
    height: auto;
  }

  .emptyCaddieContent .caddieBlocComplement .caddieBlocComplementBloc {
    position: relative;
  }
}

/********************************************** TUNNEL DE COMMANDE ****************************************************/
@media screen and (min-width: 940px) {
  #tdv .content {
    height: 16rem;
  }

  #tdv .content p {
    margin: 0 2rem 0 0;
  }

  .tdvContent {
    min-height: calc(100vh - 46rem);
    padding-bottom: 2rem;
  }

  .tdvContent .tdvContainer + .content {
    margin-bottom: 2rem;
  }

  #validation_connexion .fieldset {
    max-width: calc(50% - 1rem);
    margin: 0 2rem 0 0;
  }

  #validation_connexion .fieldset + .fieldset {
    margin: 0;
  }

  #validation_connexion .content {
    width: calc(50vw - 2rem)
  }
  #validation_connexion .pageTitle .content {
    width: auto;
    margin: 0;
  }

  #validation_connexion .fieldset .formInfo {
    position: relative;
    height: 20rem;
  }

  .tdvContent .fieldset .formInfo .form-actions {
    position: absolute;
    right: 2rem;
    bottom: 1rem;
    height: 4rem;
  }

  .tdvContent .fieldset {
    flex: 1 0 100%;
    width: 100%;
    margin: 0 0 2rem;
  }

  .tdvContent .fieldset .width50 {
    width: calc(50% - 1rem);
  }

  .tdvContent .fieldset .width50 .fieldsetContent {
    height: calc(100% - 3rem);
  }

  .tdvContent .fieldset:last-child {
    padding-bottom: 1rem;
  }

  .tdvContent #js_gestionAdresseLivraison .fieldsetContent > p .label {
    width: 30rem;
  }

  .tdvContent #js_saisieAdresse .formInfo {
    width: 46rem;
  }

  .tdvContent .blocWarning {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .tdvContent .fieldset .fieldsetContent .blocDate {
    width: 100%;
    margin: 1rem 0;
  }

  .tdvContent .fieldset .fieldsetContent .blocChoice {
    margin: 0.5rem 2rem 0 0.5rem;
  }

  .tdvContent .fieldset .fieldsetContent .blocChoice .buttonLabel {
    width: 25rem;
    padding: 0 0 0 2rem;
    justify-content: flex-start;
  }

  .tdvContent .blocChoice input:checked + .buttonLabel::after {
    top: calc(50% - 0.5rem);
    right: -1rem;
  }

  .tdvContent #typeCommande .blocType {
    width: 100%;
    margin: 0;
  }

  .tdvContent #blocLivre #js_saisieAdresse {
    width: 65%;
  }

  .tdvContent #blocLivre .displayAdresse {
    width: 70%;
  }

  .tdvContent #blocLivre #saisieZone {
    width: 100%;
  }

  .tdvContent #blocLivre p .label {
    min-width: 18.5rem;
  }

  .tdvContent #blocLivre > p select {
    width: 30.8rem;
    margin: 0 0 0 1rem;
  }

  .tdvContent #saisieZone > p select {
    width: 30.8rem;
    margin: 0 0 0 1rem;
  }

  .tdvContent #saisieZone a {
    margin: 0;
  }

  .blocCoupon input[type=text],
  #coupon p {
    height: 4rem;
  }

  .blocCoupon button {
    height: 4rem;
    min-width: 4rem;
    width: 4rem;
  }

  .tdvContent .caddieHeader .caddieHeaderContent .blockTotal {
    margin: 0;
  }

  #validation_confirmation .icoLink {
    justify-content: flex-start;
    width: auto;
  }

  #validation_confirmation p {
    margin: 0.5rem 0;
  }

  #validation_reglement .tdvContainer {
    position: relative;
    min-height: 20rem;
  }

  #validation_reglement p.modeReglementDetail {
    margin: 0 0 2rem;
  }

  #validation_reglement .tdvContainer .modeReglementDetail {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 25rem);
    padding: 0 2rem 2rem;
  }

  #validation_reglement .tdvContainer .modeReglement .buttonLabel {
    width: 25rem;
    padding: 0 0 0 2rem;
    justify-content: flex-start;
  }

  #validation_reglement .tdvContainer .modeReglement input:checked + .buttonLabel::after {
    top: calc(50% - 0.5rem);
    right: -1rem;
  }

  #validation_panier .caddieLine .caddieLineContent {
    width: 100%;
  }

  #validation_panier .caddieLine .caddieLinePrice {
    margin-right: 1rem;
  }
}

/********************************************** MON COMPTE ************************************************************/
@media screen and (min-width: 940px) {
  #navUserAccount {
    height: 11rem;
    margin: 1rem 0 0;
    padding: 0.5rem 0;
  }

  #navUserAccount a {
    width: 10rem;
    height: 10rem;
    margin: 0 1rem 0 0;
    padding: 0 1rem;
  }

  #navUserAccount a + span {
    display: none;
  }

  #navUserAccount a::before {
    width: 5rem;
    height: 5rem;
  }

  #navUserAccount a span {
    display: flex;
    height: 3rem;
    margin-top: 1rem;
  }

  .userAccount h2 {
    margin: 2rem 0;
  }

  #contentDashboardUser {
    margin-top: 2rem;
  }

  #contentDashboardUser .leftPart {
    width: calc(50% - 5rem);
    margin: 0 1rem 0 0;
  }

  #contentDashboardUser .rightPart {
    width: calc(50% + 3rem);
    margin: 0 0 0 1rem;
  }

  #contentDashboardUser .bloc {
    width: 100%;
    margin: 0 0 2rem;
  }

  #contentDashboardUser .bloc p.linkContent {
    width: 100%;
    padding: 0 1.4rem;
  }

  #contentDashboardUser .bloc p.linkContent a {
    height: 6rem;
  }

  #contentDashboardUser .bloc p.linkContent .icon-arrow-right {
    margin-left: 1.5rem;
  }

  #contentDashboardUser .oneBloc .accountCaddyCDE p.linkContent a,
  #contentDashboardUser .oneBloc .accountCaddyTYP p.linkContent a {
    height: 7rem;
  }

  #contentDashboardUser .accountProfil p {
    width: calc(100% - 3rem);
    margin: 1.5rem 1.5rem 0;
  }

  #contentDashboardUser .accountProfil p .input {
    width: 38rem;
  }

  #contentDashboardUser .bloc .fieldsetLegend {
    margin: auto 2rem;
  }

  #contentDashboardUser .fieldsetContainer .fieldsetLine span {
    display: inline-block;
  }

  #contentDashboardUser .fieldsetContainer .fieldsetLine .lineDate {
    flex: 0 0 8rem;
    padding: 0 0 0 1rem;
  }

  #contentDashboardUser .fieldsetContainer .fieldsetLine .lineName {
    flex: 1 0 18rem;
    padding: 0 0 0 1rem;
  }

  #contentUserAccount .fieldset {
    flex: 0 0 calc(50% - 0.9rem);
    width: calc(50% - 0.9rem);
  }

  #contentUserAccount .profilContent {
    padding: 2rem;
  }

  #contentUserAccount .profilContent .fieldset .fieldsetContent {
    width: 100%;
  }

  #contentUserAccount .profilContent .fieldset .fieldsetContent p label {
    min-width: 13rem;
  }

  #contentUserAccount .fieldset .fieldsetContent p.identiteClient {
    margin-bottom: 2rem;
  }

  #contentUserAccount .profilContent .userChangeMdp {
    position: relative;
    margin-top: 2rem;
  }

  #contentUserAccount .prefContent .fieldset .fieldsetContent p select {
    width: 20rem;
  }

  #contentUserAccount .prefContent .fieldset p .input {
    width: 20rem;
  }

  #contentUserAccount .prefContent {
    padding: 0 1rem;
  }

  #contentUserAccount .prefContent .fieldset div.flex-col + div.flex-col {
    margin: 2rem 0 0;
  }

  #contentUserOrders h2 a.pixel_32 {
    margin-right: 3rem;
  }

  #contentUserOrders .adminOptions p input {
    width: 15rem;
  }

  #contentUserOrders .mvts-form p span {
    margin: 0 1rem;
  }

  #contentUserOrders .fieldsetContainer {
    width: 100%;
    margin: 0 0 4rem;
  }

  #contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon {
    margin: 0 1rem 0 0;
  }

  #contentUserOrders .fieldsetContainer .orderType {
    flex: 0 0 5rem;
    padding: 0;
  }

  #contentUserOrders .fieldsetContainer .lineDate {
    flex: 0 0 12rem;
    padding: 0;
  }

  #contentUserOrders .fieldsetContainer .lineName {
    flex: 0 0 20rem;
  }

  #contentUserOrders .fieldsetContainer .lineName + .lineName {
    flex: 2 0 30rem;
  }

  #contentUserOrders .fieldsetContainer .lineName + .lineDate {
    flex: 1 0 10rem;
  }

  #contentUserOrders .fieldsetContainer .lineTotal {
    flex: 0 0 15rem;
  }

  #contentUserOrders .fieldsetContainer .lineTotal {
    padding: 0 2rem 0 0;
  }

  #contentUserOrders .orderHeader .orderHeaderContent {
    flex: 2 0 40rem;
    padding: 1rem 0;
  }

  #contentUserOrders .orderHeader .orderHeaderContent > div {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }

  #contentUserOrders .fieldsetContainer .orderOptions {
    flex: 0 0 5rem;
    padding: 0;
  }

  #contentUserOrders .fieldsetContainer .optionsMenu {
    flex: 0 0 6rem;
    padding: 0;
    text-align: center;
  }

  #contentUserOrders .orderHeader .blockTotal {
    margin: 0;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse .title::before {
    display: none;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse .title::after {
    content: " : ";
  }

  #contentUserOrders .orderHeader .orderHeaderContent .adresse + .adresse {
    margin-left: 3rem;
  }

  #contentUserOrders .orderHeader .blockTotal {
    margin: 0;
    align-self: flex-end;
  }

  #contentUserOrders .orderHeader #typeCommande {
    position: absolute;
    right: 0;
    top: 1rem;
  }

  #contentUserOrders .orderHeader #typeCommande .buttonIcon {
    width: 20rem;
    padding: 0 1.5rem 0 3.5rem;
  }

  #contentUserOrders .orderHeader #linkOptions a span {
    display: inline-block;
    max-width: 100%;
  }

  #contentUserOrders .orderContent a.fieldsetLine {
    display: block;
  }

  #contentUserOrders .orderContent .fieldsetLine {
    min-height: 4rem;
    margin: 1rem 0 0.1rem;
    padding: 0 1rem;
  }

  #contentUserOrders .orderContent .commentLine {
    padding: 0 2rem;
  }

  #contentUserOrders .orderContent .fieldsetLine a p {
    min-height: 4rem;
  }

  #contentUserOrders .orderContent .fieldsetLine p span {
    padding: 0 0 0 1rem;
  }

  #contentUserOrders .orderContent .fieldsetLine span.codeLine {
    flex: 0 0 12rem;
    padding: 0;
  }

  #contentUserOrders .orderContent .fieldsetLine span.libelleLine {
    flex: 1 1 40rem;
  }

  #contentUserOrders .orderContent .fieldsetLine span.tarifUnitLine {
    flex: 0 0 13rem;
  }

  #contentUserOrders .orderContent .fieldsetLine span.quantiteLine {
    flex: 1 0 10rem;
    white-space: nowrap;
  }

  #contentUserOrders .orderContent .fieldsetLine span.quantiteLine .unit {
    padding: 0 0 0 0.2rem;
  }

  #contentUserOrders .orderContent .fieldsetLine span.tarifTotalLine {
    flex: 0 0 12rem;
  }

  #contentUserOrders .trp-bloc {
    padding: 0;
  }

  #contentUserOrders .trp-bloc__ligne {
    flex: 0 0 27rem;
    margin-right: 1rem;
  }

  #contentUserOrders .orderContent .trp-bloc__block .trp-bloc__ligne {
    flex: 0 0 50%;
    margin: 0 0 0.1rem;
  }

  #contentUserOrders .orderContent .trp-bloc__block .trp-bloc__ligne .trp-bloc__label {
    min-width: 15rem;
  }

  #contentUserOrders .orderContent .trp-bloc__block .trp-bloc__ligne .trp-bloc__display {
    min-width: 20rem;
  }

  #contentUserOrders .legend > p {
    flex: 1 1 20%;
  }

  #contentUserSites .sitesLineHeaders .lineName,
  #contentUserSites .fieldsetContainer .fieldsetLine .lineName {
    flex: 1 0 10rem;
  }

  #contentUserSites .sitesLineHeaders .lineList,
  #contentUserSites .fieldsetContainer .fieldsetLine .lineList {
    flex: 2 0 18rem;
  }

  #contentUserSites .sitesLineHeaders .lineNumber,
  #contentUserSites .fieldsetContainer .fieldsetLine .lineNumber {
    flex: 1 0 10rem;
  }

  #contentUserSites .sitesLineHeaders .lineTotal,
  #contentUserSites .fieldsetContainer .fieldsetLine .lineTotal {
    flex: 1 0 10rem;
  }

  .caddieContainer .caddieHeader .toggleCaddie {
    flex: 0 0 2rem;
  }

  #contentUserFavoriteCaddies .caddieContainer .caddieHeader .toggleCaddie {
    margin-left: 0;
  }

  .caddieContainer .caddieHeader .content .caddieHeaderInfo {
    flex: 1 0 50rem;
    height: 100%;
    padding: 1rem 0 1rem 0.6rem;
  }

  .caddieContainer .caddieHeader .content .caddieHeaderInfo > div {
    max-width: 100%;
  }

  .caddieContainer .blockTotal {
    flex: 1 0 30rem;
    max-width: 50%;
  }

  .caddieContainer .blockTotal p span.label {
    flex: 1 0 10rem
  }

  .caddieHeader .caddieHeaderContent .blockTotal {
    margin: 0;
    padding: 1rem 0;
  }

  .caddieBlock {
    width: calc(100% / 3 - 1.4rem);
    margin: 0 0 1rem;
  }

  .caddieBlock:nth-child(3n+2) {
    margin: 0 2.1rem 1rem;
  }

  .caddieBlockContainer {
    margin: 1rem 0 0;
  }

  .caddieBlockContent {
    width: 100%;
    padding: 0.9rem;
  }

  .caddieBlockContent .lineImage {
    flex: 0 0 10rem;
    width: 10rem;
    height: 10rem;
    margin-right: 1rem;
  }

  .caddieBlockContent .icon-delete {
    width: 3rem;
    height: 3rem;
  }
}

/********************************************** CONTENU ************************************************************/
@media screen and (min-width: 940px) {
  .list-card .card {
    width: calc(25% - 3rem)
  }

}
/********************************************** BLOC ASIDE ************************************************************/
@media screen and (min-width: 940px) {
  aside h2,
  aside h3 {
    padding: 0;
  }

  aside p {
    margin: 1.4rem 0;
  }

  .reassuranceContent {
    margin-bottom: 2rem;
  }
  .reassuranceContent .content {
    justify-content: space-evenly;
  }

  .reassuranceContent.cols-4 .bloc {
    flex: 0 0 22rem;
    width: 22rem;
    height: 22rem;
  }

  .reassuranceContent.cols-5 .bloc {
    flex: 0 0 18rem;
    width: 18rem;
    height: 18rem;
  }

  .reassuranceContent.cols-4 .bloc .blocImg,
  .reassuranceContent.cols-4 .bloc .blocTitre {
    height: 9rem;
  }

  .reassuranceContent.cols-5 .bloc .blocImg,
  .reassuranceContent.cols-5 .bloc .blocTitre {
    height: 7rem;
  }
}
@media screen and (min-width: 1040px) {
  #asideColumn.twoCols .cadreListeProduits {
    width: 50%;
    flex: 0 0 50%;
    margin: 0;
  }

  #asideColumn.twoCols .cadreListeProduits .content {
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1300px) {
  #asideColumn.twoCols .cadreListeProduits .content {
    max-width: 65rem;
  }

}
/********************************************** FOOTER ****************************************************************/
@media screen and (min-width: 940px) {
  .footer-site .footerSecond .separator {
    flex: 0 0 0.1rem;
    width: 0.1rem;
    height: 1rem;
    margin: 0 4.2rem;
  }
}
/********************************************** FORMULAIRES ***********************************************************/
@media screen and (min-width: 940px) {
  .drupalForm .content form.width50 {
    margin: 1rem auto;
  }

  .drupalForm .js-form-type-checkbox span + label {
    width: 10rem;
  }

  .drupalForm .form-managed-file .js-form-type-checkbox span + label {
    width: auto;
  }

  .drupalForm .fieldgroup .fieldset {
    flex: 1;
    margin: 0 1rem 1rem 0;
  }

  .pageForm .form-item textarea {
    height: 15rem;
    width: 60rem;
    padding: 0 0.5rem;
  }

  .pageForm .form-item input[type=text],
  .pageForm .form-item input.inputText {
    min-width: 32rem;
  }

  .drupalForm .openweb-creer-compte .fieldsetContent {
    width: 100%;
  }

  .drupalForm .openweb-creer-compte .fieldsetConnexion .fieldsetContent {
    width: 50%;
  }

  .drupalForm .fieldsetConnexion div.password-strength {
    width: 45rem;
  }

  .drupalForm .fieldsetConnexion .form-item-mdp .form-item {
    max-width: 50rem;
  }

  .drupalForm .fieldsetConnexion .form-item-mdp .password-suggestions {
    position: absolute;
    top: 0;
    left: 50rem;
    width: 40rem;
  }
}

/********************************************** Formulaires Drupal ****************************************************/
@media screen and (min-width: 940px) {
  form.contact-form .form-wrapper.field--type-file .form-managed-file .js-form-type-textfield {
    flex-wrap: wrap;
  }

  form.contact-form .form-wrapper.field--type-text-long label + div {
    width: 77.5rem;
  }

  form.contact-form .form-wrapper.field--type-text-long .filter-wrapper {
    margin-left: 16.5rem;
    width: 77.5rem;
  }

  form.contact-form .form-wrapper.field--type-text-long .js-form-type-textarea {
    align-items: flex-start;
    margin-bottom: 0;
  }

  .layout__region--second form.contact-form .form-item label:not(.pixel_32) {
    width: 100%;
  }

  .layout__region--second .form-item input:not([type=radio]):not([type=checkbox]):not([type=file]),
  .layout__region--second .form-item textarea {
    width: 42rem;
  }
}
/********************************************** Connexion obligatoire *************************************************/
@media screen and (min-width: 940px) {
  .openweb-user-login-form .form-item-name input,
  .openweb-user-login-form .form-item-pass input {
    flex: 0 0 30rem;
    width: 30rem;
  }
}

/********************************************** Popup modal ***********************************************************/
@media screen and (min-width: 940px) {
  #modalMobile {
    display: none;
  }

  #modal .popup {
    max-width: 60vw;
    min-height: 16rem;
    min-width: 60rem;
    overflow: hidden;
  }

  #modal .popup.popupContainer {
    overflow: visible;
  }

  #modal .popup .popupContent {
    max-height: calc(60vh - 4rem);
  }

  .agenceFormPopup {
    margin: 2rem 0 1rem;
  }

  #choixAgenceResults {
    height: calc(100% - 6rem);
    overflow: auto;
  }

  #choixAgenceResults .buttonIcon {
    padding: 0 2rem;
  }

  .listeAgences tr td {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }

  #modal #interroStockResults .blocStock {
    justify-content: flex-start;
  }

  #modal #contentUserOrders .question {
    margin: 0 0 2rem;
  }

  #modal #contentUserOrders .orderHeader {
    margin: 0 -1rem;
    padding: 0 1rem;
  }

  #modal #contentUserOrders .orderHeader .orderHeaderContent {
    flex: 0 0 50%;
  }

  #modal #contentUserOrders .orderHeader .blockTotal {
    flex: 1 0 0;
    align-self: flex-start;
  }

  #modal #contentUserOrders .orderHeader .orderHeaderContent p {
    margin: 0;
  }

  #modal #contentUserOrders .orderContent {
    max-height: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #modal #contentUserOrders .orderContent .fieldsetLine span.libelleLine {
    flex: 1 1 30rem;
  }

  #modal #listeDeclinaisons {
    width: 100%;
  }

  #modal #listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .produitTarif {
    width: 22rem;
  }

  #modal #listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .blocStock {
    display: block;
  }

  #modal #listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .blocStock p {
    margin: 0;
  }
}