@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,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;}
input:focus,
input:active,
input{outline: none;}
.content{width:100%;max-width:1355px;box-sizing: border-box;padding:10px 30px;margin: 0 auto;}
.inner-content{width:100%;max-width: 1020px; 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: 172px;}
.header .content .logo img{max-width: 100%;}
.header .content .baseline{text-align: right;}
.header .content .baseline.baseline-destkop{display:block;}
.header .content .baseline.baseline-mobile{display:none;}
.header .content .baseline h1{color:#003878;font-family: "Work Sans", sans-serif;font-weight: 600;font-size: 26px;}
.header .content .baseline h1 span{font-size: 30px;border-bottom:solid 3px #C8D400;}

.bandeau-mobile{width:90%;max-width: 520px;background:#e6eef4;font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 400;color:#003878;box-sizing: border-box;padding: 20px;margin: 0 auto;text-align: center;display:none;}

.bandeau{width:100%;height: 325px;background:linear-gradient(0deg, rgba(0,0,0,0.4766281512605042) 0%, rgba(230,234,240,0) 54%), url(/assets/mutuelle/images/bkd-header-smatis.jpg) center no-repeat; background-size: cover;background-position:center right;}
.bandeau .inner-content{display:flex;align-items: center;justify-content: space-between;height:100%;}
.bandeau .inner-content .pastille{width:320px;height:220px;display:flex;flex-direction:column;background:#f3f3f3;justify-content: center;align-items: center;text-align:center;}
.bandeau .inner-content .pastille img{max-width:100%;}
.bandeau .inner-content .pastille .brand-ek{width:80%;max-width:82px;margin-bottom: 10px;}
.bandeau .inner-content .pastille .stars-ek{width:80%;max-width:133px;margin-bottom: 10px;}
.bandeau .inner-content .pastille .rate{width:80%;margin-bottom: 5px;font-family: "Work Sans", sans-serif;font-weight: 700;font-size:55px;color:#003878;}
.bandeau .inner-content .pastille .reviews-nb{width:80%;font-family: "Montserrat", sans-serif;font-weight: 600;font-size:16px;color:#003878;}

.main-content .inner-content{display:flex;align-items: flex-start;padding:50px 30px;}
.main-content .inner-content .block-left{width:320px;overflow: hidden;margin-right: 120px;}
.main-content .inner-content .block-left h2{font-family: "Montserrat", sans-serif;font-size:26px;line-height:30px;font-weight: 400;text-align: center;color:#003878;margin-bottom:25px;}
.main-content .inner-content .block-left h2 span{font-size: 30px;border-bottom: solid 3px #C8D400;font-weight:400;}
.main-content .inner-content .block-left h2 b{font-weight: 600;}
.main-content .inner-content .block-left .top,
.main-content .inner-content .block-left .bottom{padding: 40px 18px;box-sizing: border-box;font-size:20px;}
.main-content .inner-content .block-left .top{background:#C8D400;font-family: "Work Sans", sans-serif;font-weight: 400;text-align: center;color:#004D8C;}
.main-content .inner-content .block-left .top b{font-weight:600;}
.main-content .inner-content .block-left .bottom{background:#003878;color:#fff;font-family: "Work Sans", sans-serif;font-weight: 600;text-align: center;}
.main-content .inner-content .block-left .bottom p{margin-top: 20px; font-weight:400; font-size:15px;}
.main-content .inner-content .block-right{width:calc(100% - 420px);}

.main-content .inner-content .block-right .formulaire label{width:100%;display:block;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;color:#004D8C;margin-bottom: 10px;}
.main-content .inner-content .block-right .formulaire input{font-family: "Montserrat", sans-serif;font-weight:600;font-size:16px;border:solid 1px #004D8C;color: #004D8C;}
.main-content .inner-content .block-right .formulaire input[type="text"].error{border:solid 1px #ED8313;background:#fdf1e1;transition:all .3s;}
.main-content .inner-content .block-right .formulaire input::placeholder{font-family: "Montserrat", sans-serif;font-style: italic;font-size: 14px;font-weight: 300;color:#004d8c;}
.main-content .inner-content .block-right .formulaire .alert{font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 400;color:#ED8313;display:flex;align-items: center;justify-content: center;display:none;text-align: center;width:100%;}
.main-content .inner-content .block-right .formulaire .alert:before{content:"";display:block;height: 15.5px;width:15.5px;background: url(/assets/mutuelle/images/picto-child-age.png) center no-repeat;background-size: contain;background-position: center;flex-shrink: 0;margin-right:5px;}
.main-content .inner-content .block-right .formulaire .alert-cp{font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 400;color:#ED8313;display:flex;align-items: center;justify-content: center;display:none;padding-top: 10px;}
.main-content .inner-content .block-right .formulaire .alert-begin{padding-top: 10px;}
.main-content .inner-content .block-right .formulaire .etape-2 .alert{margin-bottom: 10px;}
.main-content .inner-content .block-right .formulaire .etape-3 .alert{padding-top: 0;}


.main-content .inner-content .block-right .formulaire .steps{box-sizing: border-box;padding: 10px 10px 20px;border-radius: 5px;margin-bottom: 40px;position: relative;}
.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: "Montserrat", sans-serif;font-size: 14px;font-weight: 400;position: relative;color: #80A6C6;box-sizing: border-box;transition: all .3s;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width:100px;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step:before{content: '';display: flex;justify-content: center;align-items: center;background: #F3F5F8;color: #79a0c2;width: 40px;height: 40px;position: relative;border-radius: 50%;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 900;transition: all .3s;margin-bottom: 20px;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{content: '';display: block;height: 66px;width: 66px;background: #fff;position: absolute;top: -13px;transition: all .3s;left: calc(50% - 33px);z-index: -1;border-radius: 50%;opacity:0}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active{color: #C8D400;transition: all .3s;opacity: 1;font-weight: 700;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active:before{background: #C8D400;color: #004D8C;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .steps .list-steps .step.active:after{background: rgba(200, 212, 0, 0.3);transition: all .3s;opacity: 1;}
.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{background: #f3f5f8;height: 2px;overflow: hidden;position: absolute;top: 44px;left: 55px;right: 35px;z-index:-1;}
.main-content .inner-content .block-right .formulaire .steps .evolution-steps .grow-line{width: 50%;background: #C8D400;height: 2px;border-radius: 4px;transition: all .3s;}

.main-content .inner-content .block-right .formulaire .etape-title{font-size: 35px;font-weight: 600;color:#004D8C;margin-bottom: 50px;text-align: center;font-family: "Work Sans", sans-serif;}
.main-content .inner-content .block-right .formulaire .etape-title:after{content: '';height: 8px;width:50px;display:block;margin:0 auto;background:#C8D400;margin-top: 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 .fields{max-width: 468px;margin:0 auto;}
.main-content .inner-content .block-right .formulaire .fields .row{display:flex;width:100%;flex-wrap: wrap;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre{justify-content: space-between;margin-bottom:30px;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field{width:48%;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label{width:100%;display:flex;justify-content: center;align-items: center;height:86px;box-sizing: border-box;background:#F3F5F8;border: solid 1px #004D8C;position: relative;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field input{width:0;height:0;position: absolute;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label .label-img{width:16px;margin-right: 35px; }
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label .label-img svg{fill:#003878; }
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label .label-text{font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;color:#004D8C;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label.active{background:#003878;transition:all .3s;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label.active .label-img svg{fill:#fff; transition:all .3s;}
.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label.active .label-text{color:#fff; transition:all .3s;}
.main-content .inner-content .block-right .formulaire .fields .field.field-text{width:100%;}
.main-content .inner-content .block-right .formulaire .fields .field.field-text input{width:100%;height:50px;box-sizing: border-box;color:#004D8C;padding:0 10px;display:flex;align-items: center;}
.main-content .inner-content .block-right .formulaire .etape .line-btn{display:flex;justify-content: space-between;align-items: center;padding-top:50px;max-width: 468px;margin:0 auto;}
.main-content .inner-content .block-right .formulaire .etape.etape-1 .line-btn{justify-content: flex-end;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-next{width:135px;height:50px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background:#C8D400;color:#004D8C;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 600;padding-right: 30px;position: relative;cursor: pointer;border: none;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-next:before{content:"";display:block;width:30px;height:30px;background:url(/assets/mutuelle/images/icon-arrow-next-green.png) center no-repeat, #004D8C;background-size:25%;border-radius: 50%;right:9px;top:10px;position: absolute; }
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row{width:100%;margin-bottom: 15px;display: block;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .to-assur{width:100%;box-sizing: border-box;display:flex;justify-content: center;align-items: center;font-size: 14px;font-family: "Montserrat", sans-serif;font-weight: 600;color:#004d8c;background:#f3f5f8;border:solid 1px #004d8c;height:50px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row.active .to-assur{margin-bottom: 15px;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .to-assur:hover,
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row.active .to-assur{background:#004d8c;color:#fff;transition: all .3s;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur{width:100%;text-align: center;height:0; overflow: hidden;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row.active .elemts-assur{height:auto;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur label{padding-top: 15px;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur input{width:155px;height:50px;box-sizing: border-box;text-align: center;margin-bottom: 15px;}
.main-content .inner-content .block-right .formulaire .note{font-family:"Work Sans", sans-serif;font-size:12px;font-weight:400;color:#ED8313;}
.main-content .inner-content .block-right .formulaire .note-mineur{color:#003878;margin-top:40px;}
.main-content .inner-content .block-right .formulaire .note-child{display:flex;text-align: left;align-item:flex-start;}
.main-content .inner-content .block-right .formulaire .note-child img{flex-shrink: 0;max-width: 15.5px;height:15.5px;margin-right:10px;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .label{width:100%;display:block;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;color:#004D8C;margin-bottom: 10px;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .row-nb-childs{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .row-nb-childs .nb-childs{width:31%;display: flex;justify-content: center;align-items: center;font-size: 14px;font-family: "Montserrat", sans-serif;font-weight: 600;color: #004d8c;background: #f3f5f8;border: solid 1px #004d8c;height: 50px;margin-bottom:15px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .row-nb-childs .nb-childs:hover,
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .row-nb-childs .nb-childs.active{background:#003878;color:#fff;transition:all .3s;}
.main-content .inner-content .block-right .formulaire .etape-2 .fields .row .elemts-assur .more-childs{width:100%;max-width:265px;display: flex;justify-content: center;align-items: center;font-size: 14px;font-family: "Montserrat", sans-serif;font-weight: 600;color: #004d8c;background: #f3f5f8;border: solid 1px #004d8c;height: 50px;margin:0 auto 15px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-prev{font-family:"Work Sans", sans-serif;box-sizing: border-box;width:120px;height:35px;display:flex;align-items: center;justify-content: center;background:#F3F3F3;color:#004D8C;border:none;font-size:14px;font-weight: 400;position:relative;padding-left:20px;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-prev:before{content:"";display:block;width:22px;height:22px;background:url(/assets/mutuelle/images/icon-arrow-prev-blue.png) center no-repeat;background-size:cover;left:7px;top:7px;position: absolute;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row{width:100%;margin-bottom: 35px;display:block;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .label-row{display:flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;font-family:"Work Sans", sans-serif;font-size: 20px;font-weight: 600;color:#004D8C;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .label-row img{flex-shrink: 0;height: auto;margin-right:15px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row.row-soins .label-row img{width:21px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row.row-hospit .label-row img{width:25px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row.row-dentaire .label-row img{width:26px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row.row-optique .label-row img{width:39px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .complement-row{font-family:"Work Sans", sans-serif;font-size: 12px;font-weight: 400;color:#004D8C;margin-bottom: 15px;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .field{display:flex;justify-content: center; align-items: center;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .field label{display:flex;position: relative;width:25%;border:solid 1px #004d8c;box-sizing: border-box;background:#F3F5F8;height:50px;font-size:12px;justify-content: center;align-items: center;cursor:pointer;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .field label input{position:absolute;top:0;left:0;height:0;width:0;}
.main-content .inner-content .block-right .formulaire .etape-3 .fields .row .field label.active{background:#003878;color:#fff;transition:all .3s;}

.main-content .inner-content .block-right .formulaire .etape-4 .fields .row{display:flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.main-content .inner-content .block-right .formulaire .etape-4 .fields .row input{display:flex;align-items: center;justify-content: center;width:155px;height:50px;text-align: center;}
.main-content .inner-content .block-right .formulaire .etape-5 .etape-title{font-size: 24px;}
.main-content .inner-content .block-right .formulaire .etape-5 .fields .field{margin-bottom: 15px;}
.main-content .inner-content .block-right .formulaire .field-optin{display:flex;align-items: flex-start;max-width: 468px;margin: 0 auto;padding-top: 10px;}
.main-content .inner-content .block-right .formulaire .field-optin label,
.main-content .inner-content .block-right .formulaire .field-optin label a{font-family:"Work Sans", sans-serif;font-size: 12px;font-style: italic;font-weight: 400; color:#004D8C;}
.main-content .inner-content .block-right .formulaire .field-optin input{margin-right:15px;}
.main-content .inner-content .block-right .formulaire .etape .line-btn .btn-submit{width: 135px;height: 50px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: url(/assets/mutuelle/images/icon-arrow-next-blue.png) center no-repeat, #C8D400;background-position:93px center;background-size:30px 30px;color: #004D8C;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 600;padding-right: 30px;position: relative;cursor: pointer;border: none;}







 
.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;}



@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;}
	.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){
	.header .content{flex-direction:row;align-items: center;justify-content: space-between;}
	.header .content .logo{max-width: 163px;margin-bottom: 0;}
	.header .content .baseline{min-width: 140px;width:calc(100% - 200px);}
	.header .content .baseline.baseline-desktop{display:none;}
	.header .content .baseline.baseline-mobile{display:block;}
	.header .content .baseline h1{font-size: 18px;text-align: right;}
	.header .content .baseline h1 span{font-size: 22px;}
	.main-content .inner-content .block-right .formulaire .fields .row.row-genre .field label .label-img{width: 12px;margin-right:10px;}	
	.bandeau{display:none;}
	.bandeau-mobile{display:block;}
	.main-content .inner-content .block-left{display:none;}
	.main-content .inner-content{padding: 20px 30px 50px;}
	.main-content .inner-content .block-right .formulaire .etape-title{font-size:18px;}
	.main-content .inner-content .block-right .formulaire .etape .line-btn{padding-top:20px;}
	.main-content .inner-content .block-right .formulaire .steps .list-steps .step:after{height: 57px;
    width: 57px;top: -9px;left: calc(50% - 29px);}
    .main-content .inner-content .block-right .formulaire .steps{margin-bottom:0;}
}