/*
 jaune : #f7a840
 vert : #009136
 noir : #151515
 beige : #f6f2ed
 */

body, a, .ui-widget-content,
input[type=number], input[type=text], input[type=email], input[type=tel], input[type=search], input[type=password],
select, textarea, button, input[type=submit], input[type=button], .ui-widget {
  font-family: 'Roboto', sans-serif;
  color: #151515;
  font-size: 1.4rem;
}

a {
  color: #151515;
  text-decoration: none;
}

a:hover {
  color: #F7AA42;
}

::selection {
  color: #FFFFFF;
  background: #865F37;
}

::-moz-selection {
  color: #FFFFFF;
  background: #865F37;
}

/************************************************** COMMUNS ***********************************************************/
button,
a.button,
.buttonIcon,
.buttonIcon.selected,
.blockTotal .buttonIcon:hover {
  background-color: #F7A841;
  border-color: #F7A841;
  color: #FFFFFF;
}

.buttonIcon[type="button"],
.buttonIcon[type="reset"] {
  background-color: #525355;
  border-color: #525355;
}

button:hover,
a.button:hover,
.buttonIcon:hover,
.buttonIcon.selected:hover,
.buttonIcon[type="button"]:hover,
.buttonIcon[type="reset"]:hover,
.blockTotal .buttonIcon {
  background-color: #009136;
  border-color: #009136;
  color: #FFFFFF;
}

.selectIcon {
  color: #FFFFFF;
  background-color: #151515;
  border-color: #151515;
  outline-color: #151515;
}

.selectIcon select option {
  background-color: #151515;
  color: #FFFFFF;
}

.labelIcon,
.icoLink,
.icoLink::before {
  color: #F7AA42;
}

.labelIcon:hover,
.icoLink:hover,
.icoLink:hover::before {
  color: #009136;
}

.icon-promo {
  color: #009136;
}

.icon-return_up::before,
.pixel_32.icon-return_left::before {
  color: #F7AA42
}

.icon-return_up:hover::before,
.pixel_32.icon-return_left:hover::before {
  color: #009136
}

.icon-return_up {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.inputRadiobox input[type="radio"]:checked + label span.icon-dot,
.inputCheckbox input[type="checkbox"]:checked + label span.icon-validate {
  color: #525355;
}

::placeholder {
  color: #525355;
}

::-webkit-input-placeholder {
  color: #525355;
}

:-moz-placeholder {
  color: #525355;
}

::-moz-placeholder {
  color: #525355;
}

:-ms-input-placeholder {
  color: #525355;
}

input[required] {
  border-color: #525355;
}

/************************************************** HEADER ************************************************************/
.header-site {
  background-color: #FFFFFF;
}

.header-site .divBloc .bloc,
.header-site .divBloc .blocOff {
  background-color: #FFFFFF;
  border-color: #EEEEEE;
  color: #525355;
}

.header-site .divBloc .bloc:hover,
.header-site .divBloc .blocOff:hover {
  background-color: #F3F3F3;
  border-color: #DEDEDE;
  color: #010102;
}

.header-site .blocHover .bloc,
.header-site .blocHover .blocOff,
.header-site .blocHover .bloc:hover,
.header-site .blocHover .blocOff:hover {
  background-color: #FFFFFF;
  border-bottom: 0 none;
  border-color: #525355;
  color: #010102;
}

.header-site .blocHover .blocDetail {
  background-color: #FFFFFF;
  border-color: #525355;
  color: #666666;
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(182, 182, 182, 0.5);
}

.header-site .divBloc .bloc p {
  font-size: 1rem;
  font-weight: 600;
}

.header-site #div_panier .bloc .nbArticles,
.header-site #bloc_profil .bloc_address {
  background-color: #009136;
  color: #FFFFFF;
}

.header-site .divBloc .bloc p,
.header-site #bloc_agence p,
.header-site #bloc_agence p a,
.header-site #bloc_profil p,
.header-site #bloc_panier .nbArticles,
.header-site #bloc_panier .nbArticles span,
.header-site #bloc_panier .noArticlePanier,
.header-site #bloc_panierDetail .lignesPanier p .ligneMontant,
.header-site #bloc_panierDetail .totalPanier p:first-child {
  color: #808080;
}

