@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: "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 */
html {
	--white: #FFF;
	--black: #222;
	--purple: #9c4efe;
	--blue: #008fff;
	--blue-light: #57a5e2;
}
div{
	--bg-color-ban-top: #f8e2d9;
	--text-color-ban-top: #373664;
}

button{
	--bg-color-btn-form-request: #ff6019;
	--text-color-btn-form-request: var(--white);
	--bg-color-btn-cards: #ff6019;
	--text-color-btn-cards: var(--white)
}

#spinner{
	--border-color-spinner-default: #ff6019;
}

#spinner::before{
	--border-color-spinner-before: #ff7b42;
}

#spinner::after{
	--border-color-spinner-after: #f5ae8f;
}

.tchat-msg{
	--color-dots-tchat-msg: #ff6019;
	--bg-color-tchat-msg: #fdf0eb;
	--shadow-color-tchat-msg: #fb7d48;
	--bg-color-is-user-tchat-msg: #eeeefc;
	--shadow-color-is-user-tchat-msg: #b17df0;
}

#btn-paper-plane{
	--bg-color-btn-typing: #ff6019;
	--text-color-btn-typing: #FFF;
}

#about-container{
	--bg-color-about-container: #ffede5;
}

.form-box {
	--border-color-form-box: #ff7b42;
	--bg-color-form-box: rgba(255, 255, 255, 0.85);
}
#container-mailing{
	--border-color-mailing-container: #ba4919;
	--border-width-mailing-container: 4px;
}

/* GENERAL */
.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 : #ff6019;
	--text-color-phone-ico : #ff6019;

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

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

