@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('../../../../../fonts/cambria/cambria.ttf')  format('truetype'),
	     url('../../../../../fonts/cambria/cambria.woff2') format('woff2'),
			 url('../../../../../fonts/cambria/cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "arialBlack";
	src: url('fonts/arialblack/ariblk.woff') format('woff'),
			url('fonts/arialblack/ariblk.woff2') format('woff2'),
			url('fonts/arialblack/ariblk.svg#ariblk') format('svg'),
			url('fonts/arialblack/fonts/abrilfatface/ariblk.eot'),
			url('fonts/arialblack/ariblk.eot?#iefix') format('embedded-opentype'),
			url('fonts/arialblack/ariblk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AbrilFatface";
	src: url('fonts/abrilfatface/AbrilFatface-Regular.woff') format('woff'),
			url('fonts/abrilfatface/AbrilFatface-Regular.woff2') format('woff2'),
			url('fonts/abrilfatface/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'),
			url('fonts/abrilfatface/AbrilFatface-Regular.eot'),
			url('fonts/abrilfatface/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/abrilfatface/AbrilFatface-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'bodoni';
	src: url('../../../../../css/fonts/bodoni/librebodoni.woff') format('woff'),
		url('../../../../../css/fonts/bodoni/librebodoni.woff2') format('woff2'),
		url('../../../../../css/fonts/bodoni/librebodoni.svg#librebodoni') format('svg'),
		url('../../../../../css/fonts/bodoni/librebodoni.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@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: 'jacques-francois';
	src: url('../../../../../css/fonts/jacques-francois/jacquesfrancois-regular.woff') format('woff'),
		url('../../../../../css/fonts/jacques-francois/jacquesfrancois-regular.woff2') format('woff2'),
		url('../../../../../css/fonts/jacques-francois/jacquesfrancois-regular.svg#jacquesfrancois-regular') format('svg'),
		url('../../../../../css/fonts/jacques-francois/jacquesfrancois-regular.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'inter-classic';
	src: url('../../../../../css/fonts/inter-classic/inter-variable.woff') format('woff'),
		url('../../../../../css/fonts/inter-classic/inter-variable.woff2') format('woff2'),
		url('../../../../../css/fonts/inter-classic/inter-variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'ZenAntiqueSoft-Regular';
  src: url('../../../../../css/fonts/zenantiquesoft-regular.eot');
  src: url('../../../../../css/fonts/zenantiquesoft-regular.eot?#iefix') format('embedded-opentype'),
	url('../../../../../css/fonts/zenantiquesoft-regular.ttf') format('truetype'),
	url('../../../../../css/fonts/zenantiquesoft-regular.svg#zenantiquesoft-regular') format('svg'),
	url('../../../../../css/fonts/zenantiquesoft-regular.woff2') format('woff2'),
	url('../../../../../css/fonts/zenantiquesoft-regular.woff') format('woff');
}

html {
	--white: #FFF;
	--black: #000;
	--purple: #9c4efe;
	--blue: #3dc0ee;
	--blue-light: #57a5e2;
	--green: #9bd1c3;
	--green-light: #ebfdf7;
	--green-dark: #4ba18b;
	--red-dark: #9c2245;
	--pink:#ff387d;
	--pink-light:#f9e3ea;
}

div{
	--text-color-header-title: var(--pink);
	--bg-color-ban-top: #204A8A;
	--text-color-ban-top:#FFF;
	--border-color-medium-header: var(--green);
	--bg-color-about-container: #ecfaf5;
}

span {
	--text-color-phone: var(--blue, #263C6A);
}

.mainContent{
	--bg-color-main-content: gray;
}

#tchat-window{
	--border-color-tchat-window: #d0abb5;

	--bg-color-tchat-msg: #FDEEFE;
	--text-color-tchat-msg: #111;
	--box-shadow-color-tchat-msg: #f6a5fb;
	--text-color-medium-msg: #911010;

	--box-shadow-color-zodiac:#666;
	--text-color-zodiac: var(--pink);

	--border-color-is-typing-container: #50AEDF;
	--bg-color-btn-typing: #d07de7;
	--text-color-btn-typing: #FFF;
	--bg-first-spinner-is-typing : #ff387d;
	--bg-second-spinner-is-typing : #ff387d;

	--bg-color-btn-send-msg: #9F5BB2;
	--text-color-btn-send-msg: var(--white);

	--bg-color-loader-audio: #2380d5;
}

.dots{
	--bg-color-dots: #ff387d;
}

#spinner{
	--border-color-spinner-default:#4cb1e7;
}
#spinner::before{
	--border-color-spinner-before: #106491;
}
#spinner::after{
	--border-color-spinner-after: #073a56;
}


#valide #tchat-window,
#interdiction #tchat-window{
	--box-shadow-color-tchat-msg: #a5d1fb;
	--text-color-medium-msg: #106491;
}

#valide .dots, #interdiction .dots{
	--bg-color-dots: #106491;
}

#container-mailing{
	--border-color-container-mailing: #ff367e;
}
.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: 2px 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: #F77AC7;
	--text-color-phone-ico: #15D841;
	--text-color-phone-number: #2a3c67;
	--border-color-phone-number: #2a3c67;
}
#boutique-phone-svg{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #F77AC7;
	--text-color-phone-ico: #15D841;
	--text-color-phone-number: #2a3c67;
	--border-color-phone-number: #2a3c67;
}

button{
	--text-color-btn-cards: #FFFF;

	--bg-color-btn-form-request: #762278;
	--text-color-btn-form-request: #FFF;
}

@keyframes anim-face-card{
  0%{filter: brightness(1);}
  80%{filter: brightness(1.21);}
  100%{filter: brightness(1);}
}
@keyframes anim-card-chosen {
  0%{box-shadow: 0 0 0 0 rgb(249 255 188);}
  100%{box-shadow:0 0 15px 12px transparent;}
}

@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%;}}

@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;}
}

@keyframes recording-wave {
	0%, 100% {height: 6px;}
	50% {height: 14px;}
}

@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-action-cards-button {
	0%{text-shadow: none;}
	50%{text-shadow: 0 0 4px rgb(255 255 255), 0 0 15px rgb(218 250 255);}
	25%{text-shadow: 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%;}}

/******************/