.header-site #selection_panier .total span + span {
  color: #F7A840;
  font-weight: 600;
}

.header-site #bloc_panier .labelIcon,
.header-site #bloc_panierDetail .lignesPanier p a {
  color: #151515;
  font-weight: 400;
}

.header-site #bloc_panier .labelIcon:hover,
.header-site #bloc_panierDetail .lignesPanier p a:hover {
  color: #009136;
}

.header-site #bloc_panier #blocSwitchTarif span.active,
.header-site #bloc_panier #blocSwitchTarif:hover span {
  background-color: #009136;
  border-color: #009136;
}

.header-site #bloc_panierDetail .buttonIcon:first-child,
.header-site #bloc_connexion #newAccount {
  background-color: #808080;
  border-color: #808080;
}

.header-site #bloc_profil .buttonIcon.icon-logout {
  color: #151515;
  border-color: transparent;
}

.header-site #bloc_profil .buttonIcon.icon-logout:hover,
.header-site #bloc_panierDetail .buttonIcon:first-child:hover,
.header-site #bloc_connexion #newAccount:hover {
  background-color: #009136;
  border-color: #009136;
  color: #FFFFFF;
}

#block_recherche button[type=submit]::before {
  content: "\e948";
  font-size: 2rem;
}

@media screen and (max-width: 939px) {
  #block_recherche .recherche {
    border-color: #F6F2ED;
  }

  #block_recherche .recherche button[type=submit] {
    background-color: #F6F2ED;
    color: #F7AA42;
    border-color: #F6F2ED;
  }

  #block_recherche .recherche.selected {
    border-color: #009136;
  }

  #block_recherche .recherche.selected input[type=search] {
    background-color: #FFFFFF;
    color: #151515;
  }

  #block_recherche .recherche.selected button[type=submit] {
    background-color: #FFFFFF;
    color: #009136;
    border-color: #009136;
    border-left-width: 0;
  }

}

@media screen and (min-width: 940px) {
  #modal .recherche {
    border-color: #525355;
  }

  #modal .recherche button,
  #modal .recherche input {
    color: #525355;
  }
}

@media screen and (min-width: 940px) {
  .header-site {
    border-bottom: 0.2rem solid #F6F2ED;
  }

  #block_recherche .recherche {
    background-color: #FFFFFF;
    border-color: #DADADA;
    color: #151515;
    border-radius: 4rem;
  }

  #block_recherche .recherche input,
  #block_recherche .recherche button {
    color: #151515;
    border-radius: 3rem;
  }
}

#block_recherche .modal_recherche__results__container .categoryList a {
  color: #F7AA42;
}

#block_recherche .modal_recherche__results__container .categoryList a:hover {
  color: #009136;
}

#block_recherche .modal_recherche__results__container .categoryList a::after {
  content: ' | ';
  color: #000000;
}

/************************************************** MENUS *************************************************************/
@media screen and (min-width: 940px) {
  #navigation {
    background-color: #FFFFFF;
  }

  #menu a.navSite,
  #menu .mainMenu > .subMenu > a,
  #menu .mainMenu > .subMenu > span {
    background-color: transparent;
    border-bottom: 2px solid #FFFFFF;
    color: #F7A841;
    font-size: 1.6rem;
    font-weight: 600;
  }

  #menu .mainMenu .subMenu .menuLevel {
    background-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 {
    background-color: #FFFFFF;
    border-color: #009136;
    color: #009136;
  }

  #menu .mainMenu .menuLevel a,
  #menu .mainMenu .menuLevel span {
    background-color: #FFFFFF;
    color: #7B7A7A;
    font-size: 1.4rem;
    font-weight: 600;
  }

  #menu .mainMenu .menuLevel a:hover,
  #menu .mainMenu .menuLevel span:hover {
    background-color: #F6F2ED;
    color: #151515;
  }

}

