/*#HARMONISATION DU BACKOFFICE AVEC LE SITE*/
body.navigation_avec_icones #page {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    color: #2e2e2e;
}
.tableau_asso tbody tr:nth-child(even) td,
.tableau_asso tbody tr:nth-child(even) th,
.tableau_asso tbody tr.even td,
.tableau_asso tbody tr.even th {
    background: inherit
}
.tableau_asso tbody tr:nth-child(even) td,
.tableau_asso tbody tr:nth-child(even) th,
.tableau_asso tbody tr.even td,
tbody tr.even th {
    background: inherit
}
@media (min-width: 1px) {
/*    .association #conteneur #contenu,
    .association.large #conteneur #contenu,
    .association #conteneur #contenu,*/
    .adherents #conteneur #contenu,
    .adherents.large #conteneur #contenu,
    .adherents #conteneur #navigation,
    .adherents.large #conteneur #navigation,
    .voir_activites #conteneur #navigation,
    .voir_activites.large #conteneur #navigation,
    .activites #navigation,
    .activites .large #navigation,
    .activites #contenu,
    .activites .large #contenu,
    .voir_activites #contenu,
    .voir_activites .large #contenu,
    .voir_adherent #contenu,
    .voir_adherent .large #contenu,
    .voir_adherent #conteneur #navigation,
    .voir_adherent.large #conteneur #navigation,
    .configurer_association #contenu {
/*        clear: both;
        float: none;
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        display: table;*/
    }
    .configurer_association .formulaire_config_association {
        /*margin: auto;*/
    }
}

div.table_page {
    background-color: white;
}
.table_page ul.bandeau_actions {
    clear: both;
    display: table;
    margin: 30px auto 50px auto;
    background-color: white;
}
ul.bandeau_actions li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
ul.bandeau_actions li a {

    display: block;
    background-repeat: no-repeat;
    padding: 45px 1em 1em 1em;
    background-position: center 10px;
    background-size: 25px;
}
ul.bandeau_actions li a {

}
ul.bandeau_actions li.on a {
    background-color: #afce00;
    color: white;
}
ul.bandeau_actions li a:hover {
    text-decoration: none;
    background-color: rgba(118, 139, 0, 0.2);
}
ul.bandeau_actions li.on a:hover {
    color: #afce00;
}
.bandeau_actions li a span.label{
    display: block;
    font-size: 1.1em;
}


/*Style des tableaux */
.tableau_asso {
    border: white 1px solid;
    position: relative;
    z-index: 1;
}
.tableau_asso tr {
    border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}
