*{font-family: 'Lato', sans-serif;}

.center {margin: 0 auto;}

.logo img {width: 134px; height: auto;}

.img1 {width: 164px; height: 85px; }
.img3 {width: 291px; height: 47px; margin-top: 5px; margin-left: 30px;}

.bg-1 {background-color: #a8b4a8;}
.bg-2 {background-color: #98a182;}

.bg-grey {background-color: #f0f0f0;}
.bg-blue {background-color: #67b75a;}
.bg-green {background-color: #67b75a;}
.bg-green2 {background-color: #67b75a;}
.bg-blue-light {background-color: #707070; }

.number {background-color: #f0f0f0; display: inline; padding: 10px 18px; border-radius: 50px; font-size: 24px;}

.bg-etapes {background-color: rgba(174,214,58,0.80); border-radius: 10px;}

h1 { color: #fff;  text-align: center;  line-height: 42px; font-size: 38px; font-weight: 900;}
h2 { text-align: center; line-height: 28px; font-size: 24px;  font-weight: 400;   color: #fff;}
h3 span {color: #67b75a; font-weight: 900;}
h3 {text-align: center; line-height: 32px; font-size: 24px; font-weight: 900; color: #213e50;}
form p {color: #000; font-style: italic; font-size: 20px; font-weight: 300 !important;}


.check-invalid {border-color: #dc3545 !important;}

.f-8pt {font-size: 8pt !important; color: #d4d4d4 !important; }
.f-11pt {font-size: 11pt !important; color: #d4d4d4 !important; }
.f-10px {font-size: 10pt !important; color: #005783 !important; padding-top: 3px;}
.f-12px {font-size: 12px; color: #24262d;}
.f-14px {font-size: 14px; color: #24262d;}
.f-18px {font-size: 18px; color: #005783; font-weight: 700;}
.f-22px {font-size: 22px; color: #005783; font-weight: 700;}
.avantages {color: #25252d; font-size: 36px; font-weight: 700;}

.merci-title {color: #183450; font-size: 24px; font-weight: 700;}
.merci-text {color: #828282; font-size: 22px; font-weight: 400; line-height: 28px;}

.footer h3 {font-size: 24px;}

.footer h4 {font-size: 120%; color: #333;}

a {color: #fff; text-decoration: underline;}
.footer a {color: #000;}

.footr p {color: #6D6E70; }

.strong-title {color: #333;}
.tiny-text {font-size: 7pt;}
.tiny-text2 {font-size: 14px; color: #fff !important; }
.tiny-text3 {font-size: 8pt; }

.bg-impots h4 {color: white; text-decoration: none; font-style: italic; font-size: 16px;}

.line {border-top: 2px solid #000;}

.grey {color: #909090; font-size: 70%;}

.form-container {width: 100%; margin: 0 auto !important; }

.tick {width: 90px; height: auto; margin: -15px;}

.btn-primary {background-color: #67B75A; color: #FFFFFF; font-size: 1.2384rem; font-family: raleway,raleway-1,raleway-2,raleway-web,raleway-web-1,raleway-web-2; font-weight: 400; height: 3.4375rem; width: 18.75rem; border-radius: 16px; border: none; transition: background 0.5s;}
.btn-primary:hover {background-color: #3E8A32;  border: none; transition: background 0.5s;}


.bg-landing {background-image: url("../../images/back_energie.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;} 


.border {border: #fff 0.2px solid !important;}

#circles .card {background-color: transparent; border: none;}
#circles .card-title {color: #37465A; background-color: #fff; width: 48px; margin: 0 auto; height: 48px; border-radius: 50%; }
#circles .card-text {color: #fff; font-weight: 400; text-align: center; line-height: 19px; font-size: 16px;}
.marche {color: #000;  text-align: center; line-height: 38px; font-size: 34px; }

.bg-1 .benefices-title {color: #fff;   font-weight: 900;  text-align: left; line-height: 24px; font-size: 24px;}
.bg-1 .benefices-txt {color: #fff; font-weight: 400;  text-align: left; line-height: 22px; font-size: 16px;}
.benefices-img {border-radius: 20px; }
.align-middle {vertical-align: middle !important;}

.bg-2 .benefices-title {color: #fff;    font-weight: 900;   text-align: left; line-height: 24px; font-size: 24px;}
.bg-2 .benefices-txt {color: #fff; font-weight: 400;  text-align: left; line-height: 22px; font-size: 16px;}

.bg-form {border-radius: 10px; background: rgba(255,255,255,0.80); margin: 0 auto; border: 3px solid #67B75A;}

.form-control {height: 40px; font-size: 19px; color: #828282 !important; border: 0px solid #083971;}

.card-img-top {width: 74px; height: 74px; margin: 0 auto;}

.card-group {border: none;}
.card {border: none;}
.custom-control-input {width: 100%;  margin: 0 auto;}
.custom-control-label {width: 100%; color: #828282 !important; font-size: 16px;  margin: 0 auto; border-radius: 10px; padding: 10px 0px; transition: background 0.2s; line-height: 15px;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:hover {background-color: rgba(8,57,113,0.24); cursor: pointer; transition: background 0.2s;}
.custom-control-label:active {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:select {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-radio .custom-control-label:before { border-radius: 10px;  transition: background 0.2s;}
.card-body {padding: 0px;} 
.custom-control {padding: none;}

.custom-radio .custom-control-label:before {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: none; transition: background 0.2s;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #083971;
    background-color: rgba(8,57,113,0.34); transition: background 0.2s;; 
}

.form-control {border: none; border-radius: 10px;}
placeholder {color: #bdbdbd !important;}


@media (max-width: 991px) {
	.tiny-text2 {font-size: 12px; }
	.directionrtl {direction: rtl;}
	.directionltr {direction: ltr;}
}

@media (max-width: 737px) {
	.images-office {display: none !important;}
}


@media (max-width: 575px) {
}

.select2-container .select2-selection--single {
    height: 40px;
    border: 0px solid transparent!important;
    border-radius: 10px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: .28rem .75rem;
    color: #828282;
    background-color: #fff;
    border-radius: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}
.select2.select2-container.select2-container--default {
    display: block;
    width: 100% !important;
    height: 35px;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #828282;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #495057 !important;
}
.select2-container {
    font-weight: 400;
    color: #828282;
    background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #828282;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000000 transparent;
    border-width: 0 4px 5px 4px;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    /*background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23CCCCCC'><polygon points='0,0 100,0 50,50'/></svg>");*/
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 40%;
    background-size: 10px;
    background-color: #fff;
}