/**************************************************** Menu navigation principal  **************************************/
@media screen and (max-width: 939px) {
  #parentLink,
  #navigation {
    background-color: #FFF7EA;
  }

  #parentLink span, #parentLink a {
    color: #151515;
    font-weight: 400;
  }

  #menuIcon {
    background-color: #F7AA42;
    color: #FFFFFF;
  }

  #menu .mainMenu,
  #menu .mainMenu .subMenu > div,
  .mainMenu .subMenu,
  #menu .mainMenu .subMenu .menuLevel {
    background-color: #FFFFFF;
  }

  a.navSite,
  span.navSite,
  .mainMenu .subMenu a,
  .mainMenu .subMenu span,
  .mainMenu > .subMenu > div > a,
  .mainMenu > .subMenu > div > span {
    background-color: #FFFFFF;
    color: #7B7A7A;
    font-weight: 600;
    border-color: #808080;
  }

  .mainMenu .subMenu a.navSite,
  .mainMenu .subMenu span.navSite {
    border-color: #808080;
  }

  #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,
  .mainMenu .subMenu a.navSiteActive,
  .mainMenu .subMenu span.navSiteActive {
    background-color: #F6F2ED;
    color: #151515;
  }

}

@media screen and (max-width: 939px) {
  #catalogMenu .menuProduit_categories {
    border-color: #009136;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu {
    background-color: #FFFFFF;
    color: #F7AA42;
    border-color: #808080;
  }

  #catalogMenu .menuProduit_categories .menu span {
    font-weight: 600;
  }

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

}