.tableau_asso th {
    font-size: 15px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    border-right: rgba(255, 255, 255, 0.2) solid 1px;
    background-color: #444444;
    color: white;
    vertical-align: middle;
}
.tableau_asso th a {
    color: white;
    text-decoration: underline;
}
.tableau_asso th a:hover {}
.tableau_asso td {
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
    text-align: center;
    color: #383838;
    border-right: rgba(253, 253, 253, 0.2) solid 1px;
    vertical-align: middle;
}
.tableau_asso td *{
    box-sizing: initial;
}
.tableau_asso td a.lien_fa,
.tableau_asso td a.bouton_editer {
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    margin: 5px;
    font-size: 13px;
    padding: 10px 7px;
    display: inline-block;
}
.tableau_asso td a.lien_fa {
    margin: 3px;
    font-size: 15px;
    color: #444444;
    padding: 5px;
    width: auto;
    text-align: center;
}
.tableau_asso td a.lien_fa i {
    width: 15px;
    height: 15px;
    margin: auto;
}
.tableau_asso td a.lien_fa:hover,
.tableau_asso td a.bouton_editer:hover {
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.tableau_asso .actions {
    min-width: 100px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-content: center;
    align-items: center;
}


.tableau_asso .actions a.lien_fa,
.tableau_asso .actions a.lien_fa:hover {
    background-color: transparent;
    padding: 0;
}
.tableau_asso td.actions a.lien_fa i {
    background-color: #939393;
    width: 15px;
    height: 15px;
    padding: 8px;
    color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
}



.tableau_asso .actions a.lien_fa .fa-toggle-off {
    background-color: #ff8f4e;
}
.tableau_asso td.actions a.lien_fa:hover .fa-toggle-off {
    background-color: rgba(71, 101, 0, 1);
}
.tableau_asso td.actions a.lien_fa:hover .fa-toggle-off:before {
    content: "\f205";
}
.tableau_asso .actions a.lien_fa .fa-toggle-on {
    background-color: rgba(71, 101, 0, 1);
}
.tableau_asso td.actions a.lien_fa:hover .fa-toggle-on {
    background-color: #ff8f4e;
}
.tableau_asso td.actions a.lien_fa:hover .fa-toggle-on:before {
    content: "\f204";
}
.tableau_asso td.actions a.lien_fa .fa-clock {
    background-color: #a8c3ff;
}
.tableau_asso td.actions a.lien_fa:hover .fa-clock {
    background-color: #729cf9;
}
.formulaire_asso .boutons {
    text-align: left;
}
.tableau_asso td.bouton_supprimer {
    /*display: flex;*/
}
.tableau_asso td.bouton_supprimer a.lien_fa {
    background-color: rgba(255, 0, 0, 0.65);
    color: white;
}
.tableau_asso td.bouton_supprimer a.lien_fa:hover {
    background-color: rgba(255, 0, 0, 1);
}
.tableau_asso td.id,
.tableau_asso td.nb,
.tableau_asso td.date,
.tableau_asso td.titre,
.tableau_asso td.nom_adherent {
    text-align: left;
}
.tableau_asso td.id,
.tableau_asso td.date{
    font-size: .85em;
    color: #999;
}
.tableau_asso td.quota {
    min-width: 170px;
}
.tableau_adherents .statut_mailsubscriber {
    /*min-width: 100px;*/
}
.tableau_adherents .statut_mailsubscriber .valide {
    background-color: #88a000;
    color: white;
}
.tableau_adherents .statut_mailsubscriber .refuse {
    background-color: #ff5555;
    color: white;
}
.tableau_adherents .statut_mailsubscriber .poubelle {
    background-color: black;
    color: white;
}
.tableau_adherents .statut_mailsubscriber a {
    color: white;
}
.tableau_adherents .contact {
    text-align: left;
}
.tableau_asso .gis i{    
}
.tableau_asso .gis i.fa-location-pin-lock{  
    color: #919191;    
}
.tableau_asso .gis i.fa-location-pin{    
     color: #f37c7c;
}
/* PAGE ASSOCIATION */
.association .tableau_asso tr {
    background-color: #e7f4a4;
}
.association .tableau_asso tr:nth-child(2n-1) {
    background-color: #d0e469;
}
.association .tableau_asso td ul {
    text-align: left;
    font-size: .9em;
}
.association .tableau_asso td ul a {
    color: #383838;
}
.tableau_asso tr{
    border : #FFFFFF 1px solid;
}
.tableau_asso .recette{
    background-color: #c8fdff;
}
.tableau_asso .depense{
    background-color: #ffe0e0;
}

/*PAGE ADHERENTS*//*
.voir_adherent #navigation .box.info,
.adherents #navigation .box.info {
    display: table-cell;
    padding: .5%;
    width: 32%;
    vertical-align: bottom;
}
.activites #navigation .box.info,
.association #navigation .box.info {
    padding: .5%;
    width: 32%;
    margin: 0;
}*/
.liste_statuts li {
    width: 100%;
}
.liste_statuts li a {
    display: block;
    color: #353535;
    padding: .3em .5em;
    font-weight: 600;
}
.liste_statuts li a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.15);
}
.liste_statuts li span.nb_adherent {
    float: right;
    font-weight: 600;
}
li.ok,
tr.ok,
.liste_statuts li.ok,
.tableau_adherents tr.ok,
#tableau_inscriptions_activite tr.ok,
.tooltip.inscrit {
    background-color: #c5e41c;
}
li.prospect,
tr.prospect,

