body,
a,
select,
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=search],
input[type=password],
textarea,
button,
input[type=submit],
input[type=button],
.btn_spec {
  font: 400 1.2rem/1.2 GillSans, "Helvetica", Arial, sans-serif;
  color: #3b3b3b;
}

a {
  font-weight: 600;
  text-decoration: none;
}

a:hover {
  color: #d3632f;
}
/* -------------------- SELECTION -------------------- */
::selection {
  color: #ffffff;
  background: #cccccc;
}
::-moz-selection {
  color: #ffffff;
  background: #cccccc;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}

sup,
sub {
  font-size: 0.5em;
  font-weight: 400;
}

.alert p {
  font-size: 1.3rem;
}

.error,
.icon-error {
  color: red;
}
.warning,
.icon-warning {
  color: orange;
}
.success,
.icon-success {
  color: green;
}
.alert.alert-info {
  color: #46a9d9;
  border-top: 0.1rem solid #46a9d9;
}
.alert.alert-error {
  color: red;
  border-top: 0.1rem solid red;
}
.alert.alert-warning {
  color: orange;
  border-top: 0.1rem solid orange;
}
.alert.alert-success {
  color: green;
  border-top: 0.1rem solid green;
}

button,
a.button,
.buttonIcon {
  font-size: 1.5rem;
  font-weight: 400;
  background-color: #f18731;
  border: 0.1rem solid transparent;
  color: #ffffff;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.buttonIcon.selected {
  background-color: #4e4e4e;
}

button:hover,
a.button:hover,
.buttonIcon:hover,
.buttonIcon.selected:hover {
  background-color: #3B3B3B;
  color: #F18731;
}

a.button.button-secondaire,
.buttonIcon[type="button"],
.buttonIcon[type="reset"] {
  background-color: #9f9f9f;
}

a.button.button-secondaire:hover,
.buttonIcon[type="button"]:hover,
.buttonIcon[type="reset"]:hover {
  background-color: #3B3B3B;
  color: #F18731;
}

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

.buttonIcon.disabled,
.buttonIcon.disabled:hover {
  background-color: #dedede;
  border-color: #9f9f9f;
  color: #969696;
  cursor: default;
}
button:disabled,
.buttonIcon:disabled {
  opacity: 0.6;
}

.labelIcon {
  font-size: 1.3rem;
  border: 0.1rem solid #ffffff;
  outline: 0.1rem solid #ededed;
  background-color: #e3e3e3;
  cursor: pointer;
}

.labelIcon::before {
  font-size: 1.3rem;
}

.labelIcon span {
  font-size: 1.8rem;
}

.labelIcon:hover {
  color: #d3632f;
}

.selectIcon {
  color: #ffffff;
  background-color: #3b3b3b;
  border: 0.1rem solid #3b3b3b;
  outline: 0.1rem solid #3b3b3b;
}

.selectIcon::before {
  font-size: 2rem;
}

.selectIcon select {
  background-color: transparent;
  border: 0.1rem solid transparent;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
}

.selectIcon select option {
  background-color: #F3F3F3;
  color: #3b3b3b;
}

.icoLink {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  background-color: transparent;
  cursor: pointer;
}

.icoLink::before {
  font-size: 2.8rem;
}

.icoLink:hover,
.icoLink:hover::before {
  color: #D3632F;
}

.icoLink.disabled,
.icoLink.disabled::before {
  color: #9F9F9F;
  cursor: default;
}

.icoLink.disabled:hover {
  background-color: transparent;
}

.icon-promo {
  color: #CC0000;
  font-size: 5.3rem;
}
.icon-promo span {
  font-size: 1.5rem;
  color: #ffffff;
}
.icon-promo .libellePromo {
  font-size: 1.3rem;
}

.icon-arrow-down,
.icon-arrow-up {
  cursor: pointer;
}

.icon-return_up {
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px 3px rgba(127, 127, 127, 0.5);
  -moz-box-shadow: 0 0 10px 3px rgba(127, 127, 127, 0.5);
  box-shadow: 0 0 10px 3px rgba(127, 127, 127, 0.5);
}
.icon-return_up::before {
  font-size: 3.6rem;
  background-color: #ffffff;
  color: #3b3b3b;
}
.icon-return_up:hover::before {
  background-color: #ffffff;
  color: #d3632f;
}

.pixel_32.icon-return_left::before {
  font-size: 3.6rem;
  background-color: #ffffff;
  color: #d3632f;
}
.pixel_32.icon-return_left:hover::before {
  background-color: #ffffff;
  color: #3b3b3b;
}

.inputCheckbox input[type="checkbox"] + label {
  font-size: 1.3rem;
  cursor: pointer;
}

.inputCheckbox label span.icon-validate {
  font-size: 2rem;
  line-height: 1;
  background-color: #FFFFFF;
  border: 0.3rem solid #E3E3E3;
  color: transparent;
  text-align: center;
}

.inputCheckbox label.obligatoire span.icon-validate {
  border-color: red;
}

.inputCheckbox input[type="checkbox"]:checked + label span.icon-validate {
  color: #D3632F;
}

.inputRadiobox input[type="radio"] + label {
  font-size: 1.3rem;
  cursor: pointer;
}

.inputRadiobox label span.icon-dot {
  font-size: 1.5rem;
  line-height: 1;
  background-color: #FFFFFF;
  border: 0.3rem solid #E3E3E3;
  color: transparent;
  text-align: center;
  border-radius: 2rem;
}

.inputRadiobox label.obligatoire span.icon-dot {
  border-color: red;
}

.inputRadiobox input[type="radio"]:checked + label span.icon-dot {
  color: #D3632F;
}

::placeholder { /* Chrome/Opera/Safari */
  font-size: 1.4rem;
  color: #9f9f9f;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 1.4rem;
  color: #9f9f9f;
}

:-moz-placeholder { /* Firefox 18- */
  font-size: 1.4rem;
  color: #9f9f9f;
  opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
  font-size: 1.4rem;
  color: #9f9f9f;
  opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
  font-size: 1.4rem;
  color: #9f9f9f;
}

::-ms-input-placeholder { /* Edge */
  font-size: 1.4rem;
  color: #9f9f9f;
}

:placeholder-shown { /* Standard one last! */
  color: #9f9f9f;
}

.selectBox select {
  font-size: 1.3rem;
  line-height: 1.3;
  border: 0.2rem solid #ededed;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none) {
  .selectIcon select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
  }

  .selectIcon span.icon-arrowdown {
    font-size: 1.8rem;
    color: #ffffff;
    border: 0.2rem solid transparent;
    background-color: transparent;
  }

  .selectBox span.icon-arrow-down {
    font-size: 1.2rem;
    border: 0.2rem solid transparent;
    background-color: transparent;
  }

  .selectBox select {
    background-color: transparent;
    cursor: pointer;
  }

  .selectBox span.icon-arrowdown {
    font-size: 1.8rem;
    border: 0.2rem solid #ededed;
    background-color: #e3e3e3;
  }

  .form-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
  }

  .form-item .selectBox span.icon-arrowdown {
    font-size: 1.8rem;
    border: 0.2rem solid #ededed;
    background-color: #e3e3e3;
  }
}

.bold600 {
  font-weight: 600;
}

h1,
.title_h1 {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 600;
}

h2,
.title_h2 {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.5;
}

h3,
.title_h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 400;
}

h4,
.title_h4 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
}

h5,
.title_h5 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
}

h6,
.title_h6 {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
}

/*************************************************** HEADER ***********************************************************/
#surnav {
  background-color: #f3f3f3;
}

.header-site {
  background-color: #f18731;
}

.header-site .divBloc .bloc,
.header-site .divBloc .bloc:hover {
  font-size: 1rem;
  background-color: #f3f3f3;
  border: 0.1rem solid #f3f3f3;
  cursor: pointer;
}

.header-site .blocHover .bloc,
.header-site .blocHover .bloc:hover {
  border-color: #dedede;
  border-bottom: 0 none;
}

.header-site.desktopView .divBloc .bloc:hover .pixel_32,
.header-site.desktopView .blocHover .bloc .pixel_32 {
  font-size: 3rem;
}
.scroll .header-site.desktopView .divBloc .pixel_32,
.scroll .header-site.desktopView .divBloc .bloc:hover .pixel_32,
.scroll .header-site.desktopView .blocHover .bloc .pixel_32 {
  font-size: 1.7rem;
}

.header-site .divBloc .bloc p {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.2;
  text-align: center;
  align-items: normal;
}

.header-site .divBloc .blocDetail {
  background-color: #f3f3f3;
  border: 0.1rem solid #dedede;
}

.header-site .divBloc .blocDetail .icon-cross {
  font-size: 1.2rem;
  color: #838383;
  cursor: pointer;
}

.header-site #bloc_agence p {
  font-size: 1.3rem;
  line-height: 1.25;
}

.header-site #bloc_profil .bloc_address {
  background-color: #ededed;
  text-align: center;
  font-size: 1.4rem;
}
.header-site #bloc_profil p {
  font-size: 1.3rem;
  line-height: 1.25;
}

.header-site #div_panier .bloc .nbArticles {
  font-size: 1.2rem;
  border-radius: 50%;
  background-color: #f18731;
}

.header-site #div_panier .bloc .nbArticles span {
  color: #ffffff;
}
.header-site #div_panier .caddyName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-site #div_panier .total sup {
  font-size: 0.8rem
}
.header-site #div_panier #show_selectPanier .caddyName {
  font-size: 1.2rem;
  white-space: nowrap;
}
.header-site #selection_panier .total span + span {
  color: #d3632f;
}
.header-site #bloc_panier .nbArticles,
.header-site #bloc_panier .noArticlePanier {
  font-size: 1.5rem;
}
.header-site #bloc_panier span.labelIcon:hover {
  color: #3b3b3b;
}
.header-site #bloc_panier #blocSwitchTarif {
  border: 0.2rem solid #212121;
  outline: 0.1rem solid #535353;
}
.header-site #bloc_panier #blocSwitchTarif span {
  background-color: #3c3c3c;
  border: 0.3rem solid #212121;
  color: #6a6a6a;
  font-size: 1.8rem;
}
.header-site #bloc_panier #blocSwitchTarif span {
  background: #a2a2a2;
  border: 0.2rem solid #a2a2a2;
  color: #ffffff;
}
.header-site #bloc_panier #blocSwitchTarif span.active {
  background: #f18731 url(../img/switch.png) no-repeat center center;
  border: 0.3rem solid #f18731;
  color: #ffffff;
}
.header-site #bloc_panier #blocSwitchTarif:hover span {
  background: #f18731 url(../img/switch.png) no-repeat center center;
  border: 0.3rem solid #f18731;
  color: #ffffff;
}
.header-site #bloc_panier #blocSwitchTarif:hover span.active {
  background: #a2a2a2;
  border: 0.2rem solid #a2a2a2;
  color: #ffffff;
}
.header-site #bloc_panierDetail .lignesPanier {
  border: 0.1rem solid #dedede;
}
.header-site #bloc_panierDetail .lignesPanier p a {
  font-weight: 200;
  font-size: 1.1rem;
}