@media screen and (min-width: 940px) {
  #catalogMenu.catalogMenuHZ {
    background-color: transparent;
    border: 0 none;
  }

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

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu span {
    background-color: transparent;
    border: 0 none;
    color: #151515;
    font-size: 1.4rem;
    font-weight: 600;
  }

  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuActive,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuActive span,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuHover,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu:hover span,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuHover span {
    background-color: #009136;
    color: #FFFFFF;
    border: 0 none;
  }

  #menu a#show_catalogMenu {
    background-color: #FFFFFF;
    color: #F7A841;
    border: 0 none;
  }

  #menu a#show_catalogMenu:hover,
  #menu a#show_catalogMenu.navSiteHover,
  #menu a#show_catalogMenu.navSiteActive {
    background-color: #009136;
    color: #FFFFFF;
    border: 0 none;
  }

  #catalogMenu.catalogMenuVT {
    background-color: #FFFFFF;
    border-color: #F7A841;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories {
    background-color: #FFFFFF;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu {
    border-left: 0.4rem solid transparent;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menu span {
    color: #151515;
    font-weight: 600;
  }

  #catalogMenu.catalogMenuVT .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menuHover,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menu:hover span,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menuHover span {
    color: #009136;
  }

  #catalogMenu .menuProduit_categories .menu::before {
    color: #F7A841;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container:hover {
    background-color: transparent;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2 {
    color: #151515;
    font-weight: 600;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv3,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv4,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv5,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv6 {
    color: #151515;
    font-weight: 400;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2:hover,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv3:hover,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv4:hover,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv5:hover,
  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille a.menu_niv6:hover {
    color: #F7AA42;
    font-weight: 600;
  }

}

/************************************************** SLIDERS ***********************************************************/
.slick .slick__slide img {
  border-color: #F6F2ED;
}

.slick .slick__arrow .slick-arrow:hover:before {
  color: #293133;
}

.slick .slick__slide img {
  border-width: 0.5rem 0;
  border-style: solid;
  border-color: #CDCDCD;
}


.cadreListeProduits.dark h2,
.cadreListeProduits.light h2 {
  color: #F7AA42;
}

.cadreListeProduits.light h2:after,
.cadreListeProduits.dark h2:after {
  background-color: #F7AA42;
  border: 0.1rem solid #F7AA42;
  border-radius: 1.6rem;
}

.cadreListeProduits .produit .cadreTitre {
  font-weight: 600;
}

.cadreListeProduits .produit {
  border: 0.1rem solid transparent;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.cadreListeProduits.light .produit .cadreTitre h3,
.cadreListeProduits.dark .produit .cadreTitre h3,
.cadreListeProduits.light .produit .cadreRef,
.cadreListeProduits.light .produit .cadreTarif .prix,
.cadreListeProduits.dark .produit .cadreRef,
.cadreListeProduits.dark .produit .cadreTarif .prix {
  color: #151515;
}

.cadreListeProduits .produit .cadreRef {
  font-weight: 300;
}

.cadreListeProduits.dark .produit .cadreTarif .prix:first-of-type,
.cadreListeProduits.light .produit .cadreTarif .prix:first-of-type,
.cadreListeProduits.dark .produit:hover .cadreTarif .prix:first-of-type,
.cadreListeProduits.light .produit:hover .cadreTarif .prix:first-of-type {
  font-weight: 600;
  color: #F7AA42;
}

.cadreListeProduits .link a {
  font-weight: 400;
  background-color: #F7AA42;
  color: #FFFFFF;
}

.cadreListeProduits .link a:hover {
  background-color: #009136;
  color: #FFFFFF;
}

.cadreListeProduits.dark {
  background-color: #FFF7EA;
}

.cadreListeProduits.dark .produit {
  border-color: #F7AA42;
}

.cadreListeProduits.dark .produit:hover {
  background-color: #FFFFFF;
  border-color: #F7AA42;
}

.cadreListeProduits.light .produit .blocTarif .prixBarre {
  color: #525355;
}

.cadreListeProduits.light .produit:hover {
  background-color: #F6F2ED;
}

.cadreListeProduits.light .produit .cadreTarif {
  border: 0 none;
}

.cadreListeProduits.light .produit:hover .upperBlock,
.cadreListeProduits.light .produit:hover .lowerBlock {
  background-color: transparent;
}

/************************************************** COMMUNS ***********************************************************/
aside .aside .asideContent,
.catalogFacet fieldset,
#listeProduits .catalogDetail,
.userAccount .caddieContainer,
#contentUserOrders .fieldsetContainer,
#contentUserAccount,
#contentUserSites,
#contentDashboardUser .bloc,
#currentCaddie,
.tdvContent,
.drupalForm .contentDrupalForm {
  background-color: #FFFFFF;
}

.pageTitle {
  background-color: #FFF7EA;
}

.pageTitle h1 {
  color: #F7AA42;
  font-weight: 400;
}

.nbArticles span {
  color: #525355;
}

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

.blocTarif div:first-of-type.tarifClient .prixPrepa,
.blocTarif div:first-of-type.tarifPublic .prixPrepa,
.blocTarif div.tarifClient .prixPrepa,
.blocTarif div.tarifPublic .prixPrepa {
  color: #151515;
}

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

.blocTarif .prixBarre,
.blockTotal p:first-child .label,
.blockTotal p:first-child .value {
  color: #525355;
}

.blockTotal p .value {
  border-color: #525355;
}

@media screen and (min-width: 940px) {
  .breadcrumb,
  .breadcrumb div > span,
  .breadcrumb div > a {
    background-color: transparent;
    font-size: 1.3rem;
    font-weight: 400;
    color: #525355;
  }

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

/************************************************** CATALOGUE *********************************************************/
#catalogContent .categoryDescription {
}

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

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

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

.catalogFacet fieldset.plv legend,
.catalogFacet fieldset legend {
  border-color: #F7AA42;
  background-color: #F7AA42;
  color: #FFFFFF;
  font-weight: 400;
}

.catalogFacet fieldset div {
  border-color: #F7AA42;
  background-color: #FFFFFF;
}

.catalogFacet fieldset.plv li.niv_2 label,
.catalogFacet fieldset.plv li.niv_3 label {
  font-size: 1.3rem;
}

.catalogFacet fieldset label,
.catalogFacet fieldset .showVoirPlus,
.catalogFacet fieldset .showVoirMoins {
  color: #151515;
  font-weight: 400;
  text-decoration: none;
}

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

.categoryContent .categoryDetail .categoryDetail_title a h2 {
  font-size: 1.6rem;
  color: #009136;
}

.categoryContent .categoryDetail .categoryDetail_content a {
  font-size: 1.4rem;
}

.categoryContent .categoryDetail {
  background-color: #FFF7EA;
  border-color: #F7AA42;
}

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

.categoryContent .categoryDetail .categoryDetail_title a:hover h2,
.categoryContent .categoryDetail:hover .categoryDetail_title a h2,
.categoryContent .categoryDetail .categoryDetail_content a:hover h3 {
  color: #009136;
}

.categoryContent .categoryDetail .categoryDetail_link a {
  font-weight: 400;
}

.productsList .catalogArticle .ligneArticle_detail .blocTarif .tarifPublic:nth-child(2) {
  color: #525355;
}

#block_recherche .modal_recherche__results__container .productsList .catalogArticle,
.productsList .catalogArticle[data-link] {
  border-color: #F7AA42;
}

#block_recherche .modal_recherche__results__container .productsList .catalogArticle:hover,
.productsList .catalogArticle[data-link]:hover {
  background-color: #FFF7EA;
  border-color: #F7AA42;
}

.productsList .catalogArticle .ligneArticle_image .mainImage {
  border-color: #F7AA42;
}

.productsList .catalogArticle .ligneArticle_image .mainImage span {
  border-color: #F7AA42;
  color: #F7AA42;
}

.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h3 {
  color: #151515;
  font-weight: 400;
  font-size: 1.9rem;
}

#block_recherche .modal_recherche__results__container .productsList .catalogArticle a .title,
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h3 {
  color: #F7AA42;
}

.productsList .catalogArticle .ligneArticle_detail p.variante_title {
  color: #525355;
}

.productsList .catalogArticle .ligneArticle_detail .produitDescriptif p {
  font-weight: 400;
}

.productsPaging a {
  color: #F7AA42;
}

.productsPaging a:hover,
.productsPaging span.current {
  color: #000000;
}

/************************************************** PRODUIT ***********************************************************/
#productCard .produitDescriptif h1,
#productCard .ficheArticle_infoSup .title,
#tabs ul li a span,
#productCard .produitCaracteristique .infoTitre {
  color: #525355;
}

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

#productCard .produitPresentation .content,
#productCard .produitCaracteristiqueBas {
  background-color: #FFFFFF;
}

