/************************************************** COMMUNS ***********************************************************/
a:hover {
  color: #00a3e0;
}

button,
a.button,
.buttonIcon,
.buttonIcon.selected {
  background-color: #32384d;
  border-color: #32384d;
  color: #ffffff;
}

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

button:hover,
a.button:hover,
.buttonIcon:hover,
.buttonIcon.selected:hover,
.buttonIcon[type="button"]:hover,
.buttonIcon[type="reset"]:hover {
  background-color: #00a3e0;
  border-color: #00a3e0;
  color: #ffffff;
}
.labelIcon:hover,
.icoLink:hover,
.icoLink::before,
.icoLink:hover::before {
  color: #32384d;
}
.selectIcon {
  background-color: #32384d;
  border-color: #32384d;
  outline-color: #32384d;
  color: #ffffff;
}
.selectIcon select option {
  background-color: #32384d;
  color: #ffffff;
}
input[required] {
  outline-color: #32384d;
}
.inputCheckbox input[type="checkbox"]:checked + label span.icon-validate,
.inputRadiobox input[type="radio"]:checked + label span.icon-dot {
  color: #00a3e0;
}

.icon-promo,
.nbArticles span {
  color: #00a3e0;
}

.regroupementTarif .prix:first-of-type,
.blocTarif div:first-of-type.tarifClient .prix,
.blocTarif div:first-of-type.tarifPublic .prix {
  color: #00a3e0;
}
.blocTarif div.tarifClient .prix,
.blocTarif div.tarifPublic .prix {
  color: #32384d;
}
.blocTarif div.tarifClient .prixPrepa,
.blocTarif div.tarifPublic .prixPrepa {
  color: #999999;
  font-weight: 400;
}

.blocSaisie .buttonIcon:disabled {
  background-color: rgba(0, 163, 224, 0.6);
}

.blocSaisie .buttonIcon:disabled:hover {
  background-color: rgba(0, 163, 224, 0.8);
}
.socialMediaBlock li:hover a {
  color: #00a3e0;
}
/************************************************** HEADER ************************************************************/
.header-site {
  background-color: #32384d;
}

#block_recherche .recherche {
  border-color: #32384d;
  color: #ffffff;
}

#block_recherche button[type=submit],
.header-site #bloc_profil .buttonIcon.icon-logout,
.header-site #bloc_agence p b {
  color: #32384d;
}
.header-site #div_profil .blocOn p,
.header-site #selection_panier .total span + span,
.header-site #bloc_agence p,
.header-site #bloc_agence p a,
.header-site #bloc_profil p,
.header-site #bloc_profil .bloc_correspondant p a,
.header-site #bloc_panierDetail .lignesPanier p a:hover,
.header-site #bloc_panierDetail .lignesPanier p .ligneMontant,
.header-site #bloc_panierDetail .totalPanier p:first-child {
  color: #00a3e0;
}
.header-site #bloc_panierDetail .buttonIcon:first-child {
  background-color: #ffffff;
  border-color: #32384d;
  color: #32384d;
}
.header-site #bloc_profil .buttonIcon.icon-logout:hover,
.header-site #bloc_profil button,
.header-site #bloc_panierDetail .buttonIcon:first-child:hover,
.header-site #div_panier .bloc .nbArticles {
  background-color: #00a3e0;
  border-color: #00a3e0;
  color: #ffffff;
}
.header-site #bloc_panier #blocSwitchTarif span.active,
.header-site #bloc_panier #blocSwitchTarif:hover span {
  background-color: #00a3e0;
  border-color: #00a3e0;
}

/************************************************** MENUS *************************************************************/
#menu a.navSite:hover,
#menu a.navSiteHover,
#menu a.navSiteActive,
#menu .mainMenu .subMenu:hover > a,
#menu .mainMenu .subMenu a:hover {
  background-color: #00a3e0;
}
#menu #showCatalogMenu.navSiteActive,
#menu #showCatalogMenu.navSiteActive span {
  background-color: #00a3e0;
  border-color: #00a3e0;
}
#menu #showCatalogMenu.navSiteHover::after {
  border-top-color: #32384d;
}
#menu .mainMenu .subMenu div {
  background-color: #32384d;
}

.navigation-anonyme-input button {
  background-color: #ffffff;
  border-color: #32384d;
  color: #32384d;
}
.navigation-anonyme-input button:hover {
  background-color: #00a3e0;
  border-color: #ffffff;
  color: #ffffff;
}
.navigation-anonyme-input button.selected,
.navigation-anonyme-input button.selected:hover {
  background-color: #32384d;
  border-color: #32384d;
  color: #ffffff;
}

