@font-face { font-family: 'cambo'; src: url('fonts/cambo/cambo-regular.woff') format('woff'), url('fonts/cambo/cambo-regular.woff2') format('woff2'), url('fonts/cambo/cambo-regular.svg#cambo-regular') format('svg'), url('fonts/cambo/cambo-regular.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'ZenAntiqueSoft-Regular'; src: url('fonts/zen/zenantiquesoft-regular.eot'); src: url('fonts/zen/zenantiquesoft-regular.eot?#iefix') format('embedded-opentype'), url('fonts/zen/zenantiquesoft-regular.ttf') format('truetype'), url('fonts/zen/zenantiquesoft-regular.svg#zenantiquesoft-regular') format('svg'), url('fonts/zen/zenantiquesoft-regular.woff2') format('woff2'), url('fonts/zen/zenantiquesoft-regular.woff') format('woff'); } @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: 'istok'; src: url('fonts/istok-web/istokweb-regular-webfont.woff') format('woff'), url('fonts/istok-web/istokweb-regular-webfont.woff2') format('woff2'), url('fonts/istok-web/istokweb-regular-webfont.svg#istokweb-regular-webfont') format('svg'), url('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('fonts/jacques-francois/jacquesfrancois-regular.woff') format('woff'), url('fonts/jacques-francois/jacquesfrancois-regular.woff2') format('woff2'), url('fonts/jacques-francois/jacquesfrancois-regular.svg#jacquesfrancois-regular') format('svg'), url('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('fonts/inter-classic/inter-variable.woff') format('woff'), url('fonts/inter-classic/inter-variable.woff2') format('woff2'), url('fonts/inter-classic/inter-variable.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } html { --white: #FFF; --black: #000; --purple: #9c4efe; --blue: #263C6A; --blue-light: #57a5e2; --green: #9bd1c3; --green-light: #ebfdf7; --green-dark: #4ba18b; --red-dark: #9c2245; --pink:#ff387d; --pink-light:#f9e3ea; } div{ --text-color-header-title: #263C6A; --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: #FAF7F1; --text-color-tchat-msg: #263C6A; --box-shadow-color-tchat-msg: #9d9d9d; --text-color-medium-msg: #263C6A; --box-shadow-color-zodiac:#666; --text-color-zodiac: var(--pink); --border-color-is-typing-container: #50AEDF; --bg-color-btn-typing: #648EE6; --text-color-btn-typing: #FFF; --bg-first-spinner-is-typing : #648EE6; --bg-second-spinner-is-typing : #648EE6; --bg-color-btn-send-msg: #ffefef; --text-color-btn-send-msg: var(--white); --bg-color-loader-audio: #263C6A; } .dots{ --bg-color-dots: #263C6A; } #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: #9d9d9d; --text-color-medium-msg: #263C6A; } #valide .dots{ --bg-color-dots: #106491; } #container-mailing{ --border-color-container-mailing: #91D1FF; } .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: #2a3c67; --text-color-phone-ico: #2a3c67; --text-color-phone-number: #2a3c67; --border-color-phone-number: #2a3c67; } #boutique-phone-svg{ --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; } @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;} .bg-white{background-color: #FFF;} /* header */ #header-container{position: relative;font-family: "istok" , 'Times New Roman', Times, serif, sans-serif;} #header-title{position: absolute;left:10px;top:10px;width: 100%;font-size: 16px;font-weight: 400;text-align: left;color:#66470F;font-size:28px} #header-bottom-content{position: absolute;bottom:0px;width: 100%;background: rgba(38, 60, 106, 0.5);border-bottom-right-radius:20px;border-bottom-left-radius:20px;} #header-subtitle{margin-bottom:10px;font-size: 22px;} #header-text{width: 100%;padding:5px 0 5px 10px;font-size: 15px;color:#fff} #header-text-1{font-size: 16px;font-style: normal;font-weight: 400;color:#fff} #header-text-2{font-size: 19px;font-style: normal;font-weight: 400;color:#fff;font-family: 'istok', Times, serif;text-align: center;} #header-text-2 span{display: inline-block;font-size: 16px;color:#fff} #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{font-family: Arial, sans-serif;font-size:16px;font-weight:normal;font-style:normal} /* step */ /* #steps{background-color: #FFF;} */ #steps h1{margin:0 0 10px;font-family: Georgia, 'Times New Roman', Times, serif;font-size:28px; color:var(--text-color-header-title)} #steps p{margin-top: 10px;font-size:14px} #steps p:last-child{margin-top:3px} #step-2{opacity:0.6;transition:opacity 1s ease-out;} #step-2.opened{opacity:1;} /* form */ .flex-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .flex-group div {width: 20%;margin-left: 7px;} .form-condition{font-size:12px} #btn-container{padding:10px 0} #request-lead{width:100%;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, #9c4efe));} /* 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{padding:65px 0 0;} #valide #call, #interdiction #call{padding:0;} #call #picture-medium{max-width: 300px;border-radius: 15px;border: 1px solid #263C6A;width:100%} .blk-dispo-top{margin: 0 auto 60px;max-width: 380px;padding: 0 10px;} .blk-dispo{margin: 60px auto;max-width: 380px;padding: 0 10px;} .blk-display-tel{margin: 0 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%} .blk-type-tarif{margin-top: 30px;margin-bottom: 20px;text-align: center;} /* #call .title1-top{color:#251904;font-size:27px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;padding-bottom: 40px;} #call .title2-top{color:#C88D52;font-size:22px;text-align: center;width: 100%;margin-top:5px;margin-bottom:40px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;} */ /* #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: 10px 0;margin: 0 auto;border-radius: 10px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: #263C6A;font-weight: normal;font-size: 24px; border: 1px solid #263C6A;} */ /* .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} .point-vert{background-color: #00D42F;width: 16px;height: 16px;border-radius: 50%;margin-right: 8px;border: 1px solid #fff;} .tarification2{color:#263C6A;text-align: left;margin: 0 auto;font-size:16px;font-weight: 500;padding-top: 40px;} .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;} .border-black{color: #000000;border: 1px solid #000;width: 65%;margin: 60px auto 40px;} .border-black-bottom{color: #000000;border: 1px solid #000;width: 65%;margin: 0px auto 40px;} /* #call-pratical{width:100%;max-width: 380px;margin: 0 auto; padding: 0 10px;} #call-pratical p {margin: 0 0 15px;color:#263C6A;font-size: 16px;} */ .bottom-subtitle{font-family: 'istok', Times, serif;font-size: 20px;color: #263C6A;margin-bottom: 15px;font-weight: bold;} /* 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} .info-presence{color:#263C6A;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;} .border-chevron{fill: #111;min-width: 25px;max-width: 25px;} /* boutique section */ #boutique .blk-boutique{width:90%;;max-width: 370px;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, sans-serif;font-size: 18px;color:#1360C0;max-width: 300px;min-width: 245px; margin:0 auto 80px 0;display: inline-block;font-size: 19px;padding:7px 15px} /* .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: 8px;padding: 4px 0;border-radius: 5px;background: linear-gradient(90deg, #263C6A 0%, #1F4888 24%, #0A6FE5 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: #FFF;width: 52px;text-align: center;font-size: 14px;} #boutique-btn-call{width:100%;padding:15px 0;text-align:center;border-radius: 5px;background: linear-gradient(90deg, #263C6A 0%, #1F4888 24%, #0A6FE5 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: 50px;} #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:#0D6EE0} #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} /* blk info */ .info .blk-dispo h4{font-size: 20px;font-weight: bold;padding-left: 20px;padding-bottom: 30px;color:#A0306E} .info .blk-dispo .blk-info{display: flex;justify-content: center;flex-direction: row;flex-wrap: nowrap;align-content: space-around;align-items: flex-start;padding-bottom: 20px;color:#263C6A} .info .blk-dispo .blk-info a{color:#263C6A} .info .blk-dispo .blk-info-left{padding-left:10px} .info .blk-dispo .blk-info-left h4{padding-left:0} /* call-pratical */ #call-pratical h4{font-size: 20px;font-weight: bold;padding-bottom: 30px;color:#A0306E} #call-pratical .blk-info{display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;padding-bottom: 5px;color:#263C6A} #call-pratical .blk-info a{color:#263C6A} #call-pratical .blk-info-left{padding-left:10px} #call-pratical .blk-info-left h4{padding-left:0} #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-ban-container{width: 90%;max-width: 370px;margin: 0 auto;} #footer-title{color:#222;font-size:27px;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;} #footer-subtitle{color:#C88D52;font-size:22px;width: 100%;margin-top:5px;margin-bottom:40px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;} #footer-link{background-color: #F7CFDD;} footer #list-container {display: flex;flex-direction: row;justify-content:space-around;align-items:center;padding:10px 0;background: rgb(166,214,251);background: linear-gradient(90deg, rgba(166,214,251,1) 0%, rgba(81,119,223,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);} .info{padding-bottom: 25px;} /* 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;border-radius: 0px 0px 25px 25px;} #tchat-container{padding:15px 0 0 ;} #valide #tchat-container, #interdiciton #tchat-container{padding:10px 0 0;} #tchat-window{max-width: 600px;width: 95%;margin: 0 auto 10px;border: 2px solid #B0B0B0;border-radius: 25px;background-color: #FFF;overflow: hidden;background-image: url(../images/bg-tchat.png)} */ #tchat-header{padding:5px;background: #263C6A;border-bottom: 2px solid #B0B0B0;border-top-left-radius: 20px;border-top-right-radius: 20px;} #tchat-header-left {display: flex;align-items: center;gap: 10px;} #tchat-header-right {display: flex;align-items: center;gap: 0px;} #tchat-header-avatar{height: auto;overflow: hidden;} #tchat-header-statut{color:#FFF;font-weight: 600;font-size: 24px;display: flex;align-items: center;justify-content: space-between} #tchat-header-name{color:#FFF;font-weight: 600;font-size: 24px;font-family: 'jacques-francois', Times, serif;padding-top: 20px;} #tchat-header-vocal{color:#FFF;font-size: 15px;font-weight: 600;} #tchat-header .blk-medium-tchat{display: inline-flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;padding-left: 20px;} #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;} .title-bottom-tchat{color:#251904;font-family: 'jacques-francois', Times, serif;font-size: 22px;padding: 55px 20px 0;} #loader-text{font-size: 18px;} #tchat-content {overflow-y: auto;} /* #valide #tchat-content .tchat-msg, #interdiction #tchat-content .tchat-msg{background-color: #ABDAFC;} */ #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: 63%;background: transparent;box-shadow: none;} #valide #tchat-content .is-audio .tchat-msg.display-desk, #interdiction #tchat-content .is-audio .tchat-msg.display-desk{width: 57%;background: transparent;box-shadow: none;} #tchat-content .tchat-para .prenom-consult-tchat {color: var(--text-color-medium-msg);font-size: 14px;display:inline-block} #tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;} /***/ #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;} #tchat-content .tchat-para .check-tchat-container{display: block;margin: 4px 0;} .check-tchat-container .check-tchat{margin-right: 8px} .check-tchat-container label{font-size: 12px;font-weight: lighter;width: calc(100% - 20px);font-family: 'istok', Arial, Helvetica, sans-serif} .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;} #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 */ #cards-animation{display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: center;align-content: center;position: absolute;bottom:-140px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 432px;} .step-2 #cards-animation{padding-top: 20px;} .blk-cards{width: 20%;perspective: 600px;} .card{position: relative;width: 85px;height: 130px;cursor: pointer;transform-style: preserve-3d;transform-origin: center right;transition: transform 0.45s ease-in-out;margin: 10px auto;border-radius: 5px;} /* width: 80px;height: 132px */ .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: 15px;border:1px solid var(--bg-color-btn-cards);box-shadow: -1px 8px 11px 0px rgba(166,166,166,0.75); -webkit-box-shadow: -1px 8px 11px 0px rgba(166,166,166,0.75); -moz-box-shadow: -1px 8px 11px 0px rgba(166,166,166,0.75);} .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;} .card-chosen .face-card{animation:anim-face-card;animation-delay:0.50s;animation-duration: 0.40s;animation-iteration-count: 1;animation-timing-function: ease-out;} .form-group{margin-bottom:10px} .header-text-container {padding-top:20px} .header-text-container h3{font-family: "istok", Arial, Helvetica, sans-serif;font-weight: bold;color:#fff;font-size:17px;line-height: 25px;} .step-2 #manage-titles-next-top{padding-top: 80px;color: #fff;font-size: 19px;} #landing #header-picture-container.step-2{min-height: 480px;} .step-2 .card{width: 85px;height: 125px;} #landing #tchat-content .tchat-para.is-cards .tchat-msg{text-align: left;opacity: 1;transform: scale(1);background-color: transparent;} #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%;} #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: 16px;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 start */ /* #tchat-content .tchat-para.is-audio .tchat-msg{background-color: transparent;} #tchat-content .tchat-para.is-audio .tchat-msg::before{border: 0 none} */ /* .custom-audio-player {display: flex;flex-direction: column;align-items: center;border-radius: 25px;min-width:220px;max-width: 250px;} */ /* .audio-visualizer-row {display: flex;align-items: center;width: 100%;border-radius: 15px;border-radius: 5px;padding: 6px 0px 6px 8px;box-shadow: none;background: none} */ /* .audio-visualizer-row {display: flex;align-items: center;width: 100%;border-radius: 15px;border-radius: 5px;padding: 6px 0px 6px 8px;box-shadow: var(--box-shadow-color-tchat-msg) 1px 1px 2px 0px;background: rgb(227,213,185);background: linear-gradient(90deg, rgba(227,213,185,0.21) 0%, rgba(249,241,234,0.62) 100%);} */ /* .audio-icon {width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#204A8A;font-size:21px;z-index:5;} */ /* .audio-icon:hover{color: #263C6A;} .audio-icon .fa-play{margin-left:4px} .audio-visualizer-container {position: relative;flex: 1;height:34px;min-width:150px;overflow: hidden;margin-left: 11px;} */ .audio-visualizer-progress {position: absolute;width: 0%;height: 100%;background: #e0effd;z-index: 2;transition: width 0.1s linear;} .audio-visualizer-bars {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;gap: 1px;z-index: 3;padding: 3px 0;max-width: 138px; overflow: hidden;} .audio-visualizer-bars div {flex-shrink: 0;width: 1px; /* Largeur fine des barres */height: 100%; /* Barres sur toute la hauteur ; par défaut */background: #204A8A; /* Utilisé comme masque */} #valide .audio-visualizer-timing.display-desk, #interdiction .audio-visualizer-timing.display-desk {font-size:9px;font-weight:bold;color: #333;text-align: center;position: absolute;right: 60px;bottom: 6px;z-index:3} .audio-recording-animation {display: flex;justify-content: center;align-items: center;gap: 5px;height: 20px;width: 60px;} .audio-recording-animation .fa-microphone{color: #ff397c;margin-right: 3px;} .audio-recording-animation .recording-bar {display: inline-block;width: 5px;height: 10px;background-color: var(--bg-color-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.active{border-color: #50AEDF;} */ #input-tchat-content{width:100%} .input-tchat{width:90%;display:block;padding: 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 0 none;font-weight: normal;} .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: #648EE6;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: 70px;height: 105px;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 #content{background-image: none;background-color: var(--background-color-content, #f7fafd);} #reponse #content .container {padding: 0;} #response-container{padding: 0;} #container-mailing{border:5px 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 {padding: 10px 0;} #reponse #call-mailing {padding: 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-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:#333;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 #333;} .border-chevron-rgpd{width: 15px;fill: #333;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 module sur page valide (intl-tel-input) */ /* #rappel-form{ --rappel-border-color-form: #263C6A; --rappel-background-color-form: #FFF; --rappel-title-color:#263C6A; --rappel-subtitle-color:#333; --rappel-paragraph-color:#333; --rappel-button-color:#FFF; --rappel-button-background-color:#263C6A; --rappel-button-background-color-gradient-1:#254072; --rappel-button-background-color-gradient-2:#263C6A; --rappel-button-border-color:#263C6A; --rappel-button-shadow-color:#254072; } #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;padding: 10px;border: 2px solid var(--rappel-border-color-form); border-radius: 5px;background-color: var(--rappel-background-color-form);border-radius: 3px;box-shadow: 0 1px 4px 4px rgba(0,0,0,0.2);} #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{position: absolute;top:1px;right:1px;line-height: 1;font-size:14px} #rappel-form-close-btn .fa-times{cursor:pointer} #rappel-form-header * {font-family: 'Helvetica', 'Arial', sans-serif;} #rappel-form-header h2{font-size: 23px;font-weight: bold;letter-spacing: 0.5px;color:var(--rappel-title-color)} @media ((min-width:380px) and (max-width:400px)){ #rappel-form-header h2{font-size: 23px;} } #rappel-form-header h3{margin-top: 25px;font-size: 18px;font-weight: bold;} @media ((min-width:360px)){ #rappel-form-header h3{font-size: 20px;;} } #rappel-form-header h4{font-size: 18px;font-weight: bold;font-style: italic;} #rappel-form-header p{margin-top: 25px;font-size:16px;font-weight: normal;line-height: 1.2326521;color:#ff3838} #rappel-form-phone-container{margin-top:40px} #rappel-form-phone-container.responsed{margin-top:20px;padding-bottom:20px} #rappel-form-phone-response-msg p{font-family: 'Helvetica', 'Arial', sans-serif;padding:3px;font-size:16px;color: #155724;background-color: #d4edda;border-color: #c3e6cb;font-weight:normal} #rappel-form-phone-checkbox-container{margin: 30px auto 0;width:95%;} .rappel-form-phone-checkbox-content{display: flex;flex-direction: row;flex-wrap: nowrap;align-items:baseline;font-weight: normal;font-size: 13px;} .rappel-form-phone-checkbox-content input{margin:0 5px 0 0} .rappel-form-phone-checkbox-content label{margin:0;color: #333} .rappel-form-phone-checkbox-content label a{color:#337ab7;text-decoration: unbderline;} #rappel-form-phone-button, #rappel-form-phone-call-link{position:relative;overflow:hidden;font-family: Montserrat,sans-serif; font-size: 25px;width: 95%;padding: 2px 0;margin: 40px auto 0;text-transform: uppercase;font-size: 22px;letter-spacing:1px;color:var(--rappel-button-color, #FFF);background:linear-gradient(180deg, var(--rappel-button-background-color-gradient-1), var(--rappel-button-background-color-gradient-2));animation: infinite anim-rappel-form-button 2s cubic-bezier(0.42, 0.41, 0.13, 0.89);border:0 none;border-radius:12px;box-shadow: 0 2px var(--rappel-button-shadow-color), 0 3px 4px rgb(255 255 255 / 25%)} #rappel-form-phone-button::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); } */ #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)} */ /* 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: 0 0 12px;color:#263C6A;font-size:18px} #reponse {background-color: var(--background-color-content, #f7fafd);} #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;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-family: 'inter-classic', Arial sans-serif;font-size:24px;margin: 0 auto 20px;} #response #call-mailing .info-tarif{display: block;margin-top: 20px;padding-top:0;font-family: 'inter-classic', Arial sans-serif;color:#263C6A;font-size:16px;padding:15px;font-weight: normal;} #response #call-mailing .info-tarif-title{display: block;color:#2f63c3;font-size:22px;font-weight:bold} #response #call-mailing .info-tarif-subtitle{display: block;color:#2f63c3;font-size:18px;font-weight:bold} #response #call-mailing .info-tarif-promo{display: block;color:#000001;font-size:13px;font-weight:normal;margin-top: 10px;} #response #call-mailing .info-presence{display: block;color:#ff367e;font-size:14px;font-weight:bold;margin-top: 5px;} .no-display-mob{display: none;} .no-display-desk{display: block;} .no-display-desk2{display: block;} .call-img {margin: 20px auto 50px} #valide .call-img, #interdiction .call-img {margin: 40px auto 0} .call-img img{margin:0 auto} #call h2{font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;color:#251904;font-size:21px} .blk-tarif {padding:25px 0} .blk-type-tarif-1{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;padding: 20px 0 50px;} .blk-type-tarif-2{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;} .blk-type-tarif-1 span, .blk-type-tarif-2 span{display: block;color:#263C6A;font-size:16px;padding-left: 5px;padding-top: 5px;font-family: 'istok', Arial sans-serif;} #landing .title-tchat{font-size: 32px;color: #251904;font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;} #steps-container{text-align: center;padding-top: 10px;} #landing .subtitle-tchat{font-size:18px;color:#000;font-family: 'istok', Arial, Helvetica, sans-serif;padding: 20px 15px;} /* #valide .title-tchat, #interdiction .title-tchat{color: #FF367E;font-family: 'istok', Arial, Helvetica, sans-serif;font-size: 20px;text-align: center;padding:15px} #valide .subtitle-tchat, #interdiction .subtitle-tchat{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;align-items: center;border: 1px solid #F246CE;border-radius: 6px;max-width: 93%;margin: 0 auto;padding: 10px 20px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} */ #response .subtitle-tchat{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;align-items: center;max-width: 75%;margin: 0 auto;padding: 10px 20px;} #valide .subtitle-tchat1, #interdiction .subtitle-tchat1 {font-family: 'inter-classic', Arial, Helvetica, sans-serif;color:#000;font-size: 14px; } #response .subtitle-tchat1 {font-family: 'inter-classic', Arial, Helvetica, sans-serif;color:#000;font-size: 14px;border: 1px solid #F246CE;border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);padding: 10px 40px;} #response .subtitle-tchat2 {font-family: 'inter-classic', Arial, Helvetica, sans-serif;color:#000;font-size: 14px;border: 1px solid #F246CE;border-radius: 6px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);background-color: #D6EEFF;padding: 15px 40px;} #valide .subtitle-tchat1 span, #interdiction .subtitle-tchat1 span, #response .subtitle-tchat1 span{font-family: 'inter-classic', Arial, Helvetica, sans-serif;color:#FF367E;font-size: 14px;} #valide .subtitle-tchat2 a, #interdiction .subtitle-tchat2 a{color:#263C6A;font-family: 'istok', Arial, Helvetica, sans-serif;font-size:19px;} #response .subtitle-tchat2 a{color:#263C6A;font-family: 'istok', Arial, Helvetica, sans-serif;font-size:19px;} #valide .subtitle-code, #interdiction .subtitle-code, #response .subtitle-code {text-align: left;padding-right: 15px;padding-left: 15px;padding-top: 15px;padding-bottom:10px;color: #263C6A;font-size: 11px;} #valide #call h2, #interdiction #call h2{color: #251904;font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;font-size: 24px;padding-top: 20px;padding-bottom: 0;} #valide .name-top, #interdiction .name-top{color: #263C6A;font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;font-size: 20px;text-align: left;padding:15px} #valide .blk-type-tarif, #interdiction .blk-type-tarif{text-align: left;padding-left: 10px;} #valide .title-call, #interdiction .title-call{font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;font-size: 20px;color:#263C6A;padding:20px 0 50px} #reponse .info{padding: 25px 0;} #reponse #header-mailing-subtitle{font-family: 'inter-classic', Arial, Helvetica, sans-serif;color:#2b3a68;font-size:16px;} #reponse .blk-info-reponse1{color: #263C6A;max-width: 500px;text-align: left;margin: 40px auto;font-family: 'inter-classic', Arial, Helvetica, sans-serif;padding: 0 25px 10px;} #reponse .blk-info-reponse2{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;} #reponse .subtitle1{font-family: 'inter-classic', Arial, Helvetica, sans-serif;border: 1px solid #F246CE;border-radius: 5px;background-color: white;padding: 5px 45px;color:#000} #reponse .subtitle1 span{color:#FF367E} #reponse .subtitle2{font-family: 'inter-classic', Arial, Helvetica, sans-serif;border: 1px solid #F246CE;border-radius: 5px;background-color: #FDE3E6;padding: 15px 15px;color:#263C6A} #reponse .subtitle-code{color:#263C6A;font-family: 'inter-classic', Arial, Helvetica, sans-serif;text-align: left;padding: 5px 80px;font-size: 12px;} .bg-header-top{background: linear-gradient(90deg, rgba(172,78,230,1) 0%, rgba(242,74,198,1) 100%);height: 30px; width: 100%;box-shadow: 0px 3px 6px rgba(120, 120, 120, 0.75);} #confirm #header-mailing-subtitle {text-align: left;} #confirm #header-mailing-subtitle span{font-size: 13px;} #confirm #content-mailing h3 {color:#FF367E;font-family: 'inter-classic', Arial, Helvetica, sans-serif;font-size:19px;text-align: left;} #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;} .blk-type-tarif-1 span, .blk-type-tarif-2 span{max-width: 170px;width: 170px;display: block;color:#263C6A;font-size:14px;padding-left: 5px;padding-top: 5px;} .border-mobile {background: rgba(38, 60, 106, 0.50);height: 10px;} /* #call img{margin:0 auto;border-radius:15px;margin-top: 40px;} */ .blk-type-tarif span{color:#A0306E;font-size:20px;font-weight: bold;} #footer-ban-container img{padding-top: 10px;padding-bottom:40px} /* #confirm .blk-type-tarif-1{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;padding: 20px 0 50px;} #confirm .blk-type-tarif-2{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;} */ /* cookie consent */ #cookie-consent{position:fixed;font-size:13px;bottom:0;top:auto;z-index:10000000;width:100%;background-color: #444;padding: 10px} #cookie-consent *{color: #fefefe;line-height: 1em;margin:0} #cookie-consent a{font-weight: bold; text-decoration: underline;} #cookie-consent-content{width:100%;position:relative;} #cookie-consent-close{position: absolute;right: 0;top: 0;font-size:14px;cursor: pointer;} #cookie-consent p{padding: 0 12px;} /* header */ /* .home-slider{padding-left:10px;padding-right:10px} */ #header-astrowi a{color:#000} #header-astrowi a:hover{color:#FBB1BA} #header-astrowi a.link-green {color: #00D42F;} .nav>li.no-mob {display: none;} .navbar-default .navbar-toggle {border-color: #CE3959;} .navbar-default .navbar-toggle .icon-bar {background-color: #FE758F;} .logo-astrowi-typo{font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 27px;padding-left: 15px;color:var(--blue-header);} #header-astrowi .menu-top{display:block} #header-astrowi .menu-top #header-left{text-align:center} #header-astrowi #header-right{border-top: 2px solid var(--pink, #FBB1BA);display: flex;flex-wrap: wrap;align-content: center;justify-content: space-evenly;align-items: center;margin-top:10px} #header-astrowi .menu-top .navbar-header .navbar-toggle{float:inherit;margin: 0} #header-astrowi .menu-top .navbar-header{float:left;} #header-astrowi .menu-top #header-right span.as-3x{font-size:2em} #header-astrowi #header-right{padding-top:20px} #header-astrowi #header-right p{margin: 0;display:none} #header-astrowi #header-right{padding-top:0;padding-bottom:0} #header-astrowi #header-right span{border: 1px solid var(--color-border-res-sociaux);border-radius: 50%;margin: 0 3px;} #header-astrowi #header-left{margin-top: 10px;} #header-astrowi .logo-astrowi{width: 150px;} .header3 .header-main {padding-top: 0;} .header3 .sticky-top .header-main{padding-top: 0;} .xs-border-bottom-yellow-5x{border-bottom: 0;} #header-astrowi .menu-top #header-right span.as-3x{font-size: 1.8em;} #header-astrowi.header3 .sticky-top{background-color: var(--white);} #header-astrowi .navbar-default{background: transparent;} #header-astrowi .navbar-collapse.collapse{border-top: 2px solid #000;border-bottom: 2px solid #000;background: white;} .header3 .navigation-wrapper{background: 0 none;} .navbar-default .navbar-nav>li>a{color:var(--blue-header);font-family: 'IstokWeb-Regular',sans-serif;font-size:20px} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{background-color: transparent;color:var(--pink)} .media-picture{float:none !important} .media{margin-top: 0;} .media>.pull-left{margin-right: 0;} .media-body{padding-top:10px} .media-heading{text-align: left;padding: 0 5px} .featured-area .random-posts p{text-align: left;padding: 0 5px} .ctn-articles-top{display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: flex-start;} .random-posts{width:50%;padding: 0 1px;} .featured-area .random-posts .media-object{max-width: 95%;margin:0 auto} .header3 .logo-wrapper{background: transparent;} /* header */ #landing #header-picture-container{background: #fff url(../images/bg-header-mobile.png) no-repeat scroll top center;background-size: cover;min-height: 173px;background-position: top left;} #valide #header-picture-container, #interdiction #header-picture-container{background: 0 none;} #header-medium-picture{max-width: 126px;margin: 0 auto;} #header-illustrated-photo{position: absolute;right:5px;bottom:3px;color:#ccc;font-size:10px} #header-text-container{color: #fff;margin: 0 auto;text-align: center;width: 100%;} #header-text-container h2{font-size: 16px;} #header-title-medium-container h2{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:16px; text-align: center;padding-bottom: 20px;padding-top: 40px;} #header-title-medium-container h3{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:20px; text-align: center;font-weight: bold;} #header-title-medium-container h3 span{display: block;} #header-border-container{border-bottom:2px solid #fff;margin-top: 25px;margin-bottom: 25px;} #bg-form h2{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:16px; text-align: center;padding-top: 20px;} #bg-form h3{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:20px; text-align: center;font-weight: bold;margin-top:10px} #bg-form h3 span{display: block;} #bg-form #etap-2 h3 {margin-bottom:40px} #bg-form #etap-2 h3 span{display: block;} /* formulaire */ #emvForm .form-control{border:1px solid #FF66C4;border-radius:15px;font-weight: normal;} #emvForm .form-control::placeholder{font-weight: normal;} /* form */ .flex-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} /* Style de base du span */ .custom-checkbox-span { display: inline-block; width: 12px; /* Taille de la "checkbox" */ height: 12px; border-radius: 50%; /* Rond */ border: 1px solid #4E73DE; /* Bordure */ background-color: white; /* Fond blanc */ margin-right: 8px; /* Espacement avec le texte */ position: relative; cursor: pointer; /* Indicateur interactif */ } /* Style quand la checkbox est cochée */ input.custom-checkbox:checked + label .custom-checkbox-span { background-color: #4E73DE; /* Couleur de remplissage */ border-color: #4E73DE; /* Harmonisation de la bordure */ } /* Style pour un effet de "check" visuel */ .custom-checkbox-span::after { content: ''; display: none; width: 50%; /* Taille du "check" */ height: 50%; background-color: white; /* Couleur du "check" */ border-radius: 50%; /* Cercle parfait */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Afficher le "check" lorsque la checkbox est cochée */ input.custom-checkbox:checked + label .custom-checkbox-span::after { display: block; } /**** PAGE ****/ #landing #bg-form{width: 100%;min-height:350px;padding: 0;margin: 0 auto;font-weight: bold;} #etap-2, #etap-3{animation: fadeIn 500ms ease-in-out;} .subtitle-form{background: rgba(94, 97, 126, 0.7);} #landing .subtitle-form h2{font-size: 30px;margin: 0 0 10px;letter-spacing: 1px;color: #ff9933;padding: 20px;margin-top: 15px;font-weight: bold;} #content-picture{margin-bottom:10px} #landing .blk-signes{max-width:570px;width:98%;margin:0 auto;margin-top: 90px;margin-bottom: 50px;} #landing .blk-signes .zodiac-ctn{padding:0 5px;} #landing .blk-signes #blk-belier .ic-belier {color: #e9be5c;} #landing .blk-signes #blk-belier .zodiac-text.belier{color: #e9be5c;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-taureau .ic-taureau {color: #d96281;} #landing .blk-signes #blk-taureau .zodiac-text.taureau {color: #d96281;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-gemeaux .ic-gemeaux {color: #69b0a8;} #landing .blk-signes #blk-gemeaux .zodiac-text.gemeaux {color: #69b0a8;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-cancer .ic-cancer {color: #6c2d60;} #landing .blk-signes #blk-cancer .zodiac-text.cancer {color: #6c2d60;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-lion .ic-lion {color: #6ab1a9;} #landing .blk-signes #blk-lion .zodiac-text.lion {color: #6ab1a9;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-vierge .ic-vierge {color: #e6bc5c;} #landing .blk-signes #blk-vierge .zodiac-text.vierge {color: #e6bc5c;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-balance .ic-balance {color: #6f2c5c;} #landing .blk-signes #blk-balance .zodiac-text.balance {color: #6f2c5c;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-scorpion .ic-scorpion {color: #d76280;} #landing .blk-signes #blk-scorpion .zodiac-text.scorpion {color: #d76280;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-sagittaire .ic-sagittaire {color: #d46480;} #landing .blk-signes #blk-sagittaire .zodiac-text.sagittaire {color: #d46480;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-capricorne .ic-capricorne {color: #742f61;} #landing .blk-signes #blk-capricorne .zodiac-text.capricorne {color: #742f61;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-verseau .ic-verseau {color: #6bb2ab;} #landing .blk-signes #blk-verseau .zodiac-text.verseau {color: #6bb2ab;font-size: 14px;font-weight: normal;} #landing .blk-signes #blk-poissons .ic-poissons {color: #e9ba5c;} #landing .blk-signes #blk-poissons .zodiac-text.poissons {color: #e9ba5c;font-size: 14px;font-weight: normal;} #landing .blk-signes .zodiac{padding-top: 10px;cursor: pointer;padding-bottom:0;font-size:48px;animation: displaySigns 500ms ease-in-out;} /****/ /**** formulaire ****/ .form-control{color:#999999;} #landing .form-container{margin: 0 auto;padding: 20px;border-radius: 30px;margin: 20px auto 40px;max-width:370px;width:80%;border:1px solid #FF66C4} #landing .form-box{width: 290px;margin: 0 auto;margin-top: 10px;} #landing .border-white-form{max-width:400px;width:100%;margin: 0 auto;border-bottom:1px solid #fff} #landing .btn-suivant, #landing .btn-submit{position:relative;overflow: hidden;padding:3px 0;width:80%;margin-top:10px;border:1px solid #666;color:#FFF;font-family:"inter-classic", "Arial",sans-serif;font-weight: bold;font-size: 20px;border-radius: 25px;height: 45px;line-height: 35px;background: #FDA8FF;text-transform: uppercase;box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75); -webkit-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75); -moz-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);} #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)}} /**** placeholder ****/ #prenom::-webkit-input-placeholder, #partenaire::-webkit-input-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;} #prenom::-moz-placeholder, #partenaire::-moz-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;} #prenom:-ms-input-placeholder, #partenaire:-ms-input-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;} #prenom:-moz-placeholder, #partenaire:-moz-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;} /* input[type=text], input[type=email], select, option, textarea {text-align: center;text-align-last: center;color:#999999;font-weight: normal;} textarea {text-align: left;color:#999999;} */ #emvForm .form-control,#emvForm .form-control::placeholder{color:#333;font-weight: bold;text-align: center;text-align-last: center;font-family: "Arial", "Times", sans-serif;} /* reponse */ /* #reponse #call-mailing{background-color: #fdf6fd;} */ #reponse #header-mailing-subtitle {margin: 35px auto;} #reponse {background-color: var(--background-color-content, #f7fafd);} #reponse .text-footer{text-align: center;font-family: 'inter-classic', Arial sans-serif;font-size:16px;padding:10px 0 30px 0} #reponse header h1{background-color: #ABDAFC;padding: 10px;} #reponse #call-mailing .info-presence{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:14px;font-weight: bold;} #reponse #call-mailing .info-tarif{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:17px;font-weight: bold;font-size:24px;padding-top:25px;} #reponse #call-mailing .info-tarif-text1{padding-bottom:20px;letter-spacing: 2px;} #reponse #call-mailing .info-tarif-text2{line-height: 36px;padding-bottom:10px;font-weight: normal;color:#263C6A;letter-spacing: normal;} #reponse #call-mailing .info-tarif-suite{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:15px;font-weight: bold;} #reponse #call-mailing #phone-number-container-response {font-family: 'inter-classic', Arial sans-serif;font-size:32px;font-weight: bold;color:#902255;margin: 25px auto;display: block;} #confirm .info-tarif{font-family: 'inter-classic', Arial sans-serif;} #confirm .info-tarif-text1{font-family: 'jacques-francois', Times, serif;color:#A32E68;font-size: 32px;font-weight: 300;} #confirm .info-tarif-text2{font-family: 'inter-classic', Arial sans-serif;color:#A32E68;font-size: 20px;font-weight: 300;line-height: 26px;letter-spacing:0} #confirm .info-tarif-suite{font-weight: normal;} #reponse #confirm #call-mailing{background-color: #fff;} #confirm #call-mailing {padding-top: 50px;} #confirm #call-mailing h4{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:20px} #confirm .blk-tel{padding-top:0;padding-bottom: 10px;} #confirm .blk-display-tel{max-width: 350px;} #confirm .display-dispo-valide{padding-top:0} #confirm .text-footer-emailing{color: #263C6A;max-width: 350px;margin: 0 auto;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;padding:20px 30px 0} #confirm #footer-mailing{padding-bottom: 50px;} .display-top{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;padding-top: 10px;width: 100%;margin: 0 auto;font-size:15px;font-family: 'inter-classic', Arial sans-serif;} .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:13px;font-family: 'inter-classic', Arial sans-serif;} .bg-display-amour{color: #263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} .bg-display-rencontre{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} .bg-display-mariage{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} .bg-display-finances{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} .bg-display-exconjoint{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} .bg-display-famille{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;} #confirm #container-mailing {border: 2px solid #D0A7C5;} #confirm .blk-link {position: relative;} #confirm .blk-link-text {position: absolute;color: #fff;width: 100%;top: 5px;font-weight: bold;font-size:12px} /* infos */ .title1-top{color:#A0306E;font-size:30px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;letter-spacing: 3px;} .title2-top{font-family: 'inter-classic', Arial sans-serif;font-size: 18px;margin-top: 0;margin-bottom: 0;text-align: center;color: #000; padding-bottom: 10px;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-weight: lighter;} .title2-top span{margin-left:10px} .title3-top{color:#263C6A;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;text-align: left;font-weight: normal;} .blk-dispo{margin: 0 auto;width: 85%;max-width: 400px;padding-top: 60px;} .blk-display-tel{margin: 0 auto;width: 85%;max-width: 400px;margin-bottom:50px} .blk-domaines{margin: 0 auto;width: 85%;max-width: 400px;padding-top: 60px;} .tarification{font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#000;font-weight: 200;text-align: left; margin: 0 auto;font-weight: lighter;} /* .blk-tel{text-align: center;margin: 0 auto;padding-top: 80px;padding-bottom: 35px;} */ .display-tel{font-family: 'inter-classic', Arial sans-serif;font-weight:bolder;color: #fff;font-size: 20px;padding: 10px 40px; border-radius: 10px;box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75); -webkit-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75); -moz-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);background: rgb(142,64,123); background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);display:block} .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: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#263C6A} .point-vert{background-color: #00D42F;width: 10px;height: 10px;border-radius: 50%;margin-right: 20px;} .tarification2{font-family: 'inter-classic', Arial sans-serif;color:#AA54B7;text-align: left;margin: 0 auto;font-size:16px;font-weight: normal;padding-top: 30px;} .display-dispo-valide{text-align: center;width: 70%;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: 16px;color:#263C6A;padding: 75px 0 10px;} #about {padding: 10px 0 80px;} .no-padding {padding:0} /* boutique */ .title-boutique{border: 1px solid #4E73DE;width: 40%;margin: 0 auto;border-radius: 15px;background: #F7FAFD;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;color:#263C6A;padding: 7px;margin-bottom:20px;max-width: 300px;margin-left:45px;text-align: left;padding-left: 5%;font-weight: normal;} .type-tarif{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: flex-start;align-items: center;border: 1px solid #e9b2da;border-radius: 10px;width: 100%;margin: 0 auto;padding: 3px;margin-bottom:5px;max-width: 370px;} .blk-img{width: 25%;padding-left: 2px;} .blk-img img{width: 68px;height:63px;border-radius:5px} .tarif{text-align: left;font-family: 'inter-classic', Arial sans-serif;padding-left: 10px;} .details-tarif{font-size:13px} .color-blue{color:#263C6A} .color-grey{color:#de78bd} .color-black{color:#000} #boutique{padding: 10px 0 180px;} /* RGPD */ .container-rgpd{width:95%;max-width:740px;font-size:11px} .container-rgpd p{color:#2a343b} .pad-15{padding:15px} .form-condition{font-size:13px;position: relative;} .form-condition label{color:#000;line-height: inherit;font-size:10px;font-weight: lighter;font-family: 'istok',Arial, Helvetica, sans-serif;} .form-condition label a{color:#000} /* valide */ #valide #header-title-medium-container h2{font-family: 'jacques-francois', Arial sans-serif;letter-spacing: 3px;font-size: 20px;} #tchat-header{margin:0 auto;max-width: 600px;width: 90%;background: rgb(142,64,123);background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);color:#fff;border-top-left-radius: 25px;border-top-right-radius: 25px;border: 1px solid #8B4079;height:65px} #tchat-header .title-tchat{padding-left: 25px;padding-top:0;padding-bottom:7px;font-size:18px;font-family: Arial, Helvetica, sans-serif;text-align: left;} #tchat-header .title-tchat span{padding-left: 15px;text-transform: capitalize;} #tchat-header .title-tchat img{width: 60px;} #content .container-tchat {padding-top: 40px;} /**** TCHAT ****/ #tchat-window{margin:0 auto;width:90%;max-width: 600px;height:660px;background-color: #fff;border:1px solid #8B4079;box-shadow: 0 0 2px 1px rgb(0, 0, 0, 0.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-bottom: 20px;} #blk-z-input{position: relative;top:-25px} #tchat-text{overflow:auto;height:605px} #tchat-loader #loader-text{font-weight: bold;font-size: 20px;padding-top:10px} #tchat-content{font-family: "Times New Roman", "Arial", serif;} #tchat-text .para {padding: 5px 5px 5px 0;animation: fadeIn 300ms;margin-left: 15px;} #tchat-text .para .img-circle {width:70%;margin-left:5px} #tchat-text .para .prenom-consult-tchat{color: #911010;font-size: 16px;display:inline} #tchat-text .para .prenom-consult-tchat::after{content: ' :'; margin-right: 1px;} #tchat-text .para .bulle-bleu {background: #fbf2fd none repeat scroll 0% 0%;border-radius: 20px;color: #454545;font-size: 16px;padding: 8px;position: relative;margin-top: 0px;text-align: center;font-family: 'Arial',sans-serif;font-weight: normal;color:#000;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);min-height:50px;max-width:95%;font-family:'verdana', sans-serif} #tchat-text .para .triangle-left::after {display:block;width: 0px;content: "";position: absolute;top: 9px;left: -15px;border-color: #fbf2fd transparent;border-style: solid;border-width: 0px 15px 10px 20px;color:#000;} #tchat-text .para a{color:#428bca} #tchat-loader, #tchat-content{min-height:600px; max-height:600px} #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-default, #aca9fc);animation: anim-loader-spinner 2s infinite;} #spinner::after {border-right-color:var(--border-color-spinner-default, #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 0px 0.4em 6px;overflow: hidden;display: flex;justify-content: flex-start;width:98%} #tchat-content .tchat-msg {background: #DDF0FE none repeat scroll 0% 0%; min-width: 50px;padding: 5px 10px;margin-left: 2%;border-radius: 15px;font-size: 17px;word-break: break-word;color: var(--text-color-tchat-msg);max-width: 95%;-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: 'istok',Arial, Helvetica, sans-serif; box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43); -webkit-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43); -moz-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);} #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 var(--bg-color-tchat-msg) transparent transparent;} */ #tchat-content .tchat-para .prenom-consult-tchat {color: var(--text-color-medium-msg);font-size: 16px;display: none;visibility:hidden;} #tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;} #tchat-content .tchat-para .check-tchat-container{display: block;} #tchat-content .is-dots .tchat-avatar{display: none;visibility: hidden;} #tchat-content .is-dots .prenom-consult-tchat{display: inline-block;visibility: visible;} .check-tchat-container .check-tchat{margin-right: 8px} .check-tchat-container label{font-weight: normal;} .check-tchat-container a{color: #111;} /* tchat - valid / deny */ #valide #tchat, #interdiction #tchat{padding: 20px 0 15px;} #valide #tchat h1, #interdiction #tchat h1{margin:0 0 10px;font-family: Georgia, 'Times New Roman', Times, serif;font-size:28px; color:var(--text-color-header-title)} /* tchat - audio */ #tchat-content .tchat-para.is-audio .tchat-msg{background-color: transparent;box-shadow:none} #tchat-content .tchat-para.is-audio .tchat-msg::before{border: 0 none} .custom-audio-player {display: flex;flex-direction: column;align-items: center;border-radius: 25px;min-width:200px;max-width: 250px;} .audio-visualizer-row {display: flex;align-items: center;width: 100%;} .audio-icon {width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0; border: 3px solid #FFF;border-radius:50%;background:#826bc9;color:white;font-size:21px;z-index:5;} .audio-icon:hover{background: #0070ec;} .audio-icon .fa-play{margin-left:4px} .audio-visualizer-container {position: relative;flex: 1;height:34px;min-width:150px;overflow: hidden;border: 1px solid #000;border-radius: 0 5px 5px 0;position: absolute; left: 52px;} .audio-visualizer-progress {position: absolute;width: 0%;height: 100%;background: #bcf3d3;z-index: 2;transition: width 0.1s linear;} .audio-visualizer-bars {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;gap: 1px;z-index: 3;padding: 3px 11px;max-width: 138px; overflow: hidden;} .audio-visualizer-bars div {flex-shrink: 0;width: 1px; /* Largeur fine des barres */height: 100%; /* Barres sur toute la hauteur ; par défaut */background: #826bc9; /* Utilisé comme masque */} .audio-visualizer-timing {font-size:10px;font-weight:bold;color: #333;text-align: center;position: absolute;right: 16px;bottom: -4px;} /* 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; align-items: center; gap: 5px; height: 20px; width: 60px; } .audio-recording-animation .fa-microphone{ color: #AA54B7; margin-right: 3px; } .audio-recording-animation .recording-bar { display: inline-block; width: 5px; height: 10px; background-color: var(--bg-color-audio, #AA54B7); 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; } .bulle-color{position: relative;} .bulle-color::after {display: block;width: 0px;content: "";position: absolute;top: 0;left: -22px;border-color: #d0effb transparent;border-style: solid;border-width: 0px 0px 14px 15px;} /*tchat input typing*/ #z-is-typing{display:flex;justify-content:center;align-items: center;width: 80%;height:45px;margin: 30px auto 0;padding: 10px 0;border: 1px solid #ff6019;box-shadow:0px 2px 3px 0px rgb(0 0 0 / 25%);border-radius: 3px;} #is_typing{display: flex; flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:13px;color:#911010} /* #ch-input {display: flex; flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:13px} */ /* #is-typing-container{width: 70%;box-shadow: 0 4px 6px 0px rgb(0 0 0 / 40%);border-radius: 5px;} */ #is-typing-container{min-height:23px;position:relative} #is-typing-container{display:flex;justify-content:flex-start;align-items: center;width: 100%;height:45px;margin: 5px auto 0;padding: 10px 0;border-top: 1px solid #A42F6E;padding-left: 15px;} #is-typing-content{display: flex; flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:14px;font-family: 'inter-classic', Arial sans-serif;color:#FF367E;font-weight: bold;} #is-typing-container.active{border-color: #008fff;} #is-typing-message{color:#FF367E;font-family: 'inter-classic', Arial sans-serif;} .spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px; background:radial-gradient(farthest-side,var(--bg-first-spinner-is-typing) 60%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,var(--bg-second-spinner-is-typing)); -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: 50px;top: 4px;width: 35px;height: 35px;text-align:center;padding:8px 8px 0 5px;background-color: var(--bg-color-btn-typing, #b3204c);border-radius:50%;-webkit-box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4); -moz-box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4);box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4);} #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)} /* valide */ .display-medium{font-family: 'jacques-francois', Times, serif;font-size: 26px;font-weight: normal;letter-spacing: 2px;color:#AA54B7;} .display-title-text{color:#4F7DDE;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} .info-presence{color:#FF66C4;font-family: 'inter-classic', Arial sans-serif;font-size:14px;font-weight: bold;} .info-tarif{color:#A32E68;font-family: 'jacques-francois', Times, serif;font-size:17px;font-weight: bold;font-size:24px;padding-top:55px;} .info-tarif-text1{padding-bottom:20px;letter-spacing: 2px;} .info-tarif-text2{line-height: 36px;padding-bottom:10px;letter-spacing: 2px;font-weight: normal;} .info-tarif-suite{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:15px;font-weight: bold;} .info-call-button{width: 70%;padding: 7px;margin: 10px auto;border-radius: 10px;box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);-webkit-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);-moz-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);font-size: 23px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;max-width: 280px;background: rgb(142,64,123);background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);} .info-call-button a{color:#fff} .info-call-text{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:20px;font-weight: bold;padding-top:55px} .info-call-text-bottom{color:#B13676;font-family: 'inter-classic', Arial sans-serif;font-size:24px;font-weight: bold;padding-top:55px} #valide #call-group, #interdiction #call-group{padding-top:0;text-align: center;} .blk-infos-medium {font-family: 'inter-classic', Arial sans-serif;text-align: left;padding: 75px 0;color: #263C6A;font-size: 16px;font-weight: normal;margin: 0 auto;} .blk-infos-medium h3{color: #4E73DE;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;} .blk-infos-medium h4{color: #263C6A;font-family: 'inter-classic', Arial sans-serif;padding-top: 50px;font-size:20px;font-weight: normal;} s .call-button-down{text-align: left;} .call-button-down .info-call-button{margin:inherit;margin-top:10px;margin-bottom:10px;text-align: center;font-size: 23px;} #valide #boutique, #interdiction #boutique{padding-top:50px} #valide #boutique .title-boutique, #interdiction #boutique .title-boutique{margin: 0 15px 25px 45px;} /* #valide #boutique .type-tarif, #interdiction #boutique .type-tarif{margin: 0 0 5px 35px;width: 80%;} */ #valide #call .info-call-text, #interdiction #call .info-call-text{font-size: 19px;} .text-footer{text-align: center;margin: 30px auto;} .container{text-align: center;background-color: white;} /**************************************/ /******************************************************************************/ /* new css nov 2025 */ /* rappel modale form sur page valide / interdiction */ #rappel-form{ --rappel-border-color-form: #54282a; --rappel-background-color-form: #FEFDFA; --rappel-title-color: #54282a; --rappel-subtitle-color: #333; --rappel-paragraph-color: #ff387d; --rappel-button-close-color: #c7637b; --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: 350px;height: 560px;border-radius: 5px;background-color: var(--rappel-background-color-form);border-radius: 3px;box-shadow: 0 1px 4px 4px rgba(0,0,0,0.2);} #rappel-form-content-step-1 { padding: 10px; width: 100%; height: 100%; /* Fallback JPG pour tous les vieux navigateurs */ background-image: url("../images/bg-callback.jpg"); /* Safari 13 / WebKit */ background-image: -webkit-image-set( url("../images/bg-callback.webp") type("image/webp"), url("../images/bg-callback.jpg") type("image/jpeg") ); /* Navigateurs modernes */ 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: inherit;background-position: center } /* etape 2 validation formulaire */ /* --- Conteneur Général et Titres --- */ /* Style du bloc blanc principal */ .congrats-modal-final { width: 300px; padding: 80px 25px 20px; margin: 0 auto; text-align: center; } /* Titre "BRAVO !" */ .main-title-final { color: #e91e63; /* Rose vif */ font-size: 40px; margin-bottom: 5px; font-weight: 800; } /* Message SMS */ .sms-message-final { font-size: 22px; font-weight: 500; color: #333; margin-bottom: 25px; margin-top: 15px; } /* --- Lignes d'Information (Icône + Texte) --- */ .info-item-final { display: flex; align-items: center; text-align: left; margin-bottom: 20px; } .info-item-final p { margin: 0; font-size: 22px; font-weight: 500; color: #333; line-height: 1.3; /* Prend l'espace restant */ flex-grow: 1; } /* --- Styles des Icônes --- */ /* Conteneur pour l'icône Mail (enveloppe) */ .icon-box-mail { width: 60px; /* Largeur pour aligner avec l'autre icône */ margin-right: 15px; } .icon-box-mail .fa-envelope-open-text { font-size: 45px; color: #ff9800; /* Orange de l'enveloppe */ } /* 1. Conteneur pour le positionnement de la coche (Téléphone) */ .icon-box-phone-check { position: relative; width: 60px; height: 50px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } /* 2. Style de l'icône du téléphone */ .phone-icon-final { font-size: 45px; color: #ff5722; /* Rouge-Orange du téléphone */ transform: rotate(105deg) } /* 3. Style de la Coche Verte (Positionnée Absolument) */ .check-icon-final { position: absolute; font-size: 27px; color: #81c784; top: -10px; left: 25px; border-radius: 50%; padding: 2px; } /* --- Bouton OK --- */ #rappel-form-ok-btn { width: 80%; padding: 15px 0; margin-top: 35px; /* Propriété clé pour le dégradé du bouton */ background: linear-gradient(to right, #ff9800, #ff5722); color: white; font-size: 22px; font-weight: bold; border: none; border-radius: 30px; /* Forme "pilule" */ cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); transition: background-color 0.2s; } /*****/ #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{ display: flex; flex-wrap: nowrap; align-content: space-around; justify-content: space-evenly; align-items: center; line-height: 1; font-size: 18px; background-color: #f5e7e4; padding: 5px; border: 2px solid #c7637b; width: 45%; border-radius: 10px; margin: 0 auto; margin-top: 10px; color: #c7637b; font-family: 'inter-classic'; } .iti--separate-dial-code .iti__selected-flag{background-color:#fff} /* #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);font-size: 25px;} #rappel-form-header * {font-family: 'Helvetica', 'Arial', sans-serif;position:relative;} #rappel-form-header h2{font-size: 25px;font-weight: bold;letter-spacing: 0.5px;color:var(--rappel-title-color);padding-top:50px } #rappel-form-phone-input-content { /* Clé pour aligner les éléments horizontalement */ display: flex; /* Permet de créer l'effet d'un seul bloc autour des éléments */ border: 2px solid #fff; border-radius: 8px; /* Coins arrondis du conteneur */ background-color: white; overflow: hidden; /* Empêche les enfants de dépasser */ max-width: 310px; margin: 0 auto; } #rappel-form-input-phone { /* Permet à l'input de s'étendre et d'occuper l'espace central */ flex-grow: 1; /* Supprimer les bordures et l'arrière-plan de l'input */ border: none; outline: none; padding: 10px; font-size: 16px; color: #000; padding-left: 45px; width: 100%; background-color: #fff; } #rappel-form-phone-button { background-color: #d1875c; color: white; font-weight: bold; text-transform: uppercase; border: none; padding: 5px 7px; cursor: pointer; font-size: 15px; display: flex; align-items: center; border-radius: 10px; margin: 4px; } /* PLACEHOLDER */ #rappel-form-input-phone::placeholder { /* Couleur noire pour le texte du placeholder */ color: black; /* Ou utilisez le code hexadécimal */ /* color: #000; */ /* Optionnel : pour s'assurer qu'il n'y a pas de transparence, si besoin */ opacity: 1; } /* --- Préfixes navigateurs pour la compatibilité --- */ /* Pour Firefox */ #rappel-form-input-phone::-moz-placeholder { color: black; opacity: 1; } /* Pour Internet Explorer/Edge */ #rappel-form-input-phone:-ms-input-placeholder { color: black; } /* Pour les anciennes versions de Edge */ #rappel-form-input-phone::-ms-input-placeholder { color: black; } /***/ @media ((min-width:380px)){ #rappel-form-header h2{font-size: 24px;letter-spacing: normal;} } #rappel-form-header h3{margin-top: 25px;font-size: 18px;font-weight: bold;} @media ((min-width:320px)){ #rappel-form-header h3{font-size: 20px;;} } #rappel-form-header h4{font-size: 18px;font-weight: bold;font-style: italic;} #rappel-form-header p{margin-top: 25px;font-size:16px;font-weight: normal;line-height: 1.2326521;} #rappel-form-phone-container { position: absolute; bottom: 30px; /* Positionne l'élément au bas du conteneur relatif */ left: 0; width: 100%; /* Prend toute la largeur */ padding: 5px; box-sizing: border-box; } #rappel-form-phone-container.responsed{margin-top:20px;padding-bottom:20px} #rappel-form-phone-response-msg p{font-family: 'Helvetica', 'Arial', sans-serif;padding:3px;font-size:16px;color: #155724;background-color: #d4edda;border-color: #c3e6cb;font-weight:normal} #rappel-form-phone-checkbox-container{margin: 30px auto 0;width:95%;} .rappel-form-phone-checkbox-content{display: flex;flex-direction: row;flex-wrap: nowrap;align-items:baseline;font-weight: normal;font-size: 13px;} .rappel-form-phone-checkbox-content input{margin:0 5px 0 0} .rappel-form-phone-checkbox-content label{margin:0;color: #333} .rappel-form-phone-checkbox-content label a{color:#337ab7;text-decoration: underline;} #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;} #rappel-form-phone-container p{font-family: 'Helvetica', 'Arial', sans-serif;color: var(--rappel-paragraph-color);margin-bottom: 12px;font-style: italic;} .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;} #rappel-form ul { list-style-type: none; /* Supprime les puces */ margin: 0; /* Optionnel : ajuste la marge */ } #rappel-form li { list-style-type: none; /* Optionnel : s'assure que chaque élément
  • n'a pas de puce */ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 10px; padding: 10px 0; } #rappel-form li i{margin-right: 8px;} #rappel-form li i img{max-width: 20px;height: auto;} #header-mailing-title-sms{text-align: left;color: #000;padding: 15px 45px;font-size: 25px;font-family: 'inter-classic', Arial sans-serif;} #header-mailing-title-sms span{font-size: 19px;} #header-mailing-subtitle-sms{color:#2b3a68;font-size:20px;font-weight: bold;padding: 0 30px 30px;} /* 1. Conteneur principal: Fixé en bas */ #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; } /* 2. Le bouton d'appel (le grand rectangle bleu) */ #call-button { /* Style du bouton */ display: inline-flex; /* Permet d'aligner l'icône, le texte et le numéro */ align-items: center; justify-content: center; /* Couleurs et forme */ background-color: #F87668; /* Bleu/Violet principal */ color: white; font-size: 15px; font-weight: 700; padding: 12px 10px; border-radius: 8px; text-decoration: none; /* Enlève le soulignement du lien */ /* Ombre sous le bouton pour l'effet de relief */ box-shadow: 0 5px 0 #F87668, 0 8px 15px rgba(0, 0, 0, 0.3); /* Marge pour le centrage et l'espacement */ margin-bottom: 5px; /* Animation optionnelle pour l'effet de "pression" */ transition: all 0.1s ease; margin: 10px; } .phone-number{font-size: 15px;} /* 3. Style de l'icône étoile */ .star-icon { font-size: 28px; /* Taille de l'étoile */ margin-right: 10px; line-height: 1; /* Assure un alignement parfait */ } /* 4. Mettre le numéro en évidence */ .phone-number { margin-left: 10px; font-weight: 900; /* Plus gras que le reste du texte */ } /* 5. Le texte du code promotionnel */ #promo-code-text { font-size: 16px; color: #333; margin: 0; /* Supprimer les marges par défaut */ padding-bottom: 5px; /* Espacement au bas de la page */ } #reponse .container{max-width: 620px;} #header-mailing-subtitle{font-family: 'inter-classic', Arial sans-serif;color:#000;font-size:21px;font-weight: normal;padding:0;margin: 30px 0 12px;background-color: #ffc8c3;max-width: 400px;margin: 30px auto;padding: 10px;} #content-mailing h3{text-align: left;font-size:17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;padding-bottom:30px} /*******************************************************************************************/ .bg-white{background-color: white;} /* Titre "Bravo !" */ .main-title { color: #4a148c; /* Violet foncé */ font-size: 45px; margin-bottom: 5px; font-weight: 800; } /* ajout mars 2026 */ #landing .container{background-color: white;text-align: center;} .title-header{font-family: 'cambo','arial',sans-serif;margin:30px auto 10px;font-weight: bold;max-width: 300px;color: #263C6A;} .img-profil-header{padding:20px;} .relative-container{position: relative;} #btn-event-card {max-width: 300px;text-align: center;border-radius: 15px;color:#fff;padding:10px 20px;margin:10px auto;background: #F246CE;background: linear-gradient(90deg, rgba(242, 70, 206, 1) 0%, rgba(249, 123, 92, 1) 100%);font-weight: bold;} .text-blue {color: #263C6A;font-size: 20px;padding: 0px 60px;margin-top:160px;font-family: 'cambo','arial',sans-serif;} .medium-name-title {color: #263C6A;margin-top: 60px;font-family: 'cambo','arial',sans-serif;font-size: 24px;} .form-control {color: #263C6A !important;} .form-control::placeholder { color: #263C6A !important; opacity: 1; /* Firefox */ } #z-btn button{background: #F246CE;background: linear-gradient(90deg, rgba(242, 70, 206, 1) 0%, rgba(249, 123, 92, 1) 100%);font-weight: bold;color: #fff;font-size: 19px;margin-top: 15px;border-radius: 10px;box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);-webkit-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);-moz-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);} .btn{padding: 6px 30px;} #call-group h3{font-family: 'cambo','arial',sans-serif;color: #263C6A;text-align: center;font-size: 24px;} .display-tel{max-width: 300px;text-align: center;border-radius: 10px;color:#fff;padding:10px 50px;margin:10px auto;background: #F246CE;background: linear-gradient(90deg, rgba(242, 70, 206, 1) 0%, rgba(249, 123, 92, 1) 100%);font-weight: bold;font-size: 22px;} .blk-tel{text-align: center;margin: 0 auto;padding-top: 10px;padding-bottom: 35px;} .tarification{border: 1px solid #902255;border-radius: 10px;max-width: 80%;padding: 30px;margin: 0 auto;-webkit-box-shadow: 0px 5px 8px 0px rgba(144,34,85,0.5);box-shadow: 0px 5px 8px 0px rgba(144,34,85,0.5);margin-bottom: 20px;width: 400px} .tarification-suite{border: 1px solid #902255;border-radius: 10px;max-width: 80%;padding: 0 15px 15px;margin: 20px auto;-webkit-box-shadow: 0px 5px 8px 0px rgba(144,34,85,0.5);box-shadow: 0px 5px 8px 0px rgba(144,34,85,0.5);margin-bottom: 20px;width: 400px} .tarification-blk{display: flex;flex-wrap: nowrap;align-content: flex-start;justify-content: space-around;align-items: center;} .tarification-suite img{max-width: 100px;} .tarification-texte{font-size: 25px;font-family: 'cambo','arial',sans-serif;color: #263C6A;font-weight: bold;} .tarification-list{font-family: 'cambo','arial',sans-serif;color: #263C6A;text-align: left;padding-left: 20px;} .horaire{font-family: 'cambo', 'arial', sans-serif;color: #000;opacity: 49%;font-size: 24px;max-width: 70%;margin: 40px auto;text-align: center;} #valide .medium-name-title, #interdiction .medium-name-title{margin-top:30px} #landing, #valide, #interdiction, #reponse{background-color: #cccccc;} .bg-white{background-color: white;} .stars-social{text-align: center;} /* 1. Le conteneur (Inchangé ou presque) */ .video-container { position: relative; max-width: 406px; margin: 0 auto; cursor: pointer; overflow: hidden; /* Pour s'assurer que rien ne dépasse */ } /* 2. Le bouton Play (Forme "Squircle" avec dégradé) */ .play-btn-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; /* Légèrement agrandi pour le style */ /* Dégradé rose/orangé de l'image Group 85 */ background: linear-gradient(135deg, #f13ca1 0%, #ff8c70 100%); border: none; /* On enlève l'ancienne bordure blanche */ border-radius: 28px; /* Forme carrée arrondie (squircle) */ display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; pointer-events: none; box-shadow: 0 4px 15px rgba(241, 60, 161, 0.4); /* Optionnel : petite ombre portée */ } /* 3. Le cercle blanc à l'intérieur (créé en CSS) */ .play-btn-overlay::before { content: ''; position: absolute; width: 58px; height: 58px; background-color: #fff; border-radius: 50%; } /* 4. Le triangle rose (l'icône de lecture) */ .play-icon { position: relative; /* Pour passer au-dessus du cercle blanc */ z-index: 2; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; /* Couleur rose foncée assortie au début du dégradé */ border-left: 22px solid #f13ca1; margin-left: 6px; /* Ajustement pour le centrage optique du triangle */ } /* 5. EFFET : Quand la vidéo joue */ .video-playing .play-btn-overlay { opacity: 0; visibility: hidden; transform: translate(-50%, -50%) scale(1.1); } /* 6. EFFET : Au survol (Optionnel pour le peps) */ .video-container:hover .play-btn-overlay { transform: translate(-50%, -50%) scale(1.05); filter: brightness(1.05); } #z-btn{text-align: center;} /*******************************************************************************************/ @media (min-width:320px){ .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; } #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: -20px;} /* header */ #header-astrowi .menu-top #header-right span.as-3x{font-size: 2em;} } @media (min-width:340px){ #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: -10px;} } @media (min-width:360px){ #header-text{font-size: 16px;width: 55%;} #header-subtitle{font-size: 24px;} #steps p{font-size:15px} .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;} /* cards - valid / interdiction */ #tarot-cards .tarot-card-wrap{width: 70px;height: 105px;} .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;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing {right: 0;} } @media (min-width:370px){ #valide .title-tchat, #interdiction .title-tchat{text-align: left;font-family: 'istok', Arial, Helvetica, sans-serif;font-size: 19px;} #valide .subtitle-tchat1, #interdiction .subtitle-tchat1{font-size: 16px;} #valide .subtitle-tchat2 a, #interdiction .subtitle-tchat2 a{font-size: 20px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 40px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing {right: 10px;} } @media (min-width:390px){ #header-subtitle{font-size: 26px;} #tchat-header-vocal{margin-right: 25px;} .bottom-subtitle .hidden{display: initial !important;visibility: visible !important;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 20px;} /* tchat - audio */ .audio-timeline-container{max-width: 192px;} } @media (min-width:410px){ #steps h1{font-size: 33px;} /* #steps h2{font-size: 20px;} */ #steps p{font-size: 16px;} #steps p:last-child{margin-bottom:8px} .zodiac{font-size:35px} .zodiac-text {font-size:8px;margin-top: 3px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 20px;} /* #is-typing-content{justify-content: center;align-items: center;text-align: center;font-size:15px} */ /* tchat - cards */ .blk-cards{width: 20%;} /* header */ #header-astrowi .menu-top #header-right span.as-3x{font-size: 35px;} } @media (min-width:420px){ #header-subtitle{font-size: 28px;} #tchat-loader, #tchat-content{min-height:600px;max-height: 600px;} #tarot-cards .tarot-card-wrap{width: 70px;height: 105px;} #tchat-header {padding: 5px;} #tchat-content .tchat-para.is-cards .tchat-msg{padding: 3px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 50px;} } @media (min-width:430px) { #call .title1-top{font-size: 24px;} #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 5px;} } @media (min-width:431px) { #header-subtitle{font-size: 21px;margin-bottom: 3px;} } @media (min-width:450px){ .text-item {max-width:500px} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 60px;} } @media (min-width:467px){ .blk-infos div{padding: 0 14px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 80px;} } @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: 21px;} #header-text-1{font-size: 19px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 125px;} #reponse .subtitle2{font-family: 'inter-classic', Arial, Helvetica, sans-serif;border: 1px solid #F246CE;border-radius: 5px;background-color: #FDE3E6;padding: 15px 45px;color:#263C6A} } @media (min-width:500px) { #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 90px;} } @media (min-width:520px) { #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 135px;} } @media (min-width:600px) { .zodiac-text {font-size:12px;} #header-title {font-size: 28px;left: 40px;} #valide .audio-visualizer-timing, #interdiction .audio-visualizer-timing{right: 170px;} #reponse .container {width: 620px;} } @media (min-width:650px){ #reponse #overlay{background-color: transparent;} #response-container{padding-top: 12px;} #container-mailing{margin:10px auto 0;border: 5px solid #91D1FF;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;} /* tchat - cards */ #tchat-content .tchat-para.is-cards .tchat-msg{max-width: inherit;} #landing .border-landing-top {border-top:2px solid #AC4184;} #tchat{padding: 15px 0;} #tchat-content .tchat-para{align-items: center;} #tchat-content .tchat-avatar{order:0;width:55px;min-width: 55px;max-width: 55px;margin:11px 6px 0 0} #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} #tchat-header .title-tchat .vocal-response{padding-left: 250px;} .card{width: 90px;height:140px;} } @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%);} #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{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: 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 */ .subtitle-tchat{padding: 20px 65px;} #cards-animation { padding-top: 40px; bottom: -190px; } .text-blue { padding: 50px 60px 0; } } @media (min-width: 701px){ #header-title {font-size: 32px;} #header-title{left: 80px;} .no-display-desk2{display: none;} } @media (min-width: 768px){ /* header */ .navbar-toggle{display: block;} .navbar-collapse.collapse {display: none !important;} .collapse.in {display: block !important;} .navbar-nav>li {float: inherit;} .navbar-nav{float: inherit;} #landing #header-picture-container, #valide #header-picture-container, #interdiction #header-picture-container{background: #fff url(../images/bg-header-desk.png) no-repeat scroll top center;background-size: cover;min-height: 314px;background-position: top left;} #valide, #interdiction{background-color: #f6f9f9;} #valide #boutique .title-boutique, #interdiction #boutique .title-boutique{margin: 0 15px 25px 75px;} } @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;} } @media (min-width:992px){ #container-top{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;position: relative;} #header-container{position: static;} #header-title{right: inherit;left: 0;max-width: 575px;} #header-subtitle{font-size: 34px;letter-spacing: 2px;margin-bottom: 16px;} #header-text {font-size: 27px;min-height: 50px;max-height: 50px;display: flex;justify-content: center;align-items: center;flex-direction: row;align-content: space-around;flex-wrap: nowrap;width: 100%;} /* #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;} #steps-container, #step-2,#step-2-container, #landing #tchat{height: 100%;width:100%} #header-picture{width: 95%;} #steps{padding:0;;background-size: cover;padding-top: 10px;/* width: calc(100% - 590px); */} #steps-container {padding-top: 0; padding-bottom: 0;text-align: left;} #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;} #is-typing-container {padding: 10px 0 10px 10px;border-color:#244175} #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;} .no-display-mob{display: block;} .no-display-desk{display: none;} #header-title{left:40px} /* #container-top{background-image: url(../images/bg-container-top.png);background-position-y: 320px;background-repeat: no-repeat;min-height: 700px;} */ .blk-type-tarif{margin-top: 0;} .blk-info-desk{display: flex;align-content: flex-start;justify-content: space-around;align-items: flex-start;flex-wrap: nowrap;flex-direction: row;} #valide .blk-top .title-tchat, #interdiction .blk-top .title-tchat{color: #66470F;font-family: 'jacques-francois', 'Times New Roman', Times, serif, sans-serif;font-size: 24px;text-align: left;padding: 17px;padding-top: 75px;} #valide .blk-top .subtitle-tchat, #interdiction .blk-top .subtitle-tchat{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;align-items: center;border: 1px solid #F246CE;border-radius: 6px;max-width: 93%;margin: 0 auto;padding: 10px 20px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);background-color: white;} #valide .blk-top .subtitle-code, #interdiction .blk-top .subtitle-code{text-align: right;padding-right: 20px;padding-top: 15px;color: #263C6A;font-size: 15px;font-family: 'istok', Arial, Helvetica, sans-serif} #valide .blk-top .subtitle-tchat1, #interdiction .blk-top .subtitle-tchat1{font-size: 20px;} #valide .blk-top .subtitle-tchat1 span, #interdiction .blk-top .subtitle-tchat1 span{font-size: 20px;} #valide .blk-top .subtitle-tchat2 a, #interdiction .blk-top .subtitle-tchat2 a{font-size:25px} .padding-header-desk{padding-left: 70px;padding-right: 70px;} .padding-container-desk{padding-left: 55px;padding-right: 50px;} .part-desk {margin: 0 auto;text-align: left;padding-left: 500px;padding-top: 40px;} /* #call .title1-top{text-align: left;padding-left: 70px;} */ .blk-dispo{margin: 10px auto;} #tchat-container {padding: 15px 0 0 30px;} #valide #header-text,#interdiction #header-text{font-size: 27px;min-height: 70px;max-height: 70px;display: flex;justify-content: space-between;flex-direction: row;align-content: center;flex-wrap: nowrap;padding: 10px 50px;} #valide #header-text-1,#interdiction #header-text-1{font-size: 16px;padding-left: 0;width: 50%;} #valide #call h2, #interdiction #call h2 {padding-top: 40px;padding-bottom: 30px;} /* header */ .navbar-toggle{display: none;} .navbar-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important;padding-bottom: 0;} #reponse .navbar-collapse.collapse {display: none !important} .navbar-default .navbar-nav>li>a{font-size:17px} #header-astrowi .menu-top{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;} #reponse #header-astrowi .menu-top{display: block} #header-astrowi #header-right{display: flex;flex-wrap: wrap;align-content: center;justify-content: space-evenly;align-items: flex-start;border-top: 0;} #header-astrowi #header-right span{border: 1px solid #000;border-radius: 50%;margin: 0 3px;} #header-astrowi #header-right p{margin: 0;} #header-astrowi .menu-top .navbar-header .navbar-toggle{display: none;} #reponse #header-astrowi .menu-top .navbar-header .navbar-toggle{display: block;} #header-astrowi #header-right p{display:block} #header-astrowi .menu-astrowi .blk-res-sociaux{display: none;} #header-astrowi .blk-btn-close{display: none;} #header-astrowi .hidden-link{display: none;} #header-astrowi .navbar-nav {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;width: 100%;height:80px;background-color: #fff;} #reponse #header-astrowi .navbar-nav {display: block;} #header-astrowi .picto-logo-horoscope-gratuit {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(246,200,69);background: linear-gradient(90deg, rgba(246,200,69,1) 0%, rgba(242,167,110,1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-tarot-gratuit {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(29, 225, 3, 1) 0%, rgba(96, 172, 86, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-astrologie-gratuite {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(196, 241, 255, 1) 0%, rgba(154, 192, 255, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-numerologie-gratuite {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(254, 185, 239, 1) 0%, rgba(242, 70, 206, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-seduction-gratuite {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(255, 182, 182, 1) 0%, rgba(255, 6, 6, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-voyance-gratuite {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(255, 176, 131, 1) 0%, rgba(255, 139, 163, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-articles{font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(255, 176, 131, 1) 0%, rgba(255, 139, 163, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-consultation {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(255, 139, 163, 1) 0%, rgba(255, 176, 131, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} #header-astrowi .picto-logo-conditions-generales {font-family: 'ZenAntiqueSoft-Regular',sans-serif;font-size: 28px;background: rgb(29,225,3);background: linear-gradient(90deg, rgba(255, 139, 163, 1) 0%, rgba(255, 176, 131, 1) 100%);border-radius:10px;padding:5px 13px;margin-top: 5px;} .sticky-top #header-left {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;} .nav>li.no-desk{display: none;} .nav>li.no-mob{display: block;} #cards-animation { max-width: 650px; margin-top: 5px; } .card {width: 110px;height: 182px;} } @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 #C88D52; border-left:1px solid #C88D52; border-right:1px solid #C88D52} .border-container-middle{border-left:1px solid #C88D52; border-right:1px solid #C88D52} .border-container-bottom{border-bottom:1px solid #C88D52; border-left:1px solid #C88D52; border-right:1px solid #C88D52} } @media (min-width:1200px){ #steps h1{font-size:42px;text-shadow: #666 0 2px 3px;word-spacing: 3px;letter-spacing: 1px;} #steps p{font-size:20px;margin-top: 15px;} #cards-animation-subtitle{margin: 0 auto 20px;} /* tchat - audio */ .custom-audio-player{max-width: 372px;} .audio-timeline-container{max-width: 252px;} /* #header-picture {width: 100%;padding-left: 35px;margin: 0 auto;} */ .container {width: 990px;} #reponse .container {width: 620px;} .title-bottom-tchat{font-size:15px} } @media (max-width:991px){ /* header */ #header-astrowi .blk-btn-close a {color: #FBB1BA;font-size: 27px; } #header-astrowi .blk-btn-close {display: flex !important;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;padding-left: 20px;padding-right: 10px;align-items: center;font-size: 20px;padding-bottom: 10px;} #header-astrowi .menu-astrowi .res-sociaux {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-evenly;align-items: center;padding-bottom: 15px;} #header-astrowi .menu-astrowi .blk-res-sociaux span {border: 1px solid #1e1e1e;border-radius: 50%;font-size: 35px;} } @media (max-width:500px){ #reponse .subtitle1{padding: 5px 25px;} #reponse .subtitle2{padding: 15px 30px;} #reponse .subtitle-code{padding: 5px 50px;text-align: center;} #response .subtitle-tchat {display: block;} #response .subtitle-tchat2 {margin-top: 25px;} } @media (max-width:375px){ .blk-type-tarif-1, .blk-type-tarif-2{flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: flex-start;} .blk-type-tarif-1 span, .blk-type-tarif-2 span{margin-bottom: 10px;} #reponse .blk-info-reponse2{display: block;} #reponse .subtitle1{max-width: 80%;margin: 25px auto;} #reponse .subtitle2{max-width: 80%;margin: 0 auto;} .card{width: 75px;height: 115px;} } @media (max-width:320px) { .card{width: 70px;height: 105px;} }