.header-site #bloc_panierDetail .lignesPanier p span {
  white-space: nowrap;
}
.header-site #bloc_panierDetail .lignesPanier p .ligneLibelle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-site #bloc_panierDetail .lignesPanier p .ligneQte {
  text-align: right;
}
.header-site #bloc_panierDetail .lignesPanier p .ligneMontant {
  text-align: right;
  color: #d3632f;
}
.header-site #bloc_panierDetail .lignesPanier p .ligneMontant sup {
  font-size: 0.8rem;
}

.header-site #bloc_panierDetail .totalPanier p {
  font-size: 1.5rem;
  line-height: 1.4;
}

.header-site #bloc_panierDetail .totalPanier p {
  color: #3b3b3b;
}

.header-site #bloc_panierDetail .totalPanier p:first-child {
  color: #d3632f;
}

.header-site #bloc_connexion .buttonIcon.icon-profile {
  background-color: #3b3b3b;
}
.header-site #bloc_profil .buttonIcon.icon-logout {
  background-color: transparent;
  color: #3b3b3b;
}
.header-site #bloc_profil .buttonIcon.icon-logout:hover {
  background-color: #3b3b3b;
  color: #f18731;
}
.header-site #bloc_panierDetail .buttonIcon.icon-caddie {
  background-color: #3b3b3b;
}

.header-site #bloc_panierSelection form {
  border: 0.1rem solid #e3e3e3;
  background-color: #ffffff;
}

.header-site #bloc_panierSelection form p {
  background-color: #ffffff;
  cursor: pointer;
}

.header-site #bloc_panierSelection form p:not(.newCaddie),
.header-site #bloc_panierSelection form p:not(.title),
.header-site #bloc_panierSelection form p:not(:last-of-type) {
  border-bottom: 0.1rem solid #e3e3e3;
}

.header-site #bloc_panierSelection form p label {
  border: 0.1rem solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
}

.header-site #bloc_panierSelection form p:hover label {
  background-color: #f3f3f3;
}

.header-site #bloc_panierSelection form p input[type="radio"]:checked + label {
  background-color: #f3f3f3;
}

.header-site #bloc_panierSelection form p.newCaddie label {
  background-color: #f3f3f3;
}

.header-site #bloc_panierSelection form p.newCaddie:hover label {
  background-color: #e3e3e3;
}

.header-site #bloc_panierSelection form p.newCaddie span {
  font-size: 2rem;
  line-height: 1.5;
  color: #3b3b3b;
}

.header-site #bloc_panierSelection form p.newCaddie button {
  font-size: 1rem;
  line-height: 1.5;
  color: #3b3b3b;
  background-color: transparent;
}

.header-site #bloc_panierSelection form p.newCaddie input {
  font-size: 1.2rem;
  border: 0.1rem solid #e3e3e3;
  outline: 0.1rem solid #ffffff;
  background-color: #ffffff;
}

.header-site #bloc_panierSelection form p.title label {
  font-size: 1.3rem;
  background-color: #e3e3e3;
  cursor: default;
}

.navigation-anonyme-input button {
  border: 0.1rem solid #535353;
  background-color: #3b3b3b;
  cursor: pointer;
}

.navigation-anonyme-bloc label {
  font-size: 1.1rem;
}

.navigation-anonyme-bloc button {
  font-size: 1.5rem;
}

.navigation-anonyme-input button.selected {
  background-color: #f18731;
}

.navigation-anonyme-input button:hover {
  color: #ffffff;
  background-color: #000000;
}
/*************************************************** recherche ********************************************************/
#block_recherche input[type=search] {
  font-size: 1.4rem;
  border: 0 none;
  outline: 0 none;
  line-height: normal;
  vertical-align: bottom;
}
#block_recherche button[type=submit] {
  font-size: 1.5rem;
  border: 0 none;
}

#block_recherche .modal_recherche__results .popupClose {
  color: #3b3b3b;
}

#block_recherche .modal_recherche__container .modal_recherche__results {
  background-color: #ffffff;
}

#block_recherche .modal_recherche__container .modal_recherche__results__container_title a {
  font-size: 1.8rem;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}

#block_recherche .modal_recherche__results__container .productsList .catalogArticle .blocStock span {
  font-size: 1.1rem;
  text-align: center;
  white-space: normal;
}

/*********************************************** Menu navigation principal ********************************************/
.scroll #menu {
  -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);
}

#menuIcon {
  font-size: 2rem;
  color: #ffffff;
}

a.navSite,
span.navSite {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
}

#menu a.navSite:hover,
#menu a.navSiteHover,
#menu a.navSiteActive,
#menu span.navSite:hover,
#menu span.navSiteHover,
#menu span.navSiteActive,
#menu .mainMenu > .subMenu:hover > a,
#menu .mainMenu > .subMenu:hover > span,
#menu .mainMenu .subMenu a:hover,
#menu .mainMenu .subMenu span:hover {
  background-color: #f18731;
}
#menu .mainMenu .subMenu .menuLevel {
  background-color: #3b3b3b;
}

.mainMenu .subMenu a,
.mainMenu .subMenu span {
  font-size: 1.3rem;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
}


/*************************************************** SLIDERS **********************************************************/
.slick__slide .views-field p,
.slick__slide .views-field p a {
  font-weight: 400;
  color: #3b3b3b;
  text-align: center;
}
.slick__slide .slick img {
  border: 0;
}

.cadreListeProduits .produit .cadreImage > span:not(.icon-promo) {
  background-color: #ffffff;
}

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

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

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

.cadreListeProduits .produit .cadreTitre h3 {
  overflow: hidden;
  font-weight: 400;
  line-height: 1.2;
}

.cadreListeProduits .produit .cadreRef {
  font-size: 1.1rem;
  font-weight: 200;
  line-height: 1.4;
}
.cadreListeProduits .produit .cadreTarif .prix:first-of-type {
  font-weight: 400;
}
.cadreListeProduits .produit button.icon-caddie {
  font-size: 2rem;
  line-height: 1.1;
}
.cadreListeProduits .produit:hover button.icon-caddie {
  color: #ffffff;
}

.cadreListeProduits .link a {
  font-size: 1.4rem;
  font-weight: 200;
}
.cadreListeProduits .link a span {
  font-size: 1.5rem;
}

.cadreListeProduits.standard .produit .cadreTitre h3 {
  font-size: 1.8rem;
}
.cadreListeProduits.compact .produit .cadreTitre h3 {
  font-size: 1.4rem;
}
.cadreListeProduits.light h2 {
  color: #D3632F;
}
.cadreListeProduits.light .produit .cadreTitre h3 {
  color: #3B3B3B;
}
.cadreListeProduits.light .produit .cadreTarif .prix {
  color: #000000;
}
.cadreListeProduits.light .produit .cadreTarif .prix:first-of-type {
  color: #D3632F;
}
.cadreListeProduits.light .produit .cadreRef,
.cadreListeProduits.light .produit .blocTarif .prixBarre {
  color: #999999;
}
.cadreListeProduits.light .produit .cadreImage,
.cadreListeProduits.light .produit .cadreTarif {
  border-bottom: 0.1rem solid #C7C7C7;
}
.cadreListeProduits.light .produit button.icon-caddie {
  background-color: #D3632F;
  border-color: #D3632F;
  color: #FFFFFF;
}
.cadreListeProduits.light .produit:hover .upperBlock,
.cadreListeProduits.light .produit:hover .lowerBlock {
  background-color: #F3F3F3;
}

.cadreListeProduits.dark {
  background-color: #CCCCCC;
}
.cadreListeProduits.dark h2 {
  color: #FFFFFF;
}
.cadreListeProduits.dark .produit {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid #C7C7C7;
}
.cadreListeProduits.dark .produit .cadreTitre h3 {
  color: #3B3B3B;
}
.cadreListeProduits.dark .produit .cadreTarif .prix {
  color: #FFFFFF;
}
.cadreListeProduits.dark .produit .cadreTarif .prix:first-of-type {
  color: #D3632F;
}
.cadreListeProduits.dark .produit .cadreRef,
.cadreListeProduits.dark .produit .blocTarif .prixBarre {
  color: #777777;
}
.cadreListeProduits.dark .produit button.icon-caddie {
  background-color: #FFFFFF;
  border-color: #C7C7C7;
  color: #999999;
}
.cadreListeProduits.dark .produit:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/************************************************* Blocs communs ******************************************************/
.nbArticles {
  color: #3b3b3b;
  font-weight: 400;
}

.nbArticles span {
  color: #d3632f;
}

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

.blocSaisie label {
  font-size: 1.5rem;
}

.blocTarif {
  font-weight: 400;
}

.blocTarif .title {
  font-size: 1.8rem;
  text-align: left;
}

.blocTarif .prix,
.blocTarif .prixPrepa,
.regroupementTarif .prix,
.regroupementTarif .prixPrepa {
  font-weight: 600;
}

.blocTarif div:first-of-type.tarifClient .prix,
.blocTarif div:first-of-type.tarifPublic .prix,
.regroupementTarif .prix:first-of-type {
  color: #d3632f;
}

.cadreTarif .price-decimal,
.blocTarif .price-currency,
.blocTarif .price-unit,
.produitStartingPrice .price-currency,
.produitStartingPrice .price-unit,
.regroupementTarif .price-currency,
.regroupementTarif .price-unit {
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 400;
  vertical-align: super;
  line-height: 1;
}

.cadreTarif .prixBarre .price-decimal,
.cadreTarif .prixBarre .price-currency,
.cadreTarif .prixBarre .price-unit,
.regroupementTarif .prixBarre .price-currency,
.regroupementTarif .prixBarre .price-unit {
  font-size: 1rem;
  font-weight: 200;
  vertical-align: text-top;
}
.blocTarif .prixBarre,
.regroupementTarif .prixBarre {
  font-weight: 200;
  color: #999999;
}

.blocTarif .prixBarre span,
.regroupementTarif .prixBarre span {
  font-weight: 200;
  text-decoration: line-through;
}

.blocTarif .tarifEcotaxe p {
  font-size: 1.2rem;
  white-space: nowrap;
}
.blocTarif .tarifEcotaxe.detail p {
  cursor: pointer;
}

