/* FONTS */
@font-face {
    font-family: 'parisienne';
    src: url('fonts/parisienne/parisienne-webfont.woff2') format('woff2'),
         url('fonts/parisienne/parisienne-webfont.ttf')  format('truetype'),
         url('fonts/parisienne/parisienne-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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('../../../../../css/fonts/arialblack/ariblk.woff') format('woff'),
			url('../../../../../css/fonts/arialblack/ariblk.woff2') format('woff2'),
			url('../../../../../css/fonts/arialblack/ariblk.svg#ariblk') format('svg'),
			url('../../../../../css/fonts/arialblack/fonts/abrilfatface/ariblk.eot'),
			url('../../../../../css/fonts/arialblack/ariblk.eot?#iefix') format('embedded-opentype'),
			url('../../../../../css/fonts/arialblack/ariblk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AbrilFatface";
	src: url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.woff') format('woff'),
			url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.woff2') format('woff2'),
			url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'),
			url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.eot'),
			url('../../../../../css/fonts/abrilfatface/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'),
			url('../../../../../css/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;
}
#tchat-window{
	--bg-first-spinner-is-typing : #1cff4d;
	--bg-second-spinner-is-typing : #4afd8f;
}

#spinner{
	--border-color-spinner-default: #ffbc57;
}
#spinner::before{
	--border-color-spinner-before: #ffe692;
}
#spinner::after{
	--border-color-spinner-after: #fff8b8;
}
#phone-button{
	--bg-color-phone-ico : #FFF;
	--border-color-phone-ico : #09b187;
	--text-color-phone-ico : #09b187;

	--text-color-phone-number : #0c906f;

	--border-color-phone-number : #0c906f;
}
#reponse {
	--background-color-content: #f7fafd;
}
#reponse #phone-button{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #FF367E;
	--text-color-phone-ico: #FF367E;
	--text-color-phone-number: #FF367E;
	--border-color-phone-number: #FF367E;
}

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

