/*****************************************************************************************
 ** LOADER
 ****************************************************************************************/

#member-area .fa-spinner{
	font-family:"FontAwesome" !important;
	font-style:normal !important;
	display:inline-block !important;
}
#member-area .fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin{
	0%{
		transform:rotate(0deg)
	}
	to{
		transform:rotate(1turn)
	}
}

/*****************************************************************************************
 ** LISTES DE DOCUMENTS
 ****************************************************************************************/

#member-area #moduleNav{
    background: rgba(191,211,77,0.1);
	width: calc(100% - 60px);
	padding: 10px;
	border-radius: 5px;
}
#member-area #moduleNav a,
#member-area #moduleNav a:hover{
	font-size: 16px;
    color: #BFD34D;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Museo-500", Helvetica, Arial, sans-serif;
}
#member-area #moduleNav a.active,
#member-area #moduleNav a:active{
	font-size: 16px;
    color: #FFFFFF;
    background: #BFD34D;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Museo-500", Helvetica, Arial, sans-serif;
}

#member-area .groupContainer.lvl0{
	border-bottom: 1px #DDDDDD solid;
	padding: 15px 0;
}

#member-area .groupContainer.lvl0:last-child{
	border-bottom: 0px transparent solid;
}

#member-area .groupContainer .titre.lvl0,
#member-area .groupContainer .titre.lvl1,
#member-area .groupContainer .titre.lvl2,
#member-area .groupContainer .titre.lvl3{
    font-weight: normal;
    text-align: left;
    padding: 15px 0;
}

#member-area .groupContainer .titre.lvl0{
	font-size: 28px;
    color: #2eadb6;
}
#member-area .groupContainer .titre.lvl1{
	font-size: 22px;
    color: #F3951C;
	margin-left: 15px;
}
#member-area .groupContainer .titre.lvl2{
	font-size: 18px;
    color: #BFD34D;
	margin-left: 30px;
}

#member-area .groupContainer .list li a,
#member-area .groupContainer .list li .description{
	font-size: 14px !important;
	font-family: "Museo-500", Helvetica, Arial, sans-serif;
}
#member-area .groupContainer .list li a{
    color: #F3951C !important;
	text-decoration: none !important;
}



/*****************************************************************************************
 ** FORMULAIRES
 ****************************************************************************************/

#member-area .page-title{
	font-size: 36px;
	font-weight: bold;
	color: #2eadb6;
	text-align: left;
	padding: 30px;
}

#member-area form .row > div{
	margin-top: 15px;
}

/* ALERTES & INFOS */

.alert{
	border-radius:5px;
	margin:10px auto;
	padding:10px;
	width:100%;
}
.alert strong{
	text-transform:uppercase;
}
.alert ul{
	margin:0;
	padding:0;
	list-style:none;
}
.alert ul li{
	font-size:12px;
	margin:0;
	padding:0;
	list-style:none;
	line-height:18px;
}
.alert p{
	font-size:12px;
}
.alert a{
	text-decoration:underline;
	font-weight:bold;
}
.alert p,
.alert .dashicons{
  	display: inline-block !important;
}

.alert-danger,
.alert-warning{
  	background:#ffe6e6;
	border:1px solid #9e0e23;
}
.alert-danger,
.alert-danger a,
.alert-danger p,
.alert-danger strong,
.alert-danger ul li,
.alert-warning,
.alert-warning a,
.alert-warning p,
.alert-warning strong,
.alert-warning ul li{
  	color:#9e0e23;
}

.alert-success{
  	background:#d6f5d6;
	border:1px solid #2eb82e;
}
.alert-success,
.alert-success a,
.alert-success p,
.alert-success strong,
.alert-success ul li{
  	color:#2eb82e;
}

.alert-info{
  	background:#DDDDDD;
	border:1px solid #999999;
}
.alert-info,
.alert-info a,
.alert-info p,
.alert-info strong,
.alert-info ul li{
  	color:#999999;
}

.alert-info a.btn,
.alert-danger a.btn,
.alert-success a.btn,
.alert-warning a.btn,
.alert-info button,
.alert-danger button,
.alert-success button,
.alert-warning button{
  	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}


/* LOGIN & REGISTRATION & PASSWORD RESETTING */

#member-area #loginForm{
	padding: 30px;
}

#fgtpwdModal,
#loginModal{
  	top:30% !important;
}
#loginModal #loginForm .row{
  	margin-top:10px !important;
  	margin-bottom:10px !important;
}
#loginModal .smallLink,
#member-area #loginForm .smallLink{
  	font-size:12px;
	padding:0;
	background:transparent;
	border:0px solid transparent;
	text-align:center;
	color:#14366f;
	text-align:right;
}

#fgtpwdModal .close{
	border-radius:50%;
	padding:0;
	margin:0;
	width:20px;
	height:20px;
	min-width:auto;
}
#fgtpwdModal .close span{
	color:#FFFFFF;
}
#fgtpwdModal .modal-body p{
	padding: 0 15px;
}
#fgtpwdModal .modal-body p,
#fgtpwdModal .modal-body .form-group{
	text-align:left !important;
}

/**********************************************************************************************************************
 ** MENU ESPACE RÉSERVÉ
 *********************************************************************************************************************/

#member-area .nav-pills>li{
  float:none;
}

#member-area #private-menu{
 	padding:0 !important;
  font-size:14px !important;
	letter-spacing:0px !important;
	word-spacing:0px !important;
}
#member-area #private-menu .container .col-md-12{
 	padding:0 !important;
}
#member-area .menu-menu-professionnels-container{
 	padding:15px 0;
  display:table;
  width:100%;
	border-bottom:1px solid #DDDDDD;
}
#member-area .menu-menu-professionnels-container ul{
 	margin:0;
  padding:0;
  list-style:none;
  display:table-row;
}
#member-area .menu-menu-professionnels-container li{
 	padding-top:0px;
	padding-bottom:0;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
	border-left:1px solid #555555
}
#member-area .menu-menu-professionnels-container li:first-child{
	border-left:0px solid transparent
}
#member-area .menu-menu-professionnels-container li a{
  border-radius:0;
	font-weight:400;
  text-transform:uppercase;
  font-size:13px;
  color:#555555;
	padding:0;
}
#member-area .menu-menu-professionnels-container li a::before{
	font-family:"ff-font-awesome" !important;
	font-size:10px;
	content:"\f054";
  margin-right:10px;
}
#member-area .menu-menu-professionnels-container li.current-menu-item a::after,
#member-area .menu-menu-professionnels-container li a:hover::after{
	color:#555555;
}
#member-area .menu-menu-professionnels-container li:last-child a::after{
	content:"";
}
#member-area .menu-menu-professionnels-container li a:hover,
#member-area .menu-menu-professionnels-container li.current-menu-item a,
#member-area .menu-menu-professionnels-container li.current-menu-item a:hover{
  color:#9e0e23;
  text-decoration:none;
}