/*tous les codes ci-dessous concernent la page maîtresse "Base"

couleurs utiles : 
- Bleu Mont2Ludik : #1f4377
- Jaune Mont2Ludik : #ffc73c
- Bleu clair de fond : #C9ECF2
*/

@import url('https://fonts.cdnfonts.com/css/jokerman');

.Base-Maitresse {
    background-color: #1f4377;
}

.Header-base-maitresse .header-ext-login .member-greeting, .Header-base-maitresse .header-ext-login .member-myprofile{
    /*Change la couleur d'écriture des textes dans le header de bienvenue et nom prénom de l'adhérent*/
    color : white !important;
    background-color: #1f4377;
}



.Header-base-maitresse .header-ext-login .member-logout {
    /*Change la couleur d'écriture des textes dans le header de déconnexion*/
    color :  #ffc73c ;
    background-color: #1f4377;
}

[data-zone-alias="Header_Connexion"] {
    position : absolute;
    right: 0%;
    top : 5%;
    width: auto;
}

.Header-base-maitresse .header-ext-login .member-login.btn {
    /*Personnalisatoin Bouton de connexion */
    border-radius: 15px; 
    color: #ffc73c;    
    background-color: #C9ECF2; 
}

.Header-base-maitresse .zone-article{
    background-color: #1f4377
}

.Header-base-maitresse img {
    /* Arrondi de l'icone en haut à gauche */
    border-radius: 15px;
}

.Base-Maitresse .line-menu {
  background-color: #1f4377 !important; /*Couleur de fond extérieure */
  padding: 5px; /* Ajouter de l'espace autour de la barre de menu */
  /*border-radius: 20px; Arrondir les bords extérieurs */
}

.line-menu .zone-menu .navbar {
  /*background-color: #ffc73c ; Couleur de fond de la barre de menu Jaune Mont2Ludik */
  background-color: #C9ECF2 !important;
  Height: auto;
  border-radius: 15px ; /* Arrondir les bords de la barre de menu */
  /*padding: 5px; /* Ajouter un peu d'espace à l'intérieur de la barre */
  padding-left: 25px; /* Ajouter de l'espace à gauche*/
  position: relative; /* Positionner la barre de menu */
  z-index: 1; /* Assurez-vous que la barre de menu est au-dessus du fond */
  /*white-space: nowrap; */
}

.line-menu .zone-menu .navbar .navbar-collapse.collapse.in{
    /*Concerne uniquement la version mobile*/
    background-color: #C9ECF2 !important;
    border-radius: 15px ; /* Arrondir les bords de la barre de menu */
}

.line-menu .zone-menu .navbar .navbar-collapse .navbar-nav .menu-type-separator .dropdown-menu-level-2, 
.line-menu .zone-menu .navbar .navbar-collapse .navbar-nav .menu-type-page .dropdown-menu-level-2,
.line-menu .zone-menu .navbar .navbar-collapse .navbar-nav .menu-type-separator .dropdown-menu-level-2 .menu-type-separator .dropdown-menu-level-3,
.line-menu .zone-menu .navbar .navbar-collapse .navbar-nav .menu-type-page .dropdown-menu-level-2 .menu-type-separator .dropdown-menu-level-3{
    /* Chemin ok = fond du menu déroulant de la barre du menu */
    background-color: #C9ECF2 !important;
    /*background-color: white ;*/
    border-radius: 15px !important; /* Arrondir les bords de la barre de menu */
}

/*.line-menu .zone-menu .navbar .navbar-collapse .navbar-nav .menu-type-separator .dropdown-menu-level-2 .menu-type-page {
    /*Chemin ok = les textes du menu déroulant de la barre du menu 
    background-color: #ffc73c ; /* Couleur de fond de la barre de menu 
    
}*/



.zone-article {
    /*cible tous les articles*/
    background-color: #C9ECF2 ;
    border-radius: 15px ; /* Arrondir les bords des articles */
    
}


.line-footer-maitresse img {
    /* Arrondie l'image en fin de page */
    border-radius: 15px;
}

.line-footer-maitresse .zone-article {
    background-color: #1f4377
}

.poweredBy-wrapper {
    /* change la couleur de fond de la pub yapla */
    /* "!important" obligatoire car aussi utilisé de base par le système */
    background-color: #1f4377 !important;
}

