/*
Theme Name: Episoft 2024
Theme URI: https://www.episoft.fr/
Description: Thème enfant Episoft pour Divi
Author: YoD
Author URI: https://yod-infographie.fr/
Template: Divi
Version: 1.0
*/

::selection {
  background: #04bf55; /* Couleur de fond pour la sélection sur Firefox */
  color: white; /* Couleur du texte sélectionné */
}

::-moz-selection {
  background: #04bf55; /* Couleur de fond pour la sélection sur Firefox */
  color: white; /* Couleur du texte sélectionné */
}

:focus {
  outline: none !important; /* Supprime le contour de focus par défaut */
}

#menu-main-desktop .nav li ul {
  min-width: 330px;
}

#menu-main-desktop .et-menu li li a {
  padding: 15px 10px;
  width: 100% !important;
}
#menu-main-desktop .et-menu li li a:last {
  padding: 15px 10px;
  width: 100% !important;
}

#menu-main-desktop .et-menu li {
  display: inline-block;
  font-size: 14px;
  padding-right: 0;
}

.et_pb_menu_inner_container {
  display: flex;
  align-items: center;
}

.et-menu.nav {
  display: flex; /* Utilisation de flexbox */
  align-items: center; /* Centrer verticalement les éléments */
}

#menu-fr-main.et-menu.nav li:not(:last-child) {
  margin-right: 5px; /* Ajoute une marge de 20 pixels à droite de chaque élément de la liste sauf le dernier */
  display: flex; /* Utilisation de flexbox */
  align-items: center; /* Centrer verticalement les éléments */
}

#menu-en-main.et-menu.nav li:not(:last-child) {
  margin-right: 5px; /* Ajoute une marge de 20 pixels à droite de chaque élément de la liste sauf le dernier */
  display: flex; /* Utilisation de flexbox */
  align-items: center; /* Centrer verticalement les éléments */
}

.header-connexion {
  border-left: 0px solid #e2e2e2;
}

@media screen and (min-width: 1060px) {
  #menu-fr-main.et-menu.nav li:not(:last-child) {
    margin-right: 15px; /* Réduire la marge à 8px à partir de 1060px de largeur d'écran */
  }

  #menu-en-main.et-menu.nav li:not(:last-child) {
    margin-right: 15px; /* Réduire la marge à 8px à partir de 1060px de largeur d'écran */
  }

  .header-connexion {
    border-left: 2px solid #e2e2e2;
  }
}

.header-logo-ep img {
  border-right: 2px solid #e2e2e2;
  padding-right: 50px;
  display: flex; /* Utilisation de flexbox */
  align-items: center; /* Centrer verticalement les éléments */
}

.header-connexion a {
  padding-left: 20px;
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 0px;
}

/* Modifier le fond et la couleur du texte du bouton */
.demo {
  background-color: #04bf55; /* Couleur de fond verte */
  color: #ffffff !important; /* Couleur du texte blanc avec !important pour forcer le style */
  padding: 10px 20px !important; /* Ajouter un peu de marge intérieure pour l'apparence */
  border: none; /* Supprimer la bordure */
  border-radius: 50px; /* Ajouter un peu de bord arrondi */
  text-decoration: none; /* Supprimer la soulignement du texte */
  display: inline-block; /* Rendre le bouton s'afficher en ligne */
  cursor: pointer; /* Montrer que le curseur devient une main au survol */
}

/* Style au survol */
.demo:hover {
  background-color: #212f3a; /* Changer la couleur de fond au survol */
  color: #ffffff !important; /* Changer la couleur du texte au survol avec !important */
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
  margin-top: 0px !important;
}

.hover-up {
  transition: transform 0.3s ease;
}

.hover-up:hover {
  transform: translateY(
    -5px
  ); /* Déplacer l'élément vers le haut de 10 pixels */
}

/*set the defautl background color of the header section*/
.pa-header {
  background: transparent;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
  background-color: rgba(
    255,
    255,
    255,
    0.95
  ); /* Fond blanc avec une opacité de 95% */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Ombre portée */
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.et_pb_menu .et-menu-nav > ul ul {
  padding: 5px 0px;
  text-align: left;
}

.et_mobile_nav_menu {
  width: 100%;
}

@media (max-width: 980px) {
  .et_pb_menu .et_mobile_nav_menu {
    float: none;
    margin: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .demo {
    margin-top: 50px;
    width: 100%;
    text-align: center;
  }
}

.et_pb_menu_0_tb_header
  .et_pb_menu__menu
  > nav
  > ul
  > li:nth-last-child(2)
  > a {
  color: black !important;
}

.lang-item a {
  margin-top: 10px !important;
}

#mobile_menu2.et_mobile_menu > li:last-child > a {
  color: black !important;
}

.et_mobile_menu li li {
  padding-left: 0;
}

.et_pb_menu .et_mobile_menu li ul {
  visibility: visible !important;
  display: block !important;
  padding-left: 0px;
}

/*remove default 11px padding on each side of list items*/

.pa-vertical-menu .et-menu > li {
  padding-left: 0px;
  padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/

.pa-vertical-menu .et_pb_menu__menu nav ul li {
  display: block;
  width: 90%;
  margin: 0;
  color: #212f3a;
}

.pa-horizontal-menu .et_pb_menu__menu nav ul li {
  display: flex;
  color: #212f3a;
}

@media (max-width: 980px) {
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
  }
}

/*style the menu items*/

.pa-vertical-menu .et_pb_menu__menu nav ul li a {
  padding: 10px !important;
  color: #212f3a;
  letter-spacing: -1px;
  font-size: 15px;
}

/*style the menu items on hover*/

.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
  opacity: 1 !important;
  color: #ffffff;
  background: #00d263;
  border-color: #00d263;
  border-radius: 50px;
}