/************************************************** MENUS *************************************************************/
#catalogMenu .menuProduit_categories .menuHover,
#catalogMenu .menuProduit_categories .menuActive,
#catalogMenu .menuProduit_categories .menu:hover,
#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 {
  color: #32384d;
}
#catalogMenu.catalogMenuVT {
  border-color: #00a3e0;
}
#catalogMenu.catalogMenuVT .menuProduit_categories .menu:hover,
#catalogMenu.catalogMenuVT .menuProduit_categories .menuHover,
#catalogMenu.catalogMenuVT .menuProduit_categories .menuActive,
#catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2:hover {
  color: #00a3e0;
}
/************************************************** SLIDERS ***********************************************************/
.slick .slick__arrow .slick-arrow:hover:before {
  color: #32384d;
}
.cadreListeProduits.light .produit button.icon-caddie {
  background-color: #32384d;
  color: #ffffff;
  border-color: #32384d;
}
.cadreListeProduits .produit:hover button.icon-caddie {
  background-color: #00a3e0;
  border-color: #00a3e0;
  color: #ffffff;
}
.cadreListeProduits.dark {
  background-color: #32384d;
}

.cadreListeProduits.dark .produit .cadreTitre h3 {
  color: #FFFFFF;
}
.cadreListeProduits.dark .produit .cadreTarif .prix:first-of-type {
  color: #00A3E0;
}
.cadreListeProduits.dark .link a {
  background-color: #ffffff;
  color: #32384d;
}
.cadreListeProduits.light h2,
.cadreListeProduits.light .produit .cadreTarif .prix:first-of-type {
  color: #32384d;
}
.cadreListeProduits .link a {
  background-color: #32384d;
  color: #ffffff;
}
.cadreListeProduits .link a:hover {
  background-color: #00a3e0;
  color: #ffffff;
}
/************************************************** CATALOGUE *********************************************************/
.catalogFacet .catalogFacetReinit {
  background-color: #F3F3F3;
  border-color: #32384D;
  color: #32384D;
}

.catalogFacet .catalogFacetReinit:hover {
  background-color: #F3F3F3;
  border-color: #00A3E0;
  color: #00A3E0;
}
.catalogFacet .title_h3,
.catalogFacet fieldset.plv label:hover,
.catalogFacet fieldset li.selected,
.catalogFacet fieldset:not(.plv) label input[type="checkbox"]:checked + span,
.catalogFacet fieldset:not(.plv) label.checked input[type="checkbox"] + span,
.catalogFacet fieldset .showVoirPlus:hover,
.catalogFacet fieldset .showVoirMoins:hover,
.productsPaging a:hover,
.productsPaging span.current {
  color: #32384d;
}

.catalogFacet fieldset:not(.plv) label:hover,
.catalogFacet fieldset:not(.plv) label input[type="checkbox"]:checked + span,
.catalogFacet fieldset:not(.plv) label.checked input[type="checkbox"] + span {
  color: #00a3e0;
}
.catalogFacet fieldset legend {
  background-color: #00a3e0;
  border-color: #00a3e0;
  color: #fff;
  font-weight: 400;
}
.catalogFacet fieldset.plv legend {
  background-color: #32384d;
  border-color: #32384d;
}
.productsList .catalogArticle[data-link]:hover {
  border-color: #00a3e0;
}
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h3 {
  color: #32384d;
}
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h2,
.productsList .catalogArticle:hover .ligneArticle_detail .produitDescriptif a.title h3 {
  color: #00a3e0;
}
/************************************************** PRODUIT ***********************************************************/
#productCard .produitDescriptif h1,
#productCard .ficheArticle_infoSup .title,
#tabs .menu .ui-state-active a span,
#productCard .produitCaracteristique .infoTitre,
#productCard .ficheArticle_infoSup .ligneArticle_detail p.title {
  color: #32384d;
}
#tabs .menu .ui-state-default:hover a span {
  color: #00a3e0;
}
/************************************************** PANIER ************************************************************/
.blocExpert input:focus {
  outline-color: #32384d;
}
.blockTotal p:first-child .label,
.blockTotal p:first-child .value,
.caddieHeader .content .caddieHeaderTotal p:first-child span,
.caddieLine.checked .libelleLine a,
.caddieFooter .content .caddieFooterTotal p:first-child span {
  color: #32384d;
}
.caddieContainer .caddieComment .icon-comment,
.caddieLineOptions label.js_toggleAllLines:hover,
.caddieLine span.toggleLine:hover,
.caddieLine .caddieLineInfo .libelleLine a:hover {
  color: #00a3e0;
}
/************************************************** TUNNEL DE COMMANDE ************************************************/
#tdv {
  background-color: #32384d;
}
#tdv a,
#tdv a.inactif,
#tdv a.inactif:hover {
  background-color: #ffffff;
  border: 0.1rem solid #ffffff;
  color: #32384d;
}
#tdv a.actif {
  background-color: #00a3e0;
  border-color: #ffffff;
  color: #ffffff;
}

