@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100..900&display=swap');

*{margin: 0;padding:0;}
p, a, input,label, button{font-family: "Work Sans", sans-serif;font-optical-sizing: auto;font-weight: 400;}
sup{font-size:12px;}

.content{width:100%;max-width: 1280px;box-sizing: border-box;padding:10px 30px;margin: 0 auto;}
.inner-content{width:100%;max-width: 1000px; margin: 0 auto;box-sizing: border-box; padding:30px;}

.header{width:100%;}
.header .content{display: flex;align-items: center;justify-content: space-between;min-height:135px;}
.header .content .logo{max-width: 182px;}
.header .content .logo img{max-width: 100%;}
.header .content .baseline-mobile{display:none;font-size:20px;text-align: center;color:#001A70;}
.header .content .baseline{text-align: right;}
.header .content .baseline h1{color:#001A70;font-family: "Work Sans", sans-serif;font-weight: 600;font-size: 22px;}

.bandeau{width:100%;height: 290px;background:linear-gradient(0deg, rgba(0,0,0,0.4766281512605042) 0%, rgba(230,234,240,0) 54%), url(/assets/solaire/images/bkd-bandeau-edfenr-solution-solaire.jpg) center no-repeat;background-size: cover;}
.bandeau .inner-content{display:flex;align-items: flex-end;justify-content: space-between;}
.bandeau .inner-content .pastille{width:223px;height:223px;display:flex;border-radius: 50%;background:#EA5A25dd;justify-content: center;align-items: center;}
.bandeau .inner-content .pastille p{color:#fff;font-weight: 600;font-size: 24px;text-align: center;padding: 20px;}
.bandeau .inner-content .text-bandeau{color:#fff;text-align: right;letter-spacing: 3px;font-size: 24px;font-family: "Work Sans", sans-serif;max-width: 555px;}

.bandeau2{width:100%;height: 290px;background:linear-gradient(0deg, rgba(0,0,0,0.4766281512605042) 0%, rgba(230,234,240,0) 54%), url(https://etude.projet-solaire.edf-solutions-solaires.com/assets/solaire/images/bkd-bandeau-edfenr-solution-solaire-v2.jpg) center no-repeat;background-size: cover;}
.bandeau2 .inner-content{display:flex;align-items: flex-end;justify-content: space-between;}
.bandeau2 .inner-content .pastille{width:230px;height:230px;display:flex;border-radius: 50%;background:transparent;justify-content: center;align-items: center;}
.bandeau2 .inner-content .pastille img{max-width: 100%;filter: drop-shadow(0 0 70px #ffffff);}
.bandeau2 .inner-content .text-bandeau{color:#fff;text-align: right;letter-spacing: 3px;font-size: 24px;font-family: "Work Sans", sans-serif;max-width: 555px; margin-botom:10px;}

.main-content .inner-content{display:flex;align-items: flex-start;padding:50px 30px;}
.main-content .inner-content.no-flex{display:block;align-items: flex-start;padding:50px 30px;}
.main-content .inner-content .block-left{width:375px;overflow: hidden;color:#fff;font-size: 20px;font-weight: 400;text-align: center;font-family: "Work Sans", sans-serif;margin-right: 40px;}
.main-content .inner-content .block-left .top{box-sizing: border-box;background:#EA5A25;padding: 40px 20px;}
.main-content .inner-content .block-left .top span{text-transform:uppercase; font-weight: 600;font-size: 25px;}
.main-content .inner-content .block-left .bottom{box-sizing: border-box;background:#001A70;padding: 40px 20px;font-size: 25px;font-weight: 600;}
.main-content .inner-content .block-left .bottom .small{font-size: 16px;font-weight: 400;}

.main-content .inner-content.no-flex h1, 
.main-content .inner-content.no-flex li, 
.main-content .inner-content.no-flex h2{font-family: "Work Sans", sans-serif;font-optical-sizing: auto;}
.main-content .inner-content.no-flex h1{margin-bottom: 25px;}
.main-content .inner-content.no-flex h2{font-size: 20px;margin-bottom: 10px;}
.main-content .inner-content.no-flex a{color:#000;}

.main-content .inner-content-confirmation{padding:50px 20px;text-align: center;box-sizing: border-box;margin-bottom: 96px;}
.main-content .inner-content-confirmation img{max-width: 100px;margin: 0 auto 20px;}
.main-content .inner-content-confirmation p{font-size: 20px;}

.main-content .inner-content .block-right{width:calc(100% - 415px);}
.main-content .inner-content .block-right .formulaire .text-mobile{display: none;font-size: 18px;text-align: center;color: #001A70;margin-bottom: 20px;font-weight: 600;}
.main-content .inner-content .block-right .formulaire .text-mobile span{color:#EA5A25;}
.main-content .inner-content .block-right .formulaire .steps{box-sizing: border-box;padding:10px 20px 20px;background:#EA5A2522;border-radius: 5px;margin-bottom: 20px;}
.main-content .inner-content .block-right .formulaire .steps .list-steps{display:flex;justify-content: space-between;margin-block: 15px;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step{font-family: "Work Sans", sans-serif;font-size: 14px;font-weight: 600;background:#D8D8D8;height:42px;position: relative;display:flex;justify-content: flex-start;align-items: center;color:#858585;border-radius: 21px;padding: 0 30px 0 50px;box-sizing: border-box;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active{background:#fff;color:#EA5A25;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step:before{content:'';display:flex;justify-content: center;align-items: center;background:#C4C4C4;color:#fff;width:34px;height:34px;position: absolute;top:4px;left:5px;border-radius: 50%;font-family:font-family: "Work Sans", sans-serif;font-size:16px;font-weight: 700;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active:before{background:#EA5A25;color:#fff;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{content:'';display:block;height:4px;width:50px;background:#D8D8D8;position: absolute;right:-50px;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active:after{background:#ffffff;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step:last-child:after{display:none;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step1:before{content:'1';}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step2:before{content:'2';}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step3:before{content:'3';}
.main-content .inner-content .block-right .formulaire .steps .evolution-steps{width:100%;background:#fff;height:8px;border-radius:4px;overflow:hidden;}
.main-content .inner-content .block-right .formulaire .steps .evolution-steps .grow-line{width:33%;background:#EA5A25;height:8px;border-radius:4px;transition:all .3s;}
.main-content .inner-content .block-right .formulaire .mentions-form{font-size:10px;}
    
.main-content .inner-content .block-right .formulaire .etape{height:0;overflow: auto;}
.main-content .inner-content .block-right .formulaire .etape.active{height:auto;overflow: auto;}
.main-content .inner-content .block-right .formulaire .etape-title{font-size: 20px;font-weight: 600;color:#EA5A25;margin-bottom: 30px;}
.main-content .inner-content .block-right .formulaire .fields{max-width: 450px;margin:0 auto;}
.main-content .inner-content .block-right .formulaire .fields .field{display:flex;align-items: center;margin-bottom: 25px;}
.main-content .inner-content .block-right .formulaire .fields .field.field-text{margin-bottom: 15px;}
.main-content .inner-content .block-right .formulaire .fields .field .label-text{text-align: right;min-width: 60px;box-sizing: border-box;margin-right: 15px;}
.main-content .inner-content .block-right .formulaire .fields .row{display:flex;align-items: center;width:100%;}
.main-content .inner-content .block-right .formulaire .fields .row .field{width:50%;}
.main-content .inner-content .block-right .formulaire .fields .cols{display:flex;align-items: flex-start;width:100%;}
.main-content .inner-content .block-right .formulaire .fields .cols .col{width:50%;}
.main-content .inner-content .block-right .formulaire .fields .cols .col .field{width:100%;}
.main-content .inner-content .block-right .formulaire .fields input[type="email"],
.main-content .inner-content .block-right .formulaire .fields input[type="tel"],
.main-content .inner-content .block-right .formulaire .fields input[type="text"]{box-sizing: border-box;width:240px;border:solid 1px #858585;height:36px;padding:0 10px;display:flex;align-items: center;justify-content: flex-start;border-radius:18px;}
.main-content .inner-content .block-right .formulaire .fields input[type="radio"]{width:26px;height:26px;position: relative;margin-right:7px;}
.main-content .inner-content .block-right .formulaire .fields input[type="radio"]:before{content: "";display: block;background: url(/assets/solaire/images/radio.png) center no-repeat;position: absolute;height: 26px;width: 26px;margin-right: 10px;background-size: contain;}
.main-content .inner-content .block-right .formulaire .fields input[type="radio"]:checked:before{background: url(/assets/solaire/images/radio-checked.png) center no-repeat;background-size: contain;}
.main-content .inner-content .block-right .formulaire .field-optin{font-size: 13px;font-weight: 700;}
.main-content .inner-content .block-right .formulaire .field-optin label{font-size: 13px;font-weight: 700;}

.main-content .inner-content .block-right .formulaire .etape .line-btn{display:flex;justify-content: space-between;align-items: center;padding-top:50px;}
.main-content .inner-content .block-right .formulaire .etape.etape-1 .line-btn{justify-content: flex-end;}
.main-content .inner-content .block-right .formulaire .etape.etape-1 #erreur{font-family: "Work Sans", sans-serif;color: #d00;font-size: 12px;font-weight: 600;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-submit,
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-next{box-sizing: border-box;width:150px;height:50px;display:flex;align-items: center;justify-content: center;background:#EA5A25;color:#fff;border-radius: 25px;border:none;font-size:18px;font-weight: 700;position:relative;padding-right:30px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-next[disabled="disabled"]{background: #a0a0a0;cursor: not-allowed;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-next:before{content:"";display:block;width:40px;height:40px;background:url(/assets/solaire/images/arrow-next.png) center no-repeat, #fff;background-size:50%;border-radius: 20px;right:5px;top:5px;position: absolute;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-submit{background: url(/assets/solaire/images/img-btn-submit.png) center no-repeat, #EA5A25;background-position: 105px center;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-prev{box-sizing: border-box;width:135px;height:43px;display:flex;align-items: center;justify-content: center;background:#E0E0E0;color:#858585;border-radius: 22px;border:none;font-size:14px;font-weight: 400;position:relative;padding-left:30px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-prev:before{content:"";display:block;width:34px;height:34px;background:url(/assets/solaire/images/arrow-prev.png) center no-repeat, #fff;background-size:50%;border-radius: 17px;left:5px;top:5px;position: absolute;}


.footer{width:100%; background:#E0E0E0;}
.footer .content{display: flex;align-items: center;justify-content: space-between;padding:20px 30px 50px;}
.footer .content a{color:#000;}
.footer .content .block-left{width:calc(100%);}
.footer .content .block-left p{font-size:11px;}

@media screen and (max-width:1440px){
	.header .content{min-height: 100px;}
	.bandeau{height:260px;}
	.bandeau .inner-content .pastille{height:200px;width:200px;}
	.main-content .inner-content .block-right .formulaire .etape .line-btn{padding-top:20px;}
}

@media screen and (max-width:980px){
	.header .content{flex-direction: column;padding: 20px 30px;}
	.header .content .baseline{text-align: center;}
	.bandeau{height: auto;}
	.bandeau .inner-content{flex-direction: column;align-items: center;}
	.bandeau .inner-content .pastille{margin-bottom:20px;}
	.bandeau .inner-content .text-bandeau{text-align: center;font-size: 22px;}
	.bandeau2{height: auto;}
	.bandeau2 .inner-content{flex-direction: column;align-items: center;}
	.bandeau2 .inner-content .pastille{margin-bottom:20px;}
	.bandeau2 .inner-content .text-bandeau{text-align: center;font-size: 22px;}
	.main-content .inner-content{flex-direction: column;align-items: center;}
	.main-content .inner-content .block-left{width: 100%;margin: 0 auto 80px;}
	.main-content .inner-content .block-left .top{padding:35px;}
	.main-content .inner-content .block-left .bottom{padding: 35px;}
	.main-content .inner-content .block-right{width:100%;max-width: 595px;}
	.main-content .inner-content .block-right .formulaire .fields{height:auto;}
	.main-content .inner-content .block-right .formulaire .etape:first-child .line-btn{padding-top: 50px;}
}

@media screen and (max-width:640px){
	.disable-mobile{display:none;}
	.header .content{align-items:flex-start;}
	.header .content .logo{margin-bottom:20px;}
	.header .content .baseline{display:none;}
	.header .content .baseline-mobile{display:block;}
	.bandeau{display:none;}
	.bandeau2{display:none;}
	.main-content .inner-content .block-left{display:none;}
	.main-content .inner-content{padding: 20px 30px 50px;}

	.main-content .inner-content .block-right .formulaire .text-mobile{display: block;}
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step{font-size:11px;height: 30px;padding: 0 20px 0 30px;}
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:before{width:20px;height:20px;font-size: 14px;}
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{width:120px;right:-120px;}
	.main-content .inner-content .block-right .formulaire .etape-title{font-size:18px;}
	.main-content .inner-content .block-right .formulaire .fields .row{flex-direction: column;}
	.main-content .inner-content .block-right .formulaire .fields .row .field{width: 100%;max-width: 350px;}
	.footer .content{flex-direction: column;}
	.footer .content .block-left{width:100%;}
	.footer .content .block-right{width:100%;}
}

@media screen and (max-width:480px){
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{width:70px;right:-70px;}	
}

@media screen and (max-width:430px){
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{width:50px;right:-50px;}	
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:before{display:none;}
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step{padding: 0 10px 0 10px;}
}