.tableau_adherents .statut_mailsubscriber.prepa,
.tableau_adherents .statut_mailsubscriber.prop,
.liste_statuts li.prospect,
.tableau_adherents tr.prospect,
#tableau_inscriptions_activite tr.preinscrit,
.tableau_transaction tr.commande,
.tableau_transaction tr.attente,
.tableau_participation_adherent .preinscrit,
.tableau_cotisations_adherent tr.demande,
.tooltip.preinscrit {
    background-color: #fde56e;
}
.tableau_cotisations_adherent tr.attente {
    background-color: #fda76e;
}
li.prospect.8aconfirmer,
tr.prospect.8aconfirmer,
.liste_statuts li.prospect.8aconfirmer,
.tableau_adherents tr.prospect.8aconfirmer{
    background-color: #fda76e;
}
li.echu,
tr.echu,
.liste_statuts li.echu,
.tableau_adherents tr.echu {
    background-color: #ff8f8f;
}
li.relance,
tr.relance,
.liste_statuts li.relance,
.tableau_adherents tr.relance {
    background-color: #fda96e;
}
.liste_statuts li.sorti,
.tableau_adherents tr.sorti,
#tableau_inscriptions_activite tr.desinscrit,
.tableau_transaction tr.abandon,
.tableau_participation_adherent .desinscrit {
    background-color: #e6e6e6;
}
#tableau_inscriptions_activite tr.liste_attente,
.tableau_participation_adherent tr.liste_attente,
.tableau_transaction tr.rembourse,
.tooltip.attente {
    background-color: #a8c3ff;
}
tr.echec {
    background-color: #ff9999;
}
/*TABLEAUX ACTIVITES*/
.tableau_listes_activite th.titre,
.tableau_listes_activite td.titre {
    text-align: left;
    font-weight: 600;
    padding: 1em .5em;
    font-size: 1.2em;
    line-height: 1.5;
}
.tableau_listes_activite td a.lien_fa {
    padding: 10px;
}
.tableau_listes_activite tr.ligne_activite {
    background-color: #f1ffa5;
}
.tableau_listes_activite tr.ligne_activite:nth-child(2n-1) {
    background-color: #f6ffc4;
}
.tableau_listes_activite .statut_inscription .tooltip i {}
.tableau_listes_activite .statut_inscription .inscription_ouverte.tooltip {
    background-color: #c5e41c;
    color: white;
}
.tableau_listes_activite .statut_inscription .inscription_ouverte.tooltip .msg_liste_attente{
    color: #a8c3ff;
}
.tableau_listes_activite .statut_inscription .ouverture_a_venir.tooltip {
    background-color: #fde56e;
}
.tableau_listes_activite .statut_inscription .ouverture_a_venir.tooltip .date_ouverture{
    color: #fde56e;
}
.tableau_listes_activite .statut_inscription .inscription_ouverte.liste_attente.tooltip {
    background-color: #a8c3ff;
}
.tableau_listes_activite .statut_inscription .inscription_ouverte.quota_plein.tooltip,
.tableau_listes_activite .statut_inscription .inscription_ferme.tooltip,
.tableau_listes_activite .statut_inscription .inscription_suspendue.tooltip {
    background-color: #ff8282;
}
.tableau_listes_activite .statut_inscription .inscription_ouverte.quota_plein.tooltip .msg_quota_plein,
.tableau_listes_activite .statut_inscription .inscription_ferme.tooltip .date_fermeture{
    color: #ff8282;    
}
.tableau_listes_export_activite{
}
.tableau_listes_export_activite .separateur_annuel,
.tableau_listes_export_activite .separateur_annuel th{
    background-color: #445000;
}
.tableau_listes_export_activite .separateur_mensuel,
.tableau_listes_export_activite .separateur_mensuel th{
    background-color: #768b00;
}
.tableau_listes_export_activite td.quota{
    min-width: inherit;
}
.tableau_listes_export_activite .ouverture_a_venir {
    background-color: #fde56e;
}
.tableau_listes_export_activite .inscription_ouverte {
    background-color: #a8c3ff;
}
.tableau_listes_export_activite .inscription_ouverte.quota_plein {
    background-color: #ff8282;
}
.tableau_listes_export_activite .inscription_ouverte.liste_attente {
     background-color: #a8c3ff;
}
.tableau_listes_export_activite .inscription_ferme,
.tableau_listes_export_activite .inscription_suspendue {
     background-color: #ff8282;
}
.tableau_listes_export_activite .evenement_termine {
    background-color: white;
}
.miniature_transaction {}
.miniature_transaction .statut_transaction {
    display: table;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    margin: 0;
    font-size: 15px;
    padding: 0;
}
.miniature_transaction .statut_transaction > * {
    display: table-cell;
    vertical-align: middle;
    /*padding: 5px;*/
    text-align: center;
    min-width: 25px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.miniature_transaction .statut_transaction span i {
    font-size: 20px;
}
.miniature_transaction .statut_transaction .tooltip {
    border-radius: 0;
}
.tableau_asso .nom a.bouton_editer {
    display: table;
    margin: 5px;
    padding: 0;
    width: 100%;
    text-transform: inherit;
    width: calc( 100% - 10px);
}
.tableau_asso .nom > a > span {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    text-align: left;
}
.tableau_asso .nom .logo_auteur,
.tableau_asso .nom .logo_evenement {
    width: 64px;
    position: relative;
}
.tableau_asso .nom .logo_evenement i{
    position: absolute;   
    color: white;
    font-size: 12px;
    padding: 3px;
    border-radius: 5px;
    background-color: #00000094;
        
}.tableau_asso .nom .logo_evenement i.fa-sync-alt{
    right: 18px;
    top: 5px;
    
        
}.tableau_asso .nom .logo_evenement i.fa-star{
    left: -5px;
    top: 0;    
    opacity: 0.9;
    color: yellow;
    font-size: 10px;
    color: #FF0;
    text-shadow: 1px 1px 5px #333;
}
.tableau_asso .logo_auteur img {
    /*border-radius: 50%;*/
    border: 3px solid white;
    background-color: #909090;
    display: block;
}
.tableau_asso a.ok .logo_auteur img {
    border-color: #c5e41b;
}
.tableau_asso a.prospect .logo_auteur img {
    border-color: #fde56d;
}
.tableau_asso a.relance .logo_auteur img {
    border-color: #fda96e;
}
.tableau_asso a.echu .logo_auteur img {
    border-color: #ff8f8f;
}
.tableau_asso a.sorti .logo_auteur img {
    border-color: #bdbdbd;
}
.tableau_asso .nom.conjoint,
.tableau_asso .nom {
    min-width: inherit;
    text-align: left;
    padding: 0;
}
.tableau_asso .nom {
    min-width: 200px;
}
.tableau_asso .nom.conjoint > span {
    margin: 10px 5px
}
.tableau_asso .nom a span.logo_auteur {
    padding: 3px;
    width: 50px;
}
.tableau_asso .nom a span.logo_auteur {
    padding: 3px;
    width: 50px;
}
.tableau_asso .nom a span.logo_auteur i{
    padding: 3px;
    border-radius: 15px;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 3px;
    right: -7px;
    background-color: #858585;
    color: white;
    text-align: center;
    font-size: 12px;
}
.tableau_asso .nom a .nom_prenom {
    padding: 5px 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.tableau_asso .cotisation {
    min-width: 110px;
}



.tableau_asso .left{
    text-align: left;
}
.tableau_asso .right{
    text-align: right;
}
.tableau_asso .center{
    text-align: center;
}
.tableau_asso p{
    margin: 0;
}
.tableau_participation_adherent .nom .logo_evenement {
    width: 60px;
}
/*PAGE INSCRIPTION*/
/*.voir_activites #navigation .box.info,
.voir_activites .large #navigation .box.info {
    width: 32%;
    margin: 15px 0 0 1%;
    float: left;
}
.voir_activites #navigation .box.info:first-child,
.voir_activites .large #navigation .box.info:first-child {
    margin-left: 0;
}*/
.raccourcis ul.liste_raccourcis{
    margin: 0 0 0 0;
    padding-left: 0;
}
.liste_raccourcis li {
    margin: 0;
}
.liste_raccourcis li a {
    display: table;
    margin: 5px 0;
    color: black;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    background-color: #ced6a2
}
.liste_raccourcis li a span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}
.liste_raccourcis li a span.fa_icone {
    padding: 7px 5px;
    background-color: #849814;
    color: white;
    width: 24px;
    font-size: 16px;
    text-align: center;
}
.liste_raccourcis li a.email {
    background-color: #ecd29a;
}
.liste_raccourcis li a.email span.fa_icone {
    background-color: #cc8c04;
}
.liste_raccourcis li a.download {
    background-color: #ccdcff;
}
.liste_raccourcis li a.download span.fa_icone {
    background-color: #5783e5;
}
.liste_raccourcis li a.lien_vip {
    background-color: #f9d8ff;
}
.liste_raccourcis li a.lien_vip span.fa_icone {
    background-color: #e860ff;
}
.liste_configuration {
    width: 100%;
}
.liste_configuration li {
    display: table;
    width: 100%;
    margin: 5px 0;
}
.liste_configuration li span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 16px;
    background-color: #ced6a2;
}
.liste_configuration li span.label {
    text-align: left;
}
.liste_configuration li span.valeur {
    width: 50px;
    color: white;
    text-align: right;
    background-color: #849814;
}
#tableau_inscriptions_activite .responsable .nom a.bouton_editer {
    background-color: rgba(251, 255, 25, 0.8);
}
.tableau_participation_adherent{
}
.nodisplay {
    display: none;
}
.export_csv {
    text-align: left;
    padding: 20px
}
.export_csv h3 {
    text-transform: uppercase;
    padding: .5em 0 1em 0;
    border-bottom: 1px solid #CCC;
    margin: 0 auto 1em auto;
    line-height: 1.5em;
}
.export_csv .input_text label {
    padding: 0 0 1em 0;
    display: block;
    font-size: 1.1em;
    font-weight: 600;
}
.export_csv .input_text input {
    padding: .5em 5%;
    display: block;
    font-size: 1.1em;
    border-radius: 5px;
    width: auto;
    border: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}