#tdv a:hover,
#tdv a.current,
#tdv a.current:hover,
#tdv a.actif:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #00a3e0;
}
#tdv a:hover span,
#tdv a.current span,
#tdv a.current:hover span {
  color: #ffffff;
}
#tdv a.current::after {
  border-top-color: #ffffff;
}

.blocCoupon input,
#coupon p,
.tdvContent #infoCGV label:hover a:hover {
  color: #00a3e0;
}
#coupon p .libelleRemise,
.tdvContent .fieldset .fieldsetLegend,
.tdvContent #infoCGV label:hover,
.tdvContent #infoCGV label:hover a,
#validation_confirmation .msg {
  color: #32384d;
}

.tdvContent .blocChoice .buttonLabel,
.tdvContent .modeReglement .buttonLabel {
  background-color: #ffffff;
  border-color: #32384d;
  color: #32384d;
}
.tdvContent .blocChoice .buttonLabel:hover,
.tdvContent .blocChoice input:checked + .buttonLabel,
.tdvContent .blocChoice input[type=hidden] + .buttonLabel,
.tdvContent .modeReglement .buttonLabel:hover,
.tdvContent .modeReglement input[type=hidden] + .buttonLabel,
.tdvContent .modeReglement input:checked + .buttonLabel,
.ui-datepicker.ui-widget-content .ui-state-highlight {
  background-color: #00a3e0;
  border-color: #00a3e0;
  color: #ffffff;
}
/************************************************** MON COMPTE ********************************************************/
#navUserAccount {
  background-color: #32384d;
}
#navUserAccount a {
  background-color: #ffffff;
  border: 0.1rem solid #ffffff;
  color: #32384d;
}
#navUserAccount a span {
  color: #32384d;
}
#navUserAccount a:hover,
#navUserAccount a.current,
#navUserAccount a.current:hover {
  background-color: #00a3e0;
  border-color: #ffffff;
  color: #ffffff;
}
#navUserAccount a:hover span,
#navUserAccount a.current span,
#navUserAccount a.current:hover span {
  color: #ffffff;
}
#navUserAccount a.current::after {
  border-top-color: #ffffff;
}

#contentDashboardUser .accountCaddyCDE p.accountNumber {
  background-color: #32384d;
  color: #dfdfdf;
}
#contentDashboardUser .accountCaddyTYP p.accountNumber {
  background-color: #00a3e0;
  color: #f3f3f3;
}
#contentDashboardUser .accountCaddyCDE p.accountNumber span,
#contentDashboardUser .accountCaddyTYP p.accountNumber span {
  color: #ffffff;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine .lineName,
#contentUserAccount .fieldset .fieldsetLegend,
#contentUserAccount .profilContent .fieldset .fieldsetLegend,
#contentUserAccount .inputCheckbox input[type="checkbox"]:checked + label span,

#contentUserOrders .fieldsetContainer .fieldsetLine .lineName,
#contentUserOrders .orderHeader .orderHeaderContent .adresse .title,
#contentUserOrders .orderFooter .label,
#contentUserOrders .orderFooter .value,
.userAccount #paniersListe .showOptions.selected,
.userAccount #paniersListe .listOptions p.title {
  color: #32384d;
}

