/* GESTION DES FONTS */
/* Importation de la police Poppins depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

.poppins-light {font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;}
.poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}
.poppins-medium {font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; }
.poppins-semibold {font-family: "Poppins", sans-serif;   font-weight: 600; font-style: normal;  }
.poppins-bold {font-family: "Poppins", sans-serif;   font-weight: 700; font-style: normal;  }
.poppins-regular-italic {font-family: "Poppins", sans-serif;  font-weight: 400; font-style: italic;  }
.poppins-medium-italic {font-family: "Poppins", sans-serif;  font-weight: 500; font-style: italic; }

/* GESTION DES STYLES GENERAUX */

body.webapp{font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}

body.webapp .et_pb_section_0.et_pb_section {background-color: #000000 !important;}



/* GESTION DES STYLES DE LA PAGE D'ACCUEIL DE L'APPLICATION WEB */
body.webapp-index .header__title {font-size: 48px; font-family: "Poppins", sans-serif; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom:30px; text-align: center;}

body.webapp-index nav.main-menu {width: 100%; max-width: 500px;}
body.webapp-index nav.main-menu li {margin-bottom:15px !important; margin-left:0 !important; margin-right:0 !important; text-align: center; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
body.webapp-index nav.main-menu a{font-size: 25px; font-family: "Poppins", sans-serif; font-weight: 700; background-color: #ffffff; color:#21211F; padding:20px; border-radius: 15px;}

body.webapp-index .app-image img {width: 100%; max-width: 494px; border-radius:15px; margin-top:2px;}

body.webapp-index nav.secondary-menu{width: 100%; max-width: 500px; margin-top:30px; margin-bottom:30px; text-align: center; padding: 0 !important;}
body.webapp-index nav.secondary-menu ul{display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 !important; margin: 0 !important; list-style-type: none;}
body.webapp-index nav.secondary-menu ul li {margin: 0 5px !important; padding: 0 !important; display: inline-block; text-align: center;}
body.webapp-index nav.secondary-menu ul li a {font-size: 13px; font-family: "Poppins", sans-serif; font-weight:400; color: #ffffff; width: 100%; padding: 0 10px; border:1px solid #444543; border-radius:20px;}


/* GESTION DES STYLES DES PAGES INTERNES FORM */

body.webapp-form .et_pb_section {padding: 0; width: 100%; max-width: 650px; margin: 0 auto; background-color: #000000 !important;}

body.webapp-form nav.idelia-breadcrumb{width: 100%; max-width: 650px; margin-top:30px;}
body.webapp-form nav.idelia-breadcrumb ul li a {font-size:12px; font-family: "Poppins", sans-serif; font-weight:400; color: #ffffff; background-color: #444543; text-decoration: none; border:1px solid #FFFFFF; border-radius:20px; padding: 3px 15px; margin-right: 5px;}
body.webapp-form nav.idelia-breadcrumb ul li span {font-size:12px; font-family: "Poppins", sans-serif; font-weight:400; color: #ffffff; text-decoration: none; border:1px solid #FFFFFF; border-radius:20px; padding: 3px 15px;}
body.webapp-form nav.idelia-breadcrumb ul li:not(:last-child)::after {content: ""; position: absolute; right:-15px; top: 50%; height: 1px; width:15px; background-color: #ffffff;}
body.webapp-form #page-container, body.webapp-form .supernova {background-color: #000000 !important;}

body.webapp-form .supernova {background-color: red !important;}