#productCard .produitCaracteristique .infoDetail {
  font-weight: 400;
}

#productCard .icoLink {
  font-weight: 600;
}

#productCard .produitImages .mainImage,
#productCard .produitImages .mainImage span {
  border-color: #F7AA42;
  color: #F7AA42;
}

#tabs {
  border: 0 none
}

#tabs .ui-tabs-panel {
  background-color: #FFF7EA;
  border: 0.1rem solid #F7AA42;
  border-top: 0 none;
}

#tabs .menu {
  border-color: #F7AA42;
}

#tabs .menu .ui-state-default,
#tabs .menu .ui-state-default:hover {
  background-color: rgba(255, 247, 234, 0.5);
  border-color: rgba(247, 170, 66, 0.5);
}

#tabs .menu .ui-state-default:hover a span {
  color: #F7AA42;
}

#tabs .menu .ui-state-active,
#tabs .menu .ui-state-active:hover {
  background-color: #FFF7EA;
  border-color: #F7AA42;
}

#tabs .menu .ui-state-active a span,
#tabs .menu .ui-state-active:hover a span {
  color: #151515;
}

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

@media screen and (max-width: 939px) {
  .produitTarif .icon-promo {
    background-color: #009136;
  }
}

@media screen and (min-width: 940px) {
  #productCard .blocTarif div:first-of-type.tarifClient .prix {
    font-size: 3rem;
  }

  #productCard .produitDetail .blocTarif .tarifPublic:nth-child(2) {
    color: #525355;
  }
}