.vcenter{display: table-cell; float: none; vertical-align: middle; padding: 0px 5px;}
.center-block{float: none}
.break-line{display:block}
.color-blue{color:var(--blue)} .bg-blue{background-color:var(--blue-light)} .color-blue-light{color: var(--blue-light);}
.bold{font-weight:bold}
.underline{text-decoration: underline;}
.color-white{color: #FFF;}
.bg-black{background-color: #000}
.text-black{color: #000}
.bg-white{background-color: #fff}
.text-white{color: #fff}
.bg-opacity{background: rgba(255, 255, 255, 0.3); padding-bottom: 30px}
.text-grey{color: #a2a2a2;}
.pad-0{padding: 0}
.margin-0{margin: 0}
.pad-15{padding: 15px}
.pad-left-5{padding-left:5px}.pad-right-5{padding-right:5px}
.bg-grey{background-color: #777;}
.bg-light-blue{background-color: #f7fafd;}

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

#valide .container, #interdiction .container{padding: 0;}

/* header */
#header-picture-continer{position: relative;}
#header-medium-container{position: absolute; left: 50%; transform: translate(-50%, -50%); overflow: hidden; width: 32%; max-width: 200px; border: 3px solid #ff6019; border-radius: 50%;}
#header-illustrated-photo{position: absolute; right: 5px; bottom: 3px; color: #ccc; font-size: 10px}
header h1{margin: 17% 0 15px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 28px; color: #ff6019}

/* phone ban (validate/deny) */
/* #ban-phone{font-family:"Helvetica Neue Medium";padding:25px 0 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%;margin:70px auto 5px;z-index:0}
#ban-frame-cards-container{position: absolute;top: 19px;left: 50%;transform: translate(-50%, -100%);z-index: -1;}
/* #ban-frame-content{padding: 5px 5px 5px;border:2px solid #ff570f;border-radius:15px;background-color: var(--white);box-shadow: 0 0 4px #040404;} */
/* #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)}

/* form */
#content h2.form{font-family: "arial", sans-serif; font-size: 22px}
#landing .form-container{padding: 20px; margin: 0 auto;}
.form-control{font-family: "arial", sans-serif; height: 40px;}
#landing .bg-form-opacity{background: rgba(255, 255, 255, 1);}
#prenom::-webkit-input-placeholder, #partenaire::-webkit-input-placeholder, #email::-webkit-input-placeholder, #phone::-webkit-input-placeholder{text-align: center; color: #000; font-weight: bold;}
#prenom::-moz-placeholder, #partenaire::-moz-placeholder, #email::-moz-placeholder, #phone::-moz-placeholder{text-align: center; color: #000; font-weight: bold;}
#prenom:-ms-input-placeholder, #partenaire:-ms-input-placeholder, #email:-ms-input-placeholder, #phone:-ms-input-placeholder{text-align: center; color: #000; font-weight: bold;}
#prenom:-moz-placeholder, #partenaire:-moz-placeholder, #email:-moz-placeholder, #phone:-moz-placeholder{text-align: center; color: #000; font-weight: bold;}
/* input[type=text], input[type=email], input[type=tel], select, option, textarea{text-align-last: center; color: #000; font-weight: bold; text-align: center;} */
#lead-form .form-control,#lead-form .form-control::placeholder{color:#333;font-weight: bold;text-align: center;text-align-last: center;font-family: "Arial", "Times", sans-serif;}

#z-btn{margin-top: 10px}
#z-btn .btn{width: 80%; border: 0px none; padding: 0.3em 0px; color: #FFF; font-size: 19px; background-color: #ff580e; text-transform: uppercase; letter-spacing: 2px; font-family: 'arial', sans-serif; color: #fff; border-radius: 10px}
#z-btn .btn:hover, #z-btn .btn:active, #z-btn .btn:focus{cursor: pointer; color: #FEFEFE; background-color: #EF1D38; text-shadow: 0 0 3px #FFF;}
@media screen\0{/* IE Hacks: targets IE 8, 9 and 10 */
  .form-control{line-height: 1.4285;  height: 34px;  padding: 0 0 0 12px}
}
#request-lead{background-color: #ff6019; color: #fff; padding: 10px; font-size: 19px; margin-top: 15px; width: 100%; text-transform: uppercase; letter-spacing: 2px;}

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

/**** contact ****/
#contact{background-color: #fff; padding-top: 15px}

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

/* call section */
#call #phone-number{margin: 0 0 20px;font-size:24px; font-weight:bold}
#call #phone-number span{color: var(--text-color-phone)}

/* 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 a:hover, a:focus, a:active{text-decoration:none}
.ban-call-container{position:relative;width:98%;max-width:265px}
.ban-call-content{background-color: #FFF;position:relative;transform: translateY(-15px);border: solid var(--border-width-call-content) var(--border-color-call-content);border-width:var(--border-width-call-content) var(--border-width-call-content)  1px var(--border-width-call-content);padding:var(--padding-call-content);border-radius:6px;line-height:0.9}
.ban-call-content a:hover, a:focus{color:inherit}
.ban-call-content span{display:block}
.ban-call-bar{position:absolute;left:0;bottom:0;background-color: var(--border-color-call-container-bottom);width:100%;height:100%;border-radius:0 0 6px 6px}
.ban-call-title{font-weight: bold;font-size: var(--text-size-call-title);color: var(--text-color-call-title)}
.ban-call-subtitle{font-size:19px;color: var(--text-color-call-subtitle)}
.ban-call-phone{font-size:26px;font-weight: bold;color: var(--text-color-call-phone)}
.ban-call-tarif{font-size:13px;font-style: italic;}

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

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


/**** TCHAT ****/
#tchat-loader, #tchat-content{min-height: 610px; max-height: 610px}
#tchat-loader{display: flex; flex-direction: column; align-items: center; justify-content: space-evenly;}
#spinner{width: 70px; height: 70px; display: grid; border: 4px solid #0000; border-radius: 50%; border-right-color: var(--border-color-spinner-default, #9390ff); animation: anim-loader-spinner 1s infinite linear;}
#spinner::before, #spinner::after{content: ""; grid-area: 1/1; margin: 2px; border: inherit; border-radius: 50%; border-right-color: var(--border-color-spinner-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; color: #ff6019}
#tchat-content{overflow-y: auto;}
#tchat-content .tchat-para{background: none; padding: 5px; overflow: hidden; display: flex; justify-content: flex-start; width: 100%}
#tchat-content .tchat-msg{background: var(--bg-color-tchat-msg) none repeat scroll 0% 0%; min-width: 50px; padding: 5px; margin-left: 3%; border-radius: 5px; box-shadow: var(--shadow-color-tchat-msg) 1px 1px 2px 0px; font-size: 17px; word-break: break-word; color: #111; max-width: 97%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; position: relative; text-align: left; height: auto; transform-origin: left bottom; opacity: 0; transform: scale(0); transition: all 0.5s ease-out;font-family:Verdana, sans-serif}
#tchat-content .open .tchat-msg{opacity: 1; transform: scale(1);}
#tchat-content .close .tchat-msg{opacity: 0;}
#tchat-content .tchat-msg::before{display: block; width: 0px; content: ""; position: absolute; bottom: 10px; left: -12px; border-style: solid; border-width: 0 14px 18px 0; border-color: transparent var(--bg-color-tchat-msg) transparent transparent;}
#tchat-content .tchat-para .prenom-consult-tchat{color: #ff6019; font-size: 17px;display: none;visibility: hidden;}
#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
#tchat-content .is-dots .tchat-avatar{display: none;visibility: hidden;}
#tchat-content .is-dots .prenom-consult-tchat{display: inline-block;visibility:	visible;}

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

/* TODO: checker si ca sert */
#is-typing-container{min-height: 23px; position: relative; display: flex; justify-content: center; align-items: center; width: 90%; height: 45px; margin: 5px auto 0; padding: 10px 0; border: 1px solid #ff580e; box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 25%); border-radius: 3px;}
#is-typing-content{display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; font-size: 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{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, #ff580e); border-radius: 50%}
#btn-paper-plane #ico-paper-plane{width: 90%; height: auto; fill: var(--text-color-btn-typing, #FFF)}
#about{padding: 30px 0}


/* callback section */
#callback{
	--bg-color-callback-form: var(--green-dark, #ff6019);
	--bg-color-callback-btn: var(--green-dark, #ff6019);
}
#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{height:34px;font-weight: normal;}
#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: #ff6019;
	--rappel-background-color-form: #FFF;

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

	--rappel-button-color:#FFF;
	--rappel-button-background-color:#ff6019;
	--rappel-button-background-color-gradient-1:#ff6019;
	--rappel-button-background-color-gradient-2:#ff6019;
	--rappel-button-border-color:#ff6019;
	--rappel-button-shadow-color:#ff6019;
}
#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);}
#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;}
}


#box {background-color: #666;}

/* about */
#about{padding: 35px 0 70px;}
/* #about *{font-family: "Times New Roman", Times, serif;} */
#about-container{width: 100%; max-width: 650px; 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; }
#about-sub-titles p{padding: 0 0 25px; margin: 0 0 10px; font-size: 20px; color: #a2a2a2;}

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


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

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

#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-number-container{border: 2px solid var(	--border-color-phone-number, #D286A4)}
/* #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;} */

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

/* footer */
footer{max-width: 1170px;}
#footer-list-container{display: flex; flex-direction: row; justify-content: space-around; align-items: center; padding: 5px 0; background-color: #f8e2d9; 		font-weight:bold;}
#footer-list-container a{color: var(--text-color-ban-top, #373664)}
#footer-copyright{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 7px 0; background-color: #333;}
#footer-copyright p{margin: 0 auto; color: #FFF; font-size: 12px}

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

/* disclamer */
#rules{padding: 25px 15px 65px}
.container-blk{margin: 0 auto; text-align: center; max-width: 620px;}
.container-blk p{font-size: 11px; color: #a2a2a2; margin: 0 0 2rem; text-align: left; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.container-blk a{color: #a2a2a2; text-decoration: none;}
.container-blk .boprder{border: 1px solid #f1f1f1; padding: 7px; color: #a2a2a2}
.pseudonyme{font-size: 11px; margin: 10px auto; color: #a2a2a2}
#disclamer-blk{text-align: left; border: 1px solid #f1f1f1; font-size: 11px; padding: 0 10px 0 0; background-color: #fafafa !important}
#disclamer-blk *{font-family: 'Arial', sans-serif; color: #a2a2a2;}
#disclamer-blk h3{font-size: 11px; padding-left: 40px; margin-top: 5px; font-weight: normal; margin-bottom: 0; text-align: left;}
#disclamer-blk ul{padding-left: 40px; padding-right: 20px; list-style: inherit}

/* cards */
#cards-animation{display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding-top: 30px; max-width: 850px;}
#btn-event-card{position: relative; overflow: hidden; margin-top: 25px; padding: 15px 30px; background-color: var(--bg-color-btn-cards, #ff6019); color: var(--text-color-btn-cards, #FFF); font-size: 18px; letter-spacing: 1px; animation: infinite anim-action-cards-button 2s cubic-bezier(0.42, 0.41, 0.13, 0.89)}
#btn-event-card::after{content: ''; position: absolute; top: -125%; left: -100%; width: 40px; height: 350%; opacity: 0.25; transform: rotate(25deg); animation: shine; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-out; background: rgba(255, 255, 255, 0.20); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);}

/* sprite cards (mobile) */
#sprite{background-image: url('../images/sprite-mob.jpg');}
.blk-cards{width: 80px; height: 132px;}
.back-card{overflow: hidden; border-radius: 10px;}
.cards{background-image: url('../images/sprite-mob.jpg'); background-size: 720px 660px}
.card-chosen{animation: anim-card-chosen; animation-duration: 0.40s; animation-iteration-count: 1; animation-timing-function: ease-out;}
.card-1{background-position: -80px 0px;}
.card-2{background-position: -480px -264px;}
.card-3{background-position: -160px 0px;}
.card-4{background-position: -240px 0px;}
.card-5{background-position: 0px -132px;}
.card-6{background-position: -80px -132px;}
.card-7{background-position: -160px -132px;}
.card-8{background-position: -240px -132px;}
.card-9{background-position: -320px 0px;}
.card-10{background-position: -320px -132px;}
.card-11{background-position: 0px -264px;}
.card-12{background-position: -80px -264px;}
.card-13{background-position: -160px -264px;}
.card-14{background-position: -240px -264px;}
.card-15{background-position: -320px -264px;}
.card-16{background-position: -400px 0px;}
.card-17{background-position: -400px -132px;}
.card-18{background-position: -400px -264px;}
.card-19{background-position: -480px 0px;}
.card-20{background-position: -480px -132px;}
.card-21{background-position: 0px 0px;}
.card-22{background-position: 0px -396px;}
.card-23{background-position: -80px -396px;}
.card-24{background-position: -160px -396px;}
.card-25{background-position: -240px -396px;}
.card-26{background-position: -320px -396px;}
.card-27{background-position: -400px -396px;}
.card-28{background-position: -480px -396px;}
.card-29{background-position: -560px 0px;}
.card-30{background-position: -560px -132px;}
.card-31{background-position: -560px -264px;}
.card-32{background-position: -560px -396px;}
.card-33{background-position: -640px 0px;}
.card-34{background-position: -640px -132px;}
.card-35{background-position: -640px -264px;}
.card-36{background-position: -640px -396px;}
.card-37{background-position: 0px -528px;}
.card-38{background-position: -80px -528px;}
.card-39{background-position: -160px -528px;}
.card-40{background-position: -240px -528px;}
.card-41{background-position: -320px -528px;}

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

@-o-keyframes anim-card-chosen{
	0%{box-shadow: 0 0 0 0 #ff7901;  -o-filter: brightness(1);  -o-transform: scale(0.97);}
	50%{-o-filter: brightness(1.04);  -o-transform: scale(1.06);}
	100%{box-shadow: 0 0 15px 15px transparent;  -o-filter: brightness(1);  -o-transform: scale(1);}
}
@-ms-keyframes anim-card-chosen{
	0%{box-shadow: 0 0 0 0 #ff7901;  -ms-filter: brightness(1);  -ms-transform: scale(0.97);}
	50%{-ms-filter: brightness(1.04);  -ms-transform: scale(1.06);}
	100%{box-shadow: 0 0 15px 15px transparent;  -ms-filter: brightness(1);  -ms-transform: scale(1);}
}
@-moz-keyframes anim-card-chosen{
	0%{box-shadow: 0 0 0 0 #ff7901;  filter: brightness(1);  transform: scale(0.97);}
  50%{filter: brightness(1.04);  transform: scale(1.06);}
  100%{box-shadow: 0 0 15px 15px transparent;  filter: brightness(1);  transform: scale(1);}
}
@-webkit-keyframes anim-card-chosen{0%{box-shadow: 0 0 0 0 #ff7901;  -webkit-filter: brightness(1);  -webkit-transform: scale(0.97);}
  50%{-webkit-filter: brightness(1.04);  -webkit-transform: scale(1.06);}
  100%{box-shadow: 0 0 15px 15px transparent;  -webkit-filter: brightness(1);  -webkit-transform: scale(1);}
}
@keyframes anim-card-chosen{0%{box-shadow: 0 0 0 0 #ff7901;  filter: brightness(1);  transform: scale(0.97);}
  50%{filter: brightness(1.0);  transform: scale(1.06);}
  100%{box-shadow: 0 0 15px 15px transparent;  filter: brightness(1);  transform: scale(1);}
}

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

/*step (background)*/
#step-1,#step-2{background: no-repeat bottom left url('../images/bg-step-mob.jpg');background-size: cover;}
#step-1-container,#step-2-container{padding-bottom:35px;background-color: rgba(255,255,255,0.65);}

/* TODO: revoir tou ce blk */
#box #content{max-width: 1170px;  margin: 0 auto;}
#img-consult{width: 30%;  margin: 0 auto;  position: relative;  top: -50px}
#content .border-light{margin-top: 15px;  border-top: 1px solid #dadada}
#content #steps .border-light{margin-top: 0;}
.border-light{border-top: 1px solid #dadada;margin-top:20px}
#content h2{margin-top: 0;  margin-bottom: 0}
.name-consult{position: relative;  top: -20px;  font-family: 'Arial', sans-serif;}
.title-card{font-weight: bold;  font-size: 25px;  padding-top: 15px;  padding-bottom: 10px;  font-family: 'Arial', sans-serif;}
.text-card-1{font-weight: bold;  font-size: 16px;  padding-bottom: 10px;  font-family: 'Arial', sans-serif;}
.text-card-2{font-weight: bold;  font-size: 20px;  font-family: 'Arial', sans-serif;}
.title-rappel{margin-top: 15px;  font-weight: bold;  font-size: 25px}
.text-rappel{margin-top: 15px;  margin-bottom: 15px;  font-weight: bold;  font-size: 20px}
.blk-img-consult{padding-top: 15px;  padding-bottom: 15px}
.blk-img-tarif{max-width: 75%;  margin: 15px auto;}
#cards-action{padding-left: 0;  padding-right: 0}

.title-tchat{background-color: #f8e2d9;  margin-bottom: 15px;  padding: 10px;}
.title-tchat h3{font-weight: bold;  margin-top: 0}
.title-tchat a{font-size: 22px;  color: #008fff}
.blk-input{box-shadow: 0 5px 7px #ccc;  border-radius: 10px;  padding: 10px;  margin-top: 5px;  position: relative;  height: 50px;  margin-left: 20px;  margin-right: 20px;  border: 1px solid #ff580e;  line-height: 10px;}
.bg-red{background-color: #ff580e;  padding: 8px;  border-radius: 50%;}
.blk-btn-red{position: relative;  top: -8px}

.form-box{max-width: 370px;padding:30px;border: 2px solid var(--border-color-form-box, #ff7b42);border-radius: 5px;background-color: #ffede5;margin: 0 auto}


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

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

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


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


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

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

/************/
/**landing***/
.text-bold{font-weight: bold;}
.title1-top{color:#ff6019;font-size:22px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;}
/* text-shadow: #414141 0px 1px 2px; */
#valide .title1-top, #interdiction .title1-top{padding-top:0px;}
.title2-top{font-family: 'Times New Roman', Times, serif;font-weight: bold;color: #ff6019;font-size: 24px;margin-top: 0;margin-bottom:0;text-align: center;padding-top:20px;text-shadow: #282828 0px 1px 2px;}
#valide .title2-top,#interdiction .title2-top{text-shadow: inherit;}
.title3-top{font-family: 'Times New Roman', Times, serif;font-weight: normal;color: #333;font-size: 24px;margin-top: 0;}
/* #valide .title3-top,#interdiction .title3-top{color:#ff6019;} */

.title4-top{font-family: Arial sans-serif;color:#ff6019;font-size: 24px;margin: 0;padding-bottom: 10px;text-align: center;text-shadow: #282828 0px 1px 2px;}
#valide .title4-top,#interdiction .title4-top{text-shadow: inherit;color:#000;font-weight: normal;}

.title1-medium{font-weight: bold;color: #ff6019;font-size: 22px;margin: 0;font-family: 'arialBlack', Arial sans-serif;padding-top: 20px;}
.title2-medium{color: #ff6019;	font-size: 22px;margin: 0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
.title3-medium{font-family: 'arial', Arial sans-serif;color: #000;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;}
#valide .list-container ul, #interdiction .list-container ul{margin: 5px 0 15px;}
.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:#ff6019}
.text-bold{font-weight: bold;}

#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#ff6019;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:#ff6019;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);}

#tchat-window{width: 90%;margin: 0 auto;border: 3px solid #ff6019;border-radius: 15px;padding: 5px;background-color: white;}

h3 a{font-weight: bold;color: #ff6019;font-size: 26px;}

/* pictures background */
#step-1, #step-2{background: no-repeat bottom left url('../images/bg-step-pad.jpg');background-size: cover;}
#tchat{padding: 0;}
#step-2-container{background-color: rgba(255,255,255,0.8);}


/* 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;}
.cb-secure{width: 35%;}


@media (min-width:320px){
	#ban-frame-content h3.phone-tel a{font-size:25px;}
	#ban-frame-container{max-width: 100%;}

	/** txt head **/
	/* #title-etap-1{background: rgba(255,255,255,0.7);margin-top:25px;padding:15px 0;margin-bottom:15px} */
	#title-etap-1{padding:15px 0;margin-bottom:15px}
	#title-etap-1 h3.title0 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#0b1470;font-weight: bold;text-align: center;}
	#title-etap-1 h3.title1 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#0b1470;font-weight: bold;text-align: center;}
	#title-etap-1 h4.title2 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#0b1470;font-weight: bold;text-align: center;}
	#title-etap-1 h4.title3 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#0b1470;font-weight: bold;text-align: center;}
	#title-etap-1 h2{color:#0b1470;font-weight: bold;padding-top: 0;font-size: 20px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin-bottom: 0;margin-top: 0;}

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

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

	/* reponse page */
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:16px}
	#call-mailiing-plan-container a{font-size: 15px;}
}
@media (min-width:360px){
	#ban-frame-content .tarif{font-size: 21px;}

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

	#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:410px){
	/* txt head */
	#title-etap-1 h2 {font-size: 25px;}
	#title-etap-1 h3.title0 {font-size: 25px;}
	#title-etap-1 h3.title1 {font-size: 25px;}
	#title-etap-1 h4.title2 {font-size: 25px;}
	#title-etap-1 h4.title3 {font-size: 25px;}

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

	.title4-txt {font-size: 20px;}
}
@media (min-width:420px){
	header h1{font-size: 35px;}
	#ban-frame-content h3.phone-tel a{font-size:27px}
	#ban-frame-content .tarif .break-line{display: inline;}

}
@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:500px){
	#titles-tchat {padding: 95px 0 0;}
}
@media (min-width:600px){
	#titles-tchat {padding: 120px 0 0;}

	.cb-secure{width: 12%;}
}
@media (min-width:768px){
	#landing #box #contact,  #valide #box #contact,  #interdiction #box #contact,  #landing #box .footer,  #valide #box .footer,  #interdiction #box .footer,  .blk-rgpd{max-width: 1170px;  margin: 0 auto;  background-size: inherit}
  #img-consult{top: -80px}
  #rappel #input-rappel{width: 55%}
  #rappel .bg-blue-left,  #rappel .bg-blue-right{width: 15%}
  #z-btn .btn{width: 100%}

  .form-container{width: 460px;}
  #callback-container{max-width: 370px;  transform-origin: bottom;}

	/* valide */
	#valide #content .container,  #interdiction #content .container{padding: 30px 0}
  #tchat-content{float: none !important;  margin: 0 auto;}
  #tchat-window .bg-white-resp{background: rgba(255, 255, 255, 0.2);  margin-top: 30px;  margin-bottom: 30px;  margin-left: 120px;  height: 500px}
  #valide #content #blk-desk-only h2,  #interdiction #content #blk-desk-only h2{font-size: 40px;  font-style: italic;}
  #valide #content #blk-desk-only .text-title-desk,  #interdiction #content #blk-desk-only .text-title-desk{font-size: 20px;  font-style: italic;}
  #valide #tchat-content #tchat-text .para .col-lg-2,  #interdiction #tchat-content #tchat-text .para .col-lg-2{width: 10%}

	#valide #content #ban-phone, #interdiction #content #ban-phone{padding: 20px 0 8px;}
  #ban-phone .border-light{display: none;}
	#ban-phone h2{font-size:28px}
	#ban-frame-content .tarif{font-size: 22px;}

	/* rappel */
  #rappel .blk-tel-or{color: #fff}
  #rappel .desk-rappel{margin-top: 10px}
  #rappel #rappel-content{color: #fff}
  #rappel .blk-input-grey{margin-top: 15px}

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

  /* #about-sub-titles h2{font-size: 35px;}
  #about-sub-titles p{font-size: 25px} */

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

  #btn-event-card{padding: 15px 50px;  font-size: 22px;  box-shadow: 0 3px 8px #333;}

  /* sprite cards */
  #sprite{background-image: url('../images/sprite.jpg');}
  .blk-cards{width: 160px;  height: 259px;}
  .cards{background-size: 1440px 1320px;  background-image: url('../images/sprite.jpg');  border-radius: 4px;}
  .button-cards{cursor: pointer;}
  .card-1{background-position: -160px 0px;}
  .card-2{background-position: -960px -528px;}
  .card-3{background-position: -320px 0px;}
  .card-4{background-position: -480px 0px;}
  .card-5{background-position: 0px -264px;}
  .card-6{background-position: -160px -264px;}
  .card-7{background-position: -320px -264px;}
  .card-8{background-position: -480px -264px;}
  .card-9{background-position: -640px 0px;}
  .card-10{background-position: -640px -264px;}
  .card-11{background-position: 0px -528px;}
  .card-12{background-position: -160px -528px;}
  .card-13{background-position: -320px -528px;}
  .card-14{background-position: -480px -528px;}
  .card-15{background-position: -640px -528px;}
  .card-16{background-position: -800px 0px;}
  .card-17{background-position: -800px -264px;}
  .card-18{background-position: -800px -528px;}
  .card-19{background-position: -960px 0px;}
  .card-20{background-position: -960px -264px;}
  .card-21{background-position: 0px 0px;}
  .card-22{background-position: 0px -792px;}
  .card-23{background-position: -160px -792px;}
  .card-24{background-position: -320px -792px;}
  .card-25{background-position: -480px -792px;}
  .card-26{background-position: -640px -792px;}
  .card-27{background-position: -800px -792px;}
  .card-28{background-position: -960px -792px;}
  .card-29{background-position: -1120px 0px;}
  .card-30{background-position: -1120px -264px;}
  .card-31{background-position: -1120px -528px;}
  .card-32{background-position: -1120px -792px;}
  .card-33{background-position: -1280px 0px;}
  .card-34{background-position: -1280px -264px;}
  .card-35{background-position: -1280px -528px;}
  .card-36{background-position: -1280px -792px;}
  .card-37{background-position: 0px -1056px;}
  .card-38{background-position: -160px -1056px;}
  .card-39{background-position: -320px -1056px;}
  .card-40{background-position: -480px -1056px;}
  .card-41{background-position: -640px -1056px;}

	#valide #content #tchat, #interdiction #content #tchat{width:100%;padding: 0;}
	#tchat-container{padding: 15px 0;}
  #is-typing-container{width: 70%;  box-shadow: 0 4px 6px 0px rgb(0 0 0 / 40%);  border-radius: 5px;}
  #tchat-window{max-width: 600px;  width: 600px;  padding: 20px 20px 10px;  margin: 0 auto;  border: 1px solid #ff570f;  border-radius: 15px;  box-shadow: 0 0 4px #040404;  margin-bottom: 10px;background-color: #FFF;}
  #tchat-content .tchat-para{align-items: center;}
  #tchat-content .tchat-avatar{order: 0;  width: 65px;  min-width: 65px;  max-width: 65px;  margin: 11px 6px 0 0}
  #tchat-content .tchat-msg{order: 1;  margin-left: 15px;  margin-right: 45px;}
	#content #tchat .border-light{margin-top:0}

	#ban-frame-container{max-width: 600px;}

	/* txt head */
	#title-etap-1 h2 {font-size: 30px;}
	#title-etap-1 h3.title0 {font-size: 30px;}
	#title-etap-1 h3.title1 {font-size: 30px;}
	#title-etap-1 h4.title2 {font-size: 30px;}
	#title-etap-1 h4.title3 {font-size: 30px;}

	#tchat-content .tchat-para .prenom-consult-tchat {display: inline-block;visibility: visible;}
	#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
}
@media (min-width:992px){
	header h1{margin-top: 80px;}
  #header-medium-container{transform: translate(-50%, -70%);}

	/* background pictures */
	#step-1, #step-2{background-image: url('../images/bg-step-desk.jpg');}

  .margin-top-130{margin-top: 110px}
  #content h2.form{font-size: 30px}
  #z-btn .btn{font-size: 25px;}
  #tchat-window .bg-white-resp{margin-top: 250px;  margin-left: 55px;}
  #valide .bg-prenom-voyant h2,  #interdiction .bg-prenom-voyant h2{top: 695px;  right: 80px}
  .title-page{font-size: 35px;  color: #fff;  font-family: 'Times', "arial", sans-serif;  margin-top: 175px;  margin-left: -100px}
  #valide .title-page,  #interdiction .title-page{font-size: 35px;  color: #fff;  font-family: 'Times', "arial", sans-serif;  margin-top: 175px;  margin-left: 100px}
  .one-carte{width: 130px !important;  height: 225px !important;  padding: 10px;}

  #rappel #input-rappel{width: 35%}
  #rappel .bg-blue-left,  #rappel .bg-blue-right{width: 7%}
}