.center-block{float:none}
.vcenter {display: table-cell;float: none;vertical-align: middle;padding: 0px 5px;}
.floatLeft {float:left}
.floatRight {float:right}
.bold{font-weight: bold;}
.uppercase{text-transform: uppercase;}
.line-height-normal{line-height: normal;}
.bg-white{background-color:#FFF} .text-white{color:#FFF}
.bg-black{background-color:#111} .text-black{color:#333} .border-black{border:1px solid #111}
.text-grey{color:#a2a2a2}
.text-white{color:#fff}
.vcenter {display: inline-block;vertical-align: middle;float: none;}
.font-10x{font-size:10px}.font-12x{font-size:12px}.font-15x{font-size:15px}.font-14x{font-size:14px}.font-18x{font-size:18px}.font-22x{font-size:22px}
.font-parisienne{font-family: "parisienne", sans-serif;}
.bg-pink-contact {background-color: #963365;border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;box-shadow: 0 5px 7px #2d2d2d;/*opacity: 0.85;filter: alpha(opacity=50);*/}

.pad-0{padding:0}
.no-padding{padding:0}
.pad-5{padding:5px}.pad-left-5{padding-left:5px}
.pad-10{padding:10px}.pad-top-10{padding-top:10px}.pad-bottom-10{padding-bottom:10px}.pad-right-10{padding-right:10px}
.padding-top-30{padding-top:30px} .padding-top-20{padding-top:20px} .padding-top-40{padding-top:40px} .padding-bottom-20{padding-bottom:20px} .padding-bottom-40{padding-bottom:40px}
.pad-15{padding:15px} .pad-35{padding:35px}
.no-padding-left{padding-left:0}
.no-padding-right{padding-right:0}
.no-margin-top{margin-top:0}
.no-margin-bottom{margin-bottom:0}
.no-margin{margin:0}
.margin-left-10{margin-left: 10px}.margin-right-10{margin-right: 10px}
.marg-top-60{margin-top:60px}.marg-top-20{margin-top:20px !important}.margin-bottom-50{margin-bottom:50px}

.xs-padd-left-5{padding-left: 5px}
.xs-padd-right-5{padding-right: 5px}

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

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

/* container RGPD */
.container-blk{margin:0 auto;text-align:center;max-width:620px;}
.container-blk a{color: #337ab7;text-decoration: none;}
.container-rgpd{font-size:11px;max-width: 740px;width:99%}

/* cookie consent */
/* #cookie-consent{position:fixed;font-size:13px;bottom:0;top:auto;z-index:10000000;width:100%;background-color: #444;padding: 10px}
#cookie-consent *{color: #fefefe;line-height: 1em;margin:0}
#cookie-consent a{font-weight: bold; text-decoration: underline;}
#cookie-consent p{font-size: 12px;line-height:1.2em;padding: 0 12px;}
#cookie-consent-content{width:100%;position:relative;}
#cookie-consent-close{position:absolute;right:3px;top:0;cursor:pointer;font-size:14px} */
.footer3 .footer-logo-wrapper{margin-bottom: 20px}

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

/* top titles - valide & deny*/
#valide .titleH1, #interdiction .titleH1 {text-align: center;font-weight: bold;font-family: 'cambria', 'Georgia', 'Times New Roman', Times, serif;font-size: 16px;color:#0b1470;width: 100%;padding-top: 0;margin-bottom:0;margin-top:2px}
#valide .title1-top, #interdiction .title1-top{color:#0c906f;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:#0c906f;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:15px}

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

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


.bg-infos-tel .blk-tel {padding: 10px 0;font-family:"Times",sans-serif}
.bg-infos-tel .blk-tel .call-me{display: block;font-size: 16px;text-align: center;}
.bg-infos-tel .blk-tel .offer{display: block;font-size: 10px;text-align: center;}
.bg-infos-tel .blk-tel a{color: #fff;display: block;text-align: center;font-size: 22px}
#ban-frame-container{position:relative;width: 98%;max-width:480px;margin:50px auto 5px;background-color: var(--white);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;text-align:center;border:2px solid #4f4e4e;border-radius:15px;background-color: var(--white)}
#ban-frame-content * {font-family: "cambria", "Cochin", Georgia, Times, 'Times New Roman', serif;}
#ban-frame-content h2{font-size: 23px;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)}
.break-line{display: block;}


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

#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-picture-container{padding: 40px 0;}

/* callback section */
#callback{
	--bg-color-callback-form: var(--green-dark, #963366);
	--bg-color-callback-btn: var(--green-dark, #963366);
}

#callback{padding:15px 15px 25px; margin:0 auto 0;width:98%;max-width:620px}
#callback p{margin:5px 0; font-size:16px;font-weight:bold}
#callback h2{font-size:25px;font-weight:bold}
#callback .form-control{background-color:#FFF;font-family: Arial, Helvetica, sans-serif;}
#callback-phone-number::placeholder{text-align: center;}
#callback .btn{background-color: var(--bg-color-callback-btn); color: white;font-weight: bold;font-size: 19px;padding: 6px 8px;border: 0 none;}

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

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

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

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


/************/
/**landing***/
.text-bold{font-weight: bold;}
.title1-top{color:#963366;font-size:25px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;text-shadow: #000000 1px 1px;}
#valide .title1-top, #interdiction .title1-top{padding-top:0px;}

.title2-top{font-family: 'Times New Roman', Times, serif;font-weight: bold;font-size: 24px;margin-top: 0;margin-bottom:0;text-align: center;color:#963366;padding-bottom:5px;}
#valide .title2-top, #interdiction .title2-top{text-shadow: #000000 0 1px;}
.title3-top{font-family: 'Times New Roman', Times, serif;font-weight: normal;color: #000;font-size: 24px;margin-top: 0;text-align: center;}
#valide .title3-top, #interdiction .title3-top{color: #963366;text-shadow: #000000 0 1px;}
.title4-top{font-family: 'arialBlack', Arial sans-serif;color:#963366;font-size: 20px;margin: 0;padding-bottom: 10px;text-align: center;padding-top: 5px;}

#valide .title4-top,#interdiction .title4-top{font-family:  Arial sans-serif;color:#333;font-size: 24px;margin-bottom: 5px;font-weight: bold;text-shadow: none;}

.title1-medium{font-weight: bold;color: #963366;font-size: 22px;margin: 0;font-family: 'arialBlack', Arial sans-serif;}
.title2-medium{color: #963366;	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;}
/* .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:#963366}
.text-bold{font-weight: bold;}


#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#963366;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:300px}
#video-call-btn:hover{background:#963366;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);}
h3 a{color: #963366;font-weight: bold;font-size: 28px;padding-bottom: 5px;display: block;}

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



/* 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 #954566;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%;}
#call-mailing-title-1{display:block;color:#2a3c67;font-size:17px;font-weight:bold}
#call-mailing-title-2{display:block;padding:5px 0;color:#FF367E;font-size:14px;font-weight:normal}
#call-mailing-title-2 span{display:block;font-weight: bold;}
#call-mailing #cb-secure-container{margin-top:18px}
#call-mailing #cb-secure-container img {max-width: 144px;}
#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: Arial, 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;} */

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

/****************************************************************/
/* responsive */

@media screen and (min-width: 320px) {
  #content #col-content #tchat{border-top: 1px solid #B43B78;}
  #content #col-content #tchat-window{border-top: 1px solid #B43B78;}
  #footer-tchat{border-top: 1px solid #B43B78;}
  /* header */
  #header{background-image: url(../images/bg-header-tchat.jpg);background-repeat: no-repeat;background-position: top center;background-size: 100%;min-height: 80px;margin-bottom: 25px}
  #header-content{position: relative;}
  #header-medium{position: absolute;width: 26%;top:95%;left:38%}
  #header h1{text-transform: uppercase;color:#fff;font-size:18px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);margin-top:0}

  /* tchat */
  #loader-tchat, #content-tchat {height:450px;margin:0;overflow-y:auto; padding: 0 14px;padding-top: 15px;padding-bottom: 15px}
  #container-tchat{background-color:#FFF;margin-bottom: 30px}
  #content-tchat .row{margin-top: 15px;margin-bottom:15px}
  #content-tchat .bulle-tchat{position: relative;background: #ffd8e3 none repeat scroll 0% 0%;border-radius: 0 30px 30px;padding: 10px 10px;color: #000;box-shadow: 0 5px 7px #ccc;border:1px solid #ebebeb;font-size:18px;font-family: 'verdana',sans-serif;}
  #content-tchat .bulle-tchat::before {position: absolute;top: 0;left: -13px;display: block;width: 0;height: 0;filter: drop-shadow(-5px 0px 2px #eee);border-style: solid;border-width: 0 17.0px 17.0px 0;border-color: transparent rgb(255,216,227) transparent transparent;content: " ";  }
  #content-tchat .time-consultant {color: #878787;font-size: 12px;text-align: right;padding-top: 5px;padding-bottom: 5px;}
  #content-tchat .time-user {color: #878787;font-size: 12px;text-align: left;padding-top: 5px;padding-bottom: 20px;}

  #content-tchat .col-xs-3{width:16%}
  #content-tchat .col-xs-3.consultant{top:-15px;right:5px}
  #content-tchat .col-xs-3.user{width: 38%}
  #content-tchat .col-xs-8{width:75%;margin-left:5px}

  #content-tchat .bulle-user{position: relative;background: #fff none repeat scroll 0% 0%;border-radius: 30px 0 30px 30px;padding: 10px 10px;color: #000;box-shadow: 0 5px 7px #ccc;margin-left:10px}
  /* #content-tchat .bulle-user::before {position: absolute;top: 0;right: -13px;display: block;width: 0;height: 0;filter: drop-shadow(-5px 0px 2px #eee);border-style: solid;border-width: 0 17.0px 17.0px 0;border-color: transparent rgb(255,255,255) transparent transparent;content: " ";  } */

  #content-tchat .user-circle{background-color:#FFF;margin-left: -5px}
  #content-tchat .fa-user{border-radius: 50%;padding: 10px;margin-left: 20px;background: rgba(248,38,193,1);
      background: -moz-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,38,193,1)), color-stop(100%, rgba(138,23,110,1)));
      background: -webkit-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
      background: -o-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
      background: -ms-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
      background: linear-gradient(to bottom, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a12c4d', endColorstr='#6a2035', GradientType=0 );
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b060ff', endColorstr='#6815bb', GradientType=1 )}
  .loader-text {text-align:center;color:#000;font-size:24px;padding-top:15px;}
  /* .time{text-align:right;font-size:9px;padding-right:10px;} */

  #content-tchat .error-server, #content-tchat-fixe .loader-server{font-weight:bold;font-size:15px;color:#000;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;color:#000000}
  #text-server{margin:10px 0}

  #input-tchat, #radio-sexe-tchat, #select-birthday-tchat, #radio-country-tchat, #select-country-tchat{box-shadow: 0 5px 7px #ccc;border-radius: 30px;padding: 10px;margin-top: 5px;position: relative;height: 50px;}
  #input-tchat.form-control{background-color: inherit;}
  #input-tchat a{line-height:40px} #input-tchat .promo{font-size:13px}
  .radio-tchat .radio{min-height:30px;font-size:18px;line-height:30px;margin-bottom:0;margin-top:0}
  .radio-tchat .radio input[type="radio"]{margin-top:7px}
  .radio-tchat{color:#000000;margin-top: -3px}
  #select-birthday-tchat, #select-country-tchat{padding:5px 0 0 10px;margin-left: 0} #select-birthday-tchat select, #select-country-tchat select{cursor: pointer; cursor: hand;}
  #select-birthday-tchat .form-control, #select-country-tchat .form-control{padding:6px 9px;height: 32px}
  #select-birthday-tchat .form-control{width: 85%;}
  #button-tchat{position: absolute;right: 5px;bottom: 0px;background-color: #963366;padding: 9px;border-radius: 50%;font-size: 1.8em;margin-top: 10px;}

  input[type=text], input[type=email], select, textarea {text-align: left;color:#999;font-weight: normal;}

  #footer-tchat ::-webkit-input-placeholder {color: #999;}
  #footer-tchat ::-moz-placeholder {color: #999;}
  #footer-tchat :-ms-input-placeholder {color: #999;}
  #footer-tchat :-moz-placeholder {color: #999;}
  .bg-blue {background-color: #963366;border-radius: 50%;font-size: 25px;}
  .blk-tarif {margin-top: 7px;color: #999;}

  #valide #tchat-loader, #valide #content-tchat, #interdiction #tchat-loader, #interdiction #content-tchat {height:240px;overflow:auto;}
  #valide #tchat-loader, #interdiction #tchat-loader{margin-top: 50px;font-size:17px;font-weight:bold}
  #valide #content-tchat .row, #interdiction #content-tchat .row{margin-top:0;margin-bottom:0}
  #valide #button-tchat, #interdiction #button-tchat{right: -5px;}

  /* is writing */
  #landing #is-writing-tchat{position: absolute;bottom:10px;color:#963366;padding:5px;z-index:100000;}
  #valide #is-writing-tchat, #interdiction #is-writing-tchat{position: absolute;bottom:10px;left:10px;color:#963366;padding:5px;z-index:1}

  /* contact */
  #contact .consult-contact{border-radius: 20px;box-shadow: 0 5px 20px #2d2d2d;}
  #contact .btn-tel{padding: 10px 0;letter-spacing: 1px;border-radius:30px;width:80%;margin:20px auto 0;color:#fff;margin-bottom:20px;font-family:"Times",sans-serif;font-weight:bold;font-size:25px;
    background: rgba(248,38,193,1);
    background: -moz-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,38,193,1)), color-stop(100%, rgba(138,23,110,1)));
    background: -webkit-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
    background: -o-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
    background: linear-gradient(to bottom, rgba(248,38,193,1) 0%, rgba(138,23,110,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a12c4d', endColorstr='#6a2035', GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b060ff', endColorstr='#6815bb', GradientType=1 );box-shadow: 0 5px 10px #2d2d2d;display:inline-block;}

    #tarif{font-size: 17px;font-family:"Arial", serif;color:#fff}
    #tarif .tarif-consult{font-size: 12px;}
    #tarif .tarif-consult small{font-size: 10px;display:block}
    .blk_secure{margin:10px auto 10px;font-size:15px}
    .blk_secure img{width:66px; height:auto;margin:5px auto;}
    #tarif .phone-strange {font-size:16px;margin-bottom:15px;}
    #tarif .phone-strange a{color:#fff;font-size: 12px}
  #contact .blk-tel-mob {margin-bottom: 20px}
  #contact .blk-tel-mob img{width: 10%}

  /* text-consult */
  #text-consult img {height: 250px;box-shadow: 0 5px 20px #2d2d2d;}
  #text-consult .blk-text-consult {text-align: left;}
  #text-consult .blk-text-consult h2{text-transform: uppercase;text-align: center;padding-top: 15px}
  #text-consult .blk-text-consult p{padding:15px}
  #text-consult img.couple-mob{box-shadow: inherit;height:inherit;}

  /* footer */
  #footer{background-color: #000;color: #fff;padding-top:20px;padding-bottom:20px;text-align:center}
  #footer h1{font-size: 24px;margin-top: 0;font-family: "arial","times",sans-serif;font-weight: normal;}
  #footer a{color:#fff}

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

  /* sign */
  #blk-signs-tchat{background-color: #fff;border: 2px solid #000;width:98%;padding: 5px;position: absolute;top: -40px;margin:0 1%}
  #blk-signs{color:#000;font-size: 15px}
  .list-sign .col-xs-12{padding:2px}
  .one-sign{padding: 5px 3px}
  .one-sign .content-signs{background-color:#FFF;border-radius: 50%;padding:7px}
  .one-sign .action-signs:hover{cursor:pointer;color:#D8B13C;text-shadow: 0 0 2px #FFF;}

  .noDisplay{display:none}

	#ban-frame-content h3.phone-tel a{font-size:25px;}

	/**/
	#about-container{font-family: 'cambria','Times New Roman','Arial',sans-serif;margin-bottom:15px;margin-top:0;background-color: #ffd8e3;max-width: 720px;}
	/* #valide #about-container, #interdiction #about-container{background-color: transparent;}
	#bg-white{max-width: 720px;} */
	#about-sub-titles h2{font-size:25px; text-align: center;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	#about-sub-titles p{font-size:14px; text-align: center;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	#about-type{text-align: center;padding-top:10px; font-style: italic;}
	.blk-txt{text-align:justify;padding:10px 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-txt p,.blk-txt2 p{font-weight: normal;margin-bottom: 10px;font-size: 14px;}
	h2.blk-title2{font-size: 25px;padding-bottom:10px}

	/** 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: 20px;}

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

	.blk-txt{text-align:justify;padding:20px 20px;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	.blk-txt2{text-align:justify;padding:10px 20px;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 screen and (min-width: 360px) {
  /* header */
  #header-medium{width: 20%;top:95%;left:41%}

  /* text-consult */
  #text-consult img {height: 280px;}

  /* tchat */
  #loader-tchat, #content-tchat{height: 550px}
  #valide #tchat-loader, #valide #content-tchat, #interdiction #tchat-loader, #interdiction #content-tchat{height: 550px}

	#ban-frame-content .tarif{font-size: 21px;}

	/* phone button */
	#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 screen and (min-width: 375px) {
  /* header */
  #header{min-height: 120px;margin-bottom:10px}
  #header-content{top:15px}

  /* contact */
  #contact {background-size: cover;}
  /* #contact .container{width: 300px;} */

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

@media screen and (min-width: 410px) {
  /* tchat */
  /* #loader-tchat, #content-tchat{height:375px} */

	#ban-frame-content h2{font-size: 23px}
}
@media screen and (min-width: 414px) {
  /* text-consult */
  #text-consult img {height: 320px;}

  /* tchat */
  /* #loader-tchat, #content-tchat{height:390px} */
  #content-tchat .user-circle{margin-left: 0}
  #valide #tchat-loader, #valide #content-tchat, #interdiction #tchat-loader, #interdiction #content-tchat{height: 550px}
  #valide #tchat-loader, #interdiction #tchat-loader{font-size:20px;margin-top: 120px}
}

@media (min-width:420px){
	#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:467px){
	.blk-infos div{padding: 0 14px;}
} */
@media (min-width:500px){
	#call-mailing-title-1{font-size:20px}
	#call-mailing-title-2{font-size:16px;font-weight: bold;}
	#call-mailing-title-2 span{font-weight: bold;}
}
@media (min-width:600px) {
  .noDisplay{display:block}

	#call-mailing-title-1{font-size:24px}
}
@media (min-width:650px) {
	#container-mailing{margin:10px auto}
}
@media screen and (min-width: 700px) {
  /* header */
  #header {min-height: 180px;margin-bottom: 30px;}
  #header h1{font-size:24px;}
  #header-content{top: -10px}
  #header-medium{top:55px}

  /* contact */
  #text-consult img {margin-top: 35px;width: 100%;height: 100%}
  #text-consult img.couple-mob {width: 100%}

	#ban-frame-content .tarif{font-size: 22px;}
}
@media screen and (min-width: 768px) {
  #header h1{margin-top:20px}

	/* 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;}
}
@media screen and (min-width: 1024px) {
  /* header desk */
  #landing, #valide, #interdiction {background-image: url(../images/bg-couple.jpg);background-repeat: no-repeat;background-size: contain;padding-bottom: 25px;position: relative;top: -20px}
  #header-desk {width: 620px;margin:0 auto;}
  #header-desk h1 .img-title-desk {width: 70%}

  /* header */
  #header {margin-top:80px;margin-bottom: 30px;border-top-left-radius: 15px;border-top-right-radius: 15px;    min-height: 120px;}
  .blk-header-mob {background-color: #fff4f4;border-radius:15px;box-shadow: 0 5px 17px #808080;}
	.blk-header-mob #content{background-color: #FFF;}
  #header-medium{width: 15%;left:43%}
  #footer-tchat{border-top: 1px solid #B43B78;}
  /* tchat */
  #content #col-content #tchat, #col-content #tchat-window{/*max-width: 550px;*/border-top: 1px solid #B43B78;}
  #valide #col-content #tchat-content, #interdiction #col-content #tchat-content{padding-bottom:10px}
  #valide #col-content #button-tchat, #interdiction #col-content #button-tchat{bottom:11px}
  #content-tchat .col-xs-3 {width: 12%}
  #container-tchat{ background-color: transparent}
  #content-tchat .row{margin-top: 0;margin-bottom: 0}
  #content-tchat .row.user{margin-top: 10px;}
  #button-tchat {right:inherit}
  .one-sign {padding:0}

  label {font-size: 13px;}

  /* contact */
  #contact {background: 0 none}
  /* #contact .container{width: 620px;padding-top: 50px} */
  #contact #blk-desk .btn-tel{margin-bottom:10px;margin-top:10px}
  #contact #blk-desk .blk-tel-mob{margin-bottom:0;position: relative;right: -100px;bottom: 65px}
  #contact #blk-desk .phone-strange{text-align: left;padding-top: 15px}
  #contact #blk-desk .blk-height-desk{max-height: 330px}
  #contact .bg-pink-contact{box-shadow: 0 5px 7px #818181;}

  /* text-consult */
  #text-consult .blk-only-desk {background-image: url(../images/bg-text-desk.jpg);background-repeat: no-repeat;background-size: contain;background-position: bottom;height: 650px}
  #text-consult .blk-only-desk p{margin-bottom: 0}
  #text-consult .blk-text-consult {width: 620px;margin: 0 auto;border-radius:15px;box-shadow: 0 5px 7px #818181;}
}
@media screen and (min-width: 1200px) {
	#callback.border-top-gray{border-top: 1px solid var(--blue-light)}
	#callback{margin-top:15px}
}
@media screen and (min-width: 1440px) {
  /* header */
  #header-desk h1 .img-title-desk {width: inherit}
}

/************/
/* OLD A VERIFIER SI BESOIN */

#footer-landing{background-color: #FCFDFF;background-image: url(../images/footer.png);background-repeat: no-repeat;width:100%;height: 230px;border-bottom: 8px solid #febbc0;background-position: center;}

.col-lg-offset-ext{margin-left:38.5%}
.soc_nav {float:right;margin-bottom:0;}
.soc_nav li {margin:0 0 0 10px;display: inline-block}
.soc_nav li:first-child {margin-left: 0}
.soc_nav li a {font-size:17px;display:block;text-align:center;height:40px;width:40px;}
.soc_nav li a i{line-height:40px;}
/************/
/* CONTENTS */

/* Signs ======*/
@keyframes fade-in-up {
  0%{opacity: 0;transform: none;}
  100%{opacity: 1;transform: translate3d(0, -85%, 0);}
}

@keyframes fade-out-down {
  0%{opacity: 1;transform: translate3d(0, -85%, 0);}
  100%{transform: none;opacity: 0;display:none;visibility:hidden}
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fade-out-down {
  animation-name: fade-out-down;
}

.fade-in-up {
  animation-name: fade-in-up;
}

.zodiac{font-size:30px}
.zodiac-text{font-size:10px}

@-moz-keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}
.write-1 {
	-webkit-animation: fade-in 0.2s linear infinite alternate;
	-moz-animation: fade-in 0.2s linear infinite alternate;
	-ms-animation: fade-in 0.2s linear infinite alternate;
	-o-animation: fade-in 0.2s linear infinite alternate;
	animation: fade-in 0.2s linear infinite alternate;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.write-2 {
	-webkit-animation: fade-in 0.2s linear infinite alternate;
	-moz-animation: fade-in 0.2s linear infinite alternate;
	-ms-animation: fade-in 0.2s linear infinite alternate;
	-o-animation: fade-in 0.2s linear infinite alternate;
	animation: fade-in 0.2s linear infinite alternate;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.write-3 {
	-webkit-animation: fade-in 0.2s linear infinite alternate;
	-moz-animation: fade-in 0.2s linear infinite alternate;
	-ms-animation: fade-in 0.2s linear infinite alternate;
	-o-animation: fade-in 0.2s linear infinite alternate;
	animation: fade-in 0.2s linear infinite alternate;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

/* SMILEYS */
.sprite {background-image: url(../images/smileys.png);background-repeat: no-repeat;display: inline-block;}
.sprite-bisou {width: 25px;height: 25px;background-position: -5px -5px;}
.sprite-coeur-bleu {width: 25px;height: 25px;background-position: -40px -5px;}
.sprite-coeur-brise {width: 25px;height: 25px;background-position: -75px -5px;}
.sprite-coeur-etoile {width: 25px;height: 25px;background-position: -110px -5px;}
.sprite-coeur-fleche {width: 25px;height: 25px;background-position: -5px -40px;}
.sprite-coeur-jaune {width: 25px;height: 25px;background-position: -40px -40px;}
.sprite-coeur-rose {width: 25px;height: 25px;background-position: -75px -40px;}
.sprite-coeur-rouge {width: 25px;height: 25px;background-position: -110px -40px;}
.sprite-coeur-vert {width: 25px;height: 25px;background-position: -5px -75px;}
.sprite-coeur-violet {width: 25px;height: 25px;background-position: -40px -75px;}
.sprite-couple {width: 25px;height: 25px;background-position: -75px -75px;}
.sprite-couple-bisou {width: 25px;height: 25px;background-position: -110px -75px;}
.sprite-couple-coeur {width: 25px;height: 25px;background-position: -5px -110px;}
.sprite-face-bisou {width: 25px;height: 25px;background-position: -40px -110px;}
.sprite-face-clindoeil {width: 25px;height: 25px;background-position: -75px -110px;}
.sprite-face-coeur {width: 25px;height: 25px;background-position: -110px -110px;}
.sprite-face-langue {width: 25px;height: 25px;background-position: -145px -5px;}
.sprite-face-langueoeil {width: 25px;height: 25px;background-position: -145px -40px;}
.sprite-face-larme {width: 25px;height: 25px;background-position: -145px -75px;}
.sprite-face-pleure {width: 25px;height: 25px;background-position: -145px -110px;}
.sprite-face-rire {width: 25px;height: 25px;background-position: -5px -145px;}
.sprite-face-sourire {width: 25px;height: 25px;background-position: -40px -145px;}
.sprite-face-triste {width: 25px;height: 25px;background-position: -75px -145px;}