.blocTarif .tarifEcotaxe label {
  cursor: pointer;
}

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

.blocTarif .tarifEcotaxe sup {
  font-size: 1rem;
  white-space: nowrap;
}

.blocTarif .tarifEcotaxePopup {
  font-size: 1.3rem;
  line-height: 1.2;
  border: 0.1rem solid #999999;
  background-color: #ffffff;
}

.blocTarif .tarifEcotaxePopup p {
  text-align: right;
}

.tarifQuantitatif p {
  font-size: 1.5rem;
  color: #3b3b3b;
  background-color: #ededed;
  cursor: pointer;
}

.tarifQuantitatif p.icon-arrow-down {
  border-bottom-width: 0;
}

.tarifQuantitatif p::before {
  font-size: 1.2rem;
}

.tarifQuantitatifPopup table {
  border-collapse: collapse;
  border: 0.1rem solid #ededed;
  background-color: #ffffff;
}

.tarifQuantitatifPopup table th,
.tarifQuantitatifPopup table td {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: right;
  border: 0.1rem solid #ededed;
}

.blocStock .stock {
  font-size: 1.5rem;
}

.blocStock .pictoStock span,
.regroupementStock .pictoStock span {
  background-color: #cdcdcd;
}

.blocStock .pictoStock span::after,
.regroupementStock .pictoStock span::after {
  border: 0.4rem solid transparent;
}

.blocStock .stock_indisponible .pictoStock span:nth-child(3),
.regroupementStock .stock_indisponible .pictoStock span:nth-child(3) {
  background: #ff0a03;
}

.blocStock .stock_indisponible .pictoStock span:nth-child(3)::after,
.regroupementStock .stock_indisponible .pictoStock span:nth-child(3)::after {
  border-top-color: #ff0a03;
}

.blocStock .stock_quantitelimitee .pictoStock span:nth-child(2),
.regroupementStock .stock_quantitelimitee .pictoStock span:nth-child(2),
.blocStock .stock_quantitelimitee .pictoStock span:nth-child(3),
.regroupementStock .stock_quantitelimitee .pictoStock span:nth-child(3) {
  background: #ffa100;
}

.blocStock .stock_quantitelimitee .pictoStock span:nth-child(2)::after,
.regroupementStock .stock_quantitelimitee .pictoStock span:nth-child(2)::after {
  border-top-color: #ffa100;
}

.blocStock .stock_enstock .pictoStock span,
.regroupementStock .stock_enstock .pictoStock span {
  background: #49b700;
}

.blocStock .stock_enstock .pictoStock span:nth-child(1)::after,
.regroupementStock .stock_enstock .pictoStock span:nth-child(1)::after {
  border-top-color: #49b700;
}

.blocStock .libelleStock {
  text-align: center;
}

.blocStock a:hover .libelleStock {
  text-decoration: underline;
}

.autresAgences {
  text-align: center;
  border: 0.1rem solid #c7c7c7;
}

.blocSaisie .unit {
  font-size: 1.1rem;
  white-space: nowrap;
}

.blocSaisie .quantite:focus {
  outline: 0 none;
}

.blocSaisie .quantite {
  font-size: 1.5rem;
  border: 0.1rem solid #999999;
  color: #3b3b3b;
  text-align: right;
}

.blocSaisie .buttonIcon::before {
  font-size: 2.4rem;
}

.produitCaracteristique .infoTitre {
  white-space: nowrap;
}

.optionsMenu .showOptions {
  font-size: 2rem;
  color: #3b3b3b;
  text-align: center;
  cursor: pointer;
}

.optionsMenu .showOptions.selected,
.optionsMenu .showOptions:hover {
  color: #3b3b3b;
  background-color: #dedede;
}

.optionsMenu .listOptions {
  border: 0.1rem solid #dedede;
  background-color: #f3f3f3;
  color: #3b3b3b;
  text-align: right;
}

.optionsMenu .listOptions .icon-cross {
  color: #ffffff;
  cursor: pointer;
}

.optionsMenu .listOptions a {
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
}

.optionsMenu .listOptions a:hover {
  background-color: #f3f3f3;
  color: #3b3b3b;
}

.optionsMenu .listOptions dl {
  background-color: #ffffff;
}

.optionsMenu .listOptions dt {
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  background-color: #3b3b3b;
}

.optionsMenu .listOptions dd {
  font-size: 1.4rem;
  text-align: left;
  border: 0.1rem solid #e3e3e3;
  cursor: pointer;
}

.optionsMenu .listOptions dd:hover {
  background-color: #f3f3f3;
}

.pictosLinks a,
.pictosLinks span {
  cursor: pointer;
}

.menu .menuTitle {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.menu .menuContent p a {
  line-height: 1.4;
}

.socialMediaBlock li:hover a {
  color: #d3632f;
}

/************************************* Bloc plan de vente par selectbox ***********************************************/
.block__plv-selectBoxes .block__plv-selectBoxes__title {
  font-size: 1.4rem;
  text-transform: uppercase;
}

/************************************************** CATALOGUE *********************************************************/
.catalogFacet span.icon-nav {
  font-size: 2rem;
}

.catalogFacet .catalogFacetReinit {
  background-color: #FFFFFF;
  border-color: #D3632F;
  color: #D3632F;
}

.catalogFacet .catalogFacetReinit:hover {
  background-color: #F3F3F3;
}


.catalogFacet .catalogFacetReinit::before {
  font-size: 1rem;
}

.catalogFacet h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #d3632f;
}

.catalogFacet fieldset {
  background-color: #FFFFFF;
  color: #3b3b3b;
  border: 0 none;
}

.catalogFacet fieldset legend {
  background-color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 600;
  border: 0.1rem solid #ededed;
  border-bottom: 0 none;
}

.catalogFacet fieldset div {
  border: 0.1rem solid #ededed;
  border-top: 0 none;
}

.catalogFacet fieldset label {
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  cursor: pointer;
}

.catalogFacet fieldset label:hover,
.catalogFacet fieldset li.selected {
  color: #d3632f;
}

.catalogFacet fieldset.plv li::before {
  font-size: 1.1rem;
  line-height: 1.2;
}

.catalogFacet .blocStock .libelleStock {
  text-align: left;
}

.catalogFacet fieldset:not(.plv) label input[type="checkbox"] + span {
  font-size: 1.4rem;
  background-color: #ffffff;
  border: 0.1rem solid #3b3b3b;
  color: transparent;
  text-align: center;
}

.catalogFacet fieldset:not(.plv) label input[type="checkbox"]:checked + span,
.catalogFacet fieldset:not(.plv) label.checked input[type="checkbox"] + span {
  color: #d3632f;
}

.catalogFacet fieldset .showVoirPlus,
.catalogFacet fieldset .showVoirMoins {
  text-align: right;
  font-weight: 600;
  cursor: pointer;
}

.catalogFacet fieldset .showVoirPlus:hover,
.catalogFacet fieldset .showVoirMoins:hover {
  color: #d3632f;
}

.productsFilter label {
  font-size: 1.5rem;
}

.productsFilter select,
.productsPaging select {
  background-color: #f3f3f3;
  font-size: 1.5rem;
  border: 0 none;
}

.categoryDescription {
  font-size: 1.4rem;
  font-weight: 400;
  color: #3b3b3b;
}

.categoryFiles a {
  border: 1px solid #3b3b3b;
}
.categoryFiles a span + span {
  text-align: center;
}

.categoryDescription #go-catseo {
  color: #D3632F;
  cursor: pointer;
}

.categoryContent .categoryDetail {
  border: 0.1rem solid #D9D9D9;
  background-color: #F3F3F3;
}

.categoryContent .categoryDetail:hover {
  border-color: #D3632F;
}

.categoryContent .categoryDetail .categoryDetail_title a h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  color: #3B3B3B;
}

.categoryContent .categoryDetail .categoryDetail_title a:hover h2,
.categoryContent .categoryDetail:hover .categoryDetail_title a h2 {
  color: #D3632F;
}

.categoryContent .categoryDetail .categoryDetail_title a h2::before {
  font-size: 1.2rem;
}

.categoryContent .categoryDetail .categoryDetail_title a h2 span {
  font-size: 0.8em;
}

.categoryContent .categoryDetail .categoryDetail_content a h3 {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}

.categoryContent .categoryDetail .categoryDetail_content a h3::before {
  font-size: 1rem;
}

.categoryContent .categoryDetail .categoryDetail_content a h3 span {
  font-size: 0.8em;
}

.categoryContent .categoryDetail .categoryDetail_description {
  font-size: 1.2rem;
  font-weight: 400;
}

.categoryContent .categoryDetail .categoryDetail_link a {
  font-size: 1.3rem;
  font-weight: 200;
}

.productsList .catalogArticle {
  border: 0.1rem solid #ededed;
}
.productsList .catalogArticle[data-link] {
  cursor: pointer;
}

.productsList .catalogArticle[data-link]:hover {
  background-color: #fafafa;
  border-color: #d3632f;
}

.productsList .catalogArticle > a:hover {
  color: unset;
}

.productsList .catalogArticle .ligneArticle_image {
  text-align: center;
}
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif p {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
}
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif p .infoTitre {
  font-weight: 400;
}

.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h3 {
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: 600;
}
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h3 {
  color: #d3632f;
}

.productsList .catalogArticle .ligneArticle_detail .blocTarif {
  background-color: #ffffff;
  border: 0.1rem solid #f3f3f3;
}

.productsList .catalogArticle .ligneArticle_detail .blocTarif p {
  white-space: nowrap;
}

.productsList .catalogArticle .ligneArticle_detail .produitDescriptif p.variante_title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #3b3b3b;
  line-height: 1;
}

.productsList .catalogArticle .ligneArticle_detail .produitDescriptif p.variante_title span {
  font-size: 1.6rem;
}

.productsList .catalogArticle .ligneArticle_detail .produitCaracteristique .infoTitre {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: capitalize;
}

.productsList .catalogArticle .ligneArticle_detail .produitCaracteristique .infoDetail {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
}

.productsList .ligneArticle_tarif .blocTarif {
  text-align: right;
}

.productsList .ligneArticle_tarif .nonDispo {
  font-size: 1.4rem;
}
.productsList .catalogArticle .ligneArticle_detail .produitStartingPrice .title_h5,
.productsList .catalogArticle .ligneArticle_tarif .produitStartingPrice .title_h5 {
  font-weight: 600;
  font-size: 1.4rem;
}
.productsList .catalogArticle .ligneArticle_detail .produitStartingPrice .tarifClient,
.productsList .catalogArticle .ligneArticle_tarif .produitStartingPrice .tarifClient {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
}
.productsList .catalogArticle .ligneArticle_detail .produitStartingPrice .tarifClient .prix,
.productsList .catalogArticle .ligneArticle_tarif .produitStartingPrice .tarifClient .prix {
  color: #d3632f;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: right;
}
.productsPaging a,
.productsPaging span {
  font-size: 1.6rem;
  font-weight: 400;
}