#contentDashboardUser .fieldsetContainer .fieldsetLine:hover .lineName,
#contentUserOrders .fieldsetContainer .fieldsetLine:hover .lineName {
  color: #00a3e0;
}
#contentUserAccount .subUsers h3{
  background-color: #00a3e0;
  color: #ffffff;
}
.icon-return_up::before,
.pixel_32.icon-return_left::before {
  background-color: #ffffff;
  color: #00a3e0;
}
.icon-return_up:hover::before,
.pixel_32.icon-return_left:hover::before {
  background-color: #00a3e0;
  color: #ffffff;
}
.caddieLine.checked .caddieLineContent,
.caddieBlock.checked .caddieBlockContent {
  border-color: #32384d;
}
label.checkBox input[type="checkbox"]:checked + span,
.checked label.checkBox input[type="checkbox"] + span {
  background-color: #32384d;
  border-color: #32384d;
}
/************************************************** ASIDE *************************************************************/
.aside .asideContent h2 {
  color: #32384d;
}
.reassuranceContent {
  background-color: #00a3e0;
}
/************************************************** CONTENU ***********************************************************/
#left .conteneur_leftBox ul li a:hover,
#left .conteneur_leftBox ul li a.is-active {
  color: #00a3e0;
}
/************************************************** AUTRE PAGE ********************************************************/
.drupalForm .form-item .inputCheckbox label input[type="checkbox"]:checked + span {
  color: #32384d;
}
/************************************************** FOOTER ************************************************************/
.footer-site {
  background-color: #32384d;
}

/************************************************** POPUP MODAL *******************************************************/
#modal .popup h2 {
  color: #32384d;
}
/************************************************** POPUP COOKIES *****************************************************/
.cc_container a, .cc_container a:visited {
  color: #00a3e0;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
  background-color: #00a3e0;
  color: #ffffff;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
  background-color: #32384d;
  color: #ffffff;
}
@media screen and (max-width: 939px) {
  /************************************************** HEADER ************************************************************/
  #block_recherche .recherche.selected {
    border-color: #32384d;
  }
  #block_recherche button[type=submit] {
    background-color: #32384d;
    border-color: #32384d;
    color: #ffffff;
  }
  /************************************************** MENUS *************************************************************/
  #navigation {
    background-color: #32384d;
    border-top: 0.2rem solid #00a3e0;
  }

  #parentLink,
  #menuIcon {
    background-color: #32384d;
  }
  #menuIcon,
  #parentLink span,
  #parentLink a {
    color: #ffffff;
  }
  #parentLink a:hover,
  #parentLink a:hover span {
    color: #00a3e0;
  }

  #menu a.navSite {
    background-color: #32384d;
  }

  #menu #showCatalogMenu.navSiteActive,
  #menu #showCatalogMenu.navSiteActive span,
  #menu #showCatalogMenu:hover span,
  #menu #showCatalogMenu.navSiteHover span ,
  #menu #showCatalogMenu:hover,
  #menu #showCatalogMenu.navSiteHover {
    border-color: #ffffff
  }
  #menu .mainMenu,
  #menu .mainMenu .subMenu > div {
    background-color: #ffffff;
    color: #32384d;
  }
  #menu .mainMenu a.navSite,
  #menu .mainMenu .subMenu a.navSite,
  #menu .mainMenu .subMenu > div > a {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #32384d;
  }
  #menu a.navSiteActive,
  #menu .mainMenu a.navSiteActive,
  #menu .mainMenu .subMenu a.navSiteActive,
  #menu #showCatalogMenu,
  #menu #showCatalogMenu.navSiteActive span {
    background-color: #00a3e0;
    border-color: #ffffff;
    color: #ffffff;
  }
  #menu .mainMenu a.navSite:hover,
  #menu .mainMenu .subMenu:hover a.navSite,
  #menu .mainMenu .subMenu > div > a:hover {
    background-color: #32384d;
    color: #ffffff;
  }

  /************************************************** ASIDE *************************************************************/
  /************************************************** COMMUNS ***********************************************************/
  /************************************************** CATALOGUE *********************************************************/
  #catalogContent .pageTitle h1 {
    color: #32384d;
  }
  /************************************************** PRODUIT ***********************************************************/
  #productCard .pageTitle h1 {
    color: #32384d;
  }
  /************************************************** PANIER ************************************************************/
  /************************************************** TUNNEL DE COMMANDE ************************************************/
  #tdv a,
  #tdv a.inactif,
  #tdv a.inactif:hover {
    border-color: #ffffff #32384d;
  }
  .tdvContent .blocChoice input:checked + .buttonLabel::after,
  .tdvContent .modeReglement input:checked + .buttonLabel::after {
    border-top-color: #00a3e0;
  }
  /************************************************** MON COMPTE ********************************************************/
  #navUserAccount a {
    border-color: #32384d;
  }
  #navUserAccount a:first-child {
    border-left-color: #32384d;
  }
  #navUserAccount a.current {
    border: 0.1rem solid #ffffff;
  }
  #navUserAccount a.current:first-child {
    border-left: 0.1rem solid #ffffff;
  }
  #contentUserOrders .orderHeader .orderHeaderContent .selected .title {
    color: #ffffff;
    background-color: #00a3e0;
  }
  #contentUserOrders .orderHeader #linkOptions .icon-pdf::before {
    color: #00a3e0;
  }
}