/*style the active menu item*/

.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
  opacity: 1 !important;
  color: #ffffff;
  background: #00d263;
  border-color: #00d263;
  border-radius: 50px;
}

/*style the arrow icon if there are submenus*/

.pa-vertical-menu
  .et_pb_menu__menu
  .menu-item-has-children
  > a:first-child:after {
  content: "5" !important;
  /*change arrow icon for submenu*/
  padding: 20px;
  font-size: 24px;
}

/*style the arrow icon if there are submenus to submenus*/

.pa-vertical-menu
  .et_pb_menu__menu
  .menu-item-has-children
  .menu-item-has-children
  > a:first-child:after {
  padding: 8px !important;
  right: 0px !important;
}

/*make the submenu align directly to the right of the menu item instead of below*/

.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
  top: 0 !important;
}

/*align submenu to the right of menu link*/

.pa-vertical-menu .et_pb_menu__menu nav li ul {
  left: 100% !important;
}

/*add an icon to the left of each menu item link*/

.pa-vertical-menu ul li a:before {
  font-family: "ETMODULES";
  content: "\24";
  text-align: center;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 0px;
  color: #00d263;
  font-size: 1.3em;
  transition: all 0.75s ease;
}

/*style the menu items icon*/

.pa-vertical-menu ul li a:hover:before {
  margin-left: 7px;
  color: white !important;
  transition: all 0.75s ease;
}

/*style the active menu item icon*/

.pa-vertical-menu ul li.current-menu-item a:before {
  margin-left: 7px;
  color: #ffffff !important;
}

@media (max-width: 980px) {
  /*open the mobile menu up and use on all devices*/
  .et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
    display: flex;
  }

  .et-db #et-boc .et-l .pa-horizontal-menu .et_pb_menu__menu {
    display: flex;
  }

  /*hide the hamburger icon*/
  .et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
    display: none;
  }

  /*hide the hamburger icon*/
  .et-db #et-boc .et-l .pa-horizontal-menu .et_mobile_nav_menu {
    display: none;
  }
}

#menu-fr-mentions-legales li:not(:last-child)::after {
  content: "|";
  color: #a0a0a0;
  margin-left: 15px;
  margin-right: 5px;
}
/* Masquer le séparateur sur les appareils mobiles */
@media (max-width: 980px) {
  #menu-fr-mentions-legales li:not(:last-child)::after {
    display: none;
  }
  footer .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
    width: 100%;
    margin-right: 20px;
  }
  #menu-fr-mentions-legales {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #menu-fr-mentions-legales li a {
    padding: 10px;
  }

  /*style the menu items*/

  .pa-vertical-menu .et_pb_menu__menu nav ul li a {
    padding: 10px !important;
    color: #212f3a;
    letter-spacing: -1px;
    font-size: 16px;
  }

  .et_mobile_menu .menu-item-has-children > a {
    font-weight: 700;
    background-color: white;
    color: #04bf55;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
  .lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
  }

  .lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
  }
}

/* Centrer les éléments et les afficher les uns au-dessus des autres sur les appareils mobiles */
@media (max-width: 767px) {
  .pa-horizontal-menu .et_pb_menu__menu nav ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.vert {
  color: #04bf55;
}

.separateur-icon {
  position: relative;
}

.separateur-icon::before {
  content: url("https://episoft.strateg.in/wp-content/uploads/2024/03/separateur-logo.svg"); /* Ajoutez l'URL de votre icône */
  display: block;
  position: absolute;
  top: calc(
    -0% - 20px
  ); /* Décale l'icône vers le haut de 20px par rapport à la moitié de la hauteur du conteneur */
  left: 50%;
  transform: translateX(-50%);
  height: 77px; /* Hauteur de l'icône */
  z-index: 10; /* Assure que l'icône reste au-dessus des autres éléments */
}

.et_pb_row .separateur-icon {
  overflow: inherit;
}

@media screen and (max-width: 991px) {
  .accueil-intro {
    flex-direction: row; /* Pour disposer les éléments côte à côte */
  }
  .accueil-intro .accueil-intro-1 {
    width: 80%; /* Largeur de 100% pour occuper toute la largeur de la colonne */
  }

  .accueil-intro .accueil-intro-2 {
    width: 80%; /* Largeur de 100% pour occuper toute la largeur de la colonne */
  }

  .separateur-icon {
    overflow: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .et_pb_row_0_tb_body {
    max-width: 100% !important;
  }
}

.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
.et_pb_text_inner h4,
.et_pb_text_inner h5,
.et_pb_text_inner h6 {
  word-wrap: break-word;
}

h1.entry-title .after-colon {
  color: black;
}

@media only screen and (max-width: 767px) {
  .et_pb_row_1_tb_body,
  body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_body.et_pb_row,
  body.et_pb_pagebuilder_layout.single
    #page-container
    #et-boc
    .et-l
    .et_pb_row_1_tb_body.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et_full_width_page
    #page-container
    #et-boc
    .et-l
    .et_pb_row_1_tb_body.et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
  }
}