/************************/
/* FONTS */
@font-face {
	font-family: 'cambria';
	src: url('../../../../../css/fonts/cambria/cambria.ttf')  format('truetype'),
	     url('../../../../../css/fonts/cambria/cambria.woff2') format('woff2'),
			 url('../../../../../css/fonts/cambria/cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'bodonixt';
    src: url('fonts/bodonixt/bodonixt-webfont.eot');
    src: url('fonts/bodonixt/bodonixt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bodonixt/bodonixt-webfont.woff2') format('woff2'),
         url('fonts/bodonixt/bodonixt-webfont.woff') format('woff'),
         url('fonts/bodonixt/bodonixt-webfont.ttf') format('truetype'),
         url('fonts/bodonixt/bodonixt-webfont.svg#bodonixt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald/oswald-demibold-webfont.eot');
    src: url('fonts/oswald/oswald-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald/oswald-demibold-webfont.woff') format('woff'),
         url('fonts/oswald/oswald-demibold-webfont.ttf') format('truetype'),
         url('fonts/oswald/oswald-demibold-webfont.svg#oswalddemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald/oswald-light-webfont.eot');
    src: url('fonts/oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswald_regularregular';
    src: url('fonts/oswald/oswald-regular-webfont.eot');
    src: url('fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald/oswald-bold-webfont.eot');
    src: url('fonts/oswald/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/openSans/opensans-bold-webfont.eot');
    src: url('fonts/openSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/openSans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/openSans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/openSans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/openSans/opensans-italic-webfont.eot');
    src: url('fonts/openSans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/openSans/opensans-italic-webfont.woff') format('woff'),
         url('fonts/openSans/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/openSans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/openSans/opensans-regular-webfont.eot');
    src: url('fonts/openSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/openSans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/openSans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/openSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/openSans/opensans-semibold-webfont.eot');
    src: url('fonts/openSans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/openSans/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/openSans/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/openSans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'cambria';
	src: url('fonts/cambria.ttf')  format('truetype'),
	     url('fonts/cambria.woff2') format('woff2'),
			 url('fonts/cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

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

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

/************************/
/* VARIABLES */

.ban-call-container{
	--border-width-call-content: 2px ;
	--border-width-call-container-bottom: 5px;
}
#ban-call-private{
	--border-color-call-content: #0b1470;
	--border-color-call-container-bottom: #37f6f8;

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

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

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

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

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

	--text-size-call-title: 32px;
}

#spinner{
	--border-color-spinner-default: #9390ff;
}
#spinner::before{
	--border-color-spinner-before: #aca9fc;
}
#spinner::after{
	--border-color-spinner-after: #c0befd;
}

#btn-paper-plane{
	--bg-color-btn-typing: #edecff;
	--text-color-btn-typing: var(--white);
}
#btn-paper-plane-input-tchat{
	--bg-color-btn-send-msg: #008fff;
	--text-color-btn-send-msg: var(--white);
}

#phone-button{
	--bg-color-phone-ico : #FFF;
	--border-color-phone-ico : #d819d8;
	--text-color-phone-ico : #d819d8;

	--text-color-phone-number : #d819d8;
}
#reponse {
	--background-color-content: #f7fafd;
}
#reponse #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;
}
/************/
.blink{
	font-weight: bold;
	text-shadow: 0 1px 0 white;
	-webkit-animation-name: clignote; /*on affecte l'animation clignote à notre bouton*/
	-webkit-animation-duration: 1s; /*on définit la durée de l'animation à 1s*/
	-webkit-animation-iteration-count:infinite; /*on dit que l'animation se répétera à l'infini.*/
}