.productsPaging a {
  color: #3b3b3b;
}

.productsPaging a:hover {
  color: #d3632f;
}

.productsPaging span[class*="icon-"] {
  font-size: 1.4rem;
  color: #cdcdcd;
}

.productsPaging span.current {
  font-weight: 600;
  color: #d3632f;
}

.productsPaging select {
  font-size: 1.5rem;
  vertical-align: middle;
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .produitTarif {
  background-color: #ffffff;
}

.produitTableauCaract th {
  text-align: left;
}

.produitTableauCaract td {
}

/*************************************************** PRODUIT **********************************************************/
main .produit-navigation a {
  font-size: 2rem;
  color: #3b3b3b;
  text-decoration: none;
}

#productCard .showOption span {
  color: #3b3b3b;
}

#productCard .produitImages .mainImage,
#productCard #tabs .optionImg span.infoDetail .showZoom,
#productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom {
  border: 0.1rem solid #C7C7C7;
}

#productCard .produitImages .mainImage span,
#productCard #tabs .optionImg span.infoDetail .showZoom span,
#productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom span {
  border-top: 0.1rem solid #C7C7C7;
  border-left: 0.1rem solid #C7C7C7;
  cursor: pointer;
}

#productCard .produitDetail .blocTarif {
  background-color: #ffffff;
  border: 0.1rem solid #f3f3f3;
}

#productCard .produitTarif {
  background-color: #f3f3f3;
}

#productCard .produitTarif .blocTarif {
  text-align: right;
}

#productCard .produitDescriptif h1 {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #d3632f;
}

#productCard .produitDescriptif p.titre,
#productCard .produitCaracteristique .infoTitre {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
  text-transform: capitalize;
}

#productCard .produitCaracteristique .infoDetail,
#productCard .ongletTabs {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
}

#productCard .produitDetailDimensions {
  border: 0.1rem solid #c7c7c7;
}

#productCard .produitDetailDimensions .title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  color: #d3632f;
  border-bottom: 0.2rem solid #ededed;
}

#productCard .produitDetailDimensions .produitDimensionValeur input {
  text-align: right;
}

#productCard .produitPresentation .produitStartingPrice .title_h5 {
  font-weight: 600;
  font-size: 1.4rem;
}

#productCard .produitPresentation .produitStartingPrice .tarifClient {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
}
#productCard .produitPresentation .produitStartingPrice .tarifClient .prix {
  color: #d3632f;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: right;
}
#productCard .regroupements .title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #3b3b3b;
}

#productCard .regroupements .selectBox {
  background-color: #ffffff;
  outline: 0.1rem solid #ffffff;
}

#productCard .ficheProduit th {
  text-align: right;
}

#productCard .ficheProduit input {
  font-size: 1.4rem;
  border: 0.1rem solid #999999;
  color: #3b3b3b;
  text-align: right;
}

#productCard .produitDetailDimensions .produitDimensionConteneur .produitDimensionLibelle {
  font-size: 1.3rem;
}

#listeDeclinaisons .listeDeclinaisons .vs__dropdown-menu li {
  color: #3b3b3b;
}

#listeDeclinaisons .listeDeclinaisons .vs__dropdown-menu li:nth-child(odd) {
  background-color: #f3f3f3;
}

#listeDeclinaisons .listeDeclinaisons .vs__dropdown-menu li:focus,
#listeDeclinaisons .listeDeclinaisons .vs__dropdown-menu li:hover {
  background-color: #e6e6e6;
  color: #3b3b3b
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur {
  border: 0.1rem solid #EDEDED;
}
#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur + .declinaisonConteneur {
  border-top: 0 none;
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .produitTarif,
#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .produitDetailDimensions {
  border: 0 none;
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur p.ficheProduitLibelle {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
  color: #3b3b3b;
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur p.ficheProduitRef {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  color: #3b3b3b;
}

#listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .blocSaisie .buttonIcon::before {
  font-size: 2.2rem;
  line-height: 0.6;
}

#productCard .produitCaracteristique {
  font-size: 1.5rem;
  font-weight: 400;
}

#productCard .produitCaracteristique.infoCond .infoTitre {
  text-transform: unset;
}

#productCard .produitCaracteristique th.infoTitre {
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
}

#productCard .ficheArticle_infoSup .ficheProduitTR {
  border-bottom: 0.1rem solid #c7c7c7;
}

#productCard .ficheArticle_infoSup .ficheProduitTH {
  font-weight: 600;
  text-align: center;
}

.ficheArticle_infoSup .catalogArticle {
  border: 0.1rem solid #ededed;
}

#productCard .ficheArticle_infoSup .ligneArticle_detail p.title {
  font-weight: 400;
  border: 0 none;
}
#productCard .ficheArticle_infoSup .ligneArticle_detail a p.title {
  font-weight: 600;
}
#listeComposant .catalogArticle .ligneArticle_tarif {
  background-color: #f3f3f3;
}
#listeConnexe .catalogArticle .ligneArticle_tarif .title {
  border: 0 none;
}

#productCard #listeComposant .ligneArticle_detail .title h2,
#productCard #listeComposant .ligneArticle_detail .title h3 {
  font-size: 1.8rem;
  font-weight: 400;
}
#productCard #listeComposant .produitCaracteristique .infoTitre {
  font-size: 1.3rem;
  font-weight: 400;
}
#productCard #listeComposant .produitCaracteristique .infoDetail {
  font-size: 1.3rem;
}

#listeRegroupement .fieldsetContainer .fieldsetLine {
  border: 0.1rem solid #ededed;
}

#listeRegroupement .fieldsetContainer .fieldsetLine + .fieldsetLine {
  border-top: 0 none;
}

#listeRegroupement .fieldsetContainer .fieldsetLine.currentArticle {
  border: 0.1rem solid #C7C7C7;
}

#listeRegroupement .fieldsetContainer .fieldsetLine a {
  font-size: 1.3rem;
}

#listeRegroupement .regroupementLibelle .mainImage:hover img {
  border: 1px solid #c7c7c7;
}

#listeRegroupement .fieldsetContainer .fieldsetLine .blocSaisie p button {
  font-size: 2rem;
}

@media screen and (max-width: 599px) {
  #listeRegroupement .odd .regroupementTarif .regroupementTarifPublic + .regroupementTarifPerso {
    background-color: #F3F3F3;
    border: 0.1rem solid #c7c7c7;
  }
  #listeRegroupement .even .regroupementTarif .regroupementTarifPublic + .regroupementTarifPerso {
    background-color: #FFFFFF;
    border: 0.1rem solid #c7c7c7;
  }
}

@media screen and (min-width: 940px) {
  #listeRegroupement .regroupementOption,
  #listeRegroupement .regroupementTarif,
  #listeRegroupement .regroupementStock {
    text-align: center;
  }
}

#productCard #listeRegroupement .infoTitre,
#listeRegroupement .regroupementOption .label,
#listeRegroupement .regroupementTarif .label {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.3;
}

#productCard #listeRegroupement .infoDetail {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.3;
}

#tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  border-radius: 0;
}

#tabs,
#tabs .menu ul {
  background: transparent;
  border: 0 none;
}

#tabs .menu {
  background-color: #fafafa;
}

#tabs .menu ul li {
  text-align: center;
  border: 0.1rem solid #c7c7c7;
}
#tabs .menu ul li a {
  font-weight: 400;
}
#tabs .menu ul li a span {
  vertical-align: middle;
}
#tabs .menu ul li a span.libelleOnglet {
  font-size: 1.5rem;
  line-height: 1;
}
#tabs .menu ul li a span[class*="icon-arrow-"] {
  font-size: 1.2rem;
  line-height: 1.4;
}
#tabs .menu .ui-state-default,
#tabs .menu .ui-state-default:hover {
  background-color: #ededed;
}
#tabs .menu .ui-state-default a {
  color: #3b3b3b;
}
#tabs .menu .ui-state-default:hover a {
  color: #d3632f;
}
#tabs .menu .ui-state-active,
#tabs .menu .ui-state-active:hover {
  background-color: #ffffff;
}
#tabs .menu .ui-state-active a,
#tabs .menu .ui-state-active:hover a {
  color: #3B3B3B;
}
#tabs .ui-tabs-panel {
  border-bottom: 0.1rem solid #3b3b3b;
}

#productCard .ui-tabs-panel .produitTableauCaract {
  border: 0.1rem solid #f6f6f6;
  border-collapse: collapse;
}

#productCard .ui-tabs-panel .produitTableauCaract tr:nth-child(odd) {
  background-color: #f6f6f6;
}

#productCard .ui-tabs-panel .produitTableauCaract tr:nth-child(even) {
  background-color: #ffffff;
}

#productCard .ui-tabs-panel .produitTableauCaract th {
  text-align: left;
}

/********************************************* Bloc aside de bas de page *********************************************/
aside p {
  font-size: 1.5rem;
  font-weight: 200;
  text-align: justify;
}
.aside .asideContent h2 {
  color: #d3632f;
  font-weight: 400;
}
.aside .asideContent .bloc a h3 {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
}

.reassuranceContent {
  background-color: #f18731;
}
.reassuranceContent h2,
.reassuranceContent p {
  color: #ffffff;
}
.reassuranceContent .bloc {
  background: rgba(255, 255, 255, 0.2);
}
.reassuranceContent .bloc:hover {
  background: rgba(255, 255, 255, 0.1);
}
.reassuranceContent .blocTitre {
  color: #ffffff;
  text-align: center;
  font-weight: 400;
}

/*************************************************** PANIER ***********************************************************/
.blockTotal p .label {
  font-weight: 600;
}

.blockTotal p .value {
  font-weight: 600;
  line-height: 1.6;
  border: 0.1rem solid #ededed;
  white-space: nowrap;
}

.blockTotal p span sup {
  text-align: left;
}

.blockTotal p:first-child .label {
  color: #d3632f;
}

.blockTotal p:first-child .value {
  background-color: #ededed;
  color: #d3632f;
}

.blockTotal .buttonIcon {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1;
}

.caddieContent .caddieContentInfos {
  font-size: 1.7rem;
}