.export_csv .input_text input[type=text]:focus,
.export_csv .input_text input[type=checkbox]:active {
    padding: .5em 5%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border: none;
    outline: none;
}
.export_csv h4 {
    margin: 1em 0;
}
.export_csv form .input_checkbox {
    float: left;
    margin: 5px;
    background-color: white;
}
.export_csv form .input_checkbox label {
    padding: .5em 1em;
    display: block;
    cursor: pointer;
    background-color: white;
    border-radius: 3px;
}
.export_csv form .input_checkbox label:hover,
.export_csv form .input_checkbox input[type=checkbox]:checked + label {
    background-color: #c5e41c;
}
.export_csv form .input_checkbox input {
    display: none;
}
#input_id_auteur {
    clear: both;
}
input.fondo {
    margin: 1em;
    padding: .5em 1em;
}
li.editer {
    list-style: none;
}
/*
.bouton.option {
  display: block;
  text-align: right;
  font-size: 18px;
}
.bouton.option p {
  margin-bottom: 0px;
}
*/
h5.message {
    margin-top: 10px;
}
.recherche {
    margin-left: auto;
    display: block;
    padding: 4px 8px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.message-content {
    display: none;
}
.asso_main_block .box {
    /* width: 640px; */
    margin: 0;
}
/*
MESSAGE DE RELANCE
*/
.relance-content {
    padding-top: 10px;
}
.relance-content legend {
    padding-top: 12px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.relance-content .entete {
    padding-bottom: 15px;
}
.relance-content .entete input {
    width: 75%;
}
.relance-content .entete label {
    width: 75%;
}
.relance-content .message textarea {
    width: 100%;
}
.formulaire_general label {
    width: 45%;
    display: block;
    margin-bottom: 3px;
}
.formulaire_general input {
    width: 55%;
    margin-bottom: 5px;
}
.formulaire_general input[type="checkbox" i] {
    width: 10%;
}
.formulaire_general textarea {
    width: 75%;
}
.formulaire_general input.fondo {
    width: 100%;
}
#contenu .formulaire_pret .boutons {
    margin-left: 0;
    margin-right: 0;
}
#contenu .formulaire_asso ul {
/*    padding: 0;
    display: table;
    width: 100%;*/
}
#contenu fieldset {
    border: 0;
    width: auto;
    border-top: 0px;
    margin-top: 0;
    padding-bottom: 0.34625em;
}
ul {
    margin-left: 0;
    margin-right: 0;
}
/*STYLE DU FORMULAIRE DE CONFIGURATION D'UN EVENEMENT*/
.formulaire_editer_evenement .edition li.editer.editer_inscription {
    padding: 0 20px;
    background-color: #e2f28e;
}
.formulaire_editer_evenement .edition li.editer.editer_inscription .choix {
    display: block;
    font-size: 1.2em;
    padding: 1em 2.5%;
}
/*STYLE DU FORMULAIRE D'EDITION D'UN ADHERENT*/
.formulaire_editer_auteur .editer_pgp,
.formulaire_editer_auteur .editer_nom_site,
.formulaire_editer_auteur .editer_url_site {
    display: none;
}
.tooltip {
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, .5);
    padding: 7px;
    border-radius: 6px;
    margin: 3px;
}
.tooltip i {
    height: 15px;
    width: 15px;
}
.tooltip.preinscrit {
    min-width: 25px
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    font-size: 13px;
    border-radius: 5px;
    border-top-left-radius: 0;
}
.tooltip:hover {
    background-color: #444444;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    border-bottom-left-radius: 0;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*Bouton*/
/*PERSONNALISATION DES FORMULAIRES */
.formulaire_asso {
    padding: 20px;
    max-width: 780px;
}
.traitement_lots {
    background-color: #c5e41c;
    font-size: 14px;
    padding: 15px;
}
.traitement_lots h2.h2 {
    margin: 0;
}
.traitement_lots table {
    margin: 0;
}
.traitement_lots table td {
    margin: 0;
    font-size: 14px;
    vertical-align: top;
    min-width: 150px;
}
.traitement_lots .actions_inscription select {
    margin: 1em;
    width: 95%;
    height: 48px;
    padding: 5px 1em;
    font-size: 15px;
}
form.formulaire_asso {
    margin: 20px 0;
    clear: both;
}
.formulaire_asso > div {
    display: table-row;
    clear: both;
}
.formulaire_asso > form > div {
    /*display: table-row;*/
    clear: both;
    padding: 20px;
}
.formulaire_asso fieldset {
    border: none
}
.formulaire_asso > div,
.formulaire_asso .gauche {
    padding-left: inherit;
}
/* et le redefaire pour les listes spip :( */
.formulaire_asso .spip li {
    padding: 0;
    clear: none;
    overflow: visible;
}
.formulaire_asso > div label,
.formulaire_asso .gauche label {
    color: #444;
    width: auto;
    float: none;
    margin-left: inherit;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: .5em 5% .5em 0;
}
.formulaire_asso .formulaire_spip .checkbox label {
    width: 100%;
    display: block;
    clear: both;
    /*margin-bottom: 1em;*/
}
.formulaire_asso th.checkbox label {
    color: white;
}
.formulaire_asso .formulaire_spip .checkbox .choix {
    float: left;
    width: 33%;
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
}
.formulaire_asso .formulaire_spip .choix:last-of-type,
.formulaire_asso .formulaire_spip .choix:last-child{
    /*border: none;*/
}
.formulaire_asso .formulaire_spip .checkbox.gis .choix{
    float: none;
    width: auto;
}
.formulaire_spip.formulaire_recherche_rapide{
    border : none;
    padding: 0;
    margin: 0;
}
.formulaire_spip.formulaire_recherche_rapide .bouton{
    float: left;
    background-color: #fdfefb;
}
.formulaire_spip.formulaire_recherche_rapide .boutons a{
    display: table;
    background-color: inherit;
}
.formulaire_spip.formulaire_recherche_rapide .boutons a:hover{
    display: table;
    background-color: inherit;
}
.formulaire_spip.formulaire_recherche_rapide .boutons a span{
    padding: 5px 6px;
    display: table-cell;
}
.formulaire_spip.formulaire_recherche_rapide .boutons input{
    margin: 0;    
    border-radius: 5px;
    padding: 5px 10px;
}
.formulaire_asso input,
.formulaire_asso input.text,
.formulaire_asso input.email,
.formulaire_asso textarea,
.formulaire_asso select {
    display: table-cell;
    margin: 0 0 1.5em 0;
    padding: 1em 2.5% .8em 2.5%;
    width: 95%;
    vertical-align: middle;
}
.formulaire_asso textarea {
    width: 100%;
}
.formulaire_asso select {
    margin: 0 0 1.5em 0;
    height: 44px;
    padding: 0 .5em;
    width: 100%;
    /*width: calc( 100% - 1em);*/
}
.formulaire_asso select[multiple="multiple"] {
    height: auto;
}
.formulaire_asso li .edition {
    margin: 1.5em 0;
}
.formulaire_asso option {
    display: block;
    line-height: 1.5em;
    padding: .5em;
    margin: 0;
    border: none;
    width: 100%;
    max-width: 100%;
}
.formulaire_asso .explication {
    padding: 10px;
    background-color: #f3f3f3;
}
.formulaire_asso h3.legend {
    background-color: #e9e9e9;
    margin: 1em 0;
    padding: 1em .5em;
    clear: both;
}
*:active,
*:focus,
*.sffocus {
    outline: 0;
}
.formulaire_asso input[type=button],
.formulaire_asso input[type=submit] {
    padding: .6em 2em .8em 2em;
    margin: 1em 0;
    font-size: 1.2em;
    cursor: pointer;
    width: auto;
}
.formulaire_asso input[type=button]:active {}
.formulaire_asso input[type=radio],
.formulaire_asso input[type=checkbox] {
    width: 40px;
}
.formulaire_asso hr {
    border-top: 1px dashed black;
}
.tableau_asso .checkbox input[type=checkbox],
/* to hide the checkbox itself */
.formulaire_asso .checkbox input[type=checkbox] {
    display: none;
}
/* to hide the checkbox itself */
.tableau_asso .checkbox input[type=checkbox] + label:before,
.formulaire_asso .checkbox input[type=checkbox] + label:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    /* updated font-family */
    font-weight: normal;
    /* regular style/weight */
    padding: 10px;
}
.tableau_asso .checkbox input[type=checkbox] + label:before,
.formulaire_asso .checkbox input[type=checkbox] + label:before {
    content: "\f0c8";
}
/* unchecked icon */
.tableau_asso .checkbox input[type=checkbox] + label:before,
.formulaire_asso .checkbox input[type=checkbox] + label:before {
    width: 15px;
    height: 15px;
    font-size: 20px;
    text-shadow : 0 0 2px black;
    color: white;
}
/* space between checkbox and label */
.tableau_asso .checkbox input[type=checkbox]:checked + label:before,
.formulaire_asso .checkbox input[type=checkbox]:checked + label:before {
    content: "\f14a";
}
/* checked icon */
.tableau_asso .checkbox input[type=checkbox]:checked + label:before,
.formulaire_asso .checkbox input[type=checkbox]:checked + label:before {
    ;
}
.formulaire_asso .formulaire_erreur,
.formulaire_asso .erreur_message {
    color: red;
    font-size: 1.1em;
}
/* allow space for check mark */
#formulaire_voir_activites.formulaire_asso {
    max-width: none;
    padding: 20px 0;
}
.statut_mailsubscriber.tooltip .tooltiptext {
    left: inherit;
    right: 0;
    font-size: .9em;
    text-align: left;
    min-width: 300px;
}
.statut_mailsubscriber.tooltip .tooltiptext li {}
.filtre span {
    font-weight: 700;
}
.filtre.statut_interne {
    display: table;
}
.filtre.statut_interne > * {
    display: table-cell;
    vertical-align: middle;
}
.filtre.statut_interne a,
.filtre.statut_interne span {
    padding: 15px 5px;
    display: block;
}
.filtre.statut_interne .selected {
    text-decoration: underline;
}
.tableau_asso .statut_transaction.ok {
    border: 2px solid #849c00;
}
.tableau_asso .statut_transaction.ok i {
    color: #849c00;
}
.tableau_asso .statut_transaction.attente,
.tableau_asso .statut_transaction.commande {
    border: 2px solid #ffad00;
}
.tableau_asso .statut_transaction.attente i,
.tableau_asso .statut_transaction.commande i,
.tableau_asso .statut_transaction.attente a,
.tableau_asso .statut_transaction.commande a {
    color: #bd8000;
}
.tableau_asso .statut_transaction.abandon {
    border: 2px solid #9a9a9a;
}
.tableau_asso .statut_transaction.echec {
    border: 2px solid #fb2626;
}
.tableau_asso .statut_transaction.rembourse {
    border: 2px solid #a8c3ff;
}
.tableau_asso .statut_transaction.rembourse i,
.tableau_asso .statut_transaction.rembourse a {
    color: #3670ef;
}
.tableau_asso .statut_transaction.echec,
.tableau_asso .statut_transaction.no_transaction .tooltip {
    border: 2px solid red;
}
.tableau_asso .statut_transaction.no_transaction a i {
    color: red;
}
.tableau_asso .statut_transaction .tooltip:hover a {
    color: white;
    display: block
}
.bouton.page_cotisation{
    display: table;
    margin: 2em;
    border-radius: 10px;
}
.bouton.page_cotisation a{
    display: table-row;
    background-color: #9dba00;
    color: white;
}
.bouton.page_cotisation a span{
    display: table-cell;
    padding: .5em;
}
.bouton.page_cotisation a span.icon{
    border-right: 1px solid #e1e1e1;
    color: white;
}
/*HACK ok mais pour quoi faire? ju desactive 19052025*/
#contenu .formulaire_asso .markItUpContainer ul ul {
    /*display: none;*/

}

