/* Articles video MyMusicAds */ /* Indicateur d'avancement */ .custom-progress-indicator { text-align: center; font-size: 16px; font-weight: bold; color: #0E66FF; background: #D9E1FF; padding: 8px; border-radius: 6px; margin-bottom: 20px; } /* Sommaire */ .custom-module-summary { margin-top: 30px; padding: 20px; background: #E9E9E9; border-radius: 10px; } .custom-module-summary h { text-align: center; font-size: 20px; color: #1F1F1F; margin-bottom: 20px; } .custom-summary-container { display: flex; flex-direction: column; gap: 15px; }.custom-summary-section h4 { font-size: 20px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; color:white;} .custom-summary-section { background: #0E66FF; padding: 15px; border-radius: 8px; } .custom-summary-section ul { list-style: none; padding: 0; } .custom-summary-section li { margin-bottom: 5px; } .custom-summary-section a { color: white; text-decoration: none; font-size: 16px; } .custom-summary-section a:hover { text-decoration: underline; } /* Vidéo actuelle surlignée */ .current-video { background: #FFC32A; color: #0E66FF !important; font-weight: bold; display: inline-block; padding: 5px 10px; border-radius: 5px; } /* Navigation entre vidéos */ .custom-navigation { display: flex; justify-content: space-between; margin-top: 30px; } .custom-nav-button { background: #0E66FF; color: white; padding: 12px 18px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold; transition: 0.3s; } .custom-nav-button:hover { background: #004FCC; } .custom-prev-btn { text-align: left; } .custom-next-btn { text-align: right; }/* Page statique MyMusicAds *//* Centrage du titre */.custom-title { text-align: center; font-size: 24px; font-weight: bold; color: #2d5d7b; margin-bottom: 20px;}/* Conteneur GRID en 2 colonnes */.custom-sommaire-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 colonnes */ gap: 15px; /* Espacement entre les éléments */ width: 100%; max-width: 600px; /* Largeur limitée pour un bon rendu */ margin: 0 auto; /* Centre le bloc */}/* Boutons du sommaire */.custom-btn { background-color: #0d65fe; /* Couleur de fond */ color: white; text-decoration: none; font-size: 16px; font-weight: bold; padding: 15px; text-align: center; border-radius: 8px; transition: background-color 0.3s ease-in-out; display: flex; justify-content: center; align-items: center;}/* Effet hover */.custom-btn:hover { background-color: #044ecb; /* Changement de couleur au survol */}/* RESPONSIVE : Affichage en colonne unique sur mobile */@media screen and (max-width: 768px) { .custom-sommaire-grid { grid-template-columns: 1fr; /* Passe en une seule colonne */ max-width: 90%; } .custom-btn { font-size: 14px; padding: 12px; }}/* Centrage du titre */.custom-title { text-align: center; font-size: 24px; font-weight: bold; color: #2d5d7b; margin-bottom: 20px;}/* Conteneur principal */.custom-sommaire { display: flex; flex-direction: column; /* Affichage en colonne */ align-items: center; /* Centre les blocs horizontalement */ width: 100%;}/* Blocs de contenu */.custom-block { background-color: #0d65fe; /* Bleu de base */ color: white; width: 100%; /* S'adapte à la largeur du parent */ max-width: 900px; /* Largeur max sur grand écran */ padding: 20px; border-radius: 12px; text-align: center; margin-bottom: 15px; /* Espacement entre les blocs */ transition: background-color 0.3s ease-in-out; /* Animation fluide */}/* Effet hover */.custom-block:hover { background-color: #044ecb; /* Couleur au survol */}/* Titres des blocs */.custom-title-link { display: block; font-size: 20px; font-weight: bold; text-decoration: none; color: white; margin-bottom: 10px;}/* Description */.custom-description { font-size: 16px; margin: 0; line-height: 1.5;}/* RESPONSIVE DESIGN */@media screen and (max-width: 1024px) { .custom-block { max-width: 90%; /* Largeur adaptée sur tablette */ }}@media screen and (max-width: 768px) { .custom-title { font-size: 20px; /* Réduction du titre sur mobile */ } .custom-block { max-width: 95%; /* Largeur maximale pour éviter les débordements */ padding: 15px; /* Ajustement du padding */ } .custom-title-link { font-size: 18px; /* Réduction de la taille du titre */ } .custom-description { font-size: 14px; /* Ajustement de la lisibilité */ }}/* Container principal */.module-container { max-width: 800px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; text-align: center;}/* Image d'en-tête */.header-image img { width: 100%; border-radius: 10px; margin-bottom: 20px;}/* Introduction */.intro h2 { font-size: 26px; color: #333; margin-bottom: 15px;}.intro h2 span { color: #3EC9A7;}.intro p { font-size: 16px; color: #555; line-height: 1.6; margin-bottom: 10px;}/* Résumé */.summary h3 { font-size: 22px; margin: 30px 0 15px; color: #1D3557;}.summary ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.summary li { background: #457B9D; padding: 12px; border-radius: 8px; transition: background 0.3s ease-in-out;}.summary li a { color: white; text-decoration: none; font-size: 16px; font-weight: bold; display: block;}.summary li:hover { background: #1D3557;}/* Retrait "Interssé événement */.af-layout-singlepage-calendar.af-layout-singlepage .title-block, .af-layout-singlepage-calendar.af-layout-singlepage .title-block-two-lines { font-size: 16px; display: none;}#interested_form > div > div > div > div:nth-child(1) > p:nth-child(2) { display: none;}#interested_form > div > div > div { display: none;}/* Masquer Créneau horaire demande de parrainage */#app > div.v-dialog__content.v-dialog__content--active > div > div > div.v-card__text.py-6 > form > div.row > div:nth-child(3) { display: none;}/* masque Meet & share dans le formulaire *//* Masque les éléments en utilisant des sélecteurs plus simples */.v-dialog__content--active .v-card__text.px-0 h2.text-h6 { display: none;}.v-dialog__content--active .v-card__text.px-0 p:nth-child(6) { display: none;}.v-dialog__content--active .v-card__text.px-0 div:nth-child(7) > div:nth-child(1),.v-dialog__content--active .v-card__text.px-0 div:nth-child(7) > div:nth-child(2) { display: none;}/* Supprimer l'accès à l'inscription via le formulaire depuis la HP */#page-login > div.page-login > div > div > div > div > div > div > div.instance-security-registration-card.col-md-6.col-12 > div > div > div > div.text-center.pt-4.instance-security-register-freeRegistrationModule {display: none;}#af-userbar > div.af-userbar-open.bg-graylightersuper > div.af-userbar-open-uppersection > div.space-top-big > div:nth-child(1) {display: none;}/* Masque bouton CVThèque dans annuaire pour membres non cotisants */#go_to_cv_library {display: none;}widget-slider-static{margin-top: -46px;}.widget-slider-news .swiper-container-article .slider-resume { background: rgba(107,110,110,.5);}#results > div.v-app > div > div > div > div > div.common-zone-spotlight.pa-4.py-0 > div > div > div > div > div.v-slide-group__wrapper > div > a:nth-child(7){ display: none;}#professional_form > div.row-fluid.profile-registration-experience > div > div:nth-child(2) > div > div:nth-child(1) > div.span8.controls-row > div:nth-child(1) > div:nth-child(2){ display: none;}#entity_type_selector > option:nth-child(4){ display: none;}.richedit_wrap, .v-app .richedit_wrap{font-family: Inter, sans-serif;}#af-userbar-open > div.af-userbar-logged-open-bottomsection > div > ul.af-userbar-member.af-userbar-member-mobile > li:nth-child(4){ display: none;}#widget10 > div > div.no-min-height > div > div > h3{ display: none;}/**IMAGE PAGE VISITEUR**/.widget-slider-static .bg-login-student{background-image: url(/medias/editor/images/etudiants.png);}.widget-slider-static .bg-login-recruters{background-image: url(/medias/editor/images/recruteurs.png);}#statistics_article > div.statistic-thumbnail{background-image: url(/medias/editor/images/1.png);}#statistics_members > div.statistic-thumbnail{background-image: url(/medias/editor/images/3.png);}#statistics_jobboard > div.statistic-thumbnail{background-image: url(/medias/editor/images/2.png);}#content > section > section:nth-child(5) {margin-bottom: 0px !important;}#content {margin-bottom: 0px !important; }.menu-front .multi-level .navbar .nav>li>a {color : #ffffff;font-weight : 600;}#widget12 > div > div:nth-child(1) > div > div > h3 {color : #ffffff;}#widget11 > div > div:nth-child(1) > div > div > h3 {color : #ffffff;}#seeAllevents{color : #ffffff;font-weight : 600;border : 1.5px solid #ffffff}.btn-ghost-primary{color : #ffffff;font-weight : 600;border : 1.5px solid #ffffff}#header > div.hidden-phone > div.bg-primary > div > div > div > div a:hover { color: #FFFFFF;background-color: #3EC9A7;}#header > div.hidden-phone > div.bg-primary {background-color:#404040;}#footer > section.space-top.footer-top.bg-secondarylighter {Padding-top : 30}