.blocExpert .saisieExpert input,
.blocExpert .saisieExpert .form-item input[type=text].expertArticle,
.blocExpert .saisieExpert .form-item input[type=text].expertQuantite {
  font-size: 1.4rem;
  border: 0.1rem solid #dedede;
  outline: 0.1rem solid #a4a4a4;
  background-color: #ededed;
  text-align: center;
}

.blocExpert .saisieExpert input:focus,
.blocExpert .saisieExpert .form-item input[type=text].expertArticle:focus,
.blocExpert .saisieExpert .form-item input[type=text].expertQuantite:focus {
  outline-offset: 0;
  outline-color: #d3632f;
}

.blocExpert .saisieExpert button span {
  font-size: 1.2rem;
}

.blocExpert .saisieExpert button.icon-validate {
  font-size: 1.8rem;
}

.caddieBlocComplement .blocExpert .title {
  font-size: 1.8rem;
  font-weight: 600;
}

.caddieBlocComplement .blocExpert a {
  font-size: 1rem;
}

.caddieBlocComplement .blocExpert a span {
  text-decoration: underline;
}

#coupon_promo button {
  font-size: 1.8rem;
}

.blocCoupon input {
  font-size: 1.6rem;
  color: #d3632f;
  background-color: #ffffff;
  border: 0.2rem solid #ededed;
}

#coupon p {
  font-size: 1.4rem;
  line-height: 1.1;
  color: #d3632f;
  background-color: #ffffff;
}

#coupon p .libelleRemise {
  color: #d3632f;
}

#coupon button {
  background-color: #ababab;
}

.blocCoupon #coupon {
  font-size: 1.4rem;
}

.caddieContainer .caddieComment {
  font-size: 1.4rem;
}

.caddieContainer .caddieComment .icon-comment {
  font-size: 2rem;
  color: #d3632f;
}

.caddieContainer .caddieComment input {
  border: 0.1rem solid #dedede;
  font-size: 1.5rem;
  line-height: 1.2;
  background-color: #ffffff;
}

.caddieContainer .caddieComment .buttonIcon::before {
  font-size: 1.4rem;
}


.caddieHeader {
  background-color: #cdcdcd;
}

.caddieHeader .content .caddieHeaderInfo .libelle {
  font-weight: 600;
  font-size: 3rem;
}

.caddieHeader .content .caddieHeaderInfo .nbArticles {
  font-size: 2.5rem;
}

.caddieHeader .content .caddieHeaderInfo .infosRemises p {
  font-size: 1.3rem;
}

.caddieHeader .content .caddieHeaderTotal p span {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2;
}

.caddieHeader .content .caddieHeaderTotal p span + span {
  font-size: 2.4rem;
  line-height: 1.6;
  border: 0.1rem solid #ededed;
}

.caddieHeader .content .caddieHeaderTotal p span sup {
  text-align: left;
}

.caddieHeader .content .caddieHeaderTotal p:first-child span {
  color: #d3632f;
}

.caddieHeader .content .caddieHeaderTotal p:first-child span + span {
  background-color: #ededed;
}

.caddieHeader .content .caddieHeaderTotal p a {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2;
}

.caddieLineOptions > div {
  background-color: #f3f3f3;
  border: 0.1rem solid #ededed;
}

.caddieLineOptions label.js_toggleAllLines {
  font-size: 1.1rem;
  cursor: pointer;
  background: #ededed;
  background: linear-gradient(90deg, rgba(227, 227, 227, 1) 20px, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, 0) 100%);
}

.caddieLineOptions label.js_toggleAllLines:hover {
  color: #d3632f;
}

.caddieLineOptions label.js_toggleAllLines span {
  text-transform: uppercase;
}

.caddieLine .caddieLineContent {
  border: 0.1rem solid #ededed;
}

.caddieLine.checked .caddieLineContent {
  border-color: #d3632f;
}

label.checkBox {
  cursor: pointer;
}

label.checkBox input[type="checkbox"] + span {
  font-size: 1.2rem;
  line-height: 1.8;
  background-color: #ffffff;
  border: 0.1rem solid #3b3b3b;
  color: #ffffff;
  text-align: center;
}

label.checkBox input[type="checkbox"]:checked + span,
.checked label.checkBox input[type="checkbox"] + span {
  background-color: #d3632f;
  border-color: #d3632f;
}

.caddieLine span.toggleLine {
  background-color: #e3e3e3;
  font-size: 1.1rem;
  cursor: pointer;
}

.caddieLine span.toggleLine:hover {
  color: #d3632f;
}
.caddieLine .caddieLineEmballage {
  border-top: 0.1rem solid #e3e3e3;
  font-size: 1.1rem;
  cursor: pointer;
}

.caddieLine .libelleLine,
.caddieLine .libelleLine a {
  font-size: 1.3rem;
  line-height: 1.2;
}

.caddieLine .libelleLineComplement {
  font-size: 1.2rem;
  line-height: 1.2;
  color: #000000;
}

.caddieLine.checked .libelleLine a {
  color: #d3632f;
}

.caddieLine .lineImage {
  border: 0.1rem solid #ededed;
  background-color: #ffffff;
}

.caddieLine .caddieLinePrice span sup {
  text-align: left;
  font-size: 1rem;
}
.caddieLine .caddieLinePrice span sup sup {
  font-size: 0.8rem;
}

.caddieLine .tarifUnitLine .ecotaxe {
  font-size: 1.1rem;
  text-align: right;
}

.caddieLine .quantiteLine .quantite:focus {
  outline: 0 none;
}

.caddieLine .quantiteLine span.quantite {
  font-size: 1.2rem;
  text-align: right;
}

.caddieLine .quantiteLine input.quantite {
  font-size: 1.3rem;
  text-align: center;
  border: 0.1rem solid #ededed;
}

.caddieLine span.icon-delete {
  font-size: 1.5rem;
  color: #a4a4a4;
  cursor: pointer;
}
.caddieLine span.icon-delete:hover {
  color: #3b3b3b;
}

.caddieFooter {
  background-color: #cdcdcd;
}

.caddieFooter .content .caddieFooterTotal p span {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2;
}

.caddieFooter .content .caddieFooterTotal p span + span {
  font-size: 2.4rem;
  line-height: 1.6;
  border: 0.1rem solid #ededed;
}

.caddieFooter .content .caddieFooterTotal p span sup {
  font-size: 1.4rem;
  text-align: left;
}

.caddieFooter .content .caddieFooterTotal p:first-child span {
  color: #d3632f;
}

.caddieFooter .content .caddieFooterTotal p:first-child span + span {
  background-color: #ededed;
}

.caddieFooter .content .caddieFooterTotal p a {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2;
}

.infosTransport .buttonIcon {
  font-size: 1.5rem;
  line-height: 1;
  color: #3b3b3b;
  background-color: #ededed;
  cursor: pointer;
}

.infosTransportPopup {
  background-color: #ffffff;
  border: 0.1rem solid #3b3b3b;
}

.infosTransportPopup p {
  font-size: 1.3rem;
  line-height: 1.2;
  background-color: transparent;
}

.infosTransportPopup table {
  border-collapse: collapse;
  border: 0.1rem solid #ededed;
  background-color: transparent;
}

.infosTransportPopup table th {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  border: 0.1rem solid #ededed;
}

.infosTransportPopup table td {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: right;
  border: 0.1rem solid #ededed;
}

/********************************************** TUNNEL DE COMMANDE ****************************************************/
#tdv a span {
  font-size: 1.1rem;
  font-weight: 400;
}

#tdv a {
  background-color: #e3e3e3;
  border: 0.1rem solid #e3e3e3;
  color: #ababab;
}

#tdv a.actif {
  background-color: #ffffff;
  border-color: #ababab;
  color: #ababab;
}
#tdv a.actif:hover {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

#tdv a.current,
#tdv a.current:hover {
  background-color: #ffffff;
  border-color: #d3632f;
  color: #d3632f;
  cursor: default;
}

#currentCaddie .pageTitle,
.tdvContent .pageTitle {
  background-color: #ffffff;
}

#currentCaddie .pageTitle h1,
.tdvContent .pageTitle h1 {
  font-weight: 200;
  font-size: 2.3rem;
  line-height: 1.5;
  text-transform: uppercase;
}
.tdvContent .fieldset .formInfo .form-item {
  font-size: 1.3rem;
}

.tdvContent .fieldset .formInfo .form-item input {
  font-size: 1.3rem;
  border: 0.2rem solid #ededed;
  background-color: #ffffff;
}

.tdvContent .fieldset .formInfo .form-actions {
  text-align: right;
}

.tdvContent #creationForm .formInfo .form-actions button {
  background-color: #3b3b3b;
}

.tdvContent .fieldset .formInfo ul li a {
  text-decoration: underline;
}

.tdvContent .fieldset .fieldsetLegend {
  font-size: 1.2rem;
  line-height: 1;
  color: #d3632f;
  text-transform: uppercase;
  border: 0.1rem solid #dedede;
  background-color: #f3f3f3;
}

.tdvContent .fieldset .fieldsetContent {
  border: 0.1rem solid #ededed;
}

.tdvContent .fieldset .fieldsetContent .title {
  font-size: 1.6rem;
  font-weight: 600;
}

.tdvContent .fieldset p,
.tdvContent .fieldset p label {
  font-size: 1.4rem;
  line-height: 1.4;
}


.tdvContent input,
.tdvContent textarea {
  font-size: 1.4rem;
  border: 0.1rem solid #ededed;
  background-color: #ffffff;
}
.tdvContent .selectBox select {
  font-size: 1.4rem;
}

.tdvContent .blocType .title_h5 {
  font-size: 1.6rem;
  font-weight: 600;
}

.tdvContent .fieldset .fieldsetContent .obligatoire:required {
  border: 0.1rem solid #3b3b3b;
}
.tdvContent .submitted .fieldset .fieldsetContent .obligatoire:invalid {
  border-color: red;
}

.tdvContent .blocWarning {
  border: 0.1rem solid #b30009;
  color: #b30009;
}
.tdvContent .blocWarning em {
  font-style: normal;
}


.tdvContent .fieldset p.labelRequired {
  color: #a4a4a4;
}

.tdvContent .fieldset p .input {
  background-color: #ededed;
}

.tdvContent #typeCommande .blocDate input {
  text-align: right;
}

.tdvContent .inputCheckbox label,
.tdvContent .inputCheckbox a {
  line-height: 1.6;
  vertical-align: middle;
}

.tdvContent .fieldset .blocChoice p {
  white-space: nowrap;
}

.tdvContent .blocChoice .buttonLabel {
  background-color: #e3e3e3;
  border: 0.1rem solid #e3e3e3;
  font-size: 1.8rem;
  color: #3b3b3b;
  cursor: pointer;
}