@media screen and (min-width: 940px) {
  /************************************************** HEADER ************************************************************/
  .header-site .header {
    border-bottom: 0.2rem solid #00a3e0;
  }
  /************************************************** MENUS *************************************************************/
  #navigation {
    background-color: #32384d;
  }
  #menu #showCatalogMenu span {
    border-color: #ffffff;
  }
  #menu #showCatalogMenu,
  #menu #showCatalogMenu:hover,
  #menu #showCatalogMenu.navSiteHover,
  #menu #showCatalogMenu:hover span,
  #menu #showCatalogMenu.navSiteHover span {
    border-color: #32384d;
    color: #32384d;
  }
  #menu a.navSiteActive,
  #menu a.navSiteActive:hover {
    background-color: #00a3e0;
  }
  /************************************************** MENUS *************************************************************/
  #catalogMenu.catalogMenuVT {
    background-color: #fafafa;
    border-top-color: #32384d;
    border-bottom-color: #32384d;
  }
  #catalogMenu.catalogMenuVT .menuProduit_categories .menu {
    color: #32384d;
  }
  #catalogMenu.catalogMenuVT .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuVT .menuProduit_categories .menuHover {
    background-color: #32384d;
    color: #ffffff;
  }
  #catalogMenu.catalogMenuVT .menuProduit_categories .menuActive {
    background-color: #00a3e0;
    color: #ffffff;
  }
  #catalogMenu.catalogMenuHZ .menuProduit_activites {
    background-color: #fafafa;
    border-top: 0.1rem solid #32384d;
    border-bottom-color: #32384d;
  }
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    background-color: #ffffff;
    color: #32384d;
  }
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu:hover,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuActive,
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menuHover {
    background-color: #32384d;
    color: #ffffff;
  }

  #catalogMenu .menuProduit_activites .menuProduit_activite .menuProduit_famille_container .menuProduit_famille_titre a.menu_niv2,
  #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: #32384d;
  }
  #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 {
    background-color: #32384d;
    color: #ffffff;
  }

  /************************************************** COMMUNS ***********************************************************/
  .breadcrumb div > span,
  .breadcrumb div > a {
    color: #32384d;
  }
  .breadcrumb div > a:hover span {
    color: #00A3E0;
  }

  /************************************************** CATALOGUE *********************************************************/
  .categoryContent .categoryDetail .categoryDetail_title a h2 {
    color: #32384d;
  }
  .categoryContent .categoryDetail .categoryDetail_title a h2:hover,
  .categoryContent .categoryDetail .categoryDetail_content h3:hover {
    color: #00a3e0;
  }
  .categoryContent .categoryDetail_link a {
    background-color: #00a3e0;
  }
  .categoryContent .categoryDetail_link a:hover {
    background-color: #32384d;
  }
  /************************************************** PRODUIT ***********************************************************/
  /************************************************** TUNNEL DE COMMANDE ************************************************/
  /************************************************** MON COMPTE ********************************************************/
  /************************************************** PANIER ************************************************************/
  .caddieLine .caddieLineFull .caddieLinePrice .tarifUnitLine p:first-child .tarifMontant,
  .caddieLine .caddieLineFull .caddieLinePrice .tarifTotalLine p:first-child .tarifMontant {
    color: #32384d;
  }
  /************************************************** TUNNEL DE COMMANDE ************************************************/
  .tdvContent .blocChoice input:checked + .buttonLabel::after,
  .tdvContent .modeReglement input:checked + .buttonLabel::after {
    border-left-color: #00a3e0;
  }
  /************************************************** ASIDE *************************************************************/
  /************************************************** FOOTER ************************************************************/
}

/************************************************** MODULES CKEDITOR **************************************************/
.ckeditor-accordion-container > dl {
  border-color: #00a3e0;
}

.ckeditor-accordion-container > dl dt > a {
  background-color: #00a3e0;
  border-color: #ffffff;
}

.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt.active > a {
  background-color: #32384d;
}