/************************************************** PANIER ************************************************************/
.blocCoupon input,
#coupon p,
#coupon p .libelleRemise,
.caddieHeader .content .caddieHeaderInfo .caddieComment::before,
.caddieHeader .content .caddieHeaderTotal p:first-child span,
.caddieLineOptions label.js_toggleAllLines:hover,
.caddieLine span.toggleLine:hover,
.caddieLine.checked .libelleLine a,
.caddieContainer .caddieComment .icon-comment,
.caddieFooter .content .caddieFooterTotal p:first-child span {
  color: #525355;
}

@media screen and (min-width: 940px) {
  .caddieLine .caddieLineFull .caddieLinePrice .tarifUnitLine p:first-child .tarifMontant,
  .caddieLine .caddieLineFull .caddieLinePrice .tarifTotalLine p:first-child .tarifMontant {
    color: #525355;
  }
}

/************************************************** MON COMPTE ********************************************************/
.userAccount * {
  font-weight: 300;
}

.userAccount h2 {
  font-weight: 600;
  font-size: 3rem;
}

#navUserAccount {
  background-color: transparent;
}

#navUserAccount a {
  color: #FFFFFF;
  border: 0 none;
  text-transform: uppercase;
  background: #727272;
  border-radius: 5px;
}

#navUserAccount a:hover {
  color: #000000;
  border: 0 none;
  background: #F7A840;
  border-radius: 5px;
}

#navUserAccount a.current,
#navUserAccount a.current:hover {
  color: #FFFFFF;
  border: 0 none;
  background: #009136;
}

.userAccount h2 {
  background-color: #FFFFFF;
}

#contentDashboardUser .accountProfil .fieldsetContainer {
  background-color: #FFFFFF;
  border: 0 none;
}

#contentDashboardUser .fieldsetLegend {
  font-weight: 400;
  color: #F7AA42;
}

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

#contentDashboardUser .accountCaddyTYP p.accountNumber {
  background-color: #009136;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine .lineName,
#contentUserAccount .fieldset .fieldsetLegend,
#contentUserAccount .prefContent .fieldset .fieldsetLegend,
#contentUserAccount .profilContent .fieldset .fieldsetLegend {
  color: #525355;
}

#contentUserAccount .subUsers h3 {
  background-color: #293133;
  color: #FFFFFF;
}

#contentUserOrders .orderHeader .orderHeaderContent .adresse .title {
  color: #525355;
}

#contentUserOrders .orderFooter .label,
#contentUserOrders .orderFooter .value,
.userAccount #paniersListe .showOptions.selected,
.userAccount #paniersListe .listOptions p.title,
#contentUserOrders .fieldsetContainer .fieldsetLine .orderType,
#contentUserOrders .fieldsetContainer .fieldsetLine .lineDate,
#contentUserOrders .fieldsetContainer .fieldsetLine .lineName,
#contentUserOrders .fieldsetContainer .fieldsetLine .lineTotal {
  color: #525355;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine:hover .lineName,
#contentUserSites .fieldsetContainer .fieldsetLine .lineName {
  color: #F7AA42;
}

#contentUserOrders .orderContent .fieldsetLine.even {
  background-color: #FFFFFF;
}

.caddieContainer {
  border: 0.1rem solid #F3F3F3;
}

.caddieContainer.hideCaddie {
  border: 0 none;
}

.caddieHeader,
.caddieFooter,
#contentUserOrders .orderHeader,
#contentUserOrders .orderFooter {
  background-color: transparent;
}

.caddieHeader .content,
.caddieFooter .content,
#contentUserOrders .orderHeader .content,
#contentUserOrders .orderFooter .content {
  background-color: #F3F3F3;
}

.caddieLine.checked .caddieLineContent,
.caddieBlock.checked .caddieBlockContent {
  border-color: #525355;
}

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

@media screen and (max-width: 939px) {
  #navUserAccount a {
    border: 0 none;
  }

  #navUserAccount a::before {
    font-size: 2rem;
  }

  #navUserAccount a.current:first-child {
    border-left-color: #009136;
  }

  #contentUserOrders .orderHeader .orderHeaderContent .selected .title {
    color: #FFFFFF;
    background-color: #009136;
  }

  #contentUserOrders .orderHeader #linkOptions .icon-pdf::before {
    color: #009136;
  }
}