.tdvContent .blocChoice .buttonLabel:hover,
.tdvContent .blocChoice input:checked + .buttonLabel {
  background-color: #f18731;
  border-color: #f18731;
  color: #ffffff;
}

.tdvContent .blocChoice input:checked + .buttonLabel::after {
  border: 0.5rem solid transparent;
}

.tdvContent #typeCommande .blocDate {
  font-size: 1.3rem;
}

.ui-datepicker.ui-widget-content .ui-state-highlight {
  border-color: #f18731;
  background-color: rgba(241, 135, 49, 0.2);
}

.tdvContent .fieldset .formInfo label,
.tdvContent #js_gestionAdresseLivraison .fieldsetContent > p .label {
  text-align: right;
}

.tdvContent #infoCGV label:hover,
.tdvContent #infoCGV label:hover a {
  color: #d3632f;
}

.tdvContent #infoCGV label:hover a {
  text-decoration: underline;
}

#validation_panier .caddieFooter {
  background-color: transparent;
}

.tdvContent .blockTotal .fraisTransport .infoComplementaire .detail {
  background-color: #ffffff;
  border: 0.1rem solid #ededed;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: left;
  text-transform: none;
}

.tdvContent .modeReglement .buttonLabel {
  background-color: #e3e3e3;
  border: 0.1rem solid #e3e3e3;
  font-size: 1.7rem;
  color: #3b3b3b;
  cursor: pointer;
}

.tdvContent .modeReglement .buttonLabel:hover,
.tdvContent .modeReglement input:checked + .buttonLabel {
  background-color: #f18731;
  border-color: #f18731;
  color: #ffffff;
}

.tdvContent .modeReglement input:checked + .buttonLabel::after {
  border: 0.5rem solid transparent;
}

.tdvContent .modeReglementDetail {
  font-size: 1.4rem;
}

#validation_confirmation p {
  font-size: 1.3rem;
  line-height: 1.6;
}

#validation_confirmation p input {
  font-size: 1.3rem;
  border: 0.1rem solid #ededed;
  background-color: #ffffff;
}

#validation_confirmation .msg {
  font-weight: 600;
  color: #d3632f;
}

/********************************************** MON COMPTE ************************************************************/
#navUserAccount a {
  text-align: center;
}

#navUserAccount a span {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1;
}

#navUserAccount a {
  background-color: #ffffff;
  border: 0.1rem solid #a4a4a4;
  color: #a4a4a4;
}
#navUserAccount a:hover {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

#navUserAccount a.current,
#navUserAccount a.current:hover {
  background-color: #ffffff;
  border-color: #d3632f;
  color: #d3632f;
  cursor: default;
}

#contentDashboardUser .fieldsetLegend {
  font-weight: 200;
  font-size: 2.5rem;
  line-height: 1;
  color: #3b3b3b;
  text-transform: uppercase;
}

#contentDashboardUser .linkContent span {
  font-size: 1.3rem;
  line-height: 1.1;
  text-align: right;
}

#contentDashboardUser .linkContent .icon-arrow-right {
  font-size: 1.2rem;
  line-height: 0.8;
}

#contentDashboardUser .accountProfil .fieldsetContainer {
  background-color: #f3f3f3;
  border: 0.1rem solid #ededed;
}

#contentDashboardUser .accountProfil p label {
  font-size: 1.3rem;
  line-height: 1.2;
}

#contentDashboardUser .accountProfil p .input {
  font-weight: 600;
  border: 0.1rem solid #ededed;
  background-color: #ededed;
}

#contentDashboardUser .bloc p.accountNumber {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

#contentDashboardUser .bloc p.accountNumber span {
  font-size: 7.5rem;
}

#contentDashboardUser .accountCaddyCDE p.accountNumber {
  background-color: #3b3b3b;
  color: #f3f3f3;
}

#contentDashboardUser .accountCaddyCDE p.accountNumber span {
  color: #d3632f;
}

#contentDashboardUser .accountCaddyTYP p.accountNumber {
  background-color: #f18731;
  color: #3b3b3b;
}

#contentDashboardUser .accountCaddyTYP p.accountNumber span {
  color: #f3f3f3;
}

#contentDashboardUser .accountCaddyCDE p.linkContent,
#contentDashboardUser .accountCaddyTYP p.linkContent {
  background-color: #f3f3f3;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine {
  border-top: 0.1rem solid #ededed;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine:nth-last-child(2) {
  border-bottom: 0.1rem solid #ededed;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine .lineDate {
  font-size: 1.2rem;
  font-weight: 400;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine .lineName {
  font-size: 1.2rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine .lineTotal {
  font-size: 1.8rem;
  text-align: right;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine span[class*="icon-"] {
  font-size: 2.8rem;
  color: #cdcdcd;
  text-align: right;
}

.userAccount h2 {
  text-transform: uppercase;
}

#contentUserAccount .profilContent .fieldset {
  background-color: #ffffff;
}

#contentUserAccount .prefContent .fieldset .fieldsetContent p.choixClient label,
#contentUserAccount .prefContent .fieldset .fieldsetContent p.selectBox label {
  text-align: right;
}

#contentUserAccount h3.fieldsetLegend {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  color: #3b3b3b;
  text-transform: uppercase;
  cursor: pointer;
}

#contentUserAccount {
  font-size: 1.3rem;
  line-height: 1;
}

#contentUserAccount .fieldset .fieldsetLegend {
  color: #d3632f;
  border: 0.1rem solid #dedede;
  background-color: #f3f3f3;
}

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

#contentUserAccount .fieldset p input:not([type=checkbox]) {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: transparent;
}

#contentUserAccount .fieldset p .input {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: #f3f3f3;
}

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

#contentUserAccount .profilContent .clientCompte p {
  line-height: 1.4;
}

#contentUserAccount .profilContent .fieldset .fieldsetLegend {
  color: #d3632f;
  border-color: #ededed;
  background-color: #ededed;
}

#contentUserAccount .profilContent .fieldset .fieldsetContent {
  border: 0 none;
}

#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;
}

#contentUserAccount .prefContent {
  border: 0.1rem solid #ededed;
  background-color: #ededed;
}

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

#contentUserAccount .prefContent .fieldset .choixClient input + a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #f18731;
  text-align: center;
}

#contentUserAccount .prefContent .buttonIcon {
  font-size: 1.8rem;
}

#contentUserAccount .selectBox span {
  font-size: 1.8rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: #e3e3e3;
}

#contentUserAccount .subUsers h3 {
  background-color: #f18731;
  color: #ffffff;
  font-size: 1.5rem;
}

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

#contentUserOrders .adminOptions p input {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: transparent;
}

#contentUserOrders .adminOptions p a {
  font-size: 1.4rem;
}
#contentUserOrders .legend {
  border: 0.1rem solid #3b3b3b;
}
#contentUserOrders .legend > p {
  font-size: 1.4rem;
}
#contentUserOrders .legend > p span {
  font-size: 2.4rem;
  cursor: unset;
}

#contentUserOrders .accountFilter .listOptions p label,
#contentUserOrders .mvts-form form span {
  font-size: 1.4rem;
}

#contentUserOrders .accountFilter .listOptions p label {
  cursor: pointer;
}

#contentUserOrders .accountFilter .listOptions p span {
  font-size: 1.6rem;
}

#contentUserOrders .mvts-form p input {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: transparent;
}

#contentUserOrders .fieldsetContainer .fieldsetContainerHeader {
  background-color: #f3f3f3;
  border: 0.1rem solid #f3f3f3;
}

#contentUserOrders .fieldsetContainer .fieldsetContainerHeader span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #3b3b3b;
}

#contentUserOrders .fieldsetContainer a .pixel_20 {
  font-size: 2rem
}

#contentUserSites .fieldsetContainer .fieldsetLine,
#contentUserOrders .fieldsetContainer .fieldsetLine {
  border: 0.1rem solid #ededed;
}

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

#contentUserOrders .fieldsetContainer .fieldsetLine .orderType {
  font-size: 2.7rem;
  font-weight: 400;
}
#contentUserOrders .fieldsetContainer .fieldsetLine span[class*="icon-"]:not(.icon-nav) {
  color: #cdcdcd;
}

#contentUserOrders .fieldsetContainer .fieldsetLine .lineName {
  font-weight: 400;
}

#contentUserOrders .fieldsetContainer .fieldsetLine .lineTotal {
  font-size: 1.8rem;
  text-align: right;
  white-space: nowrap;
}

#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span {
  font-size: 2.2rem;
}

#contentUserOrders .orderHeader {
  background-color: #cdcdcd;
}

#contentUserOrders .orderHeader .orderHeaderContent p {
  font-size: 1.5rem;
  line-height: 1.2;
  cursor: default;
}

#contentUserOrders .orderHeader .orderHeaderContent .title,
#contentUserOrders .orderHeader .orderHeaderContent .nbArticles {
  font-size: 2.2rem;
}

#contentUserOrders .orderHeader .orderHeaderContent .adresse .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #d3632f;
  text-transform: uppercase;
}

#contentUserOrders .orderHeader .orderHeaderContent .adresse .detail {
  font-size: 1.2rem;
}

#contentUserOrders .orderContent .fieldsetLine a span {
  font-size: 1.5rem;
  text-align: right;
}

#contentUserOrders .orderContent .fieldsetLine span sup {
  font-size: 1rem;
}

#contentUserOrders .orderContent .fieldsetLine .libelleLine {
  font-size: 1.3rem;
  text-align: left;
}

#contentUserOrders .orderContent .fieldsetLine .codeLine {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
}

#contentUserOrders .orderContent .fieldsetLine .quantiteLine {
  font-size: 1.3rem;
  font-weight: 400;
}

#contentUserOrders .orderContent .fieldsetLine .quantiteLine .unit {
  font-size: 1rem;
}

#contentUserOrders .orderContent .commentLine {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
}

#contentUserOrders .orderContent .ref-bloc__label {
  font-size: 1.3rem;
  font-weight: 600;
}

#contentUserOrders .orderContent .ref-bloc__display {
  font-size: 1.3rem;
}

/******************* Informations de transport **********************/
#contentUserOrders .orderContent .trp-bloc {
  font-size: 1.3rem;
  color: #3b3b3b;
}

#contentUserOrders .orderContent .trp-bloc__title {
  font-weight: 600;
}

#contentUserOrders .orderContent .trp-bloc .trp-bloc__block {
  text-align: right;
}

#contentUserOrders .orderContent .trp-bloc__ligne .trp-bloc__display {
  border: 0.1rem solid #cdcdcd;
}

#contentUserOrders .orderFooter {
  background-color: #cdcdcd;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docD.selected,
