@font-face {
  font-family: "PoppinsBold";
  src: url("../font/Poppins-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsRegular";
  src: url("../font/Poppins-Regular.ttf") format("truetype");
}

body{margin:0;padding:0;}
.headersimu{display:flex;align-items:center;justify-content:center;padding:10px 0}

.simulator{width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;}
.simulator-head{display:flex;width:70%;align-items:center;justify-content:center}
.simulator-head h1{font-size:18px;font-family:PoppinsBold;margin-bottom:20px}
.simulator-content{width:600px;padding:30px 0;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#efefef}
.simulator-content-select{display:flex;justify-content: space-between;width:85%;align-items:center}
.simulator-content-select p{font-family:PoppinsBold;font-size:15px;width:200px}
select{height:35px;width:280px;padding-left:10px;border:1px solid #ccc;border-radius:15px;font-size:16px;background-color:white;cursor: pointer;
outline:none;transition:border-color 0.3s ease-in-out;font-family:PoppinsBold;font-size:14px;font-weight:bold}
.separator{width:80%;height:2px;margin:10px 0;background:#3d1ca1;border-radius:2px}
.simulez-content-data{display:flex;justify-content: center;width:85%;align-items:center}
.simulez-content-data p{font-family:Arial;font-weight:bold}
input[type="text"]{height:35px;width:80%;padding-left:10px;border:1px solid #ccc;border-radius:15px;font-size:16px;background-color:white;cursor: pointer;
outline:none;transition:border-color 0.3s ease-in-out;font-family:Arial;font-size:14px;font-weight:bold}
.simulator-content-select p span{font-size:8px;color:red}
.simulator-content-btn{width:100%;padding:10px 0;display:flex;align-items:center;justify-content:center}
#opsubmit{background:#00d4CC;font-family:PoppinsBold;font-weight:bold;border:none;font-size:20px;border-radius:5px;color:#fff;height:35px;}

.simulator{background:#efefef}
.return-btn{display:flex;width:400px;height:40px}
#prev-btn{border:none;margin-bottom:15px;font-family:PoppinsBold;text-decoration:underline}
#dynamic-form{width:100%;padding:50px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.form-question{display:none;}
.text-intro{width:100%;display:flex;background:#fff;flex-direction:column;align-items:center}
.text-intro-center{width:80%;display:flex;flex-direction:column}
.text-row h1{font-size:22px;color:#000;font-family:PoppinsBold}
.text-row h2{font-size:18px;color:#000;font-family:PoppinsBold}
.text-row p, .text-row li{font-family:PoppinsRegular;font-size:14px;color:#000}
.text-row p strong, .text-row li strong{font-family:PoppinsBold;color:#ad1d0a}
.text-row-cta{width:100%;display:flex;justify-content:center;padding:10px 0;}
.text-row-cta a{padding:10px 15px;background:#ad1d0a;color:#fff;font-family:PoppinsBold;font-size:20px;border-radius:10px;text-decoration:none}
.form-question{display:none;}
.form-question-style{width:500px;display:flex;flex-direction:column;align-items:center}
.form-question-style label{font-family:PoppinsBold;font-size:22px;font-weight:bold;color:#3d1ca1;margin-bottom:15px;width:80%}
button.answer-btn{width:80%;padding-left:10px;text-align:left;font-family:PoppinsRegular;font-size:16px;height:45px;border:2px solid #ddd;background:#fff;margin-bottom:15px;color:#000;border-radius:10px;font-weight:bold;cursor:pointer}
button.answer-btn:hover{border-color:#3d1ca1;color:#fff;background:#3d1ca1}

button.selected-answer{background:#3d1ca1;color:white;position: relative;}
button.selected-answer::after{content:"\2713";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:white}


.btn-suivant{display:flex;padding:10px 0;justify-content:right;width:80%}
button.suivant{width:100px;background:#3d1ca1;color:#fff;border-radius:10px;height:45px;font-family:PoppinsBold;padding:0;text-align:center}
span#msgmobile{font-size:12px;font-family:PoppinsBold;color:#e83f6f;width:80%;margin-bottom:10px}
.input-error{border: 1px solid red}

p.error-message{font-size:12px;font-family:PoppinsBold;margin:5px}

.compliance-part{width:80%;display:flex}
.compliance-part p{font-family:PoppinsBold;font-size:12px;margin-left:35px}
.compliance-part input[type="checkbox"]{width:20px;height:20px;position:absolute;background-color:#ffffff;-webkit-border-radius:50%;border-radius:50%;   vertical-align: middle;border: 4px solid #ffffff;-moz-appearance: none;appearance: none;-webkit-appearance: none;outline: none;display: block;cursor: pointer;margin-top:10px}
.compliance-part input[type="checkbox"]:checked{background-color:#3d1ca1}
#submit-btn{width:220px;background:#3d1ca1;color:#fff;border-radius:10px;height:45px;font-family:PoppinsBold;font-size:16px;padding:0;text-align:center;border:none;cursor:pointer}
#submit-btn:hover{background:#00b4ff}

#submit-btn{display:none}

.disclaimer-section{width:100%;display:flex;justify-content:center;align-items:center;padding:15px 0}
.disclaimer-section-content{width:60%;}
.disclaimer-section-content p{font-family:PoppinsRegular;font-size:12px;text-align:justify}

.mentions-legales{width:100%;display:flex;justify-content:center;align-items:center;}
.mentions-legales a{font-family:PoppinsRegular;color:#3d1ca1}
.mentions-legales a:hover{color:#00d4cc}

/* css page résultats */
.validtel-content{display:flex;position:fixed;width:100%;height:850px}
.validtel-left{width:50%;background:url(../../images/bg-validtel.jpg);background-size:cover}
.validtel-right{width:50%;display:flex;align-items:center;justify-content:center;background:#efefef}
#validTel{width:450px}
#validTel p{font-family:PoppinsBold;font-size:18px}
#validTel input[type="text"]{width:250px}
#validTel input[type="submit"]{width:150px;background:#00d4cc;font-family:PoppinsBold;font-size:18px;border-radius:10px;color:#fff;border:none}
.op-sol-full{background:#efefef;width:100%;display:flex;justify-content:center;padding:25px 0}
.op-sol-content{width:800px;}
.op-sol-content p{font-family:Poppins;font-size:16px;margin-bottom:50px}
.op-sol-content h1{font-family:PoppinsBold;font-size:25px;color:#00d4cc}
.op-sol-collec{width:100%;display:flex;gap:30px;flex-direction:column;justify-content:center;}
.op-sol-row{width:750px;padding:40px 10px 25px 10px;background:#fff;border-radius:10px;position:relative;margin-bottom:30px;margin-top:60px}
.op-sol-conter{position:absolute;left:-30px;top:50%;font-size:35px;font-family:PoppinsBold;color:#00d4cc;margin:0;transform:translate(-50%, -50%);}
.op-sol-row img{position:absolute;left:50%;transform:translate(-50%, -50%);top:-10px}
.op-sol-row h2{font-family:PoppinsBold;font-size:18px;color:#3d1ca1}
.op-sol-desc{font-family:Poppins;font-size:13px;color:#555;text-align:justify;padding:0 10px}
.op-sol-link{display:flex;width:100%;flex-direction:column;gap:10px}
.op-sol-link p{font-family:PoppinsBold;font-size:18px;color:#3d1ca1;margin:20px 0 10px 0}
.op-sol-link a{font-family:Poppins;font-size:12px;color:#00d4cc}
/**/

@media all and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.return-btn{width:90%}
	.form-question-style{width:100%;max-width:500px}
	.form-question{width:100%;max-width:500px}
	.disclaimer-section-content{width:95%;}
	button.answer-btn{font-size:14px}
	.form-question-style label{font-size:18px}
	.op-sol-content{width:100%}
	.op-sol-content-header{width:100%;display:flex;flex-direction:column;align-items:center}
	.op-sol-content-header h1, 	.op-sol-content-header p{width:90%}
	.op-sol-collec{align-items:center}
	.op-sol-row{width:80%}
	.op-sol-conter{display:none}
	.op-sol-link a{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	.validtel-content {flex-direction:column-reverse;height:inherit}
	.validtel-right{width:90%;padding:5%}
	.validtel-left {width:100%;height:400px}
	#validTel{width:100%}
	.sendcode{margin-top:10px}
	#dynamic-form{padding:10px 0 50px 0}
	.text-intro{width:90%;display:flex;}
	.text-intro p{font-family:Poppins;font-size:10px;color:#000;margin:0 0 5px 0}
}