@font-face {
	font-family: 'Helvetica Neue Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Neue Medium'), url('../../../../../css/fonts/helvetica-new/HelveticaNeueMedium.woff') format('woff');
}
@font-face {
	font-family: 'cambria';
	src: url('../../../../../css/fonts/cambria/cambria.ttf')  format('truetype'),
	     url('../../../../../css/fonts/cambria/cambria.woff2') format('woff2'),
			 url('../../../../../css/fonts/cambria/cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AbrilFatface';
	src: url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.ttf')  format('truetype'),
	     url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.woff2') format('woff2'),
			 url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.woff') format('woff'),
			 url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'),
			 url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.eot'),
			 url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'istok';
	src: url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.woff') format('woff'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.woff2') format('woff2'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.svg#istokweb-regular-webfont') format('svg'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "arialBlack";
	src: url('../../../../../css/fonts/arialblack/ariblk.ttf') format('truetype'),
			 url('../../../../../css/fonts/arialblack/ariblk.woff2') format('woff2'),
			 url('../../../../../css/fonts/arialblack/ariblk.woff') format('woff'),
			 url('../../../../../css/fonts/arialblack/ariblk.svg#ariblk') format('svg'),
			 url('../../../../../css/fonts/arialblack/ariblk.eot'),
			 url('../../../../../css/fonts/arialblack/ariblk.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html {
	--white: #FFF;
	--black: #222;
	--purple: #9c4efe;
	--blue: #008fff;
	--blue-light: #57a5e2;
	--blue-dark: #0b1470;
	--green: #31c0ca;
	--green-light: #e8f8f9;
	--red-burgundy:#900e0e;
}
div{
	--header-color: var(--green)
}
button {
	--bg-color-btn-form-request: var(--green);
	--text-color-btn-form-request: var(--white);

	--bg-color-btn-cards: #9c4efe;
	--text-color-btn-cards: var(--white)
}
span {
	--text-color-phone: var(--blue, #008fff);
}
.mainContent{
	--bg-color-main-content: gray;
}
#steps {
	--color-step-title: var(--blue-dark);
}
#form-box {
	--border-color-form-box: var(--green);
	--bg-color-form-box: rgba(255, 255, 255, 0.7);
}

#tchat-window{
	--border-color-tchat-window: var(--green);

	--bg-color-msg: #dcf0ff;
	--shadow-color-msg: #43acfc;

	--text-color-medium-name: #3baaff;

	--border-color-avatar-and-cards:var(--green);

	--bg-spinner-is-typing-1:#5db7fc;
	--bg-spinner-is-typing-2:#2ea3ff;
}
#spinner{
	--border-color-spinner-default:#25e0fc;
}
#spinner::before{
	--border-color-spinner-before: #10d9f8;
}
#spinner::after{
	--border-color-spinner-after: #7be9fa;
}
#is-typing-container{
	--border-color-is-typing-container: #25e0fc;
}
.dots{
	--bg-color-dots: #900e0e;
}
#btn-paper-plane{
	--bg-color-btn-typing: #25e0fc;
	--text-color-btn-typing: #FFF;
}
#container-mailing{
	--border-color-form-box: #ff1e00;
}

#title-etap-1,
#titles-tchat,
#call {
	--text-color-titles: #900e0e;
	--bg-color-btn-call: #900e0e;
}
.ban-call-container{
	--border-width-call-content: 2px ;
	--border-width-call-container-bottom: 5px;
}
#ban-call-private{
	--border-color-call-content: #0b1470;
	--border-color-call-container-bottom: #37f6f8;

	--padding-call-content: 0 0 6px;

	--text-color-call-title:#0b1470;
	--text-color-call-subtitle:#0b1470;
	--text-color-call-phone:#0f81ff;
	--text-color-call-tarif:#0b1470;

	--text-size-call-title: 27px;
}
#ban-call-audiotel{
	--border-color-call-content: #a50f78;
	--border-color-call-container-bottom: #a50f78;

	--padding-call-content: 0 5px 6px;

	--text-color-call-title:#a50f78;
	--text-color-call-subtitle:#0b1470;

	--text-size-call-title: 32px;
}
#phone-button{
	--bg-color-phone-ico : #FFF;
	--border-color-phone-ico : #900e0e;
	--text-color-phone-ico : #7f0404;

	--text-color-phone-number : #be0606;
}
#reponse {
	--background-color-content: #f7fafd;
}
#phone-button-response{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #2a3c67;
	--text-color-phone-ico: #2a3c67;
	--text-color-phone-number: #2a3c67;
	--border-color-phone-number: #2a3c67;
}

body{font-family: 'cambria', 'Times New Roman', serif;font-size:17px}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'cambria', 'Times New Roman', serif;}

h1, h2, h3, p {margin:0; padding:0}
a:hover, a:active, a:focus{text-decoration: none;}