#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docD.selected:hover {
  background-color: #3366CC;
  border-color: #3366CC;
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docC.selected,
#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docC.selected:hover {
  background-color: #800000;
  border-color: #800000;
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docF.selected,
#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docF.selected:hover {
  background-color: #669966;
  border-color: #669966;
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docD,
#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docC,
#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docF {
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docD:hover {
  background-color: #3366CC;
  border-color: #3366CC;
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docC:hover {
  background-color: #800000;
  border-color: #800000;
  color: #FFFFFF;
}

#contentUserOrders .fieldsetContainer .accountFilter a.buttonIcon.icon-docF:hover {
  background-color: #669966;
  border-color: #669966;
  color: #FFFFFF;
}

.userAccount .icon-docC,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderType span.icon-docC {
  color: #993333;
}

.userAccount .icon-trolley,
#contentUserOrders .accountFilter .listOptions p span.icon-trolley,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-trolley {
  color: #CC3333;
}

.userAccount .icon-deliveryman_halfboxes,
#contentUserOrders .accountFilter .listOptions p span.icon-deliveryman_halfboxes,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-deliveryman_halfboxes {
  color: #CC3333;
}

.userAccount .icon-truck,
#contentUserOrders .accountFilter .listOptions p span.icon-truck,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-truck {
  color: #993333;
}

.userAccount .icon-box_closed,
#contentUserOrders .accountFilter .listOptions p span.icon-box_closed,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-box_closed {
  color: #993333;
}

.userAccount .icon-docA, .userAccount .icon-docF, .userAccount .icon-document,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderType span.icon-docA,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderType span.icon-docF,
#contentUserOrders .accountFilter .listOptions p span.icon-document,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-document {
  color: #669966;
}

.userAccount .icon-docD, .userAccount .icon-notepad_validated,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderType span.icon-docD,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderOptions span.icon-notepad_validated {
  color: #3366CC;
}

#contentUserSites .fieldsetContainer .fieldsetLine .orderType {
  font-size: 2.7rem;
  font-weight: 400;
  color: #cdcdcd;
}

#contentUserSites .fieldsetContainer .fieldsetLine .lineName {
  font-weight: 400;
}
#contentUserSites .fieldsetContainer .fieldsetLine .lineList .listProducts {
  cursor: pointer;
  font-weight: 600;
}
#contentUserSites .fieldsetContainer .fieldsetLine .lineList .listProducts:hover {
  color: #d3632f;
}
#contentUserSites .fieldsetContainer .fieldsetLine .lineTotal {
  font-size: 1.8rem;
  text-align: right;
  white-space: nowrap;
}

#contentUserSites .fieldsetContainer .fieldsetLine .orderOptions {
  font-size: 2.2rem;
  color: #cdcdcd;
}

.userAccount #paniersListe .showOptions .icon-filter {
  font-size: 2.2rem;
}

.userAccount #paniersListe .showOptions .icon-arrowdown,
.userAccount #paniersListe .showOptions .icon-arrowup {
  font-size: 1.1rem;
}

.userAccount #paniersListe .showOptions.selected {
  color: #d3632f;
  border: 0.1rem solid #dedede;
  border-bottom-width: 0;
  background-color: #f4f4f4;
}

.userAccount #paniersListe .listOptions {
  border: 0.1rem solid #dedede;
  background-color: #f4f4f4;
  text-align: left;
}

.userAccount #paniersListe .listOptions div {
  border: 0.5rem solid #ffffff;
  background-color: #e4e4e4;
}

.userAccount #paniersListe .listOptions p.title {
  font-size: 1.1rem;
  color: #d3632f;
  text-transform: uppercase;
}

.userAccount #paniersListe .listOptions p label {
  font-size: 1.3rem;
  border: 0.1rem solid #ffffff;
  background-color: #f4f4f4;
  cursor: pointer;
}

.userAccount #paniersListe .listOptions p:hover label {
  background-color: #f3f3f3;
}

.userAccount #paniersListe .listOptions p label.checkBox input[type="checkbox"] + span {
  color: #dedede;
  border-color: #dedede;
  background-color: #dedede;
}

.userAccount #paniersListe .listOptions p label.checkBox input[type="checkbox"]:checked + span {
  color: #3b3b3b;
}

.hideCaddie .caddieHeader {
  background-color: #ffffff;
}

.caddieContainer.hideCaddie {
  border-top: 0.1rem solid #ededed;
  border-bottom: 0.1rem solid #ededed;
}

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

.hideCaddie .caddieHeader .toggleCaddie {
  background-color: #ededed;
}

.closeCaddie .caddieHeader .toggleCaddie {
  color: transparent;
  cursor: default;
}

.caddieHeader label.checkBox input[type="checkbox"]:checked + span,
.caddieHeader label.checkBox.checked input[type="checkbox"] + span {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

.caddieHeaderContent .blockTotal .icoLink.icon-pdf {
  font-size: 1.1rem;
}

.caddieBlockContent {
  border: 0.1rem solid #ededed;
  background-color: #f4f4f4;
}

.caddieBlock.checked .caddieBlockContent {
  border-color: #d3632f;
}

.caddieBlockContent .lineImage {
  border: 0.1rem solid #ededed;
  background-color: #ffffff;
}

.caddieBlockContent .caddieBlockInfo a {
  font-size: 1.3rem;
  line-height: 1.3;
}

.caddieBlockContent .caddieBlockInfo a .libelleLineComplement {
  font-weight: 400;
}

#contentUserFavoriteCaddies h2 + .icon-fliter {
  line-height: 1.5;
}

/*********************************************** Plan du site *********************************************************/
#planSite h2 {
  text-transform: uppercase;
}

#planSite h3 {
  text-transform: uppercase;
}

#planSite ul li a {
  font-size: 1.3rem;
  font-weight: 400;
}

/*********************************************** PAGE PERSO ***********************************************************/
#left .conteneur_leftBox {
  color: #3b3b3b;
}

#left .conteneur_leftBox > p {
  background-color: #ededed;
  border: 0.1rem solid #ededed;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}

#left .conteneur_leftBox ul {
  border: 0.1rem solid #ededed;
}

#left .conteneur_leftBox ul ul {
  border: 0 none;
}

#left .conteneur_leftBox ul li a {
  font-size: 1.3rem;
  font-weight: 400;
  cursor: pointer;
}

#left .conteneur_leftBox ul li a.is-active {
  font-size: 1.4rem;
  color: #d3632f;
}

main .conteneur_mainBox {
  border: 0.1rem solid #ededed;
  font-size: 1.4rem;
  line-height: 1.2;
}

/*********************************************************** FOOTER ***************************************************/
.footer-site {
  background-color: #3b3b3b;
  color: #ffffff;
}
.footer-site * {
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 400;
  color: #dedede;
}

.footer-site .title_h6 {
  font-size: 1.4rem;
  line-height: 1.5;
}

.footer-site a:hover,
.footer-site a:hover * {
  color: #d8d8d8;
  text-decoration: underline;
}

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

.footer-site .footerSecond {
  background-color: rgba(255, 255, 255, 0.2);
}

.footer-site .footerSecond * {
  font-size: 1.3rem;
  font-weight: 200;
}

footer .horaires-agence table td {
  font-size: 1.4rem;
}

footer .footerSecond .separator {
  background-color: #dedede;
}
/*********************************************** Formulaire ***********************************************************/
.drupalForm {
  font-size: 1.4rem;
}

.drupalForm fieldset.inline-fieldset {
  border: 0 none;
}
.drupalForm .fieldset > p > .fieldsetLegend {
  font-size: 1.2rem;
  line-height: 1;
  color: #d3632f;
  text-transform: uppercase;
  border: 0.1rem solid #dedede;
  background-color: #f3f3f3;
}

.drupalForm .fieldset > .fieldsetContent {
  background-color: #ffffff;
}

.drupalForm .fieldset > .fieldsetContent p,
.drupalForm .fieldset > .fieldsetContent p label {
  font-size: 1.4rem;
}

.drupalForm .fieldset > .fieldsetContent p input,
.drupalForm .fieldset > .fieldsetContent p .input {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: transparent;
}

.drupalForm .fieldset > .fieldsetContent p .input {
  font-size: 1.3rem;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: #f3f3f3;
}

.form-item .inputCheckbox.required {
  border: 1px solid red;
}

.form-item input:not([type=radio]):not([type=checkbox]):not([type=file]),
.form-item select,
.form-item textarea,
.form-item input.inputText {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #3b3b3b;
  border: 0.2rem solid #ededed;
  background-color: #ffffff;
}
.form-item input:not([type=radio]):not([type=checkbox]):not([type=file])[required][aria-invalid=true],
.form-item select[required][aria-invalid=true],
.form-item textarea[required][aria-invalid=true],
.form-item input.inputText[required][aria-invalid=true] {
  border: 1px solid red;
}
.form-item .selectBox {
  background-color: #ffffff;
}
.form-item select {
  background-color: transparent;
}

.form-item label,
.form-composite label {
  font-size: 1.4rem;
  color: #3b3b3b;
}

.drupalForm .contentDrupalForm p {
  font-size: 1.3rem;
  line-height: 2;
  color: #3b3b3b;
}

.form-item .password-strength .is-weak {
  background-color: red;
}

.form-item .password-strength .is-fair {
  background-color: orange;
}

.form-item .password-strength .is-good {
  background-color: yellowgreen;
}

.form-item .password-strength .is-strong {
  background-color: green;
}

.drupalForm .form-item-mdp .js-form-type-password div {
  font-size: 1.3rem;
  line-height: 1.6;
}

form .messages.messages--error,
.drupalForm .form-item-mdp .password-confirm span.error {
  color: red;
}

form .messages.messages--error em {
  font-weight: 600;
}

.drupalForm .form-item-mdp .password-confirm span.ok {
  color: green;
}

.drupalForm .form-item-mdp .password-suggestions {
  background: #ffffff;
  border: 0.1rem solid #ededed;
  font-size: 1.3rem;
}

.drupalForm .form-item-mdp .password-suggestions ul {
  list-style: inside square;
}

.drupalForm .form-managed-file .pixel_16 {
  font-size: 1.2rem;
}

.drupalForm .form-actions {
  text-align: right;
}

form.views-exposed-form .fieldgroup fieldset {
  color: #3b3b3b;
  border: 0 none;
}

form.views-exposed-form .fieldgroup fieldset legend {
  font-size: 1.6rem;
  font-weight: 600;
  border: 0.1rem solid #ededed;
  border-bottom: 0 none;
}

form.views-exposed-form .fieldgroup fieldset legend + div {
  border: 0.1rem solid #ededed;
  border-top: 0 none;
}