/*______________________________________________________________________________________*/
/* Modification des articles multiples en accordéon*/
.panel-heading, .panel-news-accordion{
    background-color: #C9ECF2 !important;
    border-radius: 15px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.news-accordion-header:hover{
    background-color: #C9ECF2 !important;
}

/*______________________________________________________________________________________*/
/* Modification de l'article de géolocalisation dans "Qui sommes-nous"*/
#\38 7UlHTiyy6iDC5i3gk3aEya6 {
    background-color: #1f4377 !important;
}

/*______________________________________________________________________________________*/
/* Modification de l'article de géolocalisation dans "Contact"*/
.Form-contact .zone-contact{
    background-color: #C9ECF2;
    border-radius: 15px ;
}


/*______________________________________________________________________________________*/
/* Modification de l'espace membre*/
/*pour tous les onglets*/
.class-member-zone .zone-member .content.member h1, .class-member-zone .zone-member h1{
    color : white !important;
    font-weight: bold;
}

.class-member-zone .zone-member .sidebar{
    background-color: #ffc73c;
    border-radius: 15px ; /* Arrondir les bords de la barre de menu */
}

.class-member-zone .zone-member .sidebar .member-sidebar__inner .member-sidebar__menu .menu-item:hover{
    background-color: #ffc73c;
    color : white !important;
}

.class-member-zone .zone-member .sidebar .member-sidebar__inner .member-sidebar__member-footer .menu-item {
    background-color: black !important;
}

/*pour le bouton enregistrer*/
.class-member-zone .zone-member .content.member .form-horizontal{
    display:block;
}

.class-member-zone .zone-member .content.member .form-horizontal .btn.btn-primary:not([data-dashlane-classification="action"]){
    display:block;
    margin-top: -20px;
}

/*Pour les "sections"*/
.class-member-zone .zone-member .content.member .form-create.form-horizontal .section{
    background-color: #C9ECF2;
    border-radius: 15px ; /* Arrondir les bords de la barre de menu */
    padding : 5%
}

/*pour les zones sans "section"*/
.class-member-zone .zone-member .content.member .form-horizontal:not(.form-create) {
    background-color: #C9ECF2;
    border-radius: 15px ; /* Arrondir les bords de la barre de menu */
    padding : 5%
}

/*pour la zone "mes adhésions futures"*/
.class-member-zone .zone-member .content.member .membership-list{
    background-color: #C9ECF2;
    border-radius: 15px ; /* Arrondir les bords de la barre de menu */
    padding : 5%
}

/*pour la zone "Mes transactions"*/
.class-member-zone .zone-member .content.member .table-responsive {
    background-color: #C9ECF2;
    border-radius: 25px ; /* Arrondir les bords de la barre de menu */
    padding : 1%;
    margin-bottom : 20px;
}

/*pour la zone "Mes événements"*/
.class-member-zone .zone-member .content.member .registration-list{
    background-color: #C9ECF2;
    border-radius: 25px ; /* Arrondir les bords de la barre de menu */
    padding : 5%;
}

/*______________________________________________________________________________________*/
/*Personnalisation de la page des AGs*/
.affichage-ags .zone-news .news-accordion-panel-group .panel-news-accordion .panel-heading .panel-title .news-accordion-header:hover{
    color: black !important;
    background-color: #C9ECF2;
}

.affichage-ags .zone-news .news-accordion-panel-group .panel-news-accordion{
    border-radius: 25px ;
    padding : 1%;
    padding-left: 2%;
}

/*Personnalisation de la page des AGs*/
.affichage-festivals .zone-news .news-accordion-panel-group .panel-news-accordion .panel-heading .panel-title .news-accordion-header:hover{
    color: black !important;
    background-color: #C9ECF2;
}

.affichage-festivals .zone-news .news-accordion-panel-group .panel-news-accordion{
    border-radius: 25px ;
    padding : 1%;
    padding-left: 2%;
}

/*Personnalisation de la page des votes*/
.affichage-votes .container .row{
    display:flex;
    justify-content : space-between;
    width : 100%;
}

.affichage-votes .zone-article:is([data-zone-alias="Zone Gauche / Left Zone"]) {
    flex: 0 0 48%;
}

.affichage-votes .zone-article:is([data-zone-alias="Zone Droite / Right Zone"]) {
    flex: 0 0 48%;
}