#et-top-navigation {
padding-left: 202px !important;
}
.et_pb_contact_field {
padding: 0 0 0 3%;
margin-bottom: 3%;
background-position: center;
background-size: cover;
}
.et_pb_contact_field_half+.et_pb_contact_field_last:not(.et_pb_contact_field_half), .et_pb_contact_field:not(.et_pb_contact_field_last) {
clear: both;
}
.et_pb_contact_field.et_pb_contact_field_last+.et_pb_contact_field.et_pb_contact_field_last {
clear: both;
} .et_pb_contact .et_pb_contact_field_half {
width: 50%;
float: left;
}
.et_pb_contact input,
.et_pb_contact textarea {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: none;
background-color: #EEE;
width: 100%;
border-width: 0px;
border-radius: 0;
color: #999;
font-size: 14px;
padding: 16px; 
}
.et_pb_contact textarea {
font-family: inherit; 
}
.et_pb_contact input::-moz-placeholder,
.et_pb_contact textarea::-moz-placeholder {
opacity: 1; 
}
.et_pb_contact input:-moz-placeholder,
.et_pb_contact textarea:-moz-placeholder {
opacity: 1; 
}
.et_pb_contact_right input {
max-width: 50px;
padding: 16px; 
}
.et_pb_contact input[type="checkbox"],
.et_pb_contact input[type="radio"] {
margin: 0;
width: auto;
max-width: none;
padding: 0;
display: none; 
}
.et_pb_contact input[type="checkbox"] + label,
.et_pb_contact input[type="radio"] + label {
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
line-height: 1.7em;
min-height: 1.7em; }
.et_pb_contact input[type="checkbox"] + label i,
.et_pb_contact input[type="radio"] + label i {
content: '';
width: 18px;
height: 18px;
background-color: #EEE;
font-style: normal;
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 6px; }
.et_pb_contact input[type="radio"] + label i {
border-radius: 50%; 
}
.et_pb_contact input[type="checkbox"]:checked + label i:before,
.et_pb_contact input[type="radio"]:checked + label i:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); 
}
.et_pb_contact input[type="checkbox"]:checked + label i:before {
content: '\f147';
font-family: 'dashicons';
color: #2EA3F2;
width: 17px;
height: 17px;
font-size: 17px;
line-height: 17px; }
.et_pb_contact input[type="radio"]:checked + label i:before {
background: #2EA3F2;
border-radius: 50%;
width: 6px;
height: 6px; }
.et_pb_contact input[type="checkbox"] ~ input[type="text"] {
display: none !important; }
.et_pb_contact .et_contact_error {
border: 1px solid #F00 !important; }
.et_pb_contact .et_pb_contact_form .et_contact_error .et_pb_contact_field_radio_title,
.et_pb_contact .et_pb_contact_form .et_contact_error .et_pb_contact_field_radio label,
.et_pb_contact .et_pb_contact_form .et_contact_error input[type="checkbox"] + label {
color: #F00 !important; } @media all and (max-width: 767px) {
.et_pb_column .et_pb_contact .et_pb_contact_field_half {
width: 100%;
margin-right: 0; 
}
}
.et_pb_contact_form_label {
display: block;
}
.et_pb_contact_field[data-type="select"]::after {
top: 65%;
}
#formNewOffer .et_pb_button_no {
color: #FFFFFF !important;
border-width: 0px !important;
border-radius: 100px;
font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
background-color: #EF6238; line-height: 1.7em !important;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
cursor: pointer; padding: 12px 40px !important;
font-size: 14px;
}
#formNewOffer .et_pb_button_no:hover {
border: 2px solid transparent;
}
#formNewOffer .et_pb_button_no.sending-button {
opacity: 0.6;
}
#formNewOffer .et_pb_button_coupon {
color: #FFFFFF !important;
border-width: 0px !important;
border-radius: 0;
font-size: 14px;
font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
background-color: #44d89e;
line-height: 1.7em !important;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
padding: 12px 36px !important;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
cursor: pointer;
}
#formNewOffer .et_pb_button_coupon:hover {
border: 2px solid transparent;
} label[for='valid-coupon-btn'] {
height: 23.8px;
}
.et_pb_contact p input[type="checkbox"]:checked+label i::before, .et_pb_subscribe .et_pb_contact_field input[type="checkbox"]:checked+label i::before {
color: #666666;
} .bootstrap {
font-family: Open Sans,Arial,sans-serif;
font-size: 14px;
color: #666;
line-height: 1.7em;
font-weight: 500;
}
.bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6 {
color: #333;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
}
.bootstrap h3 {
font-size: 22px;
}
.bootstrap .btn.btn-ael-green {
color: #FFFFFF !important;
border-width: 0px !important;
border-radius: 100px;
font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
background-color: #44d89e;
line-height: 1.7em !important;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
cursor: pointer;
padding: 12px 40px !important;
font-size: 14px;
}
.bootstrap .btn.btn-ael-white {
color: #49b87a !important;
border-width: 0px !important;
border-radius: 100px;
font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
background-color: #ffffff;
line-height: 1.7em !important;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
cursor: pointer;
padding: 12px 40px !important;
font-size: 14px;
}
.bootstrap .container {
padding-top: 0 !important;
}
.bootstrap .form-group.is-invalid .invalid-feedback, .bootstrap .form-group.is-valid .valid-feedback {
display: block;
}
.bootstrap .invalid-feedback ul, #left-area ul {
list-style-type: disc;
padding: 0 0 0 1em;
line-height: 26px;
}
.bootstrap .form-control {
display: block;
width: 100%;
border-radius: 0;
background-color: #eee;
border: 1px solid #eee;
padding: 14px;
font-size: 0.9rem; }
.bootstrap .form-control::placeholder {
color: #999;
opacity: 1;
}
.bootstrap .form-control:focus {
color: #3e3e3e;
background-color: #eee;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.bootstrap .form-control:focus::placeholder {
color: #3e3e3e;
opacity: 1;
}
.bootstrap .form-group[data-type="select"]::after {
content: '';
position: absolute;
top: 60px;
right: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border: 6px solid;
border-color: #666 transparent transparent transparent;
margin-top: 3px;
pointer-events: none; 
}
.bootstrap select.form-control {
padding: 16px 20px 16px 16px;
font-size: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #eee;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
.bootstrap select.form-control:not([size]):not([multiple]) {
height: calc(3.1rem + 2px);
}
.bootstrap .custom-checkbox .custom-control-label::before {
border-radius: 0;
}
.essai-page {
width: 83%;
max-width: 1080px;
margin: auto;
position: relative;
}   .ap-input, .ap-hint {
height: 51px;
}
.ap-input-icon {
position: absolute;
} .input-append {
display: flex;
}
.input-append-field {
flex: 1; }
.input-append-item { } .alert {
text-align: center;
font-weight: bold;
color: #fff;
padding: 10px;
margin-bottom: 30px;
}
.alert.alert-error {
background-color: #f8d7da;
color: #721c24;
border-color: #f5c6cb;
}  @-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar, .progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar, .progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress.pwstrength {
margin-bottom: 10px;
border-radius: 0 0 2px 2px;
}
#top .footer_color .widgettitle {
font-weight: lighter;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 10px 0;
margin-bottom: 15px;
} #login-form{
text-align:center;
}
#login-container{
display: inline-flex;
margin: auto;
}
#form-wrapper {
position: relative;
width: 300px;
background-image: linear-gradient(180deg,#00afc9 0%,#006d7d 100%);
border-radius: 20px;
padding: 20px 20px;
box-sizing: border-box;
box-shadow: 0px 2px 7px 4px #ccc;    }
#form-wrapper .form-wrapper-field {
margin: 0 0 15px 0;
text-align: center;
} #form-wrapper a{
color:#fff;
text-decoration:none;
}
#form-wrapper a:hover{
text-decoration:underline;
}
#form-wrapper label{
text-align: left;
color: #ffffff;
font-size: 12px;
display: block;		
}
#form-wrapper input{
width: 100%;
padding: 5px;
border: 1px solid lightgrey;
border-radius: 2px;
box-sizing: border-box;
text-align: center;
font: 14px verdana;
} #message{
display:none;
color: crimson;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 1;
padding: 10px;
border-radius: 3px;
box-shadow: 0px 2px 4px 2px grey;
box-sizing: border-box;
background: linear-gradient(#fff, #fcfcfc);
margin: 0 !important;
}
#agenda-promo { padding-left: 200px;
}
#agenda-list {
margin: 0 0 0 5px;
padding: 0 0 20px 0 !important; list-style: none !important;
list-style-type: none !important;
text-align: left;
font-size: 1.3em;
color: grey;
}
#agenda-list li{
padding:10px 0;
opacity:1;
-moz-transition: opacity .75s ease-in-out;
-webkit-transition: opacity .75s ease-in-out;
transition: opacity .75s ease-in-out;
}
#agenda-list li.hidden{
opacity: 0;
}
#agenda-list i{
margin-right: 10px; display: inline-block;
width: 15px;
text-align: center;
}
#spinner-wrapper{
position:relative;
padding-top: 20px;
}
#spinner{
display:none;
position: absolute;
left: 50%;
margin-left: -20px;
top: -1px;
} .spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}