body{font-family: 'inter-classic', 'Arial', sans-serif;font-size:17px}
sup{font-size: 50%;}
h1, h2, h3, p {margin:0; padding:0}
a:hover, a:active{text-decoration: none;}
.bold{font-weight:bold}
.underline{text-decoration: underline;}
.color-white{color:#FFF}
.color-blue{color:var(--blue)} .bg-blue{background-color:var(--blue-light)}
.border-top-gray{border-top: 1px solid#dadada;}
.pad-15 {padding: 15px;}

.container {padding: 0}
.break-line{display:block}
.color-dark-blue{color:#263C6A}
.semi-bold {font-weight: 600;}

.bar-separator{width: 90%;height:2px;max-width: 400px;margin:0 auto;background-color: #F246CE;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);}

/* header */
#header-container{position: relative;font-family: "Jacques Francois" , 'Times New Roman', Times, serif, sans-serif;}
#header-right-content{position: absolute;left: 50%;top: 0;width: 40%;max-width: 200px;z-index: 1;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;transform: translateX(-50%);
	background: rgb(242,70,206);
	background: linear-gradient(90deg, rgba(242,70,206,0.52) 19%, rgba(219,129,200,0.42200630252100846) 30%, rgba(219,67,187,0.42) 67%, rgba(242,70,206,0.52) 79%);}
#valide #header-right-content, #interdiction #header-right-content{position: absolute;left: 50%;top: 0;width: 40%;max-width: 200px;z-index: 1;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;transform: translateX(-50%);
		background: rgb(242,70,206);
		background: linear-gradient(90deg, rgba(242,70,206,0.52) 19%, rgba(229, 167, 214, 0.72) 30%, rgba(229, 167, 214, 0.72) 67%, rgba(242,70,206,0.52) 79%);}
#header-title{font-size: 16px;font-weight: 400;color:#FFF}
#header-subtitle{margin-bottom:10px;font-size: 16px;color:#FFF}
#header-subtitle .tiny{font-size: 12px;}
#header-subtitle-2{font-size: 18px;color:#FFF;margin-bottom: 124px;font-family: "bodoni" , 'Arial', Times, serif, sans-serif;font-weight: bold;}
.header-titre-medium{color:#263C6A;font-size:27px}
.header-subtitle{font-size:15px;font-family: 'jacques-francois', Times, serif;}

#header-bottom-content{position: absolute;left:0;bottom:0;width: 100%;min-height: 90px;padding:5px 3px;background-color:rgba(172, 78, 230, 0.65);z-index:2}
#header-text,#header-text-step-2{font-size: 15px;}

#header-medium-container{position: absolute;left:50%;transform:translate(-50%, -60%); overflow: hidden;width:37%;max-width:200px;border-radius: 50%;-webkit-box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);-moz-box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);}
#medium-container{overflow: hidden;width:37%;max-width:170px;border-radius: 50%;-webkit-box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);-moz-box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);box-shadow: 2px 6px 8px 2px rgba(181,181,181,0.4);margin:0 auto;border:2px solid #b32058}
#header-illustrated-photo{position: absolute;right:5px;bottom:3px;color:#ccc;font-size:10px}


/* phone ban (valid/deny) */
#ban-phone{font-family:"Helvetica Neue Medium";padding:8px 0}
#ban-phone h2{font-size: 22px;}
#ban-phone h2 a{color: #222;}
#ban-phone h2 span{display:block}
#ban-phone .rdv{font-size:15px;margin:8px 0}
#ban-phone .tarif{font-size:13px}
#ban-frame-container{position:relative;width: 98%;max-width:480px;margin:25px auto 5px;z-index:0}
#ban-frame-cards-container{position: absolute;top: 28px;left: 50%;transform: translate(-50%, -100%);z-index:-1}
#ban-frame-content{padding: 5px 5px;border:2px solid #4f4e4e;background-color: var(--white);border-radius:15px;}
#ban-frame-content * {font-family: "cambria", "Cochin", Georgia, Times, 'Times New Roman', serif;}
#ban-frame-content h2{font-size: 25px;margin-bottom: 20px;color: var(--black)}
#ban-frame-content h3.phone-tel{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin-bottom: 20px;font-weight: bold;}
#ban-frame-content h3.phone-tel a{font-size:20px; color:var(--blue)}
#ban-frame-content .tarif{font-size:17px;color: var(--black)}

/* top (landing) */
#landing #ban-phone{padding:4px 0 2px}
#landing #ban-promo{padding:2px 0 6px;}
#landing #ban-promo h2{font-size:16px}

#valide #ban-promo .rdv-promo-code, #valide #ban-promo .offer-tarif, #interdiction #ban-promo .rdv-promo-code, #interdiction #ban-promo .offer-tarif{font-family: Arial, sans-serif;font-size:16px;font-weight:normal;font-style:normal}

/* step */
#steps{background-color: #FFF;}

#step-1{position: absolute;z-index: 3;left: 0;bottom: -255px;}
#step-1 p{margin-top: 15px;font-size: 13px;font-family: 'inter-classic', Arial, Helvetica, sans-serif;color: #263C6A;}
#step-1 p span{display: block;}
#step-2{opacity:0.6;transition:opacity 1s ease-out;}
#step-2-container{padding: 0 0 20px;}
#step-2.opened{opacity:1;}

/* form */
#lead-form{width: 80%;max-width: 370px;margin: 15px auto 0;padding:20px; border-radius: 13px;border: 5px solid rgba(172, 78, 230, 0.36);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px #AC4EE6;}
#lead-form .form-control, #lead-form .form-control::placeholder{color: #5C1F65;font-weight: normal;text-align: center;text-align-last: center;font-family: 'istok', 'Arial', sans-serif;}
#lead-form select{padding: 6px 0;}
/* form - checkbox */
#lead-form .custom-checkbox-span {display: inline-block;width: 15px;height: 15px;border-radius: 50%;border: 1px solid #111;background-color: white;margin-right: 5px;position: relative;cursor: pointer;}
#lead-form input.custom-checkbox:checked + label .custom-checkbox-span {background-color: #5C1F65;border-color: #5C1F65;}
#lead-form .custom-checkbox-span::after {content: '';display: none;width: 50%;height: 50%;background-color: white;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#lead-form input.custom-checkbox:checked + label .custom-checkbox-span::after {display: block;}
#lead-form .custom-checkbox-label{font-size: 10px;font-weight:lighter;width: calc(100% - 20px);font-family: 'istok',Arial, Helvetica, sans-serif;}
#lead-form .custom-checkbox-container{display: flex;align-items: center;justify-content: flex-start;flex-wrap: nowrap;flex-direction: row;}


#lead-form .form-control{border-radius: 10px;border-color: #111;box-shadow: 0px 3px 6px 0px rgba(120,120,120,0.75);
	-webkit-box-shadow: 0px 3px 6px 0px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 3px 6px 0px rgba(120,120,120,0.75);}
#lead-form #sexe, #lead-form #pays {max-width: 130px;}
#lead-form .label-control {font-weight: normal;color: #5C1F65;font-size: 16px;}
.flex-group{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.flex-group div {width: 20%;margin-left: 7px;}
.form-condition{font-size:12px}

#request-lead{padding: 4px 20px;margin-top: 15px;font-size: 21px;letter-spacing: .5px;color:var(--text-color-btn-form-request, #FFF);background-color: var(--bg-color-btn-form-request, var(--purple, #9c4efe));border-radius: 5px;border: 2px solid #000;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}


/* offre (ban top & call section) */
.rdv-promo-code{margin-bottom:5px;font-size:20px;font-weight:bold;font-style: italic;}
.offer-tariff{margin-bottom:15px;font-size:15px;font-weight: normal;font-style: italic;}
.min-sup{display: block;font-size:12px;font-style: italic;}


/* call section */
#call-group{padding-top: 630px;}
#landing #call-group{padding-top: 270px;}
#landing.step-2 #call-group{padding-top: 40px;}
#call {padding:0;}

#call-information{ max-width: 564px;margin: 20px auto 0;padding: 0 5px;}
#call-information p {font-family: 'jacques-francois', Times, serif;font-size:15px;}

.step-2-title {color: #263C6A;font-family: 'bodoni', Times, serif;font-size: 19px;text-align: center;padding: 10px;}

#call #picture-medium{max-width: 300px;border-radius: 15px;border: 1px solid #263C6A;width:100%}

.blk-dispo{margin: 60px auto;max-width: 380px;padding: 0 30px 0 30px;}
#blk-dispo-promo{margin-left: 5px;font-size: 16px;display:none;visibility: hidden;}

.blk-display-tel{margin: 60px auto 20px;max-width: 380px;padding: 0 10px;}
.blk-domaines{margin: 60px auto 0;max-width: 380px;padding: 0 10px;}
.display-top{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;padding-top: 20px;width: 100%;margin: 0 auto;font-size:12px}
.display-bottom{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;padding-top: 20px;width: 100%;margin: 0 auto;padding-bottom: 20px;font-size:12px}
.bg-display-amour{color:#263C6A;background-color: #FAF0F5;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}
.bg-display-rencontre{color:#263C6A;background-color: #EAEEFA;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}
.bg-display-mariage{color:#263C6A;background-color: #F9F1EA;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}
.bg-display-finances{color:#263C6A;background-color: #EAEEFA;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}
.bg-display-exconjoint{color:#263C6A;background-color: #F9F1EA;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}
.bg-display-famille{color:#263C6A;background-color: #FAF0F5;border:1px solid #FF66C4;padding: 7px;border-radius: 20px;width:30%}

#call .title1-top{color:#222;font-size:27px;text-align: left;width: 100%;margin-bottom:0;padding-top:50px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;padding-left:30px}
#call .title2-top{font-family: 'jacques-francois', Arial sans-serif;font-size: 22px;margin-top: 0;margin-bottom: 10px;text-align: left;font-weight:200;padding-bottom: 10px;padding-left:30px;color:#C88D52}
#call .title2-top span{margin-left:10px;display:inline-block;width: 50px;}
#call .title3-top{color:#263C6A;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;text-align: left;font-size: 18px;}


.tarification{font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#263C6A;font-weight: 300;text-align: left;margin: 0 auto;}
.blk-tel{text-align: left;margin: 0 auto;padding-top: 20px;padding-bottom: 5px;}
.blk-tel a {display:inline-block;min-width:200px;max-width:300px;width: 90%;;text-align:center;padding:5px 0;margin: 0 auto;border-radius: 5px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color:#FFF;font-weight: bold;font-size: 20px;background: rgb(112,11,136);background: linear-gradient(90deg, rgba(112,11,136,1) 0%, rgba(255,54,126,1) 100%);}
.display-tel{color:#913F4F;font-size: 26px;font-weight: bold;}
.display-dispo{text-align: left;margin: 0 auto;display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;font-weight: 600;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;color:#263C6A;margin-top:20px}
#valide .display-dispo, #interdiction .display-dispo{text-align: left;margin: 0 auto;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-weight: 600;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;color:#263C6A;margin-top:20px}
#valide .blk-tel, #interdiction .blk-tel{text-align: center;}
.point-vert{background-color: #00D42F;width: 16px;height: 16px;border-radius: 50%;margin-right: 8px;}
.tarification2{color:#263C6A;text-align: left;margin: 0 auto;font-size:16px;font-weight: 500;padding-top: 20px;}
.display-dispo-valide{text-align: center;margin: 0 auto;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;color:#263C6A;padding: 20px 0 15px;}

#call-pratical{width:100%;max-width: 380px;margin: 50px auto 0;padding: 0 30px 0 30px;color: #263C6A;}
#call-pratical p {margin: 0 0 15px;color:#263C6A;font-size: 16px;font-weight: 300;}
.bottom-subtitle{font-family: 'jacques-francois', Times, serif;font-size: 24px;color: #111;margin-bottom: 15px;}

/* infos section (valide / interdiction) */
.display-medium{font-family: 'jacques-francois', Times, serif;font-size: 26px;font-weight: normal;letter-spacing: 2px;color:#AA54B7;}
.display-title-text{color:#263C6A;font-family: "istok", Arial, Helvetica, sans-serif;font-weight: bold;padding:10px 0}
.display-name{color:#263C6A;font-family: "istok", Arial, Helvetica, sans-serif;font-weight: bold;font-size:20px;padding-bottom:10px}
.blk-info-presence{position: absolute;top: 590px;width: 100%;color: #FF66C4;text-align: center;}
.info-presence{color:#FF66C4;font-family: 'inter-classic', Arial, sans-serif;font-size:12px;font-weight: bold;margin-top: 20px;}
.info-tarif{color:#FF6BC8;font-family: 'jacques-francois',Times, serif;font-size:19px;font-weight: bold;padding-top:35px;}
.info-tarif-title{color:#263C6A;font-size: 32px;padding-bottom:10px}
.info-tarif-text1, .info-tarif-text2{color: #1D5198;}
.info-tarif-suite{color:#263C6A;font-size: 16px;font-weight: 500;margin-top: 5px;;font-family: 'jacques-francois', Arial sans-serif;}

.info-call-text{max-width:350px;width: 80%;;margin: 60px auto 0;color:#263C6A;font-size: 20px;font-weight: 600;text-align: left;font-family: 'jacques-francois', Arial sans-serif;}
.info-call-button{margin-top: 15px;}
.info-call-button a{display:inline-block;max-width:350px;width:80%;text-align:center;padding:5px 0;border-radius: 5px;background: linear-gradient(90deg, #204C8B 0%, #1069D4 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);;color:#FFF;font-weight: bold;font-size: 20px;}

.blk-infos-medium{max-width: 350px;margin: 0 auto;padding-top:45px;color: #263C6A;font-size: 16px;font-weight: normal;}
.blk-infos-medium h3, .blk-infos-medium h4{color: #1365C9;font-weight: bold;font-family: 'jacques-francois',Times, serif;font-size:26px;margin: 0 0 20px;}


/* about section */
#about, #boutique{padding:10px 0 50px;}
#boutique{padding-bottom:200px;}
#about-container{width:100%; max-width:600px;padding: 10px 20px;background-color: var(--bg-color-about-container);}
#valide #about-container, #interdiction #about-container{background-color: transparent;}

#about-sub-titles h2{padding: 25px 0 5px;font-size: 27px;margin: 0;line-height: 1.2em;}
#about-sub-titles p{padding: 0 0 25px;margin: 0 0 10px;font-size: 20px;font-style: italic;color:#a2a2a2;}

#about-container{font-family: 'cambria','Times New Roman','Arial',sans-serif;margin-bottom:15px;margin-top:0;background-color: #ebfdf7;max-width: 720px;}

#bg-white{max-width: 720px;}
#about-sub-titles h2{font-size:25px; text-align: center;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
#about-sub-titles p{font-size:14px; text-align: center;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
#about-type{text-align: center;padding-top:10px; font-style: italic;}
.blk-txt{text-align:justify;padding:10px 0;font-family: 'inter-classic', Arial sans-serif;}
.blk-txt p,.blk-txt2 p{font-weight: normal;margin-bottom: 10px;font-size: 14px;}
h2.blk-title2{font-size: 25px;padding-bottom:10px}

/* about - slider */
.container-slider {display: flex;flex-direction: column;gap: 20px;max-width: 380px;margin: 0 auto;padding: 0 10px;}
.text-item {position: relative;cursor: pointer;text-align: left;width:100%;margin: 0 auto 10px;font-family: 'inter-classic', Arial sans-serif;color:#263C6A;max-width:360px}
.text-item .text-title {height: auto;border-radius: 5px;transition: transform 0.3s ease;font-weight: bold;}
.text-item .text-title:hover {transform: scale(1.05);}
.hidden-text {overflow: hidden;max-height: 0;transition: max-height 0.5s ease, padding 0.5s ease;color: black;padding: 0 10px;text-align: center;}
.text-item.active .hidden-text {padding: 10px 0;}
.header-item{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;border-bottom: 1px solid #333;font-family: 'jacques-francois', Arial sans-serif;}
.border-chevron{fill: #111;min-width: 25px;max-width: 25px;}


/* boutique section */
#boutique .blk-boutique{width:90%;;max-width: 380px;margin: 0 auto;text-align: left;padding-top: 100px}
.title-boutique{border: 1px solid #000;border-radius: 20px;background: #F7FAFD;font-weight: normal;text-align:center;font-family: "Jacques Francois", 'Times New Roman', Times, serif;font-size: 18px;color:#111;max-width: 230px;min-width: 225px;	margin:0 auto 80px;display:block;font-size: 19px;padding:7px 0}
#boutique-container{width: 100%;padding: 10px;}
.type-tarif{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: flex-start;align-items: stretch;border: 1px solid #5B6E8F;border-radius: 10px;margin: 0 auto;padding: 6px;margin-bottom:5px;max-width: 370px;position: relative;}
.blk-img{width: 25%;max-width:80px}
.blk-img img{border-radius:5px}
.tarif{text-align: left;font-family: 'inter-classic', Arial sans-serif;padding-left: 10px;}
.details-tarif{display: flex;flex-direction: column;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;height: 100%;font-size:13px}
.boutique-btn-prive{position: absolute;right: 8px;bottom: 3px;padding: 4px 0;border-radius: 5px;color:#3B4C72;width: 52px;text-align: center;font-weight: bold;}
#boutique-btn-call{width:100%;padding:15px 0;text-align:center;border-radius: 5px;background: linear-gradient(90deg, #71369B 0%, #ED8ED3 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);display: block;color: #FFF;font-weight: bold;}
#boutique-piture-container{position: relative;margin-bottom: 20px;}
#boutique-piture{border-radius: 5px;}
#boutique-phone-svg{display: block;position: absolute;bottom:-32px;left: 50%; transform: translateX(-50%);width: 60px;height: 60px;background-color: var(--bg-color-phone-ico, #FFF);border: 2px solid var(--border-color-phone-ico, #FFF);border-radius: 50%;box-shadow: 0 2px 4px #999;display: flex;justify-content: center;align-items: center;}
#boutique-phone-svg .ico-phone {width: 70%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#boutique-title1-top{display: flex;justify-content: center;align-content: center;flex-direction: row;flex-wrap: nowrap;align-items: center;color:#263C6A}
#boutique-title2-top{font-family: 'inter-classic', Arial sans-serif;font-size: 18px;margin-top: 0;margin-bottom: 0;text-align: center;font-weight: 200;padding-bottom: 20px;}

.color-blue{color:#263C6A}
.color-grey{color:#de78bd}
.color-black{color:#000}

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

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

/* footer */
#footer .container{padding: 0; color: #fff;}

#footer-link{background-color: #F7CFDD;}
footer #list-container {display: flex;flex-direction: row;justify-content:space-around;align-items:center;padding:5px 0;background: rgb(112,11,136);background: linear-gradient(90deg, rgba(112,11,136,1) 0%, rgba(255,54,126,1) 100%);}
footer #list-container a {color:var(--text-color-ban-top, #373664)}

/* 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{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;text-decoration:none;}
#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);}


/* tchat */
#tchat{padding: 0 0 11px;}
#tchat-container{padding:15px 0 0;position: relative;}
#tchat-window{max-width: 600px;width: 95%;margin: 0 auto;border: 2px solid #50AEDF;border-radius: 25px;background-color: #FFF;overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);position: absolute;top: 55px;left: 10px;}
.tchat-title{font-family: 'bodoni', Helvetica, sans-serif;font-size: 21px;font-weight: bold;color:#263C6A;text-align: center;}

#tchat-header{padding:5px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;background: rgb(162,45,104);
	background: linear-gradient(90deg, rgba(162,45,104,1) 0%, rgba(246,96,187,1) 100%);}
#tchat-header-left {display: flex;align-items: center;gap: 10px;}
#tchat-header-avatar{max-width: 50px;height: auto;border-radius: 50%;overflow: hidden;border:2px solid #FFF}
#tchat-header-name{color:#FFF;font-weight: 600;font-size: 24px;display:none;visibility: hidden;font-family: 'jacques-francois', Times, serif;}
#tchat-header-vocal{color:#FFF;font-size: 15px;font-weight: 600;}

#tchat-loader, #tchat-content{min-height:400px; max-height:400px;margin-top: 10px;}
#tchat-content{padding:0 4px;}
#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, #ff387d);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, #ff387d);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:0.4em 7px 0.4em 10px;;overflow: hidden;display: flex;justify-content: flex-start;width:100%}
#tchat-content .tchat-msg {background: var(--bg-color-tchat-msg) none repeat scroll 0% 0%;  min-width: 50px;padding: 5px;  margin-left: 3%;border-radius: 5px;box-shadow:  var(--box-shadow-color-tchat-msg) 1px 1px 2px 0px;font-size: 16px;word-break: break-word;color: var(--text-color-tchat-msg);max-width: 92%;-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}

#valide #tchat-content .tchat-msg, #interdiction #tchat-content .tchat-msg{background-color: #faeefd;}
#valide #tchat-content .is-dots .tchat-msg, #interdiction .is-dots #tchat-content .tchat-msg{display: flex; flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: center;}
#valide #tchat-content .is-audio .tchat-msg, #interdiction #tchat-content .is-audio .tchat-msg{width: 100%;background-color: transparent;padding:0;margin-left: 0;}

#tchat-content .tchat-para .prenom-consult-tchat {color: var(--text-color-medium-msg);font-size: 18px;display:inline-block}
#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
#tchat-content .tchat-para .check-tchat-container{display: block;}

/***/
#tchat-content .open .tchat-msg{opacity:1;transform:scale(1);}
#tchat-content .close .tchat-msg{opacity:0;}

#tchat-content .is-dots .tchat-avatar{display: none;visibility: hidden;}

.check-tchat-container .check-tchat{margin-right: 8px}
.check-tchat-container label{font-weight: normal;}
.check-tchat-container a{color: #111;}

#tchat-content .tchat-para.birth .tchat-msg{width: 100%;max-width: 290px;}

#tchat-content input, #tchat-content select {border-radius: 5px;border: 1px solid #FF66C4;padding: 3px;}
.birth-section .form-control, .birth-section .form-control::placeholder {color: #333;font-weight: normal;text-align: center;text-align-last: center;font-family: 'istok', 'Arial', sans-serif;}
.birth-section label{font-weight: normal;font-size: 16px;}

#tchat-content .tchat-para.sexe .tchat-msg{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: space-between;padding: 5px 12px;}
#tchat-content .tchat-para.sexe .tchat-msg .radio{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: flex-start;background-color: #FFF;padding: 0 3px ;border-radius: 5px;border: 1px solid #FF66C4;}
#tchat-content .tchat-para.sexe .tchat-msg .radio input[type="radio"]{position: initial;}
#tchat-content .tchat-para.sexe .tchat-msg .radio+.radio{margin-top: 10px;margin-left: 20px;}

#tchat-content .tchat-para.country .tchat-msg{width: 100%;max-width: 374px;padding: 10px 10px;}

/* tchat - cards */
#cards-animation{display: flex;flex-wrap: wrap;justify-content:center;align-items: center;align-content: center;}
.blk-cards{width: 25%;perspective: 600px}
.card{position: relative;width: 65px;height: 100px;cursor: pointer;transform-style: preserve-3d;transform-origin: center right;transition: transform 0.45s ease-in-out;margin: 10px auto 0;border-radius: 10px;box-shadow: 0 4px 4px #999;}
.blk-cards.is-flipped .card{transform: translateX(-100%) rotateY(-180deg);box-shadow: inherit}
.face-card, .back-card{position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 5px;}
.face-card {transform: rotateY(180deg);}
.card-chosen{animation: anim-card-chosen;animation-delay:0.50s;animation-duration: 0.40s;animation-iteration-count: 1;animation-timing-function: ease-out;}

#landing #tchat-content .tchat-para.is-cards .tchat-msg{text-align: center;margin:0 auto;opacity: 1;transform: scale(1);background-color: transparent;box-shadow: none;font-family: "Jacques Francois", 'Times New Roman', Times, serif, sans-serif;}
#cards-animation-title{font-size: 20px;}
#cards-animation-subtitle{font-size: 16px}


/* tchat - cards (valide/interdiction) */
#tchat-content .tchat-para.is-cards .tchat-msg{width: 100%;max-width: 374px;}


#btn-event-card{position:relative;overflow:hidden;margin-top: 25px; padding:15px 30px;background-color:var(--bg-color-btn-cards, #9c4efe); color:var(--text-color-btn-cards, #FFF);border:3px solid var(--border-color-btn-cards);border-radius: 8px;font-size: 18px;letter-spacing: 1px;animation: infinite anim-action-cards-button 2s cubic-bezier(0.42, 0.41, 0.13, 0.89);}
#btn-event-card::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);
}


/* tchat - audio */
#tchat-content .tchat-para.is-audio {padding: 0.2em 3px 0.2em 5px;}
#tchat-content .tchat-para.is-audio .tchat-msg{background-color: transparent;box-shadow:none;max-width: inherit;}
#tchat-content .tchat-para.is-audio .tchat-msg::before{border: 0 none}
#tchat-content .tchat-para.is-audio .prenom-consult-tchat{font-size: 13px;}

.custom-audio-player {display: flex;flex-direction: column;align-items: center;min-width: 220px;background-color: #f5f5f5;border-radius: 12px;padding: 4px 8px;box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.5);position: relative;}

/* Ligne principale contenant le bouton et la barre */
.audio-visualizer-row {display: flex;align-items: center;justify-content: space-between;width: 100%;}

/* Icône Play/Pause */
.audio-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;background: #2380d5;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2), -3px -3px 6px rgba(255, 255, 255, 0.8);color: #fff;font-size: 18px;
transition: transform 0.3s ease, background 0.3s ease;}

.audio-icon:hover {transform: scale(1.1);background: #469ff3;}

.audio-icon .fa-play{margin-left: 5px;}

/* Conteneur de la barre d'oscilloscope */
.audio-timeline-container{max-width: 154px;margin-top: 14px;flex: 1;}
.audio-visualizer-container {position: relative;height: 10px;background: #e0e0e0;border-radius: 10px;overflow: hidden;box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.5);}

/* Barre de progression */
.audio-visualizer-progress {position: absolute;width: 0%;height: 100%;background: linear-gradient(to right, #2380d5, #469ff3);transition: width 0.2s linear;}


/* Barres de l'oscilloscope */
.audio-visualizer-bars {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;gap: 2px;padding: 0 2px;}
.audio-visualizer-bars div {flex-shrink: 0;width: 2px;height: 100%;background: #2380d5;animation: pulse 0.8s infinite ease-in-out;animation-delay: calc(var(--index) * 0.05s);}
.audio-visualizer-row .tchat-avatar {margin-left: 4px;max-width: 0;max-height: 0;}

/* Animation pour les barres */
@keyframes pulse {
  0%, 100% {
    transform: scaleY(0.5);
    opacity: 0.6;
  }
  50% {
    transform: scaleY(1.5);
    opacity: 1;
  }
}

/* Conteneur des timings */
.audio-visualizer-timing {font-size: 8px;color: #111;text-align: right;margin-top: 1px;width: 100%;display: flex;justify-content: space-between;}


/* tchat click to call */

#tchat-content .tchat-para.is-to-call .tchat-msg a{display: block;margin: 20px auto 0;width: 80%;text-align: center;padding: 5px 0;
	border-radius: 5px;
	background: linear-gradient(90deg, #204C8B 0%, #1069D4 100%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: #FFF;
	font-weight: bold;font-size: 20px;}
#tchat-content .tchat-para.is-to-call .tchat-msg{padding-bottom: 25px;}
/* user */
#tchat-content .tchat-para.is-user{justify-content: flex-end;}
#tchat-content .tchat-para.is-user .tchat-msg{margin-left:0;margin-right:5%;transform-origin: right bottom;background-color: #e0f8ff;box-shadow: #91d5ea -1px 1px 2px 0px;}
#tchat-content .tchat-para.is-user .tchat-msg::before{left:inherit;right:-12px;border-width: 14px 18px 0 0;border-color: #e0f8ff transparent transparent transparent;}
#tchat-content .tchat-para.is-user .prenom-consult-tchat {color:#3377bd;font-size: 16px;}


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

.audio-recording-animation {display: flex;justify-content: center;flex-direction: row-reverse;align-items: center;gap: 3px;height: 20px;margin-left: 8px;background: rgb(255 255 255 / 35%);border-radius: 5px;padding: 2px 5px;}
.audio-recording-animation .fa-microphone{color: var(--bg-color-loader-audio, #ff397c);margin-left: 3px;}
.audio-recording-animation .recording-bar {display: inline-block;width: 2px;height: 6px;background-color: var(--bg-color-loader-audio, #ff397c);animation: recording-wave 1s infinite ease-in-out;}

.audio-recording-animation .recording-bar:nth-child(1) {animation-delay: 0s;}
.audio-recording-animation .recording-bar:nth-child(2) {animation-delay: 0.2s;}
.audio-recording-animation .recording-bar:nth-child(3) {animation-delay: 0.4s;}


#is-typing-container{min-height:23px;position:relative;display:flex;justify-content:flex-start;align-items: center;width: 100%;height:45px;margin: 5px auto 0;padding: 10px 0 10px 5px;border-top: 2px solid var(--border-color-is-typing-container);color:#263C6A;font-weight: 600;}
#is-typing-content{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: left;font-size:13px}

.spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px;
  background:radial-gradient(farthest-side,#c20b0b 60%,#0000) top/8px 8px no-repeat,	conic-gradient(#0000 30%,#ff1625);
  -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, #btn-paper-plane-input-tchat{position:absolute;right:6px;top:3px;width:35px;height:35px;text-align:center;padding:8px 8px 0 5px;background-color: var(--bg-color-btn-typing, #b3204c);border-radius:50%}
#btn-paper-plane .ico-paper-plane, #btn-paper-plane-input-tchat .ico-paper-plane{width:90%;height:auto;fill:var(--text-color-btn-typing, #FFF)}

/* #is-typing-container.active{border-color: #50AEDF;} */
#input-tchat-content{width:100%}
.input-tchat{width:90%;display:block;padding: 6px;font-size: 16px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 0 none;}
.input-tchat:focus, input:active, .input-tchat:focus-visible{border: 0 none;outline: none;}
#input-tchat-sexe{width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-evenly;align-items: center;}
#input-tchat-sexe .radio, #input-tchat-sexe .radio+.radio{margin:0}
#input-tchat-content #btn-paper-plane-input-tchat{background-color: var(--bg-color-btn-send-msg);cursor:pointer;}
#input-tchat-birth{width: 100%;padding: 0;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-evenly;align-items: center;}
#input-tchat-birth .select-tchat{width:30%}
#input-tchat-country{width:100%;padding:0 10px}
/* signes in tchat */
#blk-signs{display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.one-sign{width:33.3333333333%;padding:6px;cursor:pointer}
.content-signs{background-color: #ffffff;border-radius: 4px;padding: 6px;box-shadow: 0 0 2px var(--box-shadow-color-zodiac);}
.zodiac{font-size:28px;color: var(--text-color-zodiac);}
.hidden-xxs{display: none; visibility: hidden;}

#footer-tchat ::-webkit-input-placeholder {color: #fff;}
#footer-tchat ::-moz-placeholder {color: #fff;}
#footer-tchat :-ms-input-placeholder {color: #fff;}
#footer-tchat :-moz-placeholder {color: #fff;}

/* server loading */
#loader-server{width: 90%;padding: 10px;margin: 10px auto;	background: var(--bg-color-tchat-msg) none repeat scroll 0% 0%;border-radius: 5px;font-size: 17px;text-align: left;}
#loader-server p{margin: 0 0 7px;font-size:17px}
#connexion-server{display:flex;justify-content: flex-end;align-items: center;color: #a9a5a5;}
#connexion-server .fa{margin-right:6px;font-size: 1.5em;}

/* cards (valide / interdiction) */
#titles-tchat-title{font-size: 20px;color: #263C6A;margin-top: 30px;}
#tchat-text-desktop{display:none;visibility: hidden;}

#tarot-cards{width: 100%;display: flex;	flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin: 0 auto 0}
#tarot-cards .tarot-cards-content{width: 50%;max-width: 112px;}
/* #tarot-cards .tarot-cards-content.tarot-card-5{display:none;visibility: hidden} */
#tarot-cards .tarot-card-wrap{width: 80px;height: 135px;border:1px solid #333;border-radius: 10px;overflow: hidden;margin: 0 auto;}
#tarot-cards .tarot-card-wrap img{width: 100%;height: 100%;}
#user-names{margin-top: 20px;font-size: 22px;font-family: 'jacques-francois', Arial sans-serif;color: #263C6A;}


/* reponse page */
#reponse{overflow: hidden;}
#reponse header{background-color: #000;}
#reponse #content{background-image: none;background-color: #fff;}
#reponse #content .container {padding: 0;}
#response-container{padding: 0;}
#container-mailing{border:1px solid var(--border-color-container-mailing);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}

#call-mailing {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 10px 0;background-color: #fff;color: #263C6A;}
#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-svg{display: none;visibility: hidden;}
#call-mailing #phone-number-container{border-radius: 25px;padding: 3px;border: 3px solid var(	--border-color-phone-number, #D286A4)} */
#call-mailing #phone-button{padding: 20px 5px 30px;}
#call-mailing #phone-button-response{padding: 20px 5px 30px;}
#call-mailing #phone-number-link{font-size: 27px;}

.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}
.blk-medium{border-left:1px solid #eee;border-right:1px solid #eee;}
.blk-infos .title{color: #2a3c67;font-weight: bold;font-size: 15px;}

/* message error */
.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;}



/* rgod - slider rgpd */
#rgpd {padding-bottom:50px;padding-top:20px}
.container-slider-rgpd {display: flex;flex-direction: column;gap: 20px;}
.text-item-rgpd {position: relative;cursor: pointer;text-align: left;width: 60%;margin: 0 auto;font-family: Arial, Arial sans-serif;color:#b0b0b0;max-width: 400px;}
.text-item-rgpd .text-title-rgpd {height: auto;border-radius: 5px;transition: transform 0.3s ease;font-size: 14px;}
.text-item-rgpd .text-title-rgpd:hover {transform: scale(1.05);}
.hidden-text-rgpd {overflow: hidden;max-height: 0;transition: max-height 0.5s ease, padding 0.5s ease;color: black;padding: 0 10px;text-align: center;}
.text-item-rgpd.active .hidden-text-rgpd {padding: 10px 0;}
.header-item-rgpd{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;border-bottom: 1px solid #b0b0b0;}
.border-chevron-rgpd{width: 15px;fill: #b0b0b0;min-width: 15px;max-width: 15px;}
.blk-txt-rgpd{font-size: 12px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 50px;}



/* callback section */
#callback{
	--bg-color-callback-form: var(--pink, #ff387d);
	--bg-color-callback-btn: var(--pink, #ff387d);
}
#callback{padding:20px 15px 40px}
#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 h2, .congrats-modal p {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size:40px;margin-bottom: 5px;font-weight: 800;letter-spacing: 2px;color: #645090}
.congrats-modal h2{padding-top: 32px;text-transform: uppercase;}
.congrats-modal p{margin-bottom: 30px;font-size: 25px;letter-spacing: normal;}
#info-item-content{background-color: rgba(250, 250, 250, 0.4);width: 96%;margin: 0 auto;padding: 10px 10px 15px;border-radius: 10px;box-shadow: 0px 2px 7px #b39bb9;}
.info-item {display: flex;align-items: center;justify-content: center;text-align: left;margin-bottom:20px;}
.icon-box {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-right: 15px;}
.info-item i {font-size: 30px;}
.fa-envelope, .fa-phone {color: #b39abd;}
.info-item span {display: inline-block;min-width: 185px;padding-left: 17px;font-weight: bold;font-size: 17px;}
.btn-ok {width: 70%;padding: 6px 0;margin-top: 15px;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;}}

@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%;}}


/**landing***/

.text-bold{font-weight: bold;}
.title1-top{color:#ff387d;font-size:23px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;}
.title2-top{font-family: 'Times New Roman', Times, serif;font-weight: bold;color: #333;font-size: 26px;margin-top: 25px;margin-bottom:0}
.title3-top{font-family: 'Times New Roman', Times, serif;font-weight: normal;color: #333;font-size: 27px;margin-top: 0;}
.title4-top{font-family: 'arialBlack', Arial sans-serif;color: #ff387d;font-size: 22px;margin: 0;padding-bottom: 10px;}

.title1-medium{font-weight: bold;color: #ff387d;font-size: 22px;margin: 0;font-family: 'arialBlack', Arial sans-serif;padding-top: 0;}
.title2-medium{color: #ff387d;	font-size: 22px;margin: 0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
.title3-medium{font-family: 'arial', Arial sans-serif;color: #ff387d;font-size: 17px;margin: 20px auto 10px;text-align: center;font-style: italic;}

.list-container{text-align: center;}
.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;}
.list-container li{padding-left: 1rem;text-indent: -0.75rem;}
.list-container li i{width: 20px;height: auto;display: inline-block;padding-top: 5px;}
.list-container p{margin-top:10px;font-family:'Helvetica', 'Arial', sans-serif;font-size:14px;font-style: italic;text-align: center;color:#ff387d}
.text-bold{font-weight: bold;}

#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#ff387d;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}
#video-call-btn:hover{background:#ff387d;transform: scale(0.9);text-decoration: none;}
#video-call-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);}

/* #is-typing-container{min-height:23px;position:relative}
#is-typing-container{display:flex;justify-content:center;align-items: center;width: 90%;height:45px;margin: 5px auto 0;padding: 10px 0;border: 1px solid #ff387d;box-shadow:0px 2px 3px 0px rgb(0 0 0 / 25%);border-radius: 3px;margin-bottom:15px}
#is-typing-content{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:15px}
.spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px;
  background:
    radial-gradient(farthest-side,#ff1664 60%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ff16aa);
  -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, #btn-paper-plane-input-tchat{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, #edecff);border-radius:50%}
#btn-paper-plane .ico-paper-plane, #btn-paper-plane-input-tchat .ico-paper-plane{width:90%;height:auto;fill:var(--text-color-btn-typing, #FFF)} */

#call h3 a{font-weight: bold;color: #ff387d;font-size: 25px;margin: 0;text-decoration: none;padding-top: 5px;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif;}


/* reponse */
#response .title1-container{font-size: 32px;font-family: 'Times New Roman', Times, serif;font-weight: bold;color: #333;}
#response .title2-container {font-family: 'Helvetica', 'Arial', sans-serif;font-weight: normal;color: #333;font-size: 14px;margin-top: 7px;
font-style: italic;}
#response .title3-container h4{margin-top: 28px;font-size: 20px;font-family: 'arialBlack', Arial sans-serif;color: #ff387d;margin-bottom: 0;}

#response .title4-container{font-family: Arial sans-serif;color:#ff387d;font-size:18px;margin:20px auto 10px;text-align: center;font-style: italic;}

/* news 01/2025 */
/* response */
/* #response #call-mailing{background-color: #FAF0F5;margin-top: 60px;} */
#response #header-mailing-subtitle {margin: 35px 0 12px;color:#263C6A;font-size:18px}
#reponse {background-color: #fff;}
#response .text-footer {text-align: center;font-family: 'inter-classic', Arial sans-serif;font-size: 16px;padding: 30px 0;background-color: #fff;}
#response header h1{background-color: #ABDAFC;padding: 10px;}

#response #call-mailing #phone-number-container-response {display:inline-block;max-width:350px;width:90%;text-align:center;padding:5px 0;border-radius: 5px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color:#FFF;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size:24px;margin: 0 auto 20px;background: rgb(112,11,136);background: linear-gradient(90deg, rgba(112,11,136,1) 0%, rgba(255,54,126,1) 100%);}

#response #call-mailing .info-tarif{display: block;margin-top: 20px;padding-top:0;font-family: 'inter-classic', Arial sans-serif;}
#response #call-mailing .info-tarif-title{display: block;color:#263C6A;font-size:22px;font-weight:bold}
#response #call-mailing .info-tarif-subtitle{display: block;font-size:26px;font-weight:bold;color: #263C6A;
	font-family: 'istok', Arial, Helvetica, sans-serif;}
#response #call-mailing .info-tarif-promo{display: block;color:#263C6A;font-size:18px;font-weight:normal;margin-top: 10px;font-family: 'inter-classic', Arial sans-serif;}
#response #call-mailing .info-presence{display: block;color:#ff367e;font-size:14px;font-weight:bold;margin-top: 5px;}
#response #call-mailing .bar-separator{display: inline-block;max-width: 320px;margin: 10px auto 15px;}




/* news 02/2025 */
#landing .bg-header{background: no-repeat center top url(../images/valeria-medium-mobile.jpg);background-color: #FFF;background-size: cover;}

.no-display-mob{display:none}
.no-display-desk{display:block}
.header-tchat-title{position: absolute;bottom: 20px;left: 0;z-index: 100;color: white;width: 100%;text-align: center;font-size: 25px;font-family: 'bodoni';}
.blk-info-tarif1{color:#EC307F;font-family:'istok', Arial sans-serif;font-size: 22px;font-weight: bold;padding-bottom: 10px}
.blk-info-tarif2{color:#EC307F;font-family:'istok', Arial sans-serif;font-size: 24px;font-weight: bold;padding-top: 10px;}
.blk-info-code{color:#263C6A;font-family:'bodoni', Arial sans-serif;font-size: 24px;font-weight: bold;padding-top: 10px;}

/* confirm */
.blk-tel{text-align: left;margin: 0 auto;padding-top: 20px;padding-bottom: 5px;}
.blk-tel a {display:inline-block;min-width:200px;max-width:300px;width: 90%;;text-align:center;padding:5px 0;margin: 0 auto;border-radius: 5px;background: linear-gradient(90deg, #71369B 0%, #ED8ED3 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);;color:#FFF;font-weight: bold;font-size: 20px;}

#confirm #call-group{padding-top:0}
#confirm .title1-top{color:#222;font-size:27px;text-align: center;width: 100%;margin-bottom:0;padding-top:50px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;padding-left:30px}
#confirm .title2-top{font-family: 'jacques-francois', Arial sans-serif;font-size: 22px;margin-top: 0;margin-bottom: 10px;text-align: center;font-weight:200;padding-bottom: 10px;padding-left:30px;color:#C88D52}
#confirm .title2-top span{margin-left:10px;display:inline-block;width: 50px;}

#confirm #header-mailing-subtitle span{font-size: 13px;}
#confirm #boutique {padding-bottom: 50px;}

#confirm #content-mailing h3 {color:#263C6A;font-family: 'inter-classic', Arial, Helvetica, sans-serif;font-size:20px;text-align: center;font-weight: bold;}
#confirm #content-mailing h3 {color:#263C6A;font-family: 'inter-classic', Arial, Helvetica, sans-serif;font-size:18px;text-align: center;max-width: 350px;margin: 0 auto;}

#confirm .blk-type-tarif {text-align: left;margin-left: 25px;}
#confirm .blk-type-tarif-1 {text-align: left;margin-left: 25px;max-width: 350px;}
#confirm .blk-type-tarif-2 {text-align: left;margin-left: 25px;max-width: 350px;}

#confirm #boutique-container{border:0}

#confirm #boutique .title-boutique{color: #6C4B0F;font-weight: bold;font-size: 22px;margin: 0 0 5px;text-align: center;border:0;border-radius:0;background:transparent;text-align: center;max-width:inherit}
#confirm #boutique .subtitle-boutique{font-family: 'jacques-francois', Arial sans-serif;color: #6C4B0F;font-weight: bold;font-size: 18px;margin: 0 0 20px;text-align: center;}
#confirm #boutique-btn-call{background: rgb(132,17,134);background: linear-gradient(90deg, rgba(132,17,134,1) 0%, rgba(240,50,127,1) 100%);}
#confirm .blk-infos-medium{margin: 0 45px;}

#confirm #call-mailing #phone-number-container-response {display:inline-block;max-width:350px;width:90%;text-align:center;padding:5px 0;border-radius: 5px;background: rgb(132,17,134);background: linear-gradient(90deg, rgba(132,17,134,1) 0%, rgba(240,50,127,1) 100%);color:#FFF;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size:24px;margin: 0 auto 20px;}
#confirm #call-mailing{background-color: transparent;}
#confirm .blk-infos-medium h3, #confirm .blk-infos-medium h4{color:#6F4D10;font-size: 20px;font-family: 'inter-classic', Arial, Helvetica, sans-serif;}

#confirm .text-footer {text-align: center;font-family: 'inter-classic', Arial sans-serif;font-size: 16px;
padding: 30px 0;background-color: #fff;}

/* 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: #EDD8E3;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: #A0306E;color: white;font-size: 10px;font-weight: 700;padding: 12px 8px;border-radius: 8px;text-decoration: none;box-shadow: 0 5px 0 #A0306E, 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: 120px;width: 100%;}

@media (min-width:320px){
	#header-title{padding-top: 5px;font-size: 18px;}
	#step-1 p{font-size: 14px;font-weight: bold;}

	#boutique-btn-call{font-size:20px}

	.audio-visualizer-row .tchat-avatar {max-width: 42px;max-height: 42px;}
	.audio-visualizer-row .tchat-avatar img{box-shadow: 1px 2px 6px hsl(0deg 0% 0% / 31%);border: 2px solid #ffffff;}
}
@media (min-width:360px){
	#header-text, #header-text-step-2{font-size: 18px;}
	#header-title{font-size: 20px;}

	#step-1{bottom: -260px;}
	#step-1 p{font-size: 15px;}

	.card{width: 80px;height: 120px;}

	.hidden-xxs{display: block; visibility: visible;}
	.zodiac-text {font-size:7px;color: var(--text-color-zodiac);margin-top: 3px;}
	.one-sign{width:25%}

	#is-typing-container{padding: 10px 0 10px 12px;}
	#is-typing-container .point-vert{width: 20px; height: 20px;}

	/* cards - valid / interdiction */
	#tarot-cards .tarot-card-wrap{width: 80px;height: 135px;;}

	#tchat-header-name{display:block;visibility: visible;}
	#tchat-header{padding: 6px 10px;}


	.info-presence{font-size:14px}

	/* 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}

	.details-tarif {font-size: 15px;}

	/* 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:48px}
	.congrats-modal p{font-size:33px;}
	.info-item{align-items: flex-start;}
	.info-item i{font-size: 35px;}
	.info-item span{color:#63518E}

	/* response sms */
	#header-mailing-title-sms{font-size: 22px;}
	#header-mailing-title-sms span{font-size: 19px;}
}
@media (min-width:370px){
	#header-text, #header-text-step-2{font-size: 19px;}
	#step-1{bottom: -295px;}
	#step-1 p{font-size: 16px;}

	#landing #call-group{padding-top: 310px;}

}
@media (min-width:390px){
	#tchat-header-vocal{margin-right: 25px;}

	#step-1{bottom: -335px;}
	#step-1 p{font-size: 18px;}
	.card{width: 91px;height: 136px;}

	#call-group{padding-top: 705px;}

	.bottom-subtitle .hidden{display: initial !important;visibility: visible !important;}

	/* tchat - audio */
	.custom-audio-player {max-width: 220px;}
	.audio-timeline-container{max-width: 192px;}
}
@media (min-width:410px){
	#header-text, #header-text-step-2{font-size: 20px;min-height: 100px;}
	#header-text-step-2{padding: 5px 28px;}

	#steps h1{font-size: 33px;}
	/* #steps h2{font-size: 20px;} */

	#tchat-content .tchat-para {padding: 0 5px 5px 0px;margin-bottom: 5px;}
	#tchat-content .tchat-msg{max-width: 100%}
	.zodiac{font-size:35px}
	.zodiac-text {font-size:8px;margin-top: 3px;}

	.header-subtitle{font-size: 20px;}
	#header-subtitle-2{font-size: 20px;}

	#landing #call-group{padding-top: 350px;}

	#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;}
}

@media (min-width:420px){

	#header-title{font-size: 23px;}
	#header-subtitle{font-size: 20px;}

	#tchat-loader, #tchat-content{min-height:480px;max-height: 480px;}

	#tarot-cards .tarot-card-wrap{width: 60px;height: 112px;}


	#tchat-header {padding: 9px 10px;}
	/* tchat - cards */
	.blk-cards{width: 25%;}
	#tchat-content .tchat-para.is-cards .tchat-msg{padding: 3px;}
}
@media (min-width:430px) {
	#step-1{width: 96%;left: 2%;}
	#step-1 p{font-size: 19px;}

	#header-subtitle-2 {font-size: 24px;margin-bottom: 166px;}

	#call .title1-top{font-size: 32px;margin-top: 70px;width: 100%;max-width: 380px;margin: 50px auto 0;padding: 0 30px 0 30px;}
	#call .title2-top{width: 100%;max-width: 380px;margin: 0 auto ;padding: 0 30px 0 30px;}

	#blk-dispo-promo{display: inline;visibility: visible;}
	#blk-promo{display: hidden;visibility: hidden;}

	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:15px}
	#call-mailing-title-2 span{display: inline;font-weight: normal;}

	#tchat-header-vocal{margin-right: 35px;}

	#tchat-content .tchat-para.sexe .tchat-msg .radio{padding: 0 12px;}

	.blk-info-presence{top: 680px;}
}
/* @media (min-width:431px) {
	#header-subtitle{font-size: 21px;margin-bottom: 3px;}
} */
@media (min-width:450px){
	.text-item {max-width:500px}

	#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 var(--bg-color-tchat-msg) transparent transparent;}
}
@media (min-width:467px){
	.blk-infos div{padding: 0 14px;}
}
@media (min-width:500px) {
	#call-mailing-title-1{font-size:20px}
	#call-mailing-title-2{font-size:16px;font-weight: bold;}
	#call-mailing-title-2 span{font-weight: bold;}

	#header-title {font-size: 25px;}
	#valide .header-titre-medium ,#interdiction .header-titre-medium {font-size: 38px;}

	#landing #call-group{padding-top: 370px;}
}
@media (min-width:600px) {
	.zodiac-text {font-size:12px;}
	#header-title {font-size: 28px;}

	#confirm .blk-left{padding-left: 100px;}
}
@media (min-width:650px){
	#reponse #overlay{background-color: transparent;}
	#response-container{padding-top: 12px;}
	#container-mailing{margin:10px auto}

	.card{width: 100px;height: 153px;}
	#step-1 {bottom: -350px;}

	#call-group {padding-top: 725px;}

	/* tchat - cards */
	#tchat-content .tchat-para.is-cards .tchat-msg{max-width: inherit;}
	/* #cards-animation{flex-direction: row;flex-wrap: nowrap;justify-content: space-evenly;} */
	/* .blk-cards{margin:0 10px} */
	/* .card{width: 90px;height: 145px} */
}


@media (min-width:678px){
	#ctnGlobal{background-color: gray;background-color: var(--bg-color-main-content, #ebeaea);}
	.container{background-color: #FFF;background-color: var(--white, #FFF);}

	#header-picture{width:100%;} /* force 100% */
	#header-medium-container{transform: translate(-50%, -80%);}

	#call-information {max-width: 600px;margin: 40px auto 0;}
	#call-information p{font-size: 16px;}

	#ban-top{justify-content: center;}
	.ban-block{flex-direction: row;justify-content: center;width:inherit;padding-right:15px;margin-right:15px}
	.ban-block:last-child{margin:0;padding-right:0}
	.ban-block span:first-child{position: relative; margin-right: 2px;}
	.ban-block span:first-child::after{content: "-";margin-left: 2px;}

	#ban-phone{display: flex;flex-direction: row;justify-content: center;align-items: center;}

	#valide #ban-promo .rdv-promo-code, #valide #ban-promo .offer-tariff, 	#interdiction #ban-promo .rdv-promo-code, #interdiction #ban-promo .offer-tariff{font-family: Arial, sans-serif;font-size:18px;}

	#ban-phone h2{font-size: 21px;}
	#ban-phone h2, #ban-promo .rdv-promo-code {margin: 0 10px 0 0;}
	#ban-promo {visibility: visible;padding: 1px 0 8px}
	#ban-promo p {margin: 0;}
	#form-box{max-width: 370px;}
	#callback-container{max-width: 370px; transform-origin: bottom;}
	#callback-response{max-width: 370px;margin:0 auto}

	#landing #ban-promo h2{font-size:20px}

	/* #about-container h2{margin-bottom: 1em;letter-spacing: 2px;font-size: 38px;} */
	#about-sub-titles h2{font-size: 25px;}
	#about-sub-titles p{font-size:25px}

	#tchat{padding: 15px 0;}
	#tchat-content .tchat-para{align-items: center;}
	#landing #tchat-content .tchat-avatar{order:0;width:65px;min-width: 65px;max-width: 65px;margin:11px 6px 0 0} /* seulement pour la landing page */
	#tchat-content .tchat-msg{order:1; margin-left:15px;}

	#tchat-content .tchat-para.is-user .tchat-avatar{order: 1}
	#tchat-content .tchat-para.is-user .tchat-msg{order: 0}
	.sodiac-text{font-size: 12px;}

	/* #valide #tchat, #interdiction #tchat{padding-top: 8%;} */

	/*** text ***/
	.bg-infos.txt-style{padding:0 95px 25px;}
	.bg-infos2.txt-style{padding:0 95px 25px;margin:0 auto}
	.blk-txt{padding:0px 15px 10px;}
	.bg-infos, .bg-infos2 {width: 85%;}
	#contact p{margin:0 45px 10px}
	.bg-infos2 h4{padding:20px 5px}
	#valide #ban-tarif, 	#interdiction #ban-tarif{border-radius: inherit;margin: 0 auto;}
	#ban-text{width: 65%;}

	#bg-white{padding: 0 47px}
	#ban-text{width: 70%;}
	/* #about img{width: 42%;} */
	#about-container{padding: 30px 47px}
	#ban-text {width:50%;}

	h2.title0{font-size: 29px;}
	h3.title1{font-size: 29px;}
	h4.title2{font-size: 29px;}
	h4.title3{font-size: 29px;}
	#title-cards-action{max-width: 600px;width: 98%;margin: 0 auto}
	#call .title-txt{padding-top: 10px;}
	#response #call .title-txt{padding-top: 15px;}
	#ban-text{width: 80%;}
	#footer{margin-bottom: 0;}

	/* news 01/2025 */
	#response #call-mailing .info-tarif{font-size:24px;}
	#landing #call-group{padding-top: 190px;}
}
@media (min-width: 701px){
	#header-title {font-size: 32px;}

	#tchat-window{left:50px}
}
@media (min-width: 768px){
	#header-bottom-content{min-height: 234px;}

	#cards-animation{flex-wrap: nowrap;}
	#step-1 {bottom: -170px;}
	#step-1 p {font-size: 20px;}
	#step-1 p span{font-weight: normal;}
	.blk-cards {width: 12%;margin: 0;}
	.card{width: 70px;height: 107px;}

	#header-right-content{max-width: 200px;justify-content: flex-start;}
	#header-title{font-size: 36px;}
	#header-subtitle{margin-bottom: 0;margin-top: 5px;}
	#header-subtitle .tiny{display: inline-block;}
	#valide #header-subtitle,#interdiction #header-subtitle{margin-top: 145px;}
	#valide .header-subtitle, #interdiction .header-subtitle{font-size:25px ;}
	#header-subtitle-2{font-size: 25px;margin-bottom: 0;margin-top: 15px;}
	#header-subtitle-2 div {display: inline-block;}

	#landing.step-2 #header-bottom-content{min-height: 96px;}
	#header-text-step-2{font-size: 26px;}

	#tchat-window{left:70px}
}


@media (min-width:908px){
	#steps{padding:0;}
	#steps p .break-line{display: inline;}

	#tchat-container.border-top-gray{border: 0 none;}

	#about-container p{text-align:justify;}
	#bg-white p{text-align:justify;}

	#valide .header-titre-medium,#interdiction .header-titre-medium{font-size: 38px;}
}

@media (min-width:992px){
	#step-1 p{font-size: 24px;margin-top: 25px;}

	#header-subtitle{font-size: 24px;}
	#header-subtitle .tiny{font-size: 16px;}
	.card{width: 91px;height: 136px;}
	#header-bottom-content {min-height:256px;}

	/* #tchat{width: calc(100% - 590px);position:relative;background-color: transparent;} */
	/* #steps-container,  #step-2,#step-2-container,  #landing #tchat{height: 100%;width:100%}

	#steps{padding:0;;background-size: cover;width: calc(100% - 590px)}
	#steps-container {padding-top: 0; padding-bottom: 0;} */

	#titles-tchat-title{display: none;visibility: hidden;}
	#tchat-text-desktop{visibility: visible;position:absolute;left: 0;bottom: 0;min-height: 108px;width: 100%;padding: 5px 3px;background-color: rgba(177, 73, 88, 0.63);font-size: 30px;color:#FFF;display:flex;justify-content: center;align-items: center;font-family: "Jacques Francois", 'Times New Roman', Times, serif, sans-serif;}

	#tchat-window{max-width: 400px;}
	#tchat-container{padding: 0;}

	#tchat-window{border-color: #244175;}
	#is-typing-container {padding: 10px 0 10px 30px;border-color:#244175}

	#tchat-loader, #tchat-content{min-height: 400px;max-height: 400px;}

	#landing .tchat-avatar{display: none;visibility: hidden;}
	#tchat-content .tchat-msg{order:1; margin-left:5px;}
	#tchat-content .tchat-msg::before {display: none;width: 0px;content: initial;}
	#cards-animation-subtitle{max-width: 285px;margin: 0 auto;}

	.zodiac-text {font-size: 7px;}

	.info-presence{margin-top: 10px;}
	#response #call-mailing .info-presence{margin-top: 5px;}

	/* news 02/2025 */
	#valide #container-top,#interdiction #container-top{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;position: relative;}
	#valide #header-container,#interdiction #header-container{position: initial;}
	#valide #header-title,#interdiction #header-title{right: inherit;left: 0;max-width: 575px;}
	#valide #header-subtitle, #interdiction #header-subtitle{font-size: 34px;letter-spacing: 2px;margin-bottom: 16px;}
	#valide #header-text,#interdiction #header-text {font-size: 27px;min-height: 108px;display:flex;justify-content: center;align-items: center;flex-direction: column;}
	#valide #header-text, #interdiction #header-text{font-size:30px;align-items: flex-end;}
	#valide #header-text-1, #valide #header-text-2, #interdiction #header-text-1, #interdiction #header-text-2 {width: calc(100% - 590px);font-size: 23px;}

	#tchat{width: calc(100% - 590px);position:relative;background-color: transparent;background: no-repeat center top url(../images/bg-tchat.png);background-position-x: right;background-position-y: bottom;background-size: cover;}
	#steps-container,  #step-2,#step-2-container,  #landing #tchat{height: 100%;width:100%}

	#valide #steps,#interdiction #steps{padding:0;;background-size: cover;width: calc(100% - 590px)}
	#valide #steps-container,#interdiction #steps-container {padding-top: 0; padding-bottom: 0;}

	#valide #titles-tchat-title,#interdiction #titles-tchat-title{display: none;visibility: hidden;}
	#valide #tchat-text-desktop,#interdiction #tchat-text-desktop{visibility: visible;position:absolute;left: 0;bottom: 0;min-height: 108px;width: 100%;padding: 5px 3px;background-color: rgba(177, 73, 88, 0.63);font-size: 30px;color:#FFF;display:flex;justify-content: center;align-items: center;font-family: "Jacques Francois", 'Times New Roman', Times, serif, sans-serif;}

	#tchat-window{max-width: 400px;}
	#tchat-container{padding: 0;}

	#tchat-window{border-color: #244175;}
	#is-typing-container {padding: 10px 0 10px 30px;border-color:#244175}

	#tchat-loader, #tchat-content{min-height: 400px;max-height: 400px;}

	#landing .tchat-avatar{display: none;visibility: hidden;}
	#tchat-content .tchat-msg{order:1; margin-left:5px;}
	#tchat-content .tchat-msg::before {display: none;width: 0px;content: initial;}
	#cards-animation-subtitle{max-width: 285px;margin: 0 auto;}

	.no-display-mob{display:block}
	.no-display-desk{display:none}
	.blk-info-presence {top: 600px;}
	#call-group {padding-top: 115px;}

	#tchat-window{left: 10px;}
}

@media (min-width:1000px){
	#header-medium-container{transform:translate(-50%, -65%)}
	/* #steps h1{font-size:38px}
	#steps p{font-size:18px} */

	#tarot-cards .tarot-cards-content.tarot-card-5 {display: block;visibility: visible;}
	#tchat-content .tchat-para.is-cards .tchat-msg{max-width: 456px;}

	.border-container-top{border-top:1px solid #AA54B7; border-left:1px solid #AA54B7; border-right:1px solid #AA54B7}
	/* .border-container-middle{border-left:1px solid #AA54B7; border-right:1px solid #AA54B7} */
	.border-container-bottom{border-bottom:1px solid #AA54B7; border-left:1px solid #AA54B7; border-right:1px solid #AA54B7}

}
@media (min-width:1200px) {
	#step-1 {width: 76%;left: 12%;}
	.card{width: 100px;height: 153px;}
	#cards-animation-subtitle{margin: 0 auto 20px;}
	#header-bottom-content {min-height: 274px;}
	#header-right-content {max-width: 216px;}
	#header-subtitle {font-size: 26px;margin-top: 30px;}
	#header-subtitle .tiny {font-size: 18px;}
	/* #header-subtitle-2 {font-size: 21px;} */
	#header-subtitle-2{margin-top: 55px;}
	#landing.step-2 #header-bottom-content {min-height: 200px;display: flex;flex-direction: row;align-content: center;align-items: center;justify-content: center;flex-wrap: nowrap;}
	#header-text-step-2 {font-size: 32px;}
	#header-subtitle-2{font-size: 31px;}
	.header-titre-medium{font-size: 35px;}
	.custom-audio-player{max-width: 220px;}
	.audio-timeline-container{max-width: 252px;}
	.header-subtitle{font-size: 28px;}

	#tchat-window{right: -70px;}
}

@media (max-width:600px) {
	#header-subtitle-2 {font-size: 19px;}
	#tarot-cards .tarot-card-wrap{width: 70px;height: 102px;}
}
@media (max-width:599px) {
	#confirm .blk-left{padding-left: 7%;}
}
@media (max-width:430px) {
	#confirm .blk-left{padding-left: 0;}
}
@media (max-width:360px) {
	#header-subtitle-2 {font-size: 14px;}
	.header-tchat-title {font-size: 18px;}
	#tarot-cards .tarot-card-wrap{width: 60px;height: 92px;}
}