@-webkit-keyframes clignote {0% {color:white;text-shadow:0px 0px 10px #3B59A9;} 50% {color:#3B59A9;text-shadow:0px 0px 0px #3B59A9;} 100% {color:white;text-shadow:0px 0px 10px #3B59A9;}}

/* GENERAL */
body{font-family: 'cambria', 'Times New Roman', serif;font-size:17px}

h1, h2, h3, h4, h5, h6{font-family:'cambria','Times', sans-serif}
h1{margin-top:0.2em}
h2 {font-size:2em;margin:0 0 .4em;line-height:1.2em;padding-top:20px}
h3 {font-size: 20px;line-height: 1.3em;font-family:'cambria','Arial', sans-serif}
h4 {font-size: 32px;line-height: 1.3em;}
a:hover, a:active{text-decoration:none}
.break-line{display:block}
.italic{font-style:italic}
.bold{font-weight:bold}
.center-block{float:none}
.vcenter {display: table-cell;float: none;vertical-align: middle;padding: 0px 5px;}
.underline{text-decoration:underline;}
.vcenterTchat {display: flex !important;max-width: 100%;}
.font-12x{font-size: 12px}
.font-17x{font-size: 17px}

.navbar-brand{float:none; line-height:0}
#header{background:#ffffff}
.text-red{color:#A71A3B}
.bg-bleupale{background-color:#dde8ea;padding:10px;} .text-bleupale{color:#dde8ea}
.bg-bleu{background-color:#006d6c;padding:10px;} .text-bleu{color:#006d6c}
.bg-grey{background-color:#AEB0B5} .text-grey{color:#a2a2a2}
.bg-pinkred{background-color:#e03f56} .text-pinkred{color:#e03f56}
.bg-orange{background-color:#F0543E} .text-orange{color:#F0543E}
.bg-yellow{background-color:#e8e44e} .text-yellow{color:#e8e44e;text-shadow: 3px 2px 3px #000000;}
.bg-pink{background-color:#b80e4a} .text-pink{color:#b80e4a} .border-pink{border:2px solid #b80e4a} .bg-opacity-pink{background-color:rgba(184, 14, 74, 0.9)}
.bg-sweet-pink{background-color:#e40f64} .text-sweet-pink{color:#e40f64} .border-sweet-pink{border:2px solid #e40f64}
.bg-pink-soft{background-color:#e7b1cd} .text-pink-soft{color:#e7b1cd}
.bg-pink-flash{background-color:#d9318a} .text-pink-flash{color:#d9318a}
.bg-purple{background-color:#d819d8} .text-purple{color:#d819d8} .border-purple{border:2px solid #d819d8} .bg-opacity-purple{background-color:rgba(213, 8, 197, 0.9)}

.bg-white{background-color:#FFF} .text-white, a.text-white:hover{color:#FFF}
.bg-black{background-color:#000} .text-black{color:#000 !important}
.text-link{color:#0026ff; text-decoration:underline}
.bg-gold{background-color:rgba(186, 155, 97, 1)}.bg-opacity-gold{background-color:rgba(186, 155, 97, 0.9)} .text-gold{color:#cc9966} .border-gold{border:1px solid #cc9966}
.bg-white-light{background-color: rgba(255, 255, 255, 0.6);padding:10px;width:90%;margin:0 auto}
.bg-yellow-light{background-color: rgba(249, 240, 221, 0.6);padding:10px;width:70%;margin:0 auto}

.text-flashy-shadow{color:#d9318a; text-shadow:1px 1px #3C3C3C; font-size:20px}
.bg-blue{background-color:#85cef2} .text-blue{color:#85cef2}

.bg-opacity{background: rgba(255, 255, 255, 0.4);padding:10px 20px; margin-bottom:15px}
.bg-opacity-black{background: rgba(0, 0, 0, 0.3);padding-top:15px;padding-bottom:15px}
/* .border-blue{border:4px solid #de6295} */
.border-right-blue{border-right:4px solid #de6295;min-height:460px}

.border-black-bottom{border: 2px solid #000;margin-top: 40px;margin-bottom: 40px;}

.text-shadow-pink{text-shadow: 3px 1px 2px #ea2481;}
.text-shadow-white{text-shadow: 2px 1px 1px #fff;}
.text-shadow-white2{text-shadow: 1px 1px 1px #fff;}
.text-shadow-black{text-shadow: 1px 1px 1px #000;}
.border-bottom-grey{border-bottom:1px solid #E0E0E0}
.bg-card{background-color:#ea2481} .text-card{color:#ea2481}

.no-margin{margin:0}
.pad-0{padding:0}
.pad-top-6-perc{padding-top:6%}
.pad-top-10{padding-top:10px}
.pad-top-15{padding-top:15px}
.pad-top-25{padding-top:25px}
.pad-top-35{padding-top:35px}
.pad-top-50{padding-top:50px}
.pad-bottom-20{padding-bottom:20px}
.pad-20{padding:20px}
.pad-10{padding:10px}
.pad-5{padding:5px}

.marg-top-15x{margin-top: 15px}
.marg-top-35x{margin-top: 35px}
.marg-top-55x{margin-top: 55px}
.marg-bottom-15x{margin-bottom:15px}
.marg-top-15x{margin-top:15px}
.marg-top-20, .margin-top-20{margin-top:20px}

.text-prioritaire{color:#99233a; font-family: "oswald_regularregular"}

.header{font-size:60px; font-weight:bold;color: #1a2794;text-shadow: 3px 2px 3px #ea2481;}


#z-btn #bouton[disabled]{opacity: 0.85}
#z-btn #bouton.loading{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
#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)}}


/* header */
.soc_nav li{margin-top:0.5em;display: inline-block;list-style:outside none none}
.soc_nav li a {font-size: 16px;line-height: 40px;display: inline-block;text-align: center;color: #FFF;height: 40px;width: 40px;border-radius: 20px;background: #444 none repeat scroll 0% 0%;}
.soc_nav li a.icon-soc-googleplus {background: #DD4B39 none repeat scroll 0% 0%}
.soc_nav li a.icon-soc-facebook {background: #4066B5 none repeat scroll 0% 0%}
.soc_nav li a.icon-soc-twitter{background: #00D2FF none repeat scroll 0% 0%}

#nav-bar{margin-bottom:0;}
#nav-bar.navbar-fixed-top{background-color:rgba(255, 255, 255, 0.5)}
#go-to-about{text-transform:uppercase;font-weight:bold;color:#444}


#overlay{min-height:745px; position: relative;}
#valide #overlay{min-height:500px}
#interdiction #overlay{min-height:440px}
#valide #overlay, #interdiction #overlay{margin: 0 auto;padding: 20px 5px;}
/* background-color: rgba(0,0,0,0.5); */
#content{color: #fff;}
#landing #content, #valide #content, #interdiction #content{border-bottom: 30px solid #d819d8}
/************/
/* LANDING */

#header-content h3{font-size:35px;margin:15px 0;font-weight:bold}
#landing #content .bg-purple{border-radius: 0 0 50% 50%}
#bar-title-bottom{position:absolute;bottom:10px;left:0;width:100%}
/* etaps */

/*etap 1 cards*/
#drawing{position: relative;margin-top:25px;margin-bottom: 30px;}
#cards-action {float:none;width: 75%;margin: 25px auto 0;padding-top:45px;padding-bottom:45px;}
.cards-area {width:100%; height:420px;}
.cartes-tarot {/*width:70px;height:106px;*/cursor:pointer;transform-origin: center top 0;-webkit-transform-origin: center top 0;-moz-transform-origin: center top 0;-ms-transform-origin: center top 0;-o-transform-origin: center top 0}
#cards-action .tapis{width:20%;margin-bottom: 0}

#bt-cards-area{position:absolute;left:0;bottom:-25px;width:100%;text-align:center;}
#bt-cards{cursor:pointer;display:inline-block;padding:5px 15px;color:#FFF;background-color:#d819d8;border: 2px solid #ffffff;font-size: 33px;font-weight:normal;font-family: Arial, sans-serif;}
#bt-cards:hover{background-color:rgba(234, 74, 222, 0.8);text-shadow:0 0 5px rgba(255,255,255,0.75)}
.cartes-tapis{width:80px;height:116px}

.one-carte{margin:0 auto;border: 2px solid #ffffff;border-radius: 3px}
.one-carte img {height: 100%;width: 100%;}
.col-sm-2-ext {float: left;width: 20%;padding: 0 1%;}

#drawing #result{display: none}

/*etap 2 form*/
.form-container{padding:30px 50px 0;}
.form-container form{font-family: "Arial", sans-serif;padding:15px 0}
.form-container h2{font-size:24px}

.form-box {padding: 10px; border: 1px solid #fff; border-radius: 10px;background: rgba(255, 255, 255, 0.5);}
#step-1 h2, #step-2 h2, #step-3 h2 {padding: 0;}
#result .tapis{padding:0}
#result .cartes-tapis{border-radius:7px; border:1px solid #e40f64;}

.form-group {margin-bottom: 8px;margin-top: 8px;}
.form-line .col-xs-4, .form-line .col-xs-8{padding:0}
label {line-height:35px;font-family:inherit;color:#FFF;font-weight: normal;}
/* input[type=text], input[type=email], select, option, textarea {text-align: center;text-align-last: center;color:#333;font-weight: normal;}
select, option:first-child{color:#878787} */
#emvForm .form-control,#emvForm .form-control::placeholder{color:#333;font-weight: bold;text-align: center;text-align-last: center;}
.form-box {padding: 10px; border-radius: 15px;background: rgba(139, 191, 217, 0.7);margin:0 auto 20px;max-width:350px;border: 3px solid #d819d8;}
.form-box .label-control{line-height: 35px;padding:0}

#blk-titles{padding: 10px 5px; border-radius: 5px;margin-bottom:15px}
#blk-titles .slogan h3 {margin-bottom:0; font-family: 'open_sansbold', sans-serif}
#valide #blk-titles .slogan h3, #interdiction #blk-titles .slogan h3 {color:#e40f64;font-size: 25px;padding:40px}
#blk-titles .special h3 {margin-bottom:0}
h3.medium-name{margin-bottom:0;margin-top:10px}
h5.medium-type{margin-top:5px}
.blk-marine{padding:3px 3px 0 3px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius:7px;}
#valide .medium-name, #interdiction .medium-name, #valide .medium-type, #interdiction .medium-type{color:#000;}
#valide .medium-name, #interdiction .medium-name{font-size: 22px}

#tchat{background: #ffffff;position:relative;color:#333;width:100%;border: 3px solid #ea2481 ;border-radius: 10px;margin-top:20px; margin-bottom:20px}
#zone-tchat{border-radius:2%; width:470px;}
#loader-tchat, #content-tchat {height:372px;margin:0 auto;}
#text-tchat{overflow-y:auto; padding: 0 14px}
#text-tchat .row{margin-left:0;margin-right:0;  background: #f3dfee none repeat scroll 0 0;border-radius: 20px;margin: 5px 0;} #content-tchat .col-xs-3{width:22%} #content-tchat .col-xs-9{width:100%}
#text-tchat .odd, #content-tchat .pair{background-color: #f3dfee;border-radius: 20px;margin-bottom: 5px;margin-top: 5px; padding:8px;}
#text-tchat .user{background-color: #a32b8c;border-radius: 20px;color: white;border-radius: 20px;margin-bottom: 5px;margin-top: 5px; padding: 10px;text-align: right;margin-left: 110px;}
#text-tchat .user-circle{background-color:#FFF}
#text-tchat .fa-user{line-height:1.5em;color:#68E871}
.loader-text {text-align:center;color:#000;font-size:24px;}

.btn-next{background-color: rgba(213, 8, 197, 0.75);border: 1px solid #A71A3B;border-radius: 0;font-weight: normal;font-family: Arial, sans-serif;font-variant: small-caps;font-size:20px}
.btn-next:hover{background-color:rgba(213, 8, 197, 0.9);text-shadow:0 0 5px rgba(255,255,255,0.75)}

/*tchat text*/
#tchat-content{font-family: "Arial", serif;}
#tchat-text .para {padding: 0.4em 0px;animation: fadeIn 300ms;display: flex;}
#tchat-text .para .img-circle {width:50%;margin:10px 0 0 35px}
#tchat-text .para .img-circle-tchat {width:50px;border-radius:50%;margin-left: 25px;margin-top: 5px;margin-right: 30px;-webkit-box-shadow: -2px 4px 10px 1px rgb(163 163 163);-moz-box-shadow: -2px 4px 10px 1px rgba(163,163,163,1);box-shadow: -2px 4px 10px 1px rgb(163 163 163);}
/* #tchat-text .para .prenom-consult-tchat{color: red;font-size: 12px;} */
#tchat-text .para .triangle-left {border-radius: 7px;color: #000;font-size: 16px;padding: 7px;position: relative;margin-top: 0px;}
#tchat-text .para .bulle-bleu {background: #ffd4fc none repeat scroll 0% 0%;}
#tchat-text .para .triangle-left::after {display:block;width: 0px;content: "";position: absolute;top: 10px;left: -8px;border-color: #ffd4fc transparent;border-style: solid;border-width: 0px 0px 14px 15px;}

/*tchat loader*/
#loader-text{margin-top:15%;text-align:center;color:#000;font-size:20px;}

#content-tchat .error-server, #content-tchat-fixe .loader-server{font-weight:bold;font-size:15px;color:#FFF;display:block;margin-left:auto;margin-right:auto}
#content-tchat .error-server {background: none repeat scroll 0 0 rgba(235, 14, 14, 0.8)}
#content-tchat .loader-server {font-size:15px;padding:10px 15px} #text-server{margin:10px 0}

#header-tchat{background-color: #3dabd3;width:100%;height:70px;border-radius: 50% / 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

#footer-tchat{height:52px;border-top: 2px solid #a32b8c;margin-top:10px}
#input-tchat {height:40px;font-size: 15px;border:0 none;border-radius:20px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#input-tchat a{line-height:40px} #input-tchat .promo{font-size:13px}
#radio-tchat .radio{min-height:30px;font-size:17px;line-height:30px} #radio-tchat .radio input[type="radio"]{margin-top:9px}

#footer-tchat .btn-primary,#footer-tchat  .btn-primary:hover,#footer-tchat  .btn-primary:active{background: #5091b9 none repeat scroll 0 0;border: 0 none;border-radius: 20px;font-size: 18px;height: 37px;letter-spacing: 2px;margin-top: 5px;width: 70%;}
/* is writing */
#is-writing-tchat{line-height:43px;padding-left:30px;font-size:15px;color:#a32b8c}

/*tchat input typing*/
#z-input{border:0 none;text-align:center;display: inline-block;}
#z-is-typing{width:100%;height:30px;line-height:30px}
#ch-input {width: 100%;height:25px;font-size: 12px;font-style:italic;color:#484848;border:0 none;background-color:#FFF;text-align:left;text-align-last:left}

#is_typing{color: #666;font-size: 13px;font-style: italic;}
.blk-typing-valide{position:relative;}
.typing-valide{position:absolute;top:25px;left:15px;}


@-moz-document url-prefix() { /* targets Firefox only */
    .form-control {
        padding: 6px 12px!important;
    }
}
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */
    .form-control {
        line-height:34px;height:34px;
    }
}
.btn-theme {background-color: #f7d500;color: #FFF;font-size: 14px;text-transform: uppercase;font-weight: 700;padding: 10px 20px;transition: all 300ms ease-in-out 0s;cursor:pointer}/*background-color: #1a2794;*/
.btn-theme:hover{color:#ea2481;}
.form-condition, .form-condition:hover{text-decoration:none;font-size:12px;color:#FFF;margin-bottom:0}
input[type="checkbox"]{height:12px;line-height:12px}

#z-btn .btn {color:#FFF;background-color: #d819d8;border: 1px solid #A71A3B;border-radius: 0;font-weight: normal;font-family: Arial, sans-serif;font-variant: small-caps;font-size:23px;width:100%}
#z-btn .btn:hover, #z-btn .btn:active, #z-btn .btn:focus {background-color:rgba(213, 8, 197, 0.8);text-shadow:0 0 5px rgba(255,255,255,0.75)}

/* New ban tarif + tel */
#ban-offre{position: relative;width: 100%;padding-top:20%}
#ban-offre-card{position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%);z-index: 1}
#ban-text-blk{position: relative;padding-top:0px;}
#ban-text {max-width:90%;padding:10px;margin:0 auto;border-radius: 15px;}
/* #ban-text h2, #ban-text h3{font-family:'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif;color:#000;} */
#ban-text .phone-tel{color: #0b1470;}
#ban-text .phone-tel a{font-size: 25px;font-weight:bold}
#ban-text .tarif{font-size: 20px;color:#000}

/************/
/* SERVICES */
#services{margin:0;padding:1em 0}
#services p{padding:0 0 10px 15px}
#services .tel-color{font-size:18px}
#services .tel-title {margin-top: 10px;font-size: 18px;font-family: "Montserrat",sans-serif;}
.size-img{width:42%}

.smile{width:23px;height:auto;margin-bottom:-4px}

#avatar {float:left; margin-right:3px;}

#bt_input {border: 1px solid #831040;border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;color: #FFFFFF;cursor: pointer;font-size: 19px;height: 45px;letter-spacing: 1px;text-align: center;width: 130px;background:#ff009c;}
#bt_input:hover{border:1px solid #ed5393;background: #ff238f;}

.limite{font-weight: normal;margin: 0 auto;padding: 10px 5px;width: 100%;font-size:12px;}
.times{font-style: italic;font-size:15px;color:#7f00f0; font-family:'Times'}
.red{color:#7f00f0;}

#offre-bienvenue p{font-weight: bold;margin: 0 auto;padding: 10px 5px;width: 100%;font-size:14px;line-height:261%;}
#offre-bienvenue .tel a{color:#d9318a;font-size:30px;}
#offre-bienvenue .tel a:hover{color:#d9318a}
.tarif {background: rgba(255, 255, 255, 0.7);border-radius: 20px;color: black;font-size: 19px;}
.promocode{font-style: italic;font-size:19px;font-weight:normal; color:black}
.tel a {font-size:20px;font-weight: bold;padding-left: 10px;}
.tel{display:block;font-weight:bold;color: #000000;font-size: 28px;margin-bottom: 20px;}

.offre-bienvenue-2, .blk-tel{display:none}

#interdiction #tchat-container{padding-top:5px}
/*#blk-interdiction {background: #00AFF0 none repeat scroll 0% 0%;border-radius: 7px;text-align: left;font-size: 14px;padding: 20px 15px;margin: 10px 0 10px;}*/
#blk-interdiction {background-color: rgba(255, 255, 255, 0.4);padding:25px ;color:black; font-weight:bold; margin-top:20px;;border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;text-align: left}
#blk-interdiction a,#blk-interdiction a:hover {text-decoration:none;color: #ea2481;}
/************/

/************/
/* HISTORY */
#history{margin:0;padding:7em 0;background:#F7F7F7 none no-repeat center center / cover}
#history .option {border:2px solid #03BCB9;background-color:#FFF;padding:1.7em 1.7em 1em;min-height:398px;width:88%}
#history .option img {border-radius:40px}
#history .option p {line-height:1.6em;font-size:1em;text-align:left}
.spacer{display: block;width: 6em;height: .2em;margin: 0 auto 2em;}


/* ABOUT */
.title-contact{background-color: #D509C5;padding: 10px;margin-bottom: 0;}
#about {background: #FFF none repeat scroll 0 0;padding:0 10px;}
#about #about-picture .col-sm-3{max-width: 310px}
/* #about #about-picture img{border:2px solid #D509C5;} */
#about #about-content{padding:30px 47px;background-color: #F2F2F2}
#about #about-content .type{font-size:22px;font-style:italic;margin-bottom:0.8em}
#about #about-content h2{text-transform:uppercase;letter-spacing:15px;font-size:47px;margin-bottom:1em}

.bt-tel{padding:10px;font-family: "Arial", sans-serif;line-height: 1.6;background-color: #D509C5;color: #fff;font-size:23px}
.bt-tel a{color: #fff;}
.tarif-consult{font-size:18px}
.code-promo{font-size:18px;padding-top:10px;padding-bottom:10px}
.border-left-col{border-top: 10px solid #D509C5;width:100%;margin:20px auto}

/* CONTENT 2 */
#content-2 *{font-family: "Times", sans-serif;}
#content-2 .container{padding:0;padding-bottom: 40px}
#content-2 .container .padding-bottom-40{padding-bottom:0}
#content-2 .container h2{padding:25px 0 5px;font-size: 35px}
#content-2 .container p{padding:0 0 25px;font-style:italic;font-size:25px}

#emvForm ::-webkit-input-placeholder {color: #878787;}
#emvForm ::-moz-placeholder {color: #878787;}
#emvForm :-ms-input-placeholder {color: #878787;}
#emvForm :-moz-placeholder {color: #878787;}

/************/
/* FOOTER */
#footer{padding:1em 0;background-color:#262626;color:#FFF}
#footer a, #footer a:hover{text-decoration:none;color:#FFF}

/*scroll*/
#go-to-top{padding:1.5%;background-color:rgba(236, 219, 141, 0.45);position:fixed;bottom:1%;right:1%}
#go-to-top:hover{color:#FFF;text-decoration:none;background-color:rgba(40, 40, 40, 0.45)}

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

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

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

#call-mailing {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 10px 0;}
#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-number-link{font-size: 27px;}

/**** RAPPEL ****/

#rappel {font-family: "arial",sans-serif;}
#rappel-content {background-color:rgba(0,0,0,0.5);color:#fff;border-radius: 10px;padding:15px;padding-bottom:25px;border:1px solid #FFF}
#rappel-tel-content{background-color:rgba(0,0,0,0.5);color:#fff;border-radius: 10px;padding:15px;padding-bottom:15px;border:1px solid #FFF}
#rappel-tel-content a{color:#fff;font-size: 30px}
#rappel-tel-content a:hover{text-decoration: none;}
#rappel-content .title-content, #rappel-tel-content .title-tel{font-size: 18px}
#rappel .blk-input-grey{overflow: hidden;width: 100%;}
#rappel .bg-grey{color: #fff;width: 15%;background-color: #737373;padding: 7px;border: 0 none;position: relative;left: -4px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
#rappel #input-rappel{width: 75%;line-height: 34px;height: 34px;border: 1px solid #8b8b8b;text-align: center;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color: #000}

/************/
/* offre (ban top & call section) */
.rdv-promo-code{margin-bottom:5px;font-size:16px;font-weight:bold;}
.offer-tarif{margin-bottom:15px;font-size:15px;font-weight: lighter;}


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

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

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

#content{background-image: url(../images/bg-couple-mob.jpg);background-position: bottom center;background-size: cover;}

/* call section */
/* #call{padding:25px 0;} */
/* #call *{font-family: 'Times New Roman', serif}
#call h2 {margin:0 0 15px;font-size:28px;} */
#call #phone-number{margin: 0 0 20px;font-size:24px; font-weight:bold}
.color-blue{color:#3c90f7}
.color-blue a{color:#3c90f7 !important}
.underline{text-decoration:underline}
.hr{border-top:1px solid #000;max-width:280px;margin:10px auto 20px;}
.noBorder{border:0 none !important}

/* 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: 30px;transform: translate(0, -50%);width: 65px;height: 65px;text-align: center;padding: 8px 8px 0 5px;}
#phone-svg .ico-phone{width: 70%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-number-container{text-decoration:none;display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 35px;}
#phone-number-link{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;color: var(--text-color-phone-number);}

/* RGPD */
.container-rgpd{width:740px;font-size:11px}
.container-rgpd p{color:#2a343b}
.pad-15{padding:15px}

.form-condition{font-size:12px;position: relative;}
.form-condition label{color:#fff;line-height:inherit;}
.form-condition label a{color:#fff}

.message-error1{position: absolute;top: 30px;left: -15px;z-index: 1000000}
#msg-error1{color: #000;background-color: #fff;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 #fff;border-left: 7px solid transparent;}

.message-error2{position: absolute;top: 15px;left: 0px;z-index: 1000000}
#msg-error2{color: #000;background-color: #fff;padding: 5px 10px;border-radius: 5px;position: relative;top: 13px;left: -15px;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 #fff;border-left: 7px solid transparent;}

.container-blk{margin:0 auto;text-align:center;max-width:620px;}
.container-blk a{color: #a2a2a2;text-decoration: none;}
/******/

#contact{font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif !important;padding-top:10px}
#contact .title-txt{font-weight:bold;color:#0b1470;font-size:21px;margin:0;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}
#contact .subtitle-txt{font-weight:bold;color:#0b1470;font-size:21px;margin:0;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}
/* #contact h3 {padding-top:5px} */
#contact h3 a{font-weight:bold;color:#3c90f7;font-size:25px;margin:0;text-decoration: none;padding-top:5px;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}

#contact #call h4{color:#0b1470;font-size:21px;margin:0 auto;text-align: center;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}
#contact .icon_phone{padding-right: 5px}
#contact .border-tarif{border-bottom: 1px solid #0b1470;width: 100%;margin:0 auto}


/* callback section */
#callback{
	--bg-color-callback-form: #d819d8;
	--bg-color-callback-btn: #d819d8;
}
#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: 15px;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-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: 10px;}

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

	--rappel-title-color:#D508C8;
	--rappel-subtitle-color:#333;
	--rappel-paragraph-color:#333;

	--rappel-button-color:#FFF;
	--rappel-button-background-color:#d08bcb;
	--rappel-button-background-color-gradient-1:#d08bcb;
	--rappel-button-background-color-gradient-2:#D508C8;
	--rappel-button-border-color:#d08bcb;
	--rappel-button-shadow-color:#d08bcb;
}
#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: 25px;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:320px)){
	#rappel-form-header h2{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{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;}
}

/**landing***/

.text-bold{font-weight: bold;}
.title1-top{color:#d819d8;font-size:20px;text-align: center;width: 100%;margin-bottom:0;padding-top: 10px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;}
#valide .title1-top, #interdiction .title1-top{padding-top:0px;font-size: 21px;}
.title2-top{font-family: 'Times New Roman', Times, serif;font-weight: bold;color: #333;font-size: 22px;margin-top: 15px;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: #d819d8;font-size: 18px;margin: 0;padding-bottom: 10px;}

.title1-medium{font-weight: bold;color: #d819d8;font-size: 22px;margin: 0;font-family: 'arialBlack', Arial sans-serif;padding-top: 0;}
.title2-medium{color: #d819d8;	font-size: 21px;margin: 0;font-family: Arial, Helvetica, sans-serif;}
.title3-medium{font-family: 'arial', Arial sans-serif;color: #d819d8;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: #d819d8}
.text-bold{font-weight: bold;}

#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#d819d8;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:#d819d8;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 #d819d8;box-shadow:0px 2px 3px 0px rgb(0 0 0 / 25%);border-radius: 3px;margin-bottom:15px}
#is-typing-content{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:15px}
.spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px;
  background:
    radial-gradient(farthest-side,#ff1664 60%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ff16aa);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  animation:anim-spinner 1s infinite linear;
}

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

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


#tchat-window{border-radius:15px; border:3px solid #d819d8;background-color: white;}
#tchat-text{border-radius:15px}

#blk-card {background: rgba(255, 255, 255, 0.4);width: 100%;margin: 0 auto;margin-top:20px;}

.border-blue{border-top:2px solid #D819D8;width: 90%;max-width: 800px;margin: 0 auto;margin:30px auto}
#content .title3-top .fa-envelope{color: #FFF;	display: inline-block;	font-size: 16px;	padding: 3px 4px;	border-radius: 4px;	background: rgb(216, 25, 216);	background: linear-gradient(180deg, rgba(230, 30, 230, 1) 0%, rgba(248, 31, 248, 1) 100%);	margin-right: 3px;}
.cb-secure{max-width: 150px;}
#valide, #interdiction{background-color:#f7fafd;}
.bg-light-blue{background-color:#f7fafd;}
#valide #about, #interdiction #about{background-color:#f7fafd;}


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


/************************/
/* RESPONSIVE */

@media (min-width:320px) {
	/* New ban tarif + tel */
	#ban-text .phone-tel a{font-size:21px}
	#ban-text .tarif{font-size:16px}

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

	.bg-infos {background-color: #F2F2F2;width: 100%;margin: 0 auto;margin-bottom: 20px;}
	.bg-infos2{background-color: #fff;width:100%;margin:0 auto;}
	.bg-infos.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	.bg-infos2.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	.blk-txt{text-align:justify;padding:0px 0px;font-family: 'cambria','Helvetica Neue','Helvetica',sans-serif;}
	.bg-infos h2{font-size: 21px;text-align: center;font-weight:bold;padding-top:0}
	.bg-infos h4{text-align: center;margin-bottom: 0;}
	.bg-infos .type-voyant{font-weight: bold; font-style: italic;padding-top:20px;font-size: 21px;}
	.blk-title2{text-align: center;font-family:'cambria', Times, 'Times New Roman', serif;font-size: 21px !important;}
	.bg-infos .blk-text p{padding-bottom:7px;font-size: 25px !important;}
	.bg-infos2 .blk-text .txt-style p{padding-bottom:7px}
	.bg-infos2 h4{padding:20px 5px;font-size: 18px;}
	.title-specialite{font-size: 25px;margin: 0;font-weight: bold;text-align: center;padding-top:0}
	.title-voyant{color: #808080;font-style: italic;margin-top: 0;text-align: center;}
	#contact p{margin:0 0px 10px}
	.width-desk {width: 720px;}
	#ban-tarif #contact h4{color: #0b1470;}
	#tchat-text .para .prenom-consult-tchat span{color:#911010;font-size: 17px;}
	#tchat-text .prenom-consult-tchat{color: #000;font-size: 17px;}

	#valide #ban-tarif, 	#interdiction #ban-tarif{background-color: rgba(255, 255, 255, 1);width: inherit;border-radius: 15px;margin: 0 auto;border:solid 3px rgba(0, 0, 0)}

	/***/
	#about-picture .bg-contact img{margin:0 auto}
	#about-picture .bg-contact .bt-tel{margin:0 auto;}

	#content {font-family: 'cambria', 'Times New Roman','Times',  serif;}
	#title-cards-action{margin-top: 0;padding-top:10px;padding-bottom:1px;}
	/* background: rgba(255,255,255,0.7); */
	#title-form-action{margin-top: 55px;padding-top:0;padding-bottom:1px;margin-bottom:10px}
	#content h2.title0{color:#0b1470;font-size:19px;text-align: center;width: 100%;margin-bottom:0;font-weight: bold;padding-top:5px;line-height: inherit;font-family: 'cambria', 'Times New Roman','Times',  serif;}
  #content h3.title1{color:#0b1470;font-size:18px;font-weight: bold;margin-bottom:0;margin-top:0;text-align: center;font-family: 'cambria', 'Times New Roman','Times',  serif;}
  #content h4.title2{color:#0b1470;font-size:19px;font-weight:bold;margin-top:0;margin-bottom:0;text-align: center;font-family: 'cambria', 'Times New Roman','Times',  serif;}
  #content h4.title3{color:#0b1470;font-size:18px;font-weight:bold;text-align: center;margin-top:0;line-height: inherit;font-family: 'cambria', 'Times New Roman','Times',  serif;}
	#step-1 h2, #step-2 h2{color:#0b1470;}
	.bg-purple{margin:0}
	.bg-purple h3{font-size: 14px;text-align: center;}

	/* ADD 22/07/2024 */
	#valide #ban-text, #interdiction #ban-text{max-width: 100%;}
	#valide #content, #interdiction #content {background: #f7fafd}
	#valide .title1-top, #interdiction .title1-top{color:#263C6A;font-size:19px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;}
	#valide .title2-top, #interdiction .title2-top{color: #D819D8;font-size: 23px;font-weight: bold;margin-bottom: 0;margin-top: 0;font-family: 'Times New Roman', Times, serif;padding-top: 15px;text-align: center;}
	#valide .title3-top, #interdiction .title3-top{font-family: 'Times New Roman', Times, serif;font-weight: normal;color: #d819d8;font-size: 18px;margin-top: 0;}
	#valide .title4-top, #interdiction .title4-top{font-family: 'Times New Roman', Times, serif;color: #263C6A;font-size: 15px;margin: 0;padding-bottom:15px;font-weight: bold;}

	#valide .title1-medium, #interdiction .title1-medium{font-weight: bold;color: #263C6A;font-size: 16px;margin: 0;font-family: 'arialBlack', Arial sans-serif;padding: 7px;}
	#valide .title2-medium, #interdiction .title2-medium{color: #263C6A;	font-size: 17px;margin: 0;font-family: Arial, Helvetica, sans-serif;padding:7px;font-weight: bold;padding-top:0}
	#valide .title3-medium, #interdiction .title3-medium{font-family: 'arial', Arial sans-serif;color: #263C6A;font-size: 17px;margin: 20px auto 10px;text-align: center;font-weight: bold;}

	#valide .bg-infos.txt-style, #interdiction .bg-infos.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	#valide .bg-infos2.txt-style, #interdiction .bg-infos2.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	#valide .bg-infos, #interdiction .bg-infos, #valide .bg-infos2, #interdiction .bg-infos2 {background-color: #f7fafd;}

	/* reponse page */
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:16px}
	#call-mailiing-plan-container a{font-size: 15px;}
}
@media (min-width:360px) {
	#phone-svg{	width: 85px;height: 85px;}
	#phone-number-link{	font-size: 27px;}

	/* 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}
}
@media (min-width:375px) {
	#valide .title4-top, #interdiction .title4-top{font-size: 15px;}
	#valide .title1-medium, #interdiction .title1-medium{font-size: 18px;}
	#valide .title3-top, #interdiction .title3-top{font-size: 20px;}
}

@media (min-width:414px) {
	#ban-text .break-line{display:inline-block}

	#content h2.title0{font-size:22px;}
  #content h3.title1{font-size:22px;}
  #content h4.title2{font-size:22px;}
  #content h4.title3{font-size:22px;}
	.bg-purple h3{font-size: 17px;}

	#valide .title1-top, #interdiction .title1-top{padding-top: 0;}
	#valide .title4-top, #interdiction .title4-top {font-size: 20px;}
	#valide .title1-medium, #interdiction .title1-medium {font-size: 20px;}
	#valide .title2-medium, #interdiction .title2-medium{font-size: 19px;}
}

@media (min-width:420px) {
	#header-mailing-title{font-size:18px;}
}
@media (min-width:430px) {
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:15px}
	#call-mailing-title-2 span{display: inline;font-weight: normal;}
}
@media (min-width:450px){
	#header-mailing-subtitle{font-size:18px;}
}
@media (min-width: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;}
}
@media (min-width:600px){

}
@media (min-width:650px){
	#reponse #overlay{background-color: transparent;}
	#response-container{padding-top: 12px;}
	#container-mailing{margin:10px auto}
}
@media (min-width:500px) {
	.vcenterTchat{max-width: 80%;}
}
/* resp tablets an small desktop only */
@media (min-width:768px) and (max-width:1200px) {
  .container{width:100%}
  /* #about{padding-top:200px} */
}
/* resp tablets >= 768 */
@media (min-width: 768px){
  #landing #content{background-color: #c6c9c9}
  #content{background: #c6c9c9 url(../images/bg-couple-resp.jpg) no-repeat scroll 100%;background-position: top center;background-size: cover}
	#reponse #content{background-image: none;}
  /*box*/
  #box{padding:5px 0 35px;background-color:#000;}
  #box-container{background-color:#FFF;}

  /* cards */
  #cards-action{width: 98%}
  .one-carte {width: 90px;height: 165px;}

  /*tchat*/
  #tchat-window{width:640px;height:450px;margin:20px auto 20px;padding:10px;;background-color: #FFF}
  #tchat-loader, #tchat-text {font-family: "Arial", serif;background-color:#FFF;height:370px;overflow:auto;}

  #tchat-medium{height: 475px;padding-top:3px;font-family:'open_sansregular', sans-serif;border-right: 4px solid #000}
  .check {position: absolute;right:10px;bottom:5px;padding:0;background-color: white;border-radius:50px;color:green;font-size: 25px;}

  .phone-container, .or-container{width:100%;padding:0 10px}
  .phone-bar, .or-bar{margin-top: 15px;width:35%;border-bottom:1px solid #666}
  .phone-icon, .or-text{width:30%}
  .phone-icon .fa-phone{padding:5px;border:1px solid #666;border-radius:6px;font-size:20px}
  .or-text{padding-top: 4px}

	.navbar-nav>li>a {padding-top: 0px;padding-bottom: 0px;}
	.navbar-nav>li {float: none;}
	.navbar-collapse {padding-top:10px}

  .tel-container{width: 620px;}
  #rappel-content .title-content, #rappel-tel-content .title-tel{font-size: 13px}

	/* New ban tarif + tel */
	#ban-text h2{padding-top:20px}
	#ban-text .phone-tel a{font-size:27px}
	#ban-text .tarif{font-size:18px}
	#ban-offre{padding-top:10%}
	#ban-offre-card{top:58%}

	/*** text ***/
	.bg-infos.txt-style{padding:0 35px 25px;}
	.bg-infos2.txt-style{padding:0 35px 25px;margin:0 auto}
	.blk-txt{padding:0px 40px;}
	.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: 70%;}

	.bg-purple h3{font-size: 28px;text-align: center;}
	#title-cards-action{margin-top:50px;}
	#content h2.title0{font-size:26px;color:#0b1470;margin-top:0}
  #content h3.title1{font-size:26px;color:#0b1470}
  #content h4.title2{font-size:26px;color:#0b1470}
  #content h4.title3{font-size:26px;color:#0b1470}

	#blk-card{background:rgba(255, 255, 255, 0.4);width: 70%;margin: 0 auto;

	/* 22/07/2024 */
	#valide .title2-top, #interdiction .title2-top{font-size:25px}
	#valide .title3-top, #interdiction .title3-top{font-size:22px}
	#valide .title4-top, #interdiction .title4-top{font-size:22px}
	#valide .title2-medium, #interdiction .title2-medium{font-size:20px}

}

	#about #about-picture .col-sm-3{width: 45%;}
@media (min-width:500px) {
		.vcenterTchat{max-width: 83%;}
	}
}

/* resp large tablets & descktop >= 991 */
@media (min-width:991px){
  #content{background: #c6c9c9 url(../images/bg-couple.jpg) no-repeat scroll 100%;background-position: top left;background-size: cover}
	#reponse #content{background-image: none;}
  #valide #overlay, #interdiction #overlay{width:950px}

  #tchat-window{width:70%;height:450px;padding:10px;background-color:#FFF}
  #tchat-medium{height: 510px}
  #tel-rappel a{font-size:20px}

  /* cards */
  #cards-action{width: 98%}
  .one-carte {width:128px;height:249px;}

  .check{top:70px;right:10px}
  #valide .check, #interdiction .check{width:30px;height:30px}
  #logo-plateformevoyance{position:absolute;right:20px;top:20px;width:230px}

	.bg-purple h3{font-size: 30px;}
	#title-cards-action, #title-form-action {width: 620px;text-align: center;margin: 80px auto 10px;border-radius: 15px;}

	.bg-infos.txt-style{padding:0 85px 25px;}
	.bg-infos2.txt-style{padding:0 85px 25px;margin:0 auto}

	.title1-top{font-size: 25px;}
}
/* resp descktop >= 1200 */
@media (min-width:1200px){

  #cards-action{margin-top: 115px}
  #title-cards-action h2{width:60%;margin:10px auto 0;font-size:23px;line-height:130%}
  #bt-cards{padding: 5px 15px;font-size:32px}

  #etap-2 .form-area{width:69%}
  #title-form-action h2 {width:60%;margin:10px auto 0;font-size:23px;line-height:130%}
  #result-cartes{width: 80%;margin: 0 auto 10px}

  .form-box{width: 350px;margin:0 auto}

	/* .container{box-shadow: -2px 4px 10px 1px rgb(163 163 163);-moz-box-shadow: -2px 4px 10px 1px rgba(163,163,163,1);box-shadow: -2px 4px 10px 1px rgb(163 163 163);} */
	#valide .container, #interdiction .container{box-shadow: none;}

	/* #blk-card #title-cards-action{max-width: 50%;margin-left: 750px;}
	#blk-card #title-form-action{max-width: 50%;margin-left: 750px;} */
	#blk-card {width: 50%;}
	#etap-2 #blk-card {width: inherit;}
	#etap-2{float: right;width: inherit}
	#title-cards-action, #cards-action{width:inherit;float: inherit;margin-top:50px;padding-left:0}
	#bt-cards-area{width: inherit;left:0;bottom:inherit;top:-40px;right: 0}
}

/* resp descktop >= 1400 */
@media (min-width:1400px){
  #bar-title-bottom{bottom:0}
  #overlay{min-height:810px;}
  #title-cards-action h2{font-size:25px;}
}


/* resp smartphones (common) < 768 */
@media (max-width:767px){
  #box{background-color: #d5b39f}
  #box-container{background-color: #FFF}

  /* #etap-1 h2{font-size:22px;text-shadow: #000 2px 0 20px;padding-top:5px}
  #etap-2 h2{font-size:22px;text-shadow: #000 2px 0 20px;padding-top:5px} */

  #result-cartes{padding-left: 50px;}

  #go-to-top{padding:4%}

	.xs-pad-0{padding: 0}
	.xs-pad-15{padding: 0 15px}
	.xs-padd-left-5{padding-left:5px}.xs-padd-right-5{padding-right:5px}
	.xs-marg-top-5{margin-top:15px}

  header{background-color:#000;padding:5px 0}

  #header-container h2{font-size:22px;padding:0;padding-top:15px}
  /* #valide #content h3, #interdiction #content h3{font-size: 16px;margin-top:0} */
	#landing #content, #landing #overlay{min-height:602px}

	 /* #header-content h3{font-size: 1.3em;letter-spacing:inherit}#landing #content h4{font-size: 1.3em;} */
  /*#landing #content #etap-1{padding-top:125px}*/
  /*#landing #content #etap-2{padding-top:40px}*/
  /* .form-box h2{text-shadow: 1px 1px 5px #000} */

  /* cartes */
  #drawing{padding-top:20px;margin:70px 0 0}
  .cards-area {height:inherit;}
  #cards-action{width:98%;padding:15px 0 0}
  #cards-action .tapis{width:25%}
  .one-carte{width:80px !important;height: 154px !important;margin-bottom: 10px}
  #bt-cards-area{bottom:inherit;top:0}
  #bt-cards{font-size:22px}

  /* form */
  .form-container{padding:0 10px 0; margin-top:10px;text-shadow: #000 2px 0 20px;}

  /* offer */
  #offer h2{font-size:25px; padding-top:20px}
  #offer p{font-family: 'open_sansregular', sans-serif;font-size: 18px}
  #offer p:last-child{margin:0}
  #offer a{display:inline-block;padding:10px 20px;color:#fff;font-size:26px;font-weight:bold;background-color:#000}

  /* tchat - medium */
  #tchat-medium,#tchat-content{float:none !important}

  #tchat-window{height:605px;width:90%;padding: 20px 17px;margin:20px auto 60px;}
  #tchat-loader, #tchat-text {background-color:#FFF;height:515px;overflow:auto;border:1px}
  /* #z-input{padding:0 0  0 40px} */
  #ch-input{width: 98%;height: 16px;font-size:12px}

  /* rappel */
  #rappel-mobile{font-family: 'open_sansregular', sans-serif;}

  #rappel-mobile-title{font-family: "Times", serif; font-size:20px}
  #tel-rappel-mobile p:first-child{margin:10px 0;font-size:19px}
  #tel-rappel-mobile p:first-child a {color:#000;font-weight:bold}
  #rappel-mobile-content{padding:10px 0}
  #rappel-mobile-content .form-rappel{overflow:hidden;width:75%;border:3px solid #000;border-radius:6px}
  #rappel-mobile-content input{width:85%;height:34px;line-height:34px;border:0;padding:0;font-size:14px;text-align:center}
  #rappel-mobile-content button{width: 15%;padding:7px 0;border:0 none;color:#fff}

  /* about */
  #about{padding:0}
  #about #about-picture{position:inherit;padding: 20px 0}
  #about #about-content{padding:10px 5px}
  #about #about-content .type{font-size:16px}
  #about #about-content h2{font-size:27px;margin-bottom: 0.7em}
  /* #about p{text-align:left;font-size:13px;} */
  /* #about p:last-child, #about p:nth-last-child(2), #about p.code-promo, #about p.tarif-consult, #about p.bt-tel{text-align:center}
  #about #about-bt-tel{padding: 5px 25px;font-size: 25px;margin: 15px 0px;} */

  /* content-2 */
  #content-2 .container h2{font-size:27px}
  #content-2 .container p{font-size:20px}
  #content-2 .container{padding:0}

  /* footer */
  .footer-logo{margin: 15px 0}

}

@media (max-width:600px){
	/* New ban tarif + tel */
	/* #valide #content #overlay h2, #interdiction #content #overlay h2 {font-size: 21px;color: #000;    padding-top: 20px;font-weight: bold;} */
}

@media (max-width:500px){
  .noDisplay{display: none}
}
/* resp smartphones < 414 */
@media (max-width:428px){

	/* New ban tarif + tel */
	#valide #content #overlay h2, #interdiction #content #overlay h2 {padding-top: 20px;}

  /* #valide #content #overlay h3, #interdiction #content #overlay h3 {font-size: 18px;color: #FFF;}
  #valide #content #overlay h3:last-child, #interdiction #content #overlay h3:last-child {font-size: 12px;}
  #valide #content #overlay h3.subtitle {font-size: 13px;} */

  #tchat-window{height:550px;width:90%;padding: 0;background-color:#FFF;margin: 20px auto 10px}
  #tchat-loader, #tchat-text {height:485px}
  #tchat-text .para .img-circle{width: 95%;margin:0 0 0 -5px}

  .tel-container{width: inherit;}
  .border-black-bottom{margin-top: 20px}
  #loader-text{margin-top:40%}
  #rappel-content .title-content, #rappel-tel-content .title-tel{font-size: 14px}

  /* RGPD */
  .container-rgpd{width:385px;}

  .noDisplay{display: none}
  .vcenterTchat {display: flex !important;vertical-align: middle;padding: 0px 5px;flex-direction: column;align-items: flex-start;justify-content: center;align-content: center;flex-wrap: nowrap;margin-left: 5px;max-width: 100%;}
}

/* resp smartphones < 390 (nexus4 384) */
@media (max-width:390px){
  #header-container h2 {font-size: 20px}
  /* #valide #content h3, #interdiction #content h3{font-size: 15px} */
   #header-content h3{font-size: 1.1em}
/*
  #tchat-window{height:461px}
  #tchat-loader, #tchat-text{height:368px} */
  .tel-container{width: inherit;}
}
/* resp smartphones < 375 */
@media (max-width:375px){
  /* #tchat-window{height:450px}
  #tchat-loader, #tchat-text{height:400px} */
  .tel-container{width: inherit;}

  /* RGPD */
  .container-rgpd{width:345px;}
}
@media (max-width:360px){
  /* RGPD */
  .container-rgpd{width:330px;}
}
/* resp smartphones < 370 (android 360) */
@media (max-width:370px){
  /* #tchat-window{height:390px} */
  /* #tchat-loader, #tchat-text{height:335px} */
  .tel-container{width: inherit;}
  .form-container h2 {font-size: 1.5em}
}
/* resp smartphones < 320 */
@media (max-width:320px){
  header img {width: 60%}

  #header-container h2{font-size: 1em}
  /* #landing #content h3{font-size:1em;} */

  #landing #content #etap-1{padding-top:0}
  #landing #content #etap-2{padding-top:0}
  #etap-1 h2, #etap-2 h2{font-size:14px}


  #drawing{margin:0;padding:5px 0 60px}
  #cards-action{width:100%;border:0 none;padding-top:0;margin-top:0}
  #cards-action .tapis{width:50%}
  .one-carte{width: 90px !important;height: 164px !important;}
  #bt-cards-area{top:inherit}

  #tchat-loader, #tchat-text{height:295px}
  .tel-container{width: inherit;}

  /* RGPD */
  .container-rgpd{width:295px;}
}