@media screen and (min-width: 940px) {
  #navUserAccount a::before {
    font-size: 4rem;
  }

}

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

#tdv a.actif {
  color: #FFFFFF;
  text-transform: uppercase;
  background: #727272;
  border-radius: 5px;
  border: 0 none;
}

#tdv a.inactif,
#tdv a.inactif:hover {
  color: #FFFFFF;
  background: #009136;
  border-radius: 5px;
  border: 0 none;
}

#tdv a.actif:hover,
#tdv a:hover,
#tdv a.current,
#tdv a.current:hover {
  color: #000000;
  background: #F7A840;
  border-radius: 5px;
  border: 0 none;
}

.tdvContent .pageTitle h1 {
  font-weight: 600;
  color: #F7AA42;
}

.tdvContent .fieldset .fieldsetLegend {
  color: #525355;
}

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

.ui-datepicker.ui-widget-content .ui-state-highlight {
  background-color: rgba(0, 145, 54, 0.2);
  border-color: #009136;
  color: #009136;
}

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

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

#validation_confirmation .msg {
  color: #525355;
}

@media screen and (max-width: 939px) {
  #tdv a:first-child,
  #tdv a.current:first-child,
  #tdv a.current,
  #tdv a.inactif {
    border: 0 none;
  }

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

}

@media screen and (min-width: 940px) {
  .tdvContent .blocChoice input:checked + .buttonLabel::after,
  .tdvContent .modeReglement input:checked + .buttonLabel::after {
    border-left-color: #009136;
  }
}

/************************************************** CONTENU ***********************************************************/
.contact-form * {
}

.contact-form .form-item.inputCheckbox .description {
  text-align: justify;
}

/************************************************** ASIDE *************************************************************/
.reassuranceContent {
  background-color: #F6F2ED;
}

.reassuranceContent h2 {
  color: #151515;
}

.reassuranceContent .bloc {
  background-color: transparent;
}

.reassuranceContent .bloc .blocTitre {
  color: #009136;
  font-weight: 700;
  font-size: 2rem;
}

.aside .asideContent h2 {
  color: #009136;
}

/************************************************** FOOTER ************************************************************/
.footer-site .title_h6 {
  font-weight: 600;
}

.footer-site {
  background-color: #151515;
  color: #F6F2ED;
}

.footer-site * {
}

.footer-site .content > div {
  border-right-color: transparent;
}

.footer-site .horaires-agence table td,
.footer-site a {
  color: #F6F2ED;
}

.footer-site a:hover {
  color: #F7AA42;
  text-decoration: underline;
}

.footer-site .copyright,
.footer-site .footerSecond {
  background-color: #000000;
  font-size: 1.4rem;
}

.footer-site .footerSecond .separator {
  background-color: transparent;
}

.footer-site .footerSecond p {
  color: #F6F2ED;
  font-weight: 400;
}

.footer-site .pixel_16,
.footer-site .pixel_32,
.footer-site .socialMediaBlock a,
.footer-site .footerSecond a {
  color: #F7A841;
  font-weight: 400;
}

.footer-site .pixel_32:hover,
.footer-site .footerSecond a:hover,
.footer-site .socialMediaBlock a:hover {
  color: #F7A841;
  opacity: 0.8;
}

.footer-site .copyright div span {
  border: 0.1rem solid #F6F2ED;
}

/**************************************************** POPUP MODAL *****************************************************/
#modal .popup h2 {
  color: #525355;
}

.modal_recherche__container .modal_recherche__form_results .recherche {
  background-color: #FFFFFF;
}

#modal .recherche {
  border-color: #525355;
  color: #525355;
}

#modal .recherche input {
  color: #525355;
}

/**************************************************** POPUP COOKIES ***************************************************/
.cc_container a, .cc_container a:visited {
  color: #000000;
}

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

.cc_container .cc_btn, .cc_container .cc_btn:visited {
  background-color: #009136;
  color: #FFFFFF;
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
  background-color: #525355;
  color: #FFFFFF;
}