/*Ricardo Rodríguez got style !*/
body {
	margin-top: 2em !important;
}
/*Formulaire de connexion*/
.RrFormBlock {
	display:inline-block;
	vertical-align: top;
}

.customLoginForm {
	margin: 2em 0;
}

.RrFormMessage {
	margin: 2em 0;
}

.customLoginForm label {
	width: 100px;
}

.customLoginForm input[type="text"], 
.customLoginForm input[type="password"],
.customLoginForm input[type="email"],
.customLoginForm textarea {
    border: 1px solid #e5e5e5;
    padding: 5px 10px !important;
    border-radius: 5px;
    font-size: 16px !important;
    margin: 5px;
}

.customLoginForm #customLoginPass {
    height: auto;
    padding: 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
	border-radius: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.NySm {
	width: auto;
}

.NySm input[type="checkbox"] {
	display:none;
}

.NySm i {
	font-size: 1.5em;
	vertical-align: middle;
}

/*Menu header*/
.customLoginMenuHeader {
	position: absolute;
	position: fixed;
	top: 0;
	z-index: 150000;
	height: 2em;
	color: #ffffff;
	max-width:360px;
	margin:auto;
	vertical-align: middle;
	line-height: 2em;
	text-align: right;
	padding-right: 2rem;
}

.et_fixed_nav .customLoginMenuHeader {
	top: 32px;
}

.customLoginMenuHeaderRoll {
	background-color: rgba(0,0,0,.8);
	max-height: 0;
	width: 360px;
	position: absolute;
	top: 2.3em;
	right: 0;
	text-align: left;
	border-bottom-left-radius: 20px;
}

.customLoginMenuHeader:hover .customLoginMenuHeaderRoll{
    max-height: 100vh;
    padding: 35px 25px;
}

.customLoginMenuHeader span {
    width: 100%;
}

.customLoginMenuHeaderRoll .page-top__login strong {
	font-size: 2rem;
}

.customLoginMenuHeaderRoll .page-top__login-box--border {
    padding: 15px 0px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    margin: 15px 0px;
}

.customLoginMenuHeaderRoll .page-top__login p {
    color: white;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 300;
}

.customLoginMenuHeaderRoll .page-top__login-heading {
    font-size: 1.8rem;
}

#bandeauCustomLoginMenuHeader {
	background-color: #246cb1;
	background-color: #162C4E;
	width: 100%;
	position: absolute;
	position: fixed;
	top: 0;
	height: 2em;
	z-index: 1500;
}

.et_fixed_nav #bandeauCustomLoginMenuHeader {
	top: 32px;
}

.customLoginMenuHeaderTop a {
	color: white;
}

.rrButtonAccount {
	
}

/*quick fixe*/
.et_header_style_centered #main-header {
    /*padding: 2.5em 0 !important; */
}

@media screen and (max-width: 600px) {
	.myAccount .mAfirst, 
	.myAccount .mAsecond {
		display: flex;
		width: 100%;
		margin-left: 0;
	}
	.mAfirst span, .mAsecond span {
		width: 100%;
		display: block;
		font-weight: 400;
	}
	.mAfirst span span, .mAsecond span span {
		width: 100%;
	}
	.customLoginMenuHeader {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 150000;
		height: 2em;
		color: #ffffff;
		max-width: 360px;
		margin: auto;
		vertical-align: middle;
		line-height: 2em;
		text-align: right;
		padding-right: 2rem;
	}
	.mAhead .mAlogout a {
		height: auto;
		margin: auto;
	}
	.mAhead .mAheadIcon {
		display: none;
	}
	.mAhead h1 {
		padding: .5em 0;
	}
	.mAhead {
		width: 100%;
		display: block;
	}
	.mAhead span {
		display: block;
		width: 100%;
	}
	.myAccount > div {
		display: block;
		vertical-align: top;
	}
}

/*form admin*/
#formEelaNewUser div {
	padding: .2em;
}
#formEelaNewUser label {
    width: 80px;
    display: inline-block;
}
#listMemberEela span {
    min-width: 150px;
    display: inline-block;
    margin: .5em;
    border-right: #417282 1px solid;
    padding: .5em;
}
#listMemberEela li {
    margin: .5em 0;
    background-color: aliceblue;
    border: #628cb0 1px solid;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #cacace;
}