/******************************************* Changement de mot de passe ***********************************************/


/*********************************************** Autre page ***********************************************************/
.htmlContent {
  font-size: 1.5rem;
}

.htmlContent h2 {
  color: #d3632f;
}

.page403 h3,
.page404 h3 {
  font-size: 2.5rem;
  font-weight: 200;
}

.page403 p,
.page404 p {
  font-size: 1.5rem;
  line-height: 2;
}

.maintenance .content {
  border: 0.1rem solid #c7c7c7;
}

.maintenance h1 {
  font-size: 4rem;
  line-height: 2;
}

.maintenance {
  font-size: 1.5rem;
  line-height: 2;
}

.connexionInterdite .content {
  border: 0.1rem solid #c7c7c7;
}

.connexionInterdite h1 {
  font-size: 4rem;
  line-height: 2;
}

.connexionInterdite p {
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}

body.contact form.contact-form .form-wrapper.field--type-file .form-managed-file span {
  line-height: 1.5;
}

/********************************************** Messages **************************************************************/

.messages p,
.messages p a {
  font-size: 1.5rem;
}
.messages p a {
  font-weight: 600;
}

.messages .status {
  background-color: #d9edf7;
  border: 0.1rem solid #46a9d9;
  border-left-width: 0.6rem;
  color: #335b8c;
}

.messages .success {
  background-color: #dff2bf;
  border: 0.1rem solid #8cc828;
  border-left-width: 0.6rem;
  color: #325e1c;
}

.messages .warning {
  background-color: #feefb3;
  border: 0.1rem solid #d0a702;
  border-left-width: 0.6rem;
  color: #9f6000;
}

.messages .error {
  background-color: #ffbaba;
  border: 0.1rem solid #ff5e5e;
  border-left-width: 0.6rem;
  color: #b30009;
}

/********************************************** Popup modal ***********************************************************/
#modal,
#modalMobile {
  background-color: rgba(59, 59, 59, 0.6);
}

#modal .popup {
  background-color: #ffffff;
  border: 0.4rem solid #ababab;
}

#modal .popup .popup_fermer .icon-cross {
  color: #ffffff;
}

#modal .popup h2 {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  color: #d3632f;
  text-transform: uppercase;
  border-bottom: 0.1rem solid #dedede;
  background-color: #f3f3f3;
}

#modal .popup > p {
  border-top: 0.1rem solid #dedede;
  background-color: #f3f3f3;
}

#modal .popup .popupContent p,
#modal .popup .popupContent li,
#modal .popup .popupContent .listeDocuments {
  font-size: 1.4rem;
  line-height: 1.4;
}

#modal .popup .popupContent input[type=text],
#modal .popup .popupContent textarea {
  font-size: 1.5rem;
  border: 0.2rem solid #ededed;
  background-color: transparent;
}

#modal .blocStock .libelleStock {
  text-align: left;
  white-space: nowrap;
}

#modal #saisie .blocSaisie .quantite {
  font-size: 1.5rem;
  border: 0.1rem solid #999999;
  color: #3b3b3b;
  text-align: right;
}

#modal #saisie .produitDetailDimensions input[type=text] {
  font-size: 1.4rem;
  border: 0.1rem solid #999999;
  color: #3b3b3b;
  text-align: right;
}

#modal #saisie .ficheArticle_infoSup table th {
  font-size: 1.4rem;
  border: 0.1rem solid #dedede;
  color: #3b3b3b;
  text-align: center;
}

#modal #saisie .ficheArticle_infoSup table td {
  font-size: 1.4rem;
  border: 0.1rem solid #dedede;
  color: #3b3b3b;
  text-align: right;
}

#modal #saisie .ficheArticle_infoSup table td span {
  font-size: 1.2rem;
}

#modal #saisie .ficheArticle_infoSup table td .quantite {
  font-size: 1.5rem;
  border: 0.1rem solid #999999;
  color: #3b3b3b;
  text-align: right;
}

#modal #listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .blocStock .updateStock {
  font-size: 1.2rem;
  line-height: 1;
}

#modal #listeDeclinaisons .listeDeclinaisons .declinaisonConteneur .blocStock .libelleStock {
  text-align: center;
}

/******************************************* Formulaire login *********************************************************/
.openweb-user-login-form {
  font-size: 1.4rem;
  line-height: 1.6;
}

.openweb-user-login-form + ul,
.openweb-user-login-form + ul a,
.openweb-user-login-form p {
  font-size: 1.4rem;
  line-height: 1.2;
}
.openweb-user-login-form + ul li a {
  text-decoration: underline;
}
.openweb-user-login-form label {
  font-size: 1.5rem;
}

.openweb-user-login-form input {
  font-size: 1.5rem;
  border: 0.1rem solid #e3e3e3;
  background-color: #ffffff;
}

/************************************************* Encours ************************************************************/
#infoEncours {
  background-color: #f3f3f3;
}

#infoEncours div {
  font-size: 1.4rem;
  font-weight: 600;
}

#infoEncours div span {
  font-size: 2rem;
}

@media screen and (max-width: 599px) {
  #productCard .produitTarif {
    background-color: #FFFFFF;
  }

  .ligneArticle_tarif .icon-promo,
  #productCard .produitTarif .icon-promo {
    background-color: #CC0000;
  }

  .productsList .catalogArticle .ligneArticle_tarif {
    border-top: 0.1rem solid #EDEDED;
    background-color: #F3F3F3;
  }

  /*
  .productsList .blocSaisie {
    background-color: #F3F3F3;
  }
  */

  .productsList .blocSaisie.showInput .icon-cross {
    font-size: 1.4rem;
    color: #3B3B3B;
    cursor: pointer;
  }
}

/**************************************************** CONTENU *********************************************************/
.editor,
.paragraph {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
}
.editor strong,
.paragraph strong {
  font-weight: 600;
}
.editor h1, .editor h1 *, .editor .title_h1, .editor .title_h1 *,
.paragraph h1, .paragraph h1 *,.paragraph .title_h1, .paragraph .title_h1 * {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 600;
}
.editor h2, .editor h2 *, .editor .title_h2, .editor .title_h2 *,
.paragraph h2, .paragraph h2 * .paragraph .title_h2, .paragraph .title_h2 * {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 400;
}
.editor h3, .editor h3 *, .editor .title_h3, .editor .title_h3 *,
.paragraph h3, .paragraph h3 *, .paragraph .title_h3, .paragraph .title_h3 * {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 400;
}
.editor h4, .editor h4 *, .editor .title_h4, .editor .title_h4 *,
.paragraph h4, .paragraph h4 *, .paragraph .title_h4, .paragraph .title_h4 * {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
}
.editor h5, .editor h5 *, .editor .title_h5, .editor .title_h5 *,
.paragraph h5, .paragraph h5 *, .paragraph .title_h5, .paragraph .title_h5 * {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
}
.editor h6, .editor h6 *, .editor .title_h6, .editor .title_h6 *,
.paragraph h6, .paragraph h6 *, .paragraph .title_h6, .paragraph .title_h6 * {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
}

.paragraph *.text-align-left,
.editor *.text-align-left {
  text-align: left;
}

.paragraph *.text-align-right,
.editor *.text-align-right {
  text-align: right;
}

.paragraph *.text-align-center
.editor *.text-align-center {
  text-align: center;
}

.paragraph *.text-align-justify,
.editor *.text-align-justify {
  text-align: justify;
}


.conteneur_mainBox li ul,
.editor ul,
.paragraph ul {
  list-style: circle inside;
}

.conteneur_mainBox li ol,
.editor ol,
.paragraph ol {
  list-style: decimal inside;
}

.paragraph--type--slider .bx-wrapper {
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: 0 none;
}

.ckeditor-accordion-container > dl {
  border-color: #d3632f;
}
.ckeditor-accordion-container > dl dt > a {
  background-color: #f18731;
  border-color: #d3632f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
}
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt.active > a {
  background-color: #d3632f;
}

/********************************************** MODULE CAPTCHA ********************************************************/
#captcha {
  font-size: 1.2rem;
}
/********************************************** MODULE COOKIES CONSENT ************************************************/
.cc_container .cc_message,
.cc_container .cc_message a {
  font: 200 1.6rem Arial, sans-serif;
  color: #3b3b3b;
}
.cc_container a,
.cc_container a:visited {
  color: #d3632f;
}

.cc_container a:hover,
.cc_container a:active {
  color: #3b3b3b;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color: #f18731;
  color: #ffffff;
  border-radius: 0;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
  background-color: #3b3b3b;
  color: #d3632f;
}
/********************************************** MODULE COOKIES ********************************************************/
#cookiesjsr .cookiesjsr--app {
  font-size: 1.2rem;
}

#cookiesjsr .cookiesjsr-service-group,
#cookiesjsr .cookiesjsr-banner *,
#cookiesjsr .cookiesjsr-banner a {
  color: #3b3b3b;
}

#cookiesjsr .cookiesjsr-layer--header,
#cookiesjsr .cookiesjsr-layer--body,
#cookiesjsr .cookiesjsr-layer--footer,
#cookiesjsr .cookiesjsr-banner {
  background-color: #f3f3f3;
  color: #3b3b3b;
  font-size: 1.2rem;
}

#cookiesjsr .cookiesjsr-service-group--tab:hover {
  background-color: #dedede;
}

#cookiesjsr .cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
#cookiesjsr .cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background-color: #666666;
}
#cookiesjsr .cookiesjsr-btn.invert,
#cookiesjsr .cookiesjsr-btn.important.invert,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn {
  background-color: #fafafa;
  border-color: #3b3b3b;
  color: #3b3b3b;
  text-align: center;
  font-size: 1.2rem;
}

#cookiesjsr .cookiesjsr-btn.invert.denyAll,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important {
  background-color: #ffffff;
  border-color: transparent;
  color: #3b3b3b;
}

#cookiesjsr .cookiesjsr-btn.invert.allowAll,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}

#cookiesjsr .cookiesjsr-btn.invert:hover,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn:hover,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important:hover {
  background-color: #dedede;
  border-color: #3b3b3b;
  color: #3b3b3b;
}

/********************************************** BARRE ADMIN ********************************************************/
#toolbar-administration,
#toolbar-administration *,
#toolbar-administration a {
  font: 400 1.3rem/1 "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
}

/************************************************* MODULES MAP LIBRE **************************************************/
.maplibregl-popup-content {
  background-color: #efefef;
  border-radius: 10px;
}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
  border-top-color: #efefef;
}
.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: #efefef;
}
.maplibregl-popup-close-button {
  color: #3F3F3F;
}