/***** classes générales *****/

/* Bouton contact */

#sp-header .class-bouton-header {
  background-color: #7368AE;
  color: #FFFFFF !important;
  margin: 0px 0px 0px 20px;
  padding: 10px 20px 10px 20px !important;
  border-radius: 6px;
  line-height: normal;
}

.page-header #sp-header.header-sticky .class-bouton-header {
	color: #FFFFFF !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a.class-bouton-header {
  background-color: #7368AE;
  color: #FFFFFF !important;
  margin: 20px 0 0 0;
  padding: 10px 20px 10px 20px !important;
  text-align: center;
  border-radius: 6px;
}

#sp-header .class-bouton-header:hover {
  color: #FFFFFF !important;
  background-color: #88BCD2;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a.class-bouton-header:hover {
  color: #FFFFFF !important;
  background-color: #88BCD2;
}

/* les classes ci-dessous correspondent aux messages d'erreurs et avertissements */

.alert-danger {
  color: #fff !important;
  background-color: #a51f18 !important;
  border: none !important;
}

.alert-warning {
  color: #fff !important;
  background-color: #ad6200 !important;
  border: none !important;
}

.alert-info,
.alert-notice {
  color: #fff !important;
  background-color: #30638d !important;
  border: none !important;
}

.alert-success {
  color: #fff !important;
  background-color: #448344 !important;
  border: none !important;
}

/***** fond du header normal *****/

/*
#sp-header.header-sticky ~ section#sp-main-body {
  padding-top: 40px !important;
}

#sp-header:not(.header-sticky) {
  position: absolute;
  z-index: 10000;
  background-color: #00000015;
}

.page-no-header #sp-header:not(.header-sticky) {
    background-color: #242e40;
}

.page-no-header #sp-header:not(.header-sticky) .box-social-pc,
.page-no-header #sp-header:not(.header-sticky) .box-language-pc  {
    background-color: #242e40;
    padding: 0px 0px 0px 10px;
}

.page-no-header #sp-main-body,
.page-no-header .com-sppagebuilder #sp-main-body {
  padding-top: 100px !important;
}

*/

/***** Ajustements du header pour la page d'authentification à 2 facteurs *****/
/***** si le header est superposé à une image *****/

/*
.view-captive #sp-header:not(.header-sticky) {
  background-color: #000;
}

.view-captive div.users-mfa-captive.card.card-body {
  margin-top: 100px;
}
*/

/***** fond du header lors du scroll *****/

/*
#sp-header.header-sticky {
  position: fixed;
  z-index: 10000;
  background-color: #7EDBDA;
}

#sp-header.header-sticky .sp-megamenu-parent>li>a {
  color: #fff !important;
}
*/

/***** édition des pages SP Page Builder *****/

#sp-page-builder .sp-pagebuilder-page-edit {
	left: 20px;
	right: auto !important;
}

/***** menu principal *****/

/*
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  text-transform: uppercase;
 	font-family: 'ridley_groteskextrabold';
 	font-size: 12px !important;
}
*/

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after {
    margin-left: 20px;
    color: #88BCD2;
}

/***** menu mobile *****/

/* liens niveau 0 */

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
  opacity: 1 !important;
}

/* liens niveau 1 */

.offcanvas-menu .offcanvas-inner {
  padding: 0px 25px 25px 25px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after {
  color: #88BCD2 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
  font-size: 1rem !important;
  line-height: 30px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a  {
  color: #565755 !important;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
  border-bottom: 0px solid #eee;
}

/*
.offcanvas-menu .logo-image {
  height: 30px !important;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  margin-left: 0px !important;
}

.offcanvas-menu ul.social-icons {
  color: #000 !important;
  font-size: 18px !important;
}

*/

/***** menu client front-end *****/

.box-front-end-menu {
  right: 0 !important;
  top: 25% !important;
  position: fixed !important;
  z-index: 100000 !important;
  padding: 5px 0 5px 0 !important;
}

.box-front-end-menu ul.menu {
  list-style-type: none !important;
}

@media (max-width: 991px){
	.box-front-end-menu {
    display: none !important;
	}
}

/* niveau 0 */

.box-front-end-menu .menu-help-prop {
  background-color: #f10000 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px !important;
  text-transform: uppercase !important;
}

.box-front-end-menu .menu-help-prop:before {
  content: "\f059" !important;
  font-family: "Font Awesome 6 Free" !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0 5px 0 0 !important;
}

.box-front-end-menu:hover {
  cursor: pointer !important;
}

/* niveau 1 */

.box-front-end-menu ul.menu-child {
  display: none !important;
}

.box-front-end-menu:hover ul.menu-child {
  background-color: #f10000 !important;
  display: block !important;
  position: relative !important;
  z-index: 100000 !important;
  list-style-type: none !important;
  text-align: left !important;
  margin-left: -150px !important;
  text-transform: none !important;
  padding: 10px 0 10px 10px !important;
}

.box-front-end-menu:hover ul.menu-child li {
  padding: 5px 0 5px 0 !important;
  border-top: 1px solid #fff !important;
}

.box-front-end-menu:hover ul.menu-child a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.box-front-end-menu:hover ul.menu-child a:before {
  content: "\f0da" !important;
  font-family: "Font Awesome 6 Free" !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0 5px 0 0 !important;
}

.box-front-end-menu:hover ul.menu-child li:hover {
  background-color: #fff !important;
  padding: 5px 0 5px 0 !important;
}

.box-front-end-menu:hover ul.menu-child a:hover {
  color: #f10000 !important;
}

.box-front-end-menu ul.menu-child li:hover a {
  color: #f10000 !important;
}

/***** pied de page *****/

.sp-scroll-up {
  bottom: 70px;
}

#sp-footer, #sp-bottom {
    background: #000000 !important;
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 0px !important;
}

/***** classes spécifiques responsive design *****/

@media (max-width: 1200px){
  body .visible-filter-modal.equal-positions-tags {
    margin-top: 65px !important;
  }
}

/* menu breakpoint */

/*
@media (max-width: 1199px){
  nav.sp-megamenu-wrapper .sp-megamenu-parent {
    display: none !important;
  }
  #sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: flex !important;
  }
}
*/

/* hauteur du logo et du header en mode mobile */

/*
@media (max-width: 991px){
  #sp-header {
    height: 120px;
  }
  #sp-header .logo {
    height: 100px;
  }
  #sp-header div.container {
    padding-top: 10px;
  }
}
*/