.formulaire_asso tbody tr:nth-child(even) td,
.formulaire_asso tbody tr:nth-child(even) th,
.formulaire_asso tbody tr.even td,
.formulaire_asso tbody tr.even th {
    background: transparent;
}

/* PAGE IMPORT PLAN COMPTABLE*/
.formulaire_spip .editer.classe {
    padding-left: 20px;
}
.formulaire_spip .editer.compte.niveau-1 {
    padding-left: 40px;
}
.formulaire_spip .editer.compte.niveau-2 {
    padding-left: 60px;
}
.formulaire_spip .editer.compte.niveau-3 {
    padding-left: 80px;
}
.formulaire_spip .editer.compte.niveau-4 {
    padding-left: 100px;
}
/* Conteneur principal des filtres */
.asso-filtres-container {
  margin-bottom: 1.5em;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 1em;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.asso-filtres-container h2 {
  font-size: 1.1em;
  margin: 0 0 0.8em;
  color: #555;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.5em;
}

.asso-filtres-container h2 .fa {
  color: #777;
  margin-right: 0.4em;
}

/* Structure des groupes de filtres */
.asso-filtres {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em;
    flex-direction: column-reverse;
}

.filtre-groupe {
  margin-bottom: 1em;
  flex: 1 0 100%;
}

@media (min-width: 768px) {
  .filtre-groupe {
    flex: 0 0 calc(50% - 0.6em);
  }
}

@media (min-width: 1200px) {
  .filtre-groupe {
    flex: 0 0 calc(25% - 0.9em);
  }
}

.filtre-groupe label {
  display: block;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  color: #444;
}

/* Style onglet_simple pour les options */
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.options:after {
  content: "";
  display: block;
  clear: both;
}

.options .option {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background: #f1f1f1;
  color: #666;
  text-decoration: none;
  font-size: 1em;
  position: relative;
  margin-bottom: -1px;
  transition: all 0.2s ease;
}

.options .option:hover {
  background: #f8f8f8;
  color: #333;
}

.options .option.selected {
  background: #fff;
  color: #3465a4;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}

.options .montant {
  color: #777;
  font-weight: normal;
  font-size: 0.9em;
  margin-left: 0.3em;
}

/* Style du conteneur des actions */
.asso-actions {
  margin: 1.5em 0;
  display: flex;
  justify-content: flex-end;
}

.asso-actions .bouton {
  margin: 0.5em 1em;
}

/* Style du bouton d'export */
.asso-actions .btn-export {
  display: flex;
  align-items: center;
  background-color: #9dba00;
  color: white;
  padding: 0;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.asso-actions .btn-export:hover {
  background-color: #8aa800;
}

.asso-actions .btn-export .fa_icone {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.asso-actions .btn-export span:not(.fa_icone) {
  padding: 8px 12px;
  font-weight: 500;
  font-size: 0.95em;
}

/* Animation au survol */
.asso-actions .btn-export:hover .fa_icone {
  transform: translateY(-1px);
}