/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

ul.mon-compte-links{
    display:flex;
    padding:0;
    margin:0 0 2rem;
}
    ul.mon-compte-links li{
        list-style-type: none;
    }
        ul.mon-compte-links li a{
            display: block;;
           padding:1rem;
           margin-bottom: 1rem;
           margin-right: 1rem;
           background-color: #f5f5f5;
           border-radius: 4px;
        }

ul#cotisations{
	margin:0;
	padding:0;
}
	ul#cotisations li{
		display: flex;
		justify-content: space-between;
		list-style-type: none;
		padding:1rem;
		margin:0;
		background: #fff;
	}
		ul#cotisations li.head{
			background:#bbb;
		}
		ul#cotisations li:not(.head):nth-child(odd){
			background:#f1f1f1;
		}
		ul#cotisations li span{
			flex:1 0 30%;
		}

p.pending{
	border: 1px solid #ff7f00;
    background: #ffd494;
    padding: 1rem;
    font-weight: bold;
    font-size: 1rem;
    color: #a34401;
}