.color-white{color:var(--white, #FFF)}
.color-blue{color:var(--blue)} .bg-blue{background-color:var(--blue-light)}
.color-blue-light{color: var(--blue-light);}
.border-top-gray{border-top: 1px solid#dadada;}
.pad-15 {padding: 15px;}
.underline{text-decoration:underline}
.hr{border-top:1px solid #000;max-width:280px;margin:10px auto 20px;}
.container {padding: 0}
.break-line{display:block}
.text-bold{font-weight: bold;}
.border-grey{border-top: 1px solid #efefef;margin: 20px auto 0;width: 80%;max-width:600px}

.bg-white{background-color: #FFF;}
.bg-grey{background-color: #777;}
.bg-light-blue{background-color: #f7fafd;}

.border-section{border-top: 2px solid #900e0e;width:90%;max-width: 800px;margin: 0 auto;background-color: #f7fafd;}

/* header */
header, #header{position: relative;border-bottom: 5px solid var(--header-color);}
#header-medium-container{position: absolute;left:10px;bottom:-25px;overflow: hidden;width:42%;max-width: 200px;border: 3px solid var(--header-color);border-radius: 50%;}
#header-medium-content{position: relative;}
#header-illustrated-photo {position: absolute;bottom:12%;left: 10px;color: #999;font-size:9px;transform: rotate(-90deg);  transform-origin: left top 0;}

/* steps */
#step-1, #step-2{background-color: #FFF;background-image: url(../images/bg-step-mob.jpg);background-repeat: no-repeat;background-position:center bottom;background-size: cover;}
.steps-container{background-color: rgba(255, 255, 255, 0.4);}
#step-1-container, #step-2-container{padding:25px 0 35px;}

#step-1{background-color:#489ea4}
#step-2{opacity:0;transition:opacity 1s ease-out;}
#step-2.opened{opacity:1;}

h3.title0{font-size:17px;text-align: center;width: 100%;font-weight: bold;padding:5px 0 0;line-height: inherit;font-family: 'AbrilFatface', Times, serif;color:var(--text-color-titles);}
h4.title1{color:#333;font-size:15px;font-weight: bold;margin-bottom:0;margin-top:0;text-align: center;font-family: 'Times New Roman','Times',  serif;}
h4.title2{font-size:16px;text-align: center;padding-top:5px;line-height: inherit;font-family: 'arialBlack', Arial sans-serif;color:var(--text-color-titles);}

/* form */
#lead-form{padding: 0}
#form-box{max-width: 370px;padding:8px 0;border: 2px solid var(--border-color-form-box, #9c4efe);border-radius: 5px;background-color: var(--bg-color-form-box, #FFF);}
.flex-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.form-control {font-family: "arial", sans-serif;}
#lead-form .form-control,#lead-form .form-control::placeholder{color:#333;font-weight: bold;text-align: center;text-align-last: center;font-family: "Arial", "Times", sans-serif;}

.form-condition{font-size:10px;font-weight: lighter;font-family: 'istok',Arial, Helvetica, sans-serif;}
#btn-container{padding:10px 0 0;margin-bottom:0}
#request-lead{position:relative;overflow:hidden;width:90%;padding: 8px 0;text-transform: uppercase;font-size: 22px;letter-spacing: .5px;color:var(--text-color-btn-form-request, #FFF);background-color: var(--bg-color-btn-form-request, var(--purple));text-shadow:0 1px #111}
#request-lead::after{content: '';position: absolute;top: -125%;left: -100%;width: 40px;height: 350%;opacity: 0.25;transform: rotate(45deg);animation: shine;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: ease-out;background: rgba(255, 255, 255, 0.20);	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1);	}

#request-lead[disabled]{opacity: 0.85}
#request-lead.loading{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin-left: auto;margin-right: auto;}
#button-form-loader{display: inline-block;margin-right: 8px;width: 23px;aspect-ratio: 1;--_c: radial-gradient(farthest-side,#FFF 92%,#0000);background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;background-size: 7px 7px;background-repeat: no-repeat;animation: anim-button-fom-loader 1s infinite;}

@keyframes anim-button-fom-loader {to{transform: rotate(.5turn)}}
@-webkit-keyframes anim-button-fom-loader {to{-webkit-transform: rotate(.5turn)}}

/* call section */
#call{padding:20px 0 0;}
#call-picture-container{width:70%;height:auto;max-width: 240px;padding-bottom:30px;padding-top:30px}
#call h2 {margin:0 0 15px;font-size:28px;}
#call h2.blk-title {margin:15px 0 15px;font-size:28px;}
#call #phone-number{margin: 0 0 20px;font-size:24px; font-weight:bold}
.color-blue{color:#3c90f7}
.color-blue a{color:#3c90f7 !important}
.underline{text-decoration:underline}
.hr{border-top:1px solid #000;max-width:280px;margin:10px auto 20px;}
.noBorder{border:0 none !important}

#call .title-txt{font-weight: bold;font-size: 18px;margin: 0;font-family: 'arialBlack', Arial sans-serif;color: var(--text-color-titles)}
#call .subtitle-txt{font-size: 21px;margin: 0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: var(--text-color-titles)}
#call .title3-medium{font-family: 'arial', Arial sans-serif;color: #000;font-size: 17px;margin: 20px auto 10px;text-align: center;font-style: italic;}

#call .list-container{text-align: center;}
#call .list-container ul{list-style: none;padding: 0;margin: 30px 0 0;font-family: 'Times New Roman', Times, serif;font-size:22px;text-align: center;}
#valide .list-container ul, #interdiction .list-container ul{margin: 5px 0 15px;}
#call .list-container li{padding-left: 1rem;text-indent: -0.75rem;}
#call .list-container li i{width: 20px;height: auto;display: inline-block;padding-top: 5px;}
#call .list-container p{margin-top:10px;font-family:'Helvetica', 'Arial', sans-serif;font-size:14px;font-style: italic;text-align: center;color: var(--text-color-titles)}

#call #call-phone-btn{font-family:'Arial', sans-serif;margin-top:30px;background-color:var(--bg-color-btn-call);color:#FFF;padding:15px 20px;font-weight:bold;display: inline-block;font-size:18px;padding: 12px 0;border-radius: 3px;transition: all .4s;position: relative;overflow: hidden;letter-spacing: 1px;width:90%;max-width:280px}
#call-phone-btn:hover{transform: scale(0.9);text-decoration: none;}
#call-phone-btn::after{content: ''; position: absolute; top: -125%; left: -100%; width: 40px; height: 350%; opacity: 0.25; transform: rotate(25deg); animation: shine; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-out; background: rgba(255, 255, 255, 0.20); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);}

#call h3 {padding: 3px 0 10px;margin-top: 0;margin-bottom: 0;}
#call h3 a{display: block;padding-bottom: 5px;font-weight: bold;font-size: 28px;font-family: 'cambria', 'Times New Roman', serif;color: var(--text-color-titles)}
#call-cb-secure{width:100%;height:auto;max-width: 100px;}


/* call titles - valide & deny*/
#valide .titleH1, #interdiction .titleH1 {text-align: center;font-weight: bold;font-family: 'cambria', 'Georgia', 'Times New Roman', Times, serif;font-size: 16px;color:#0b1470;width: 100%;padding-top: 0;margin-bottom:0;margin-top:2px}
#valide .title1-top, #interdiction .title1-top{color:#900e0e;font-size:23px;font-weight: bold;margin-bottom:0;margin-top:0;font-family:'Times New Roman', Times, serif;padding-top:2px;text-align: center;text-shadow: none;}
#valide .title2-top, #interdiction .title2-top{color:#900e0e;font-size:21px;font-weight:normal;margin:0 auto;padding:8px 0;font-family:'Times New Roman', Times, serif;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;text-shadow: none;}
.title2-top .fa-envelope {display: none;visibility: hidden;}
#valide .title3-top, #interdiction .title3-top{color:#263C6A;font-size:17px;font-weight:bold;text-align: center;margin-top:0;margin-bottom:5px;font-family:'Times New Roman', Times, serif;padding-top:10px;padding-bottom:5px}

#valide .title4-txt, #interdiction .title4-txt{color:#263C6A;text-align: center;margin:0 auto 10px;padding-top: 20px;}
#valide .title5-txt, #interdiction .title5-txt{font-family: Arial, Helvetica, sans-serif;color:#263C6A;font-size:14px;margin:20px auto 10px;text-align: center;font-style: italic;}

#valide .title4-txt, #interdiction .title4-txt {font-family: 'arialBlack', Arial sans-serif;color: #263C6A;font-size: 18px;margin: 0 auto 10px;text-align: center;padding-top: 20px;}
#valide .title4-txt span, #interdiction .title4-txt span{display:block;font-family: Arial, Helvetica, sans-serif; font-weight: bold;font-size: 20px;margin-top: 7px;}
#valide .title4-txt, #interdiction .title4-txt{color:#263C6A;text-align: center;margin:0 auto 10px;padding-top: 20px;}
#valide .title5-txt, #interdiction .title5-txt{font-family: Arial, Helvetica, sans-serif;color:#263C6A;font-size:14px;margin:20px auto 10px;text-align: center;font-style: italic;}


#call-titles-container{padding: 0 0 15px;}
#call-picture-container{padding: 35px 0;}
#cb-secure-container img{max-width:144px;border-radius: 4px;box-shadow: 0 0 2px 0px #666666;}

/* phone button */
#phone-button{width: 96%;max-width: 375px;margin: 0 auto;position: relative;padding: 35px 0 35px 10px;}
#phone-svg{display:block;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 65px;height: 65px;text-align: center;padding: 8px 8px 0 5px;	border-radius: 50%;background-color: var(--bg-color-phone-ico, #FFF);border: 3px solid var(--border-color-phone-ico, #FFF);box-shadow: 0 2px 4px #999;}
#phone-svg .ico-phone{width: 90%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-number-container{text-decoration:none;display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 35px;box-shadow: 0 3px 4px #999;}
#phone-number-link{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;color: var(--text-color-phone-number);}

/* phone button response */
#phone-button-response{width: 96%;max-width: 375px;margin: 0 auto;position: relative;padding: 35px 0 35px 10px;}
#phone-button-response #phone-svg-response{display:block;position: absolute;top: 50%;left: 60px;transform: translate(0, -50%);width: 65px;height: 65px;text-align: center;padding: 8px 8px 0 5px;}
#phone-button-response #phone-svg-response .ico-phone{width: 70%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-button-response #phone-number-container-response{text-decoration:none;display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 35px;}
#phone-button-response #phone-number-link-response{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;color: var(--text-color-phone-number);}

/* call ban */
#ban-call{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;flex-wrap: nowrap;}
#ban-call *{font-family: cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
.ban-call-container{position:relative;width:98%;max-width:265px;}
.ban-call-content{background-color: #FFF;position:relative;transform: translateY(-10px);border: solid var(--border-width-call-content) var(--border-color-call-content);border-width:var(--border-width-call-content) var(--border-width-call-content)  1px var(--border-width-call-content);padding:var(--padding-call-content);border-radius:6px;line-height:0.9}
.ban-call-content a:hover, a:focus{color:inherit}
.ban-call-content span{display:block}
.ban-call-bar{position:absolute;left:0;bottom:0;background-color: var(--border-color-call-container-bottom);width:100%;height:100%;border-radius:0 0 6px 6px}
.ban-call-title{font-weight: bold;font-size: var(--text-size-call-title);color: var(--text-color-call-title)}
.ban-call-subtitle{font-size:19px;color: var(--text-color-call-subtitle)}
.ban-call-phone{font-size:25px;font-weight: bold;color: var(--text-color-call-phone);line-height:1.1}
.ban-call-tarif{font-size:13px;font-style: italic;color: var(--text-color-call-tarif);}

#ban-call-private{margin: 15px auto 0;}
#ban-call-audiotel{margin: 25px 0 0;}

#ban-call-audiotel-cartbridge{margin: 5px auto;}

/* callback section */
#callback{
	--bg-color-callback-form: var(--red-burgundy, #900e0e);
	--bg-color-callback-btn: var(--red-burgundy, #900e0e);
}
#callback{padding:20px 15px}
#callback p{margin:5px 0; font-size:16px;font-weight:bold}
#callback h2{font-size:25px;font-weight:bold}
#callback .form-control{background-color:#FFF;font-family: Arial, Helvetica, sans-serif;}
#callback-phone-number::placeholder{text-align: center;}
#callback .btn{background-color: var(--bg-color-callback-btn); color: white;font-weight: bold;font-size: 19px;padding: 6px 8px;border: 0 none;}

#callback-container{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding:3px 8px;border-radius:3px;background-color: var(--bg-color-callback-form);max-width:370px}
#ico-callback{max-width:25px; height: auto;margin-right:12px}
/* #btn-rappel{padding:0;margin-left:8px;background-color: transparent;font-size:17px;color: white;font-weight:bold} */
#btn-rappel:hover, #btn-rappel:focus, #btn-rappel:active, #btn-rappel.active, #btn-rappel:focus, #btn-rappel:active:focus, #btn-rappel.active:focus {color: var(--text-color-btn-form-request, var(--white, #FFF)); text-shadow:0 0 3px var(--white, #FFF); box-shadow: none;outline:0}
#callback-spinner {width: 24px;height: 19px;border-radius: 50%;margin: 0 5px 0 11px;
	background: radial-gradient(farthest-side,#ffffff 80%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 20%,#ffffff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
	mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
	animation: anim-spinner 1s infinite linear;
	display: inline-block;
}
#callback-container.responsed{padding: 0;}
#callback-response {opacity:0;transition:opacity 0.8s ease-out;}
#callback-response.open {opacity:1}
#callback-response h3 {font-size: 17px;display: inline-block;background-color: #f3f9eb;padding: 11px;color: #4d9d00;font-weight: normal;border-radius: 3px;margin-bottom: 10px;text-align: justify;border: 1px solid #62ab00;}
#callback-response .text-contact-back{display: inline-block;margin: 20px auto;font-size: 20px;}
#rappel-form-phone-response-msg p{margin:0;border-radius: 3px;}

/* rappel modale sur page valide / interdiction (intl-tel-input) */
#rappel-form{
	--rappel-border-color-form: #815629;
	--rappel-background-color-form: #FFF;

	--rappel-title-color: #F0D597;
	--rappel-subtitle-color: #FEFEFE;
	--rappel-paragraph-color: #ff387d;

	--rappel-button-close-color: #815629;
	--rappel-button-color: #FFF;
	--rappel-button-background-color: #FF387E;
	--rappel-button-background-color-gradient-1: #FF387E;
	--rappel-button-background-color-gradient-2: #e9125d;
	--rappel-button-border-color: #b80000;
	--rappel-button-shadow-color: #b80000;
}
#rappel-form{position:fixed;top:0;left:0;width: 100%;height: 100%;min-height: 100%;z-index:100;background-color: rgba(255, 255, 255, 0.4);display:flex;flex-wrap: nowrap;align-content: center;flex-direction: column;justify-content: center;align-items: center;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}
#rappel-form-content{position:relative;width: 90%;max-width: 370px;height: 540px;border-radius: 5px;background-color: var(--rappel-background-color-form);border-radius:15px;box-shadow: 0 1px 4px 4px rgba(0,0,0,0.2);overflow: hidden;}

#rappel-form-content-step-1 {padding: 10px;width: 100%;height: 100%;background-image: url("../images/bg-callback.jpg");
  background-image: -webkit-image-set(
    url("../images/bg-callback.webp") type("image/webp"),
    url("../images/bg-callback.jpg") type("image/jpeg")
  );
  background-image: image-set(
    url("../images/bg-callback.webp") type("image/webp"),
    url("../images/bg-callback.jpg") type("image/jpeg")
  );
	background-repeat: no-repeat;background-size: cover;background-position: center bottom
}

#rappel-form-content-step-2 {width:100%;height:100%;display: flex;justify-content: center;align-items: stretch;background-image: url("../images/bg-callback-valide.jpg");
  background-image: -webkit-image-set(
    url("../images/bg-callback-valide.webp") type("image/webp"),
    url("../images/bg-callback-valide.jpg") type("image/jpeg")
  );
  background-image: image-set(
    url("../images/bg-callback-valide.webp") type("image/webp"),
    url("../images/bg-callback-valide.jpg") type("image/jpeg")
  );
	background-repeat: no-repeat;background-size: cover;background-position: center top;font-family: Arial, Helvetica, sans-serif;}


#rappel-form-phone-container{position: absolute;bottom: 20px;left: 0;width: 100%;padding: 5px;box-sizing: border-box;}

.congrats-modal{width: 100%;overflow:hidden}
.congrats-modal h2, .congrats-modal p {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size:43px;margin-bottom: 5px;font-weight: 800;letter-spacing: 2px;color: #442771}
.congrats-modal h2{padding-top: 40px;margin-bottom: 30px;font-size:45px;}

.info-item {width: 94%;margin: 0 auto;padding: 0 5px;display: flex;align-items: center;justify-content: center;text-align: left;margin-bottom:20px;max-width: 260px;}

.icon-box {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-right: 15px;}
.info-item i {font-size: 30px;color:#FFF}
.info-item .fa-check{background-color: #0bc22a;color: #FFF;display: inline-block;padding: 7px 9px;border-radius: 50%;font-size: 30px;}
.info-item .fa-phone {color: #FE6F55;display: inline-block;font-size: 38px;}
.info-item .fa-envelope {color: #FE962E;font-size: 41px;}

.info-item span {display: inline-block;min-width: 185px;padding-left: 17px;font-weight: bold;font-size: 17px;color:#333}
.btn-ok {width: 50%;padding: 15px 0;margin-top: 45px;background-color: #f58d2a;color: white;font-size: 25px;font-weight: bold;border: none;border-radius: 20px;cursor: pointer;box-shadow: 0 4px 0 #c76f22;transition: background-color 0.2s;}
.btn-ok:hover {background-color: #e07b22;}

#rappel-form-phone-inpu-content *{font-family: Arial, Helvetica, sans-serif;}
/* #rappel-form-input-phone{color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);border-radius:6px;font-size:17px;width:100%} */

#rappel-form-close-btn{line-height: 1;font-size: 14px;background-color: #f1dee3;padding: 5px;border: 2px solid #cb6474;width: 60%;border-radius: 20px;margin: 0 auto;margin-top: 20px;color: #cb6474}

/* #rappel-form-close-btn{position: absolute;top:1px;right:1px;line-height: 1;font-size:20px} */
#rappel-form-close-btn .fa-times{cursor:pointer;color:var(--rappel-button-close-color)}

#rappel-form-header {font-family: 'Helvetica', 'Arial', sans-serif;position:relative;}
#rappel-form-header h2{margin-top: 0;padding-top:10px;font-size: 21px;font-weight: bold;letter-spacing:1px;color:var(--rappel-title-color); font-family: 'Helvetica', 'Arial', sans-serif}
#rappel-form-header p {margin-top: 15px;color:var(--rappel-subtitle-color)}
#rappel-form-header .fa-check {color:#04c22d; font-size: 18px;}

#rappel-form-phone-input-content {display: flex;border: 2px solid #a22d16;border-radius: 8px; background-color: white;overflow: hidden;max-width: 400px;}

#rappel-form-input-phone {flex-grow: 1;border: none;outline: none;padding: 10px;font-size: 16px;color: #333;padding-left: 45px;width: 100%;}

#rappel-form-phone-button {background-color: #d1875c;color: white;font-weight: bold;text-transform: uppercase;border: none;padding: 0 5px;cursor: pointer;font-size: 11px;display: flex;align-items: center;}

#rappel-form-phone-error-msg{color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;border-radius: 3px;width: 95%;margin: 0 auto 20px;padding: 2px 0;font-size: 16px;}

.fade-in{opacity: 0;animation-name:fade-in-animation;animation-duration: 0.5s; animation-fill-mode: forwards;}
.fade-out{opacity: 1;animation-name:fade-out-animation;animation-duration: 0.5s; animation-fill-mode: forwards;}

@keyframes anim-rappel-form-button {
	0%{background-position:50% 0%;text-shadow: none;}
	50%{background-position:51% 100%;text-shadow: 0 0 5px #FFF;}
	100%{background-position:50% 0%;text-shadow: none;}
}

@keyframes fade-in-animation {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fade-out-animation {
  from {opacity: 1;}
  to {opacity: 0;}
}

/* about */
#about{padding:35px 0 30px;}

#about-container{width:100%; max-width:600px;padding: 10px 20px;background-color: var(--green-light);}
#valide #about-container, #interdiction #about-container{background-color: transparent;}

#about-sub-titles h2{padding: 25px 0 5px;font-size: 27px;margin: 0;}
#about-sub-titles p{padding: 0 0 25px;font-size: 20px;color:#a2a2a2;}

/* footer */
footer #list-container {display: flex;flex-direction: row;justify-content:space-around;align-items:center;padding:5px 0;background-color:var(--green-light, #dcdbfd);}
footer #list-container a {color:var(--text-color-ban-top, #373664)}

/* tchat */
/* #tchat{background: no-repeat bottom left url('../images/bg-step-mob.jpg');background-size: cover;} */
#tchat-container{padding:15px 0;}
#titles-tchat{padding:10px 0}
#titles-tchat .title-txt {font-weight: bold;font-size: 18px;margin: 0;font-family: 'arialBlack', Arial sans-serif;color: var(--text-color-titles);}
#titles-tchat .subtitle-txt{margin: 0;padding:12px 0 10px;font-size: 21px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: var(--text-color-titles);}
#titles-tchat h4{font-family: Arial, Helvetica, sans-serif;font-weight:bold}
#titles-tchat .subtitle-txt-1{color:#111}

#tchat-window{max-width: 600px;width:90%;padding:5px;margin: 0 auto;border:2px solid var(--border-color-tchat-window);border-radius:15px;box-shadow:0 2px 6px 0px #333;background-color: #FFF;}
#tchat-loader, #tchat-content{min-height:610px; max-height:610px}
#tchat-loader{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}

#spinner {width: 70px;height: 70px;display: grid;border:4px solid #0000;border-radius: 50%;border-right-color:var(--border-color-spinner-default, #9390ff);animation: anim-loader-spinner 1s infinite linear;}
#spinner::before, #spinner::after {content:"";grid-area: 1/1;margin:2px;border:inherit;border-radius: 50%;border-right-color:var(--border-color-spinner-before, #aca9fc);animation: anim-loader-spinner 2s infinite;}
#spinner::after {border-right-color:var(--border-color-spinner-after, #c0befd);margin:8px;animation-duration: 3s;}

#loader-text{font-size: 18px;}
#tchat-content {overflow-y: auto;}
#tchat-content .tchat-para {background: none;padding: 5px;overflow: hidden;display: flex;justify-content: flex-start;width:100%}
#tchat-content .tchat-msg {background: #ebfafd none repeat scroll 0% 0%;  min-width: 50px;padding: 5px;  margin-left: 3%;border-radius: 5px;box-shadow: #8de9fb 1px 1px 2px 0px;font-size: 17px;word-break: break-word;color: #111;max-width: 97%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;position: relative;text-align:left;height:auto;transform-origin:left bottom;opacity:0;transform:scale(0);transition:all 0.5s ease-out;font-family: 'verdana', sans-serif;}
#tchat-content .open .tchat-msg{opacity:1;transform:scale(1);}
#tchat-content .close .tchat-msg{opacity:0;}
#tchat-content .tchat-msg::before {display: block;width: 0px;content: "";position: absolute;bottom: 10px;left: -12px;border-style: solid;border-width: 0 14px 18px 0;border-color: transparent #ebfafd transparent transparent;}
#tchat-content .tchat-para .prenom-consult-tchat {color: #42aba0;font-size: 17px;display: none;visibility: hidden;}
#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
#tchat-content .is-dots .tchat-avatar{display: none;visibility: hidden;}
#tchat-content .is-dots .prenom-consult-tchat{display: inline-block;visibility:	visible;}

.dots {width:50px;height:22px;
  background:
    radial-gradient(circle closest-side,#0dcadd 90%,#0000) 0%   50%,
    radial-gradient(circle closest-side,#0dcadd 90%,#0000) 50%  50%,
    radial-gradient(circle closest-side,#0dcadd 90%,#0000) 100% 50%;
  background-size:calc(100%/2.5) 10px;
  background-repeat: no-repeat;
  animation:anim-dot 1s infinite linear;
}

#is-typing-container{min-height:23px;position:relative;display:flex;justify-content:flex-start;align-items: center;width: 90%;height:45px;margin: 5px auto 0;padding: 10px 0 10px 5px;border: 1px solid var(--border-color-is-typing-container);box-shadow:0px 2px 3px 0px rgb(0 0 0 / 25%);border-radius: 3px;}
#is-typing-content{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:13px}

.spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px;
  background:radial-gradient(farthest-side,#16ff28 60%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#09ff1c);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  animation:anim-spinner 1s infinite linear;
}

#btn-paper-plane{position:absolute;right:5px;top:5px;width:35px;height:35px;text-align:center;padding:8px 8px 0 5px;background-color: var(--bg-color-btn-typing, #9390ff);border-radius:50%}
#btn-paper-plane #ico-paper-plane{width:90%;height:auto;fill:var(--text-color-btn-typing, #FFF)}

/* error message */
.message-error1{position: relative;top: 10px;left: -15px;z-index: 1000000}
#msg-error1{color: #fff;background-color: #000;padding: 5px 10px;border-radius: 5px;position: relative;font-weight: bold;font-style: italic;}
#msg-error1 .triangle-code1{position: absolute;top: -12px;left: 14px;display: inline-block;height: 0;width: 0;border-right: 13px solid transparent;border-bottom: 17px solid #000;border-left: 7px solid transparent;}

.message-error2{position: relative;top: -5px;left: -10px;z-index: 1000000}
#msg-error2{color: #fff;background-color: #000;padding: 5px 10px;border-radius: 5px;position: relative;top: 13px;left: -5px;font-weight: bold;font-style: italic;}
#msg-error2 .triangle-code2{position: absolute;top: -12px;left: 14px;display: inline-block;height: 0;width: 0;border-right: 13px solid transparent;border-bottom: 17px solid #000;border-left: 7px solid transparent;}

/* reponse page */
#reponse{overflow: hidden;}
#reponse  #content{background-image: none;background-color: var(--background-color-content, #f7fafd);padding: 0 0 10px;}
#reponse #content .container {padding: 0;}
#response-container{padding: 0;}
#container-mailing{border:6px solid #A2A97F;background-color: #FFF;max-width:620px}

#header-mailing{padding: 0 0 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#header-mailing-title{font-family: Verdana, Arial, Helvetica, sans-serif;color:#2b3a68;font-size:16px;font-weight: bold;margin:10px 0}
#header-mailing .fa-envelope{display: none; visibility: hidden;}
#header-mailing-subtitle{font-family: Verdana, Arial, Helvetica, sans-serif;color:#2b3a68;font-size:15px;font-weight: normal;padding:0;margin: 0 0 12px}

#content-mailing{font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #fff;padding:0 30px;}
#content-mailing a {color:#2b3a68;font-size:18px;font-weight: normal;text-align: justify;}
#content-mailing a:hover, #content-mailing a:focus, #content-mailing a:visited{text-decoration: none;color:#2b3a68;}
#content-mailing p{margin-bottom:0}

#header-mailing-medium{font-family: 'Times New Roman', Times, serif;font-weight: none;font-size: 15px;color: #263C6A;}

#call-mailing {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 10px 0;}
#call-mailing a, #call-mailing a:hover, #call-mailing a:focus, #call-mailing a:visited{text-decoration: none;}
#call-mailing hr{margin: 15px auto 15px;max-width: 250px;width: 80%;}
/* 18/11/2024 */
#call-mailing-title-1{display:block;color:#2a3c67;font-size:22px;font-weight:bold}
#call-mailing-title-2{display:block;padding:0;color:#2a3c67;font-size:19px;font-weight:normal}
#call-mailing-title-3{display:block;padding:0;color:#2a3c67;font-size:15px;font-weight:normal;text-transform: uppercase;}
#call-mailing #cb-secure-container{margin-top:10px;margin-bottom:30px}
#call-mailing #cb-secure-container img {max-width: 144px;border-radius: 4px;box-shadow: 0 0 2px 0px #666666;}
#call-mailiing-plan-container{margin-top: 12px;}
#call-mailiing-plan-container p{margin-bottom: 1px;line-height: 1.1;}
#call-mailiing-plan-container a{font-size: 13px;font-family: Verdana, Helvetica, sans-serif;color:#333}

#call-mailing #phone-number-container{border: 2px solid var(	--border-color-phone-number, #D286A4)}

#call-mailing .blk-infos {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;padding-top:20px;padding-bottom:20px}
#call-mailing .blk-medium{border-left:1px solid #eee;border-right:1px solid #eee;}
#call-mailing .blk-infos .title{color: #2a3c67;font-weight: bold;font-size: 15px;}


/* disclamer */
#rules{padding:25px 15px 65px}
.container-blk{margin:0 auto;text-align:center;max-width:620px;}
.container-blk p{font-size:11px;color:#a2a2a2;margin: 0 0 2rem;text-align:left; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.container-blk a{color: #a2a2a2;text-decoration: none;}
.container-blk .boprder{border:1px solid #f1f1f1;padding:7px;color:#a2a2a2}

.pseudonyme{font-size:11px;margin: 10px auto;color:#a2a2a2}
#disclamer-blk{text-align:left;border:1px solid #f1f1f1;font-size:11px;padding: 0 10px 0 0;background-color:#fafafa !important}
#disclamer-blk * {font-family:'Arial',sans-serif;color:#a2a2a2;}
#disclamer-blk h3{font-size: 11px;padding-left: 40px;margin-top:5px;font-weight:normal;margin-bottom:0;text-align:left;}
#disclamer-blk ul{padding-left:40px;padding-right:20px;list-style:inherit}

/* signs */
#zodiac-sign{display: flex;align-items: center;justify-content: center;align-content: stretch;flex-wrap: wrap;padding: 0 4%;}
.zodiac-sign-content {padding: 3px 2px;width: 25%;}
.zodiac-sign-content:hover img, .zodiac-sign-content:active img{transition: 200ms;box-shadow: 0 0 15px #fff, 0 0 25px #fff;transform: scale(1.1) rotate(5deg);filter: brightness(1.5);border-radius: 15px;}
.zodiac-sign-picture{border-radius: 5px;}
.zodiac-ctn{opacity: 0;}
.anim-sign{animation: anim-signs 1 600ms ease-in-out;opacity: 1}

@keyframes anim-dot {
	20%{background-position:0%   0%, 50%  50%,100%  50%}
	40%{background-position:0% 100%, 50%   0%,100%  50%}
	60%{background-position:0%  50%, 50% 100%,100%   0%}
	80%{background-position:0%  50%, 50%  50%,100% 100%}
}

@keyframes anim-spinner{
  100%{transform: rotate(1turn)}
}
@keyframes anim-loader-spinner{  100%{transform: rotate(1turn)}}

@keyframes anim-signs {
	0%{opacity: 0; transform: translateY(-10px);}
	50%{opacity: 0.7;filter: brightness(1.5);}
	100%{opacity: 1; transform: translateY(0);filter:none}
}
@keyframes anim-signs-hover {
	0%{opacity: 0; transform: translateY(-10px);}
	50%{opacity: 0.7;filter: brightness(1.5);}
	100%{opacity: 1; transform: translateY(0);filter:none}
}

@keyframes shine {from {left: -100%;} to {left: 200%;}}
@-moz-keyframes shine {from {left: -100%;} to {left: 200%;}}
@-webkit-keyframes shine {from {left: -100%;} to {left: 200%;}}
@-ms-keyframes shine {from {left: -100%;} to {left: 200%;}}
@-o-keyframes shine {from {left: -100%;} to {left: 200%;}}


/* new 13/09/2024 */
#call .title1-medium-form{font-family: Arial, Helvetica, sans-serif;color:#263C6A;font-size: 21px;margin:0;font-weight: bold;}
#call .title2-medium-form{font-family: Arial, Helvetica, sans-serif;font-size: 17px;color:#263C6A;margin:0;padding-top: 10px;padding-bottom:0}
#call .title3-medium-form{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#263C6A;}
.cb-secure{width: 35%;}


/* reponse sms page */
#response-sms-container, #response-sms-container #call-mailiing-plan-container{background-color: transparent;}
#response-sms-container #container-mailing{max-width: 450px;border-width:1px;}
#header-mailing-title-sms{display:inline-block;width: 90%;max-width: 373px;text-align: left;color: #000;padding: 15px 5px;font-size: 19px;font-weight:bold}
#header-mailing-title-sms span{font-size: 17px;font-weight: normal;}
#header-mailing-picture{border-radius: 15px;border: 1px solid #263C6A;width: 90%;max-width:373px;}
#header-mailing-ban-analyse{background-color: #FDD0CC;padding: 8px; width: 90%;max-width:373px;margin: 20px auto 0;text-align: left;}

#header-mailing-subtitle-sms{display:inline-block;width: 90%;max-width: 373px;text-align: left;font-size:20px;font-weight: bold;padding: 30px 0;}
#response-sms-container #content-mailing{display:inline-block;width: 90%;max-width: 373px;text-align: left;padding: 0;}

#fixed-call-to-action {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;background-color: white;z-index: 1000;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);padding: 10px 0;z-index: 90000000;}
#call-button {width:90%;max-width: 450px;display: flex;align-items: center;justify-content: center;background-color: #F87668;color: white;font-size: 10px;font-weight: 700;padding: 12px 8px;border-radius: 8px;text-decoration: none;box-shadow: 0 5px 0 #F87668, 0 8px 15px rgba(0, 0, 0, 0.3);margin:0 auto 10px;transition: all 0.1s ease;}
#fixed-call-star-icon {font-size: 20px;}
#fixed-call-text{display: none}
#fixed-call-phone-number{font-size: 22px;margin-left: 10px;font-weight: 900;}
#promo-code-text {width:90%;max-width: 400px;font-size: 16px;color: #333;margin: 0 auto;padding-bottom: 5px;text-align: left;}

#rgpd.sms-page{padding-bottom: 150px;width: 100%;}

@media (min-width:320px){
	#header-illustrated-photo{bottom:16%;left: 12px;font-size: 10px;}

	#lead-form{padding: 0 15px;}
	#form-box{padding:25px;}

	#is-typing-content{font-size:15px}

	/* text header tchat */
	h3.title0{font-size:20px}
	h4.title2{font-size:18px}
	h4.title1{font-size:17px}

	/*** text ***/
	#call-infos{padding: 0;}
	#call-infos *{font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	#call-infos .title-txt{color:#0b1470;font-size: 22px;text-align: center;font-weight:bold;margin-bottom: 0px;}
	#call-infos .subtitle-txt{color:#0b1470;font-size: 23px;text-align: center;font-weight:bold;margin-top: 0px;}
	#call-infos h3 {margin: 10px;}
	#call-infos h3 a{font-weight: bold;color: #3c90f7;font-size: 27px;margin: 0;text-decoration: none;padding-top: 5px;}
	#call-infos h4 {color: #0b1470;font-size: 21px;margin: 0 auto;text-align: center;}
	#call-infos .border-bottom-resp{padding:10px 10px}
	.txt-title-medium{font-family: 'cambria','Times New Roman','Arial',sans-serif}

	#bg-white{max-width: 600px;}
	.blk-txt{text-align:justify;padding:20px 10px;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	.blk-txt2{text-align:justify;padding:10px 40px;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	.blk-txt2 h4{text-align:justify;padding:10px 0;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	.blk-txt p{font-weight: normal;margin-bottom: 10px;font-size: 17px;color:#000}
	.blk-txt2 p{font-weight: normal;margin-bottom: 10px;font-size: 17px;color:#222}
	h2.blk-title2{font-size: 25px;padding-bottom:10px;font-family: 'cambria','Times New Roman','Arial',sans-serif;}

	/* reponse page */
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:16px}
	#call-mailiing-plan-container a{font-size: 15px;}
}
@media (min-width:360px){
	#header-illustrated-photo{bottom:20%}

	h3.title0{font-size:21px;}
	h4.title1{font-size:20px;}

	#titles-tchat .title-txt{font-size:20px}
	#titles-tchat .subtitle-txt{padding: 8px 0 12px;}

	#valide .title2-top .fa-envelope, #interdiction .title2-top .fa-envelope{color: #FFF;display: inline-block;visibility: visible;	font-size: 16px;	padding: 3px 4px;	border-radius: 4px;	background: #c80e0e;	background:linear-gradient(180deg, #ed6915 0%, #c80e0e 100%);	margin-right: 3px;}

	#phone-svg{	width: 85px;height: 85px;}
	#phone-number-link{	font-size: 27px;}

	#is-typing-container{justify-content:center;padding: 10px 0;}

	/* response pages */
	#header-mailing .fa-envelope{display: inline; visibility: visible;color: #FFF;font-size: 16px;	padding: 3px 4px;	border-radius: 4px;	background: rgb(255, 29, 70);	background: linear-gradient(180deg, rgba(255, 29, 70, 1) 0%, rgba(255, 61, 3, 1) 100%);	margin-right: 3px}

		/* modal rappel fom */
	#rappel-form-header h2 {font-size:28px}
	#rappel-form-header p{font-size: 16px;}
	#rappel-form-content-step-1{background-position: center top}
	#rappel-form-phone-container{bottom: 25px;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, sans-serif;}
	#rappel-form-close-btn{margin: 30px auto 0;padding:4px 8px; display: inline-block;width: auto;font-size: 15px;}
	#rappel-form-close-btn .fa-times{color: #cb6474;font-weight: bold;}

	#rappel-form-phone-input-content{padding: 3px;border-radius: 10px;border-width: 3px;width: 90%;margin: 0 auto;}
	#rappel-form-input-phone{padding: 5px 10px 5px 48px;}
	#rappel-form-phone-button{border-radius: 6px;font-size:	15px}

	.congrats-modal h2{font-size:42px}
	.congrats-modal p{font-size:33px;}
	.info-item{align-items: flex-start;}
	.info-item span{font-size:19px}

	/* response sms */
	#header-mailing-title-sms{font-size: 22px;}
	#header-mailing-title-sms span{font-size: 19px;}
}
@media (min-width:410px){
	/* txt head */
	h3.title0{font-size: 23px;}
	h4.title2{font-size: 20px;}

	/* titles */
	#valide .title5-txt, #interdiction .title5-txt{font-size: 18px;font-weight: bold;font-style: normal;}
	#valide .title1-top, #interdiction .title1-top{font-size:27px;margin-bottom:0}
	#valide .title2-top, #interdiction .title2-top{font-size:22px;margin-top:0;margin-bottom:0}
	#valide .title3-top, #interdiction .title3-top{font-size:21px;font-weight:bold;margin-top:0;margin-bottom:0}

	#titles-tchat .title-txt{font-size: 21px;}

	#header-mailing-title-sms{font-size: 24px;}
	#header-mailing-title-sms span{font-size: 21px;}

	#fixed-call-to-action{font-family: 'Open Sans',Helvetica,Arial,sans-serif;}
	#fixed-call-star-icon {font-size: 17px;}
	#fixed-call-text{display: inline-block;margin-left: 3px;font-size: 17px;}
	#fixed-call-phone-number{font-size: 17px;}

	.congrats-modal p{margin: 36px 0 30px 0;border-radius: 35px 35px 0 0;}
}
@media (min-width:420px){
	.rdv-promo-code .break-line{display: inline;}

	#titles-tchat .title-txt{font-size:21px}
}
@media (min-width:430px) {
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:15px}
	#call-mailing-title-2 span{display: inline;font-weight: normal;}
}
@media (min-width:450px){
	#header-mailing-subtitle{font-size:18px;}
}
@media (min-width:467px){
	#call-mailing .blk-infos div{padding: 0 14px;}
}
@media (min-width:500px){
	#call-mailing-title-1{font-size:20px}
	#call-mailing-title-2{font-size:16px;}
	#call-mailing-title-2 span{font-weight: bold;}
}
@media (min-width:600px) {
	.cb-secure{width: 12%;}
}
@media (min-width:650px) {
	#container-mailing{margin:10px auto}
}
@media (min-width:678px){
	.mainContent{background-color: gray;background-color: var(--bg-color-main-content, gray);}
	/* .container{background-color: var(--white, #FFF);} */
	#step-1, #step-2{background-image: url(../images/bg-step-pad.jpg);}
	/* txt head */
	h3.title0{font-size: 27px;}
	h4.title1{font-size: 21px;}
	h4.title2{font-size: 21px;}

	#header-picture{width:100%} /* force 100% */

	#zodiac-sign{margin-top:20px}
	.zodiac-sign-content{width:16.66666666%}

	#callback-container{max-width: 370px; transform-origin: bottom;}
	#callback-response{max-width: 370px;margin:0 auto}

	#about-container{padding: 30px 47px}


	#tchat-content .tchat-para{align-items: center;}
	#tchat-content .tchat-avatar{order:0;width:65px;min-width:65px;max-width:65px;margin:11px 6px 0 0}
	#tchat-content .tchat-avatar img {border: 1px solid var(--border-color-avatar-and-cards);}
	#tchat-content .tchat-msg{order:1; margin-left:15px;}

	#titles-tchat .title-txt{font-size:21px}

	#tchat-content .tchat-para .prenom-consult-tchat {display: inline-block;visibility: visible;}
	#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
}

@media (min-width:908px){
	header, #header{border-width:8px}
	#header-medium-container{max-width:230px;border-width:4px;left: 130px;bottom: -50px;}

	#step-1, #step-2{background-color: #FFF;background-image: url(../images/bg-step-desk.jpg);background-repeat: no-repeat;background-position:center bottom;background-size: cover;}
	#step-2-container{max-width: 700px;margin: 0 auto;background-color: rgba(49, 192, 202, 0.6);}

	#zodiac-sign{max-width:750px; margin: 20px auto 0;}

	#form-box{background-color:rgba(255,255,255,0.6)}

	/* #tchat{padding:0;background-image:url('../images/bg-step-desk.jpg')} */
	#tchat-container{padding:20px 0;}
	#titles-tchat .title-txt{font-size:23px}
	#titles-tchat .subtitle-txt{font-size: 22px;}

	#is-typing-container{width: 70%;box-shadow: 0 4px 6px 0px rgb(0 0 0 / 40%);border-radius: 5px;}

	#call-group{background-color: #FFF;background-image: url(../images/bg-call-group-desk.jpg);background-repeat: no-repeat;background-position:center